:root{color:#edf0f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0f19;font-family:Malgun Gothic,system-ui,sans-serif}.brand-opening{background:#000;border:1px solid #414353;border-radius:10px;margin:0 0 28px;overflow:hidden;box-shadow:0 16px 60px #0006}.brand-opening video,.brand-opening>img{object-fit:contain;background:#000;width:100%;height:clamp(170px,32vw,380px);display:block}.opening-bar{background:#101522;border-top:1px solid #282a38;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.opening-bar>span{color:#e6ad64;letter-spacing:1px;font:10px monospace}.opening-bar>div{flex-wrap:wrap;justify-content:flex-end;display:flex}@media (width<=700px){.opening-bar{flex-direction:column;padding:8px}.opening-bar .text-button{font-size:10px}.brand-opening{margin-bottom:18px}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(at 50% 0,#222239 0,#0000 65%);min-height:100vh;margin:0}main{max-width:1152px;margin:auto;padding:32px 36px 24px}body.game-focus main{max-width:1600px;padding-top:16px}body.game-focus .page-header{margin-bottom:10px}body.game-focus #stage{width:min(100%,177.778svh - 231.111px);margin-inline:auto;scroll-margin-top:12px}.command-guide{background:#131b2a;border:1px solid #38445a;border-radius:8px;margin-top:26px;padding:24px}.command-guide h2{color:#ffcf88;margin:0 0 12px;font-size:21px}.command-guide p,.command-guide dd{color:#acbbd0;font-size:12px;line-height:1.9}.command-columns{grid-template-columns:1fr 1fr;gap:30px;display:grid}.command-guide h3{color:#f1e8dc;font-size:15px}.command-guide dt{color:#9ddcff;margin-top:16px;font-size:13px;font-weight:700}.command-guide dd{margin:6px 0 0}@media (width<=700px){.command-columns{grid-template-columns:1fr;gap:12px}.command-guide{padding:16px}body.game-focus main{padding:12px}body.game-focus #stage{width:100%}}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.eyebrow{color:#d6ab75;letter-spacing:3px;font-size:10px;font-weight:700}h1{letter-spacing:-2px;margin:6px 0;font-size:34px}h1 em{color:#ffc86b;font-style:normal}.build-tag{letter-spacing:1px;color:#a3acbd;border:1px solid #33394c;border-radius:4px;padding:10px 13px;font-size:10px}.build-tag i{background:#80cdb0;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.arena-heading{color:#a2a8b9;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #80d4ff}.text-button{color:#b0b6c6;background:0 0;border:0;padding:8px;font-size:11px}#stage{aspect-ratio:16/9;border:1px solid #3d3c50;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0005}#game{position:absolute;inset:0}#game canvas{display:block}.hud{pointer-events:none;grid-template-columns:1fr 11% 1fr;gap:2.5%;display:grid;position:absolute;top:5%;left:4%;right:4%}.name-line{color:#dfc6a4;justify-content:space-between;margin-bottom:8px;font-size:clamp(9px,1.2vw,13px);display:flex}.opponent .name-line{color:#9cd5ef}.health-track{background:#0c111e;border:1px solid #ffffff45;height:18px;padding:3px;transform:skew(-10deg)}.health-track div{background:linear-gradient(90deg,#b78042,#ffda87);height:100%;transition:width .1s}.opponent .health-track{justify-content:end;display:flex;transform:skew(10deg)}.opponent .health-track div{background:linear-gradient(90deg,#80deff,#3b83ac)}.wins{color:#ffcd73;letter-spacing:5px;margin-top:7px;font-size:14px;display:block}.opponent .wins{text-align:right;color:#8cd9ff}.clock{text-align:center}.clock strong{color:#ffdb93;font-family:monospace;font-size:clamp(20px,4vw,46px);line-height:1}.clock small{letter-spacing:1px;margin-top:8px;font-size:8px;display:block}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080c17c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.panel{text-align:center;width:min(360px,100%)}.panel h2{letter-spacing:-1px;margin:12px 0;font-size:clamp(22px,3.2vw,38px);line-height:1.3}.panel p{color:#b4bdd0;margin:10px 0 20px;font-size:12px;line-height:1.9}.panel label{text-align:left;color:#a4aec4;margin-bottom:8px;font-size:10px;display:block}select{color:#f1ede6;background:#1d2335;border:1px solid #4a4e64;border-radius:4px;width:100%;padding:12px}.primary{color:#271e15;background:#ffca77;border:0;border-radius:4px;justify-content:space-between;width:100%;margin:12px 0;padding:14px 20px;font-weight:800;display:flex}.primary:hover{background:#ffe0a8}.secondary{color:#c4cede;background:0 0;border:1px solid #48536a;border-radius:4px;width:100%;padding:10px}.panel small{color:#8f9ab0;margin-top:9px;font-size:10px;line-height:1.8;display:block}.round-message{text-align:center;color:#ffda8b;text-shadow:3px 3px #000;pointer-events:none;width:100%;font-size:clamp(22px,5vw,58px);font-weight:900;position:absolute;top:38%}#feedback{color:#fff0cc;pointer-events:none;font:700 20px monospace;position:absolute;top:24%;left:6%}.guide{border-bottom:1px solid #252c3e;grid-template-columns:1.2fr 1.2fr 1fr;gap:20px;margin-top:26px;padding-bottom:20px;display:grid}.guide-label{letter-spacing:2px;color:#77849b;font-size:9px}.guide p{color:#b5bed0;margin-bottom:0;font-size:11px;line-height:2}kbd{background:#1c2435;border:1px solid #394357;border-bottom-width:3px;border-radius:4px;margin:0 4px;padding:1px 6px;font-size:11px;display:inline-block}.hint{color:#8795ae;margin-left:8px}footer{color:#69778f;letter-spacing:1px;justify-content:space-between;margin-top:18px;font-size:9px;display:flex}.touch-controls{justify-content:space-between;margin-top:14px;display:none}.touch-controls div{gap:7px;display:flex}.touch-controls button{touch-action:none;-webkit-user-select:none;user-select:none;color:#eee;background:#202b40;border:1px solid #495774;border-radius:7px;width:44px;height:44px}.touch-controls button:active{background:#735b39}.art-review{background:#151c2a;border:1px solid #303a4e;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:30px;padding:24px;display:grid}.art-copy h2{color:#f4e8d6;letter-spacing:-1px;font-size:23px;line-height:1.5}.art-copy p{color:#b2bbce;font-size:11px;line-height:1.9}.art-copy .eyebrow{color:#d6ab75;font-size:9px}.art-copy .art-note{color:#7f8da7;margin-top:22px;font-size:10px}.art-review figure{min-width:0;margin:0}.sprite-display{background:radial-gradient(at 50% 70%,#66533840,#0000 70%);border-bottom:1px solid #6d5b4055}.sprite-display img{width:100%;height:auto;image-rendering:pixelated;display:block}.art-review figcaption{color:#afbacd;margin-top:12px;font-size:10px;line-height:1.8}.art-review figcaption span{color:#d8ad73;letter-spacing:2px;font:9px monospace;display:block}.animation-figure{grid-column:span 2;align-self:center}#animation-preview{width:100%;height:auto;image-rendering:pixelated;border:1px solid #3a4358;border-radius:6px;display:block}.art-copy label{color:#a4aec4;margin:14px 0 7px;font-size:10px;display:block}.motion-buttons{gap:7px;margin-top:8px;display:flex}.motion-buttons button,.motion-buttons select{flex:1;width:auto;padding:8px;font-size:10px}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.frame-step{gap:8px;margin-top:12px;display:flex}.frame-step button{width:auto;padding:8px 12px;font-size:10px}.skill-controls{background:#121b2b;border:1px solid #34405a;border-radius:6px;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:12px;margin-top:16px;padding:14px;display:grid}.skill-controls p{color:#c7d5ea;margin:6px 0;font-size:11px;line-height:1.6}.skill-controls button{font-size:11px;line-height:1.6}.panel #mode{margin-top:8px}@media (width<=700px){.skill-controls{grid-template-columns:1fr 1fr}.skill-controls>div{grid-column:1/-1}.touch-controls button{width:36px;height:42px}.touch-controls div{gap:4px}.panel small{line-height:1.4}.art-review{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.art-copy{grid-column:1/-1}.art-copy h2{margin:8px 0}.art-copy h2 br{display:none}.art-copy .art-note{margin-top:8px}}@media (pointer:coarse){.touch-controls{display:flex}}@media (width<=700px){main{padding:16px 12px}h1{font-size:26px}.build-tag{padding:7px;font-size:8px}.page-header{margin-bottom:14px}.guide{grid-template-columns:1fr;gap:7px;margin-top:16px}.guide p{margin-left:8px;display:inline}.panel{max-width:290px}.panel .eyebrow{margin:0}.panel h2{margin:6px 0;font-size:22px}.panel p{margin:6px 0;font-size:10px}.panel label{display:none}.panel small{margin-top:4px;font-size:8px}select{padding:6px;font-size:12px}.primary{margin:7px 0;padding:9px 14px;font-size:12px}.health-track{height:12px;padding:2px}.name-line{margin-bottom:4px}.wins{margin-top:3px;font-size:10px}footer{gap:10px;line-height:1.7}.overlay{overflow-y:auto}.clock small{margin-top:4px;font-size:6px}}@media (width<=480px){#stage{aspect-ratio:4/3}.panel h2 br{display:none}.panel h2{font-size:20px}.panel p{margin-bottom:6px}.panel small{font-size:8px}.build-tag{letter-spacing:0}.eyebrow{letter-spacing:2px}}body.intro-active{background:#000;overflow:hidden}body.intro-active main>:not(.brand-opening){visibility:hidden}.intro-active .brand-opening{z-index:1000;box-shadow:none;background:#000;border:0;border-radius:0;margin:0;position:fixed;inset:0}.intro-active .brand-opening video{object-fit:contain;width:100%;height:100svh}.intro-active .opening-bar{background:linear-gradient(#0000,#000c);border:0;padding:24px;position:absolute;bottom:0;left:0;right:0}.opening-bar>span{display:none}body.game-focus main,main{max-width:none;padding:0 22px 16px}.page-header,body.game-focus .page-header{gap:20px;height:78px;margin:0;display:flex}.brand-home{flex-shrink:0;width:160px;display:block}.brand-home img{object-fit:contain;width:100%;height:66px;display:block}.page-header nav{align-self:stretch;align-items:center;gap:20px;display:flex}.page-header nav button{color:#8290a8;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 3px;font-size:13px}.page-header nav button[aria-selected=true]{color:#ffcf88;border-bottom-color:#ffcf88}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}#help-open,#help-close{color:#e7d6b7;background:#1c263a;border:1px solid #56627b;border-radius:50%;width:32px;height:32px;font-size:19px}.arena-heading{max-width:1500px;margin:0 auto 6px}body.game-focus #stage,#stage{aspect-ratio:16/9;width:min(100%,177.778svh - 209.778px);margin-inline:auto}dialog{color:#edf0f7;background:#101827;border:1px solid #526079;border-radius:12px;width:min(900px,94vw);max-height:88svh;padding:24px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000b}.help-heading{justify-content:space-between;align-items:center;display:flex}.help-heading h2{margin:0;font-size:24px}dialog .guide{grid-template-columns:1fr;gap:4px}dialog .command-guide{padding:16px}#lab-view{max-width:1200px;margin:0 auto}#lab-view .art-review{margin-top:12px}@media (width<=700px){main,body.game-focus main{padding:0 10px 12px}.page-header,body.game-focus .page-header{gap:10px;height:64px}.brand-home{width:95px}.brand-home img{height:54px}.page-header nav{gap:10px}.page-header nav button{padding:10px 0;font-size:11px}.header-actions{gap:5px}.header-actions .text-button{padding:3px;font-size:10px}#help-open{width:27px;height:27px}dialog{padding:16px}body.game-focus #stage,#stage{width:100%}.intro-active .opening-bar{padding:12px}.touch-controls{max-width:700px;margin-inline:auto}}