:root{--amber:#ffc349;--ink:#111b1c;--muted:#a7afab;--line:#ffffff22;--white:#f3f0e4}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#17282b;color:var(--white);font-family:Segoe UI,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:5px}button:disabled{opacity:.55;cursor:wait}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#0b141de8 0%,#0e1a2288 38%,#13211e11 65%,#0c181b88 100%),linear-gradient(0deg,#101b21bb,transparent 27%);transition:opacity 1s}body.playing .vignette{opacity:.35}#flash{position:absolute;inset:0;pointer-events:none;z-index:20;opacity:0;background:#ffdfaa}.topbar{position:absolute;top:0;left:0;width:100%;height:92px;padding:0 4.1%;display:flex;justify-content:space-between;align-items:center;z-index:10;border-bottom:1px solid #ffffff15}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:1.8px;color:var(--white)}.brand-ball{display:grid;place-items:center;border:1px solid var(--amber);width:31px;height:31px;border-radius:50%;color:var(--amber);font-size:19px}.brand-light{font-weight:400;opacity:.8}.top-right{display:flex;align-items:center;gap:12px}.build-label{font-size:10px;letter-spacing:2px;margin-right:24px;color:#cfddd1}.icon-button{background:#10202466;border:1px solid #ffffff29;width:35px;height:35px;border-radius:50%;font-size:18px}.icon-button:hover{border-color:var(--amber)}.selection{position:absolute;inset:92px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 6.4% 80px 7.2%;pointer-events:none;gap:30px}.selection>*{pointer-events:auto}.intro{position:relative;width:52%;max-width:650px;margin-top:-32px}.eyebrow{color:var(--amber);font-size:10px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:11px}.eyebrow>span{width:22px;height:2px;background:var(--amber)}h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:1px;line-height:.89;font-size:clamp(72px,8.3vw,144px);margin:30px 0 24px;position:relative;text-shadow:0 4px 25px #0a1519}h1>span{color:var(--amber);font-size:.78em}h1 i{font-family:serif;font-size:170px;position:absolute;left:10%;top:-10%;color:#e9cf8a0c;z-index:-1;font-style:normal}.intro-copy{font-size:17px;line-height:1.7;color:#d1d8d0;letter-spacing:.3px}.hero-tag{margin-top:35px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2.3px;color:#b8c6c1}.tag-line{width:35px;height:1px;background:var(--amber)}.arena-tag{margin-top:65px;font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#d6e1d2}.arena-tag>span:last-child{font-size:8px;color:#94a6a4;margin-left:15px}.pulse-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.selector-panel{width:380px;flex-shrink:0;padding:27px 29px;background:linear-gradient(145deg,#17262af7,#142127f2);border:1px solid #b9d3bd29;box-shadow:0 20px 70px #0004;position:relative;backdrop-filter:blur(16px)}.selector-panel:before,.selector-panel:after{content:'';position:absolute;width:7px;height:7px;border-color:var(--amber);border-style:solid}.selector-panel:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.selector-panel:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#b4c5bc;margin-bottom:24px}.tiny-square{width:5px;height:5px;border:1px solid var(--amber)}.hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.hero-card{height:102px;background:#0c171e88;border:1px solid #ffffff16;position:relative;padding:8px 0 20px;overflow:hidden;transition:.2s}.hero-card:before{content:'';position:absolute;inset:0;background:radial-gradient(at 50% 65%,#ffc04d22,transparent 65%);opacity:0}.hero-card.selected{border-color:var(--amber);background:#423d2677}.hero-card:hover{background:#45544b77;transform:translateY(-3px)}.hero-card.selected:before{opacity:1}.hero-card img{height:64px;max-width:90%;object-fit:contain;image-rendering:pixelated;position:relative;filter:drop-shadow(0 6px 7px #0007)}.hero-card span{position:absolute;bottom:8px;left:0;right:0;font-size:8px;letter-spacing:1px;font-weight:700}.hero-card.selected span{color:var(--amber)}.hero-dossier{margin-top:25px;display:flex;align-items:center;justify-content:space-between}.overline{font-size:8px;letter-spacing:1.5px;color:var(--amber);margin:0 0 6px}h2{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:1px;font-size:39px;font-weight:400;margin:0}.hero-dossier>span{font-size:36px;font-weight:200;color:#ffffff15}.hero-description{font-size:11px;line-height:1.8;color:#a9bab2;min-height:40px;margin:12px 0 19px}.stats>div{display:flex;align-items:center;gap:16px;margin:9px 0}.stats span{font-size:8px;letter-spacing:1px;width:85px;color:#b6c5bf}.stats i{display:block;height:3px;flex:1;background:linear-gradient(90deg,var(--amber) var(--value),#ffffff14 var(--value));position:relative}.stats i:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 3px),#16252a calc(20% - 3px),#16252a 20%)}.special-summary{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:19px 0 17px;margin-top:18px}.power-icon{font-size:26px;color:var(--amber)}.special-summary small{display:block;font-size:7px;color:var(--muted);letter-spacing:1.7px;margin-bottom:3px}.special-summary strong{font-weight:500;font-size:12px}.special-summary kbd{margin-left:auto}kbd{font-family:inherit;font-size:9px;font-weight:600;display:inline-grid;place-items:center;height:22px;min-width:23px;border:1px solid #d2dfcc38;border-radius:3px;padding:0 5px;color:#c7d5c9;background:#26363866}.start-button{background:var(--amber);border:0;color:#172322;display:flex;align-items:center;justify-content:space-between;padding:17px 21px;width:100%;font-size:11px;font-weight:900;letter-spacing:1.4px;transition:.2s}.start-button:hover{background:#ffda83;box-shadow:0 0 30px #ffbd3522}.start-button>span:last-child{font-size:20px;font-weight:400}.run-note{margin-top:14px;display:flex;justify-content:space-between;font-size:6.5px;letter-spacing:.8px;color:#99aba4}.run-note b{color:#c9d2c4;font-weight:500}.selection-footer{position:absolute;left:4.1%;right:4.1%;bottom:24px;display:flex;gap:22px;align-items:center;border-top:1px solid #ffffff18;padding-top:20px}.selection-footer>div{display:flex;gap:4px;align-items:center}.selection-footer div>span{font-size:8px;letter-spacing:1px;margin-left:7px;color:#b6c5be}.footer-note{margin-left:auto;font-size:7px;letter-spacing:1.4px;color:#9dada5}.hidden{display:none!important}.hud{position:absolute;inset:92px 0 0;pointer-events:none;padding:27px 4.1%}.player-panel{display:flex;gap:14px;align-items:center;position:absolute;top:26px;left:4.1%;padding:14px 20px 12px 10px;background:#112025cb;border:1px solid #ffffff20;min-width:300px}.player-panel>img{height:62px;max-width:65px;object-fit:contain;image-rendering:pixelated}.player-panel>div{flex:1}.hud-player-name{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.hud-player-name>span{font-size:8px;color:var(--amber)}.health-track{height:5px;background:#ffffff22;margin-top:10px;width:200px}.health-track>div{height:100%;background:#b8d66a;transition:width .2s}.energy-track{margin-top:7px;height:2px;background:#ffffff20}.energy-track>div{height:100%;background:var(--amber);transition:width .2s}.health-numbers{display:flex;justify-content:space-between;font-size:7px;color:#c6d2c3;margin-top:5px}.health-numbers>span:last-child{color:var(--amber);font-size:6px;letter-spacing:1px}.run-center{position:absolute;top:26px;left:50%;transform:translateX(-50%);text-align:center}.run-center>span{display:block;font-size:8px;letter-spacing:2px;color:var(--amber)}.run-center>strong{font-size:39px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:3px}.run-center>div{height:2px;width:100px;background:var(--amber);transform-origin:left;transform:scaleX(0)}.kill-panel{position:absolute;right:4.1%;top:30px;text-align:right}.kill-panel>small{font-size:7px;letter-spacing:1.5px;color:#d5d9ca}.kill-panel>strong{font-size:40px;font-weight:200;display:block}.kill-panel>span{display:block;font-size:7px;color:var(--amber);letter-spacing:1.8px}.xp-track{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff16}.xp-track>div{height:100%;background:var(--amber);width:0%;transition:width .2s}.xp-track>span{position:absolute;right:4.1%;top:7px;font-size:6px;letter-spacing:2px;opacity:.65}.ability-bar{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto}.ability{border:1px solid #ced4ae33;display:flex;align-items:center;gap:10px;background:#122128ed;padding:12px 15px;min-width:185px;position:relative;overflow:hidden;text-align:left}.ability>span{font-size:24px;color:var(--amber)}.ability strong{display:block;font-size:8px;letter-spacing:.8px;white-space:nowrap}.ability small{display:block;font-size:7px;color:#b7c5a4;margin-top:5px}.ability kbd{margin-left:auto}.ability.special{border-color:#ffc34988}.ability.cooldown{opacity:.65}.game-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.5px;color:#c4d0bc}.game-hint>span{margin:0 12px;color:var(--amber)}.announcement{position:absolute;top:29%;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;text-shadow:0 3px 22px #000}.announcement>small{display:block;color:var(--amber);font-size:9px;letter-spacing:4px;margin-bottom:9px}.announcement>strong{font-family:Impact,sans-serif;font-size:52px;letter-spacing:3px;font-weight:400}.overlay{position:absolute;inset:0;z-index:30;background:#0b171bcc;backdrop-filter:blur(12px);display:grid;place-items:center}.modal{width:min(860px,90vw);padding:40px;background:#15262cec;border:1px solid #d5d7b632;box-shadow:0 40px 90px #0006;text-align:center}.modal .eyebrow{justify-content:center}.modal h2{font-size:58px;margin-top:15px}.modal>p{font-size:13px;color:#a9bdb2;line-height:1.7}.modal>.start-button{max-width:320px;margin:25px auto 0}.text-button{background:none;border:0;font-size:9px;letter-spacing:1.5px;color:#a8bbb2;padding:20px}.upgrade-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.upgrade-choice{text-align:left;padding:24px 20px;background:#1e343a;border:1px solid #ffffff22;transition:.15s}.upgrade-choice:hover{border-color:var(--amber);transform:translateY(-5px)}.upgrade-choice>span{font-size:33px;color:var(--amber)}.upgrade-choice h3{font-size:14px;margin:18px 0 8px}.upgrade-choice p{font-size:11px;color:#a8bcb0;line-height:1.7}.upgrade-choice>small{font-size:8px;color:var(--amber);letter-spacing:2px}.run-results{display:flex;justify-content:center;gap:50px;margin:30px}.run-results strong{display:block;font-size:33px;color:var(--amber)}.run-results span{font-size:8px;letter-spacing:1.5px}.joystick{display:none;position:absolute;left:25px;bottom:65px;width:100px;height:100px;border-radius:50%;border:1px solid #ffffff33;background:#182c2c88;touch-action:none;z-index:12}.joystick>span{position:absolute;left:33px;top:33px;width:34px;height:34px;background:#ffc34966;border:1px solid #ffc349aa;border-radius:50%;pointer-events:none}.damage-number{position:absolute;font-size:18px;font-weight:900;color:#fff4b6;text-shadow:0 2px 1px #172121;animation:damage .65s forwards;pointer-events:none}.damage-number.crit{font-size:26px;color:#ffc349}.error{position:absolute;z-index:99;left:20%;right:20%;top:40%;padding:30px;background:#222c2c;border:1px solid var(--amber);color:#ffe2a0;text-align:center}@keyframes damage{to{transform:translateY(-55px);opacity:0}}@media(min-width:1500px){.selector-panel{width:420px;padding:33px}.hero-card{height:118px}.hero-card img{height:80px}.selection{padding-right:9%}}@media(max-height:790px) and (min-width:900px){.topbar{height:70px}.selection,.hud{top:70px}.selector-panel{padding:19px 25px}.panel-heading{margin-bottom:16px}.hero-card{height:86px}.hero-card img{height:53px}.hero-dossier{margin-top:16px}.hero-description{margin:8px 0 13px}.special-summary{margin-top:12px;padding:12px 0}.arena-tag{margin-top:35px}.selection{padding-bottom:65px}.selection-footer{bottom:16px;padding-top:14px}}@media(max-width:900px){.selection{padding:0 5% 70px;gap:12px}.selector-panel{width:340px;padding:22px}.intro{width:45%}h1{font-size:74px}.intro-copy{font-size:14px}.arena-tag>span:last-child{display:none}.selection-footer{gap:12px}.footer-note{display:none}.brand{font-size:10px}.build-label{display:none}.ability{min-width:150px;padding:10px}.ability-bar{gap:5px}.player-panel{min-width:235px}.health-track{width:150px}.hero-tag{font-size:7px}}@media(max-width:650px){.topbar{height:62px;padding:0 20px}.selection{inset:62px 0 0;display:block;overflow:auto;padding:26px 20px 30px;background:linear-gradient(0deg,#0d1d24ee,#0e1a2244);pointer-events:auto}.intro{width:100%;margin:0;display:block}.intro .eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:57px;line-height:.83;margin:16px 0 22px}h1 br{display:none}h1>span{display:block;font-size:.67em;margin-top:7px}.intro-copy,.hero-tag,.arena-tag{display:none}.selector-panel{width:100%;padding:20px;margin-bottom:20px}.hero-description{min-height:unset}.selection-footer{position:static;padding-top:15px;display:flex;flex-wrap:wrap;gap:12px}.selection-footer>div{flex:1 0 40%}.hud{top:62px;padding:15px}.player-panel{top:19px;left:15px;min-width:170px;padding:9px;gap:8px}.player-panel>img{height:42px;max-width:40px}.health-track{width:105px}.hud-player-name{gap:4px;font-size:8px}.hud-player-name>span{font-size:7px}.health-numbers{font-size:6px}.health-numbers>span:last-child{display:none}.run-center{top:21px;left:63%}.run-center>strong{font-size:25px}.run-center>span{font-size:6px}.run-center>div{width:60px}.kill-panel{right:15px;top:22px}.kill-panel>small{font-size:5px}.kill-panel>strong{font-size:25px}.kill-panel>span{font-size:5px}.ability-bar{left:auto;right:12px;bottom:25px;transform:none;gap:5px;flex-direction:column}.ability{width:145px;min-width:0;padding:8px;gap:8px}.ability>span{font-size:18px}.ability strong{font-size:7px}.ability small{font-size:6px}.ability kbd{font-size:7px;height:17px;min-width:18px}.game-hint{display:none}.playing .joystick{display:block}.announcement>strong{font-size:35px}.modal{padding:25px 18px}.modal h2{font-size:38px}.upgrade-choices{grid-template-columns:1fr;gap:8px;margin:18px 0}.upgrade-choice{padding:12px 16px;position:relative}.upgrade-choice>span{position:absolute;right:16px;top:16px;font-size:25px}.upgrade-choice h3{margin:4px 0;font-size:12px}.upgrade-choice p{margin:4px 0;font-size:10px}.upgrade-choice>small{font-size:7px}.run-results{gap:25px}.run-results strong{font-size:25px}}