:root{color:#f8fafc;background:#05070a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #05070a;--bg-raised: rgba(10, 15, 22, .94);--panel: rgba(9, 14, 21, .84);--panel-strong: rgba(13, 19, 29, .96);--line: rgba(147, 197, 253, .2);--line-hot: rgba(34, 211, 238, .42);--text: #f8fafc;--muted: #93a4b8;--cyan: #22d3ee;--red: #fb4d5d;--gold: #facc15;--green: #72f6a5;--danger: #ef4444;--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:linear-gradient(180deg,#111827d1,#05070af5 42%,#020306),repeating-linear-gradient(90deg,rgba(34,211,238,.06) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(251,77,93,.045) 0 1px,transparent 1px 76px),#05070a}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(34,211,238,.08),transparent 22%,transparent 78%,rgba(251,77,93,.08)),linear-gradient(180deg,transparent,rgba(0,0,0,.48))}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:18px clamp(12px,2.6vw,34px) 34px}.match-bar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,620px) minmax(240px,1fr);gap:16px;align-items:stretch;margin-bottom:18px}.brand-stack,.match-card,.match-telemetry{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0f172ae6,#060a10e0),var(--panel);box-shadow:inset 0 1px #ffffff14,0 18px 50px #0000005c}.brand-stack{display:grid;align-content:center;gap:5px;min-height:92px;padding:14px 16px;border-left-color:#22d3ee9e}.brand-kicker,.match-status,.cluster-title span,.field span,.metric-label,.log-title,.status-label,.record-audio-state,.speed-scale span{color:var(--muted);font-size:11px;font-weight:850;line-height:1.2;text-transform:uppercase;letter-spacing:0}.brand-name{color:#fff;font-size:clamp(20px,2.3vw,30px);font-weight:950;line-height:1;text-shadow:0 0 22px rgba(34,211,238,.35)}.language-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(190px,100%);margin-top:8px;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:#02060c85}.language-option{min-height:30px;border:0;color:var(--muted);background:transparent;font-size:12px;font-weight:900;line-height:1}.language-option:hover,.language-option:focus-visible{color:#fff;outline:none;background:#22d3ee1f}.language-option.active{color:#031018;background:linear-gradient(135deg,var(--cyan),var(--gold));box-shadow:0 0 18px #22d3ee38}.match-card{position:relative;display:grid;justify-items:center;align-content:center;gap:7px;min-height:92px;overflow:hidden;padding:12px 20px;text-align:center}.match-card:before,.match-card:after{position:absolute;top:0;bottom:0;width:3px;content:"";background:linear-gradient(180deg,transparent,var(--cyan),transparent)}.match-card:before{left:0}.match-card:after{right:0;background:linear-gradient(180deg,transparent,var(--red),transparent)}.match-card h1{max-width:100%;margin:0;color:#fff;font-size:clamp(28px,3.6vw,46px);font-weight:950;line-height:.98;letter-spacing:0;text-wrap:balance;text-shadow:0 0 22px rgba(34,211,238,.26),0 0 26px rgba(251,77,93,.2)}.match-status{display:inline-flex;align-items:center;gap:8px;min-height:24px;border:1px solid rgba(34,211,238,.32);border-radius:999px;padding:4px 10px;color:#b7f7ff;background:#22d3ee14}.match-status:before{width:7px;height:7px;border-radius:999px;content:"";background:var(--muted)}.match-status.live:before{background:var(--red);box-shadow:0 0 14px #fb4d5dcc}.winner-line{min-height:20px;margin:0;color:#cbd5e1;font-size:13px;font-weight:850;line-height:1.2;opacity:.74;transition:color .16s ease,opacity .16s ease}.winner-line.visible{color:var(--gold);opacity:1;text-shadow:0 0 18px rgba(250,204,21,.35)}.match-telemetry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;min-height:92px}.match-telemetry span{display:grid;place-items:center;gap:4px;min-width:0;border-left:1px solid rgba(148,163,184,.12);padding:10px 8px;color:var(--muted);font-size:11px;font-weight:850;line-height:1.2;text-transform:uppercase}.match-telemetry span:first-child{border-left:0}.match-telemetry strong{color:#fff;font-size:clamp(18px,2vw,25px);font-weight:950;line-height:1}.battle-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(360px,1fr) minmax(220px,300px);gap:18px;align-items:start}.arena-column{display:grid;gap:14px;min-width:0;justify-items:stretch}.arena-frame{position:relative;display:grid;gap:9px;width:min(100%,660px,calc(100vh - 280px));justify-self:center;border:1px solid rgba(34,211,238,.28);border-radius:var(--radius);padding:10px;background:linear-gradient(180deg,#080d14f5,#04070bfa),var(--bg-raised);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 34px #22d3ee0f,0 24px 80px #00000094}.arena-frame:before,.arena-frame:after{position:absolute;width:42px;height:42px;pointer-events:none;content:""}.arena-frame:before{top:-1px;left:-1px;border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.arena-frame:after{right:-1px;bottom:-1px;border-right:2px solid var(--red);border-bottom:2px solid var(--red)}.arena-frame-header,.arena-frame-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;color:#a9bbcf;font-size:11px;font-weight:900;line-height:1;text-transform:uppercase}.arena-frame-footer span:first-child{color:#b7f7ff}.arena-frame-footer span:last-child{color:#ffc0c7}.canvas-shell{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(226,232,240,.2);border-radius:4px;background:#000;box-shadow:0 0 0 1px #22d3ee33,0 0 34px #22d3ee1f,0 0 48px #fb4d5d14}.canvas-shell:after{position:absolute;inset:0;pointer-events:none;content:"";background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),linear-gradient(90deg,rgba(34,211,238,.08),transparent 28%,transparent 72%,rgba(251,77,93,.08));mix-blend-mode:screen;opacity:.48}.battle-canvas{display:block;width:100%;height:100%;background:#000}.side-panel,.control-panel{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0f172adb,#070a10e0),var(--panel);box-shadow:inset 0 1px #ffffff12,0 18px 55px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.side-panel{position:relative;display:grid;gap:14px;overflow:hidden;padding:14px}.side-panel:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:linear-gradient(180deg,transparent,var(--fighter-color, var(--cyan)),transparent)}.control-panel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;width:min(100%,900px);justify-self:center;padding:10px}.control-cluster{display:grid;align-content:start;gap:10px;min-width:0;border-top:1px solid rgba(148,163,184,.18);padding:10px 8px 4px}.setup-cluster,.action-cluster,.speed-field{grid-column:span 4}.sound-panel,.record-panel{grid-column:span 6}.cluster-title,.record-header,.speed-field-header,.speed-scale{display:flex;justify-content:space-between;gap:12px;align-items:center}.cluster-title strong,.record-status,.speed-field-header strong{color:#fff;font-size:13px;font-weight:950;line-height:1.2}.record-status.active{color:#fecaca;text-shadow:0 0 14px rgba(251,77,93,.58)}.selector-grid,.button-grid,.record-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field{display:grid;gap:6px;min-width:0}.field select{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.24);border-radius:6px;color:var(--text);background:#070b12;padding:0 10px;outline:none}.field select:hover:not(:disabled){border-color:#22d3ee85}.field select:focus-visible,.speed-range:focus-visible,.record-toggle input:focus-visible,.control-button:focus-visible,.speed-step-button:focus-visible{outline:2px solid rgba(34,211,238,.86);outline-offset:2px}.speed-control-row{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;align-items:center}.speed-step-button{width:38px;height:32px;border:1px solid rgba(148,163,184,.28);border-radius:6px;color:#fff;background:#0f172ae6;font-size:18px;font-weight:950;line-height:1}.speed-step-button:hover:not(:disabled){border-color:#22d3ee9e;background:#22d3ee1c}.speed-range{width:100%;min-height:28px;margin:0;accent-color:var(--cyan);cursor:pointer}.control-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;border:1px solid rgba(148,163,184,.24);border-radius:6px;color:var(--text);background:linear-gradient(180deg,#1e293be6,#0b121cf0);font-size:14px;font-weight:900;line-height:1.2;text-decoration:none;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}.control-button:hover:not(:disabled){transform:translateY(-1px);border-color:#22d3ee9e;background:linear-gradient(180deg,#22d3ee2e,#0f172af0);box-shadow:0 0 18px #22d3ee24}.control-button.primary{border-color:#facc15bd;color:#121008;background:linear-gradient(180deg,#fde68a,#facc15 52%,#d97706);box-shadow:inset 0 1px #ffffff61,0 0 28px #facc153d}.control-button.danger{border-color:#fb4d5d9e;color:#ffe4e8;background:linear-gradient(180deg,#7f1d1dc2,#450a0ad1)}.record-toggle{display:flex;align-items:center;gap:8px;min-width:0;min-height:28px;color:#e5eef9;font-size:13px;font-weight:850;line-height:1.3}.record-toggle input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--cyan)}.toggle-row,.sound-volume-field{display:grid;gap:6px}.health-card{display:grid;gap:11px}.health-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.fighter-name{min-width:0;color:#fff;font-size:20px;font-weight:950;line-height:1.1;text-shadow:0 0 16px var(--fighter-color, rgba(34, 211, 238, .4))}.fighter-health{color:#eaf6ff;font-size:13px;font-weight:900;white-space:nowrap}.health-track{position:relative;overflow:hidden;height:14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#020617db}.health-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bar-color),#ffffff);box-shadow:0 0 20px var(--bar-color);transition:width .12s linear}.fighter-meta,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}.metric{display:grid;min-width:0;gap:4px;border-top:1px solid rgba(148,163,184,.14);padding-top:9px}.metric-value{color:#fff;font-size:18px;font-weight:950;line-height:1.05}.status-row{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.status-chip{border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:4px 8px;color:#fff;background:#0f172abd;font-size:12px;font-weight:850}.log-panel{display:grid;gap:10px}.log-title{display:flex;justify-content:space-between;align-items:center}.log-list{display:grid;gap:7px;min-height:250px;max-height:336px;overflow:hidden}.log-entry{display:grid;grid-template-columns:44px 1fr;gap:8px;align-items:start;border-left:2px solid rgba(34,211,238,.34);padding-left:8px;color:#dce8f5;font-size:12px;font-weight:700;line-height:1.35}.log-time{color:#8ba0b8;font-weight:900}.empty-log{color:#708197;font-size:13px;font-weight:800}.seo-content{display:grid;gap:clamp(18px,2.4vw,28px);margin-top:32px;border-top:1px solid rgba(148,163,184,.14);padding-top:28px}.seo-content h2,.seo-content h3,.seo-content p,.seo-content ol{margin:0}.seo-content h2{color:#fff;font-size:clamp(24px,3vw,38px);font-weight:950;line-height:1.08}.seo-content h3{color:#fff;font-size:18px;font-weight:950;line-height:1.2}.seo-content p,.seo-content li{color:#bcc8d7;font-size:15px;font-weight:650;line-height:1.72}.section-kicker{display:inline-flex;width:fit-content;align-items:center;min-height:28px;border:1px solid rgba(34,211,238,.32);border-radius:999px;padding:0 10px;color:#b8f7ff;background:#22d3ee14;font-size:11px;font-weight:950;letter-spacing:0;line-height:1;text-transform:uppercase}.guide-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:clamp(18px,2.5vw,28px);align-items:stretch;overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);padding:clamp(18px,2.5vw,28px);background:linear-gradient(135deg,rgba(34,211,238,.15),transparent 32%,rgba(250,204,21,.07) 61%,rgba(251,77,93,.14)),#080c12db}.guide-hero:before,.guide-hero:after{position:absolute;top:0;bottom:0;width:3px;pointer-events:none;content:""}.guide-hero:before{left:0;background:linear-gradient(180deg,var(--cyan),transparent 72%)}.guide-hero:after{right:0;background:linear-gradient(180deg,transparent 18%,var(--red))}.guide-copy{display:grid;align-content:start;gap:14px;min-width:0}.citation-panel{display:grid;gap:10px;border:1px solid rgba(248,250,252,.18);border-left:3px solid var(--gold);border-radius:var(--radius);padding:16px;background:#f8fafc0e}.quick-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quick-fact{display:grid;align-content:center;min-height:86px;border:1px solid rgba(148,163,184,.16);border-radius:var(--radius);padding:12px;background:#05070a6b}.quick-fact strong{display:block;color:#fff;font-size:clamp(24px,3vw,34px);font-weight:950;line-height:1}.quick-fact span{display:block;margin-top:6px;color:#9fb0c4;font-size:12px;font-weight:850;line-height:1.35}.seo-preview{display:grid;align-content:start;gap:12px;margin:0;min-width:0}.preview-frame{position:relative;display:grid;min-height:360px;overflow:hidden;place-items:center;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);background:linear-gradient(90deg,rgba(34,211,238,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(251,77,93,.09) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(250,204,21,.12),transparent 48%),#05070a;background-size:44px 44px,44px 44px,auto,auto}.preview-frame:before{position:absolute;inset:9%;border:1px solid rgba(248,250,252,.12);border-radius:50%;content:""}.preview-frame:after{position:absolute;inset:20%;border:1px dashed rgba(34,211,238,.22);border-radius:50%;content:""}.preview-frame img{position:relative;z-index:1;display:block;width:min(78%,360px);max-height:82%;object-fit:contain;filter:drop-shadow(0 22px 38px rgba(0,0,0,.46))}.seo-preview figcaption{color:#aebbc9;font-size:13px;font-weight:750;line-height:1.65}.seo-preview figcaption strong{margin-right:8px;color:#fff;font-weight:950}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seo-panel,.roster-shell,.table-scroll,.faq-item{border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);background:#090e15a8}.seo-panel{display:grid;align-content:start;gap:14px;min-height:100%;padding:18px}.panel-heading{display:grid;gap:8px}.timeline-list{display:grid;gap:10px;padding:0;list-style:none}.timeline-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;min-height:48px;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius);padding:8px;background:#0f172a70}.timeline-step{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(34,211,238,.32);border-radius:999px;color:#fff;background:#22d3ee1f;font-size:13px;font-weight:950;line-height:1}.recording-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.recording-list div{display:grid;align-content:start;gap:6px;min-height:112px;border:1px solid rgba(148,163,184,.12);border-radius:var(--radius);padding:12px;background:#0f172a75}.recording-list strong{color:#fff;font-size:13px;font-weight:950;line-height:1.35}.recording-list span{color:#9fb0c4;font-size:12px;font-weight:750;line-height:1.55}.fighter-seo-table{display:grid;gap:14px}.roster-shell{padding:18px;background:linear-gradient(90deg,rgba(34,211,238,.075),transparent 38%,rgba(251,77,93,.075)),#090e15b8}.roster-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,430px);gap:16px;align-items:end}.roster-head>div{display:grid;gap:8px}.roster-head p{color:#9fb0c4;font-size:13px;font-weight:800;line-height:1.55;text-align:right}.table-scroll{overflow-x:auto;background:#05070a6b}.fighter-seo-table table{width:100%;min-width:860px;border-collapse:collapse}.fighter-seo-table caption{padding:12px 14px;color:var(--muted);font-size:12px;font-weight:850;text-align:left}.fighter-seo-table th,.fighter-seo-table td{border-top:1px solid rgba(148,163,184,.12);padding:12px 14px;color:#cbd5e1;font-size:13px;line-height:1.5;text-align:left;vertical-align:top}.fighter-seo-table th{color:#fff;font-weight:950}.role-chip{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(34,211,238,.24);border-radius:999px;padding:0 10px;color:#d7fbff;background:#22d3ee14;font-size:12px;font-weight:900;line-height:1.2}.skill-note{display:block;margin-top:6px;color:#93a4b8;font-size:12px;font-weight:800}.seo-faq{display:grid;gap:14px}.faq-accordion{display:grid;gap:10px}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-item{display:grid;align-content:start;min-height:100%}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:14px;color:#fff;cursor:pointer;font-size:15px;font-weight:950;line-height:1.35;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";display:inline-grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border:1px solid rgba(148,163,184,.2);border-radius:999px;color:#fff;background:#0f172abd;font-size:18px;line-height:1}.faq-item[open] summary:after{content:"-"}.faq-item summary:focus-visible{outline:2px solid rgba(34,211,238,.86);outline-offset:2px}.faq-item p{margin:0;border-top:1px solid rgba(148,163,184,.12);padding:0 14px 14px}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;margin-top:28px;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);padding:16px;background:linear-gradient(90deg,rgba(34,211,238,.08),transparent 36%,rgba(251,77,93,.08)),#090e159e}.footer-brand{display:grid;gap:5px;min-width:0}.footer-brand span{color:#fff;font-size:18px;font-weight:950;line-height:1.1}.footer-brand p,.footer-meta{margin:0;color:var(--muted);font-size:12px;font-weight:850;line-height:1.35}.footer-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.footer-links a{display:inline-flex;align-items:center;min-height:32px;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:0 12px;color:#dce8f5;background:#0f172a94;font-size:12px;font-weight:900;line-height:1;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible{border-color:#22d3ee9e;color:#fff;outline:none;box-shadow:0 0 18px #22d3ee24}@media(max-width:1180px){.match-bar{grid-template-columns:1fr}.brand-stack{min-height:auto}.match-telemetry{min-height:70px}.battle-layout{grid-template-columns:1fr}.left-side{order:2}.arena-column{order:1}.right-side{order:3}.side-panel{width:min(100%,760px);justify-self:center}.guide-hero{grid-template-columns:1fr}.seo-preview{max-width:680px}}@media(max-width:780px){.app-shell{padding:12px 10px 28px}.match-card h1{font-size:clamp(27px,8vw,40px)}.control-panel{grid-template-columns:1fr}.setup-cluster,.action-cluster,.speed-field,.sound-panel,.record-panel{grid-column:auto}.selector-grid,.button-grid,.record-button-grid,.fighter-meta,.metric-grid,.guide-grid,.quick-facts,.recording-list,.faq-grid{grid-template-columns:1fr}.arena-frame{width:min(100%,620px);padding:8px}.seo-content{margin-top:24px}.guide-hero,.seo-panel,.roster-shell{padding:14px}.preview-frame{min-height:260px}.roster-head{grid-template-columns:1fr;align-items:start}.roster-head p{text-align:left}.site-footer{grid-template-columns:1fr;justify-items:start}.footer-links{justify-content:flex-start}}@media(max-width:520px){.match-telemetry{grid-template-columns:1fr}.match-telemetry span{grid-template-columns:auto 1fr;place-items:center start;border-top:1px solid rgba(148,163,184,.12);border-left:0;padding:8px 12px}.match-telemetry span:first-child{border-top:0}.control-button,.field select{min-height:40px}.log-list{min-height:180px}.quick-fact,.recording-list div{min-height:auto}.preview-frame{min-height:220px}}