@font-face{font-family:Pixel;src:url('assets/fonts/PixelifySans.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--amber:#ffd24d;--white:#fff8d9;--line:#bacdfb66;--muted:#b5d2ff;--pixel:#14213d;--blue:#164aa0;--deep:#101c48}
html,body,button,kbd{font-family:Pixel,'Courier New',monospace}body{background:#16352a}button,a{touch-action:manipulation}#world{image-rendering:pixelated}#pixelJuice{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:22;image-rendering:pixelated}.vignette{background:linear-gradient(90deg,#071526dc,#0d233c73 40%,transparent 65%,#07152688),linear-gradient(0deg,#06172999,transparent 30%)}.topbar{height:76px;border-bottom:3px solid #172039;background:linear-gradient(#182650f5,#0c1839dd);box-shadow:0 2px #7388bb66,0 6px #0003}.brand{font-size:17px;letter-spacing:1px;text-shadow:2px 2px #050b1e}.brand-ball{border:3px solid #fff5a3;background:#ed922a;color:#b22c20;border-radius:0;box-shadow:inset 2px 2px #ffe17d,3px 3px #0008;clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);font-size:22px;width:36px;height:36px}.build-label{font-size:12px;letter-spacing:1px;color:#c0ddff}.icon-button{border:2px solid #899fd8;border-radius:0;background:linear-gradient(#2b5b9e,#173566);box-shadow:inset 2px 2px #7aa8d044,3px 3px #050c27;font-size:20px}.selection{top:76px;padding-top:16px;padding-bottom:95px}.intro{margin-top:-8px}.eyebrow{font-family:Pixel,monospace;font-size:13px;letter-spacing:1px;text-shadow:2px 2px #080d24}.eyebrow>span{height:4px;width:20px;box-shadow:3px 3px #0007}h1{font-family:Pixel,monospace;font-size:clamp(66px,7.7vw,125px);font-weight:700;line-height:.83;letter-spacing:-3px;margin:30px 0;color:#fff7b2;text-shadow:3px 0 #d25e19,-3px 0 #d25e19,0 3px #d25e19,0 -3px #d25e19,5px 5px #071328,8px 8px #071328}h1>span{font-size:.78em;color:#ffc037;text-shadow:3px 0 #a82625,-3px 0 #a82625,0 3px #a82625,0 -3px #a82625,5px 5px #071328,8px 8px #071328}h1 i{font-size:180px;color:#ffcb4210}.intro-copy{font-size:21px;line-height:1.4;text-shadow:2px 2px #071426}.hero-tag,.arena-tag{font-size:12px;letter-spacing:0;text-shadow:2px 2px #071426}.arena-tag{margin-top:46px}.arena-tag>span:last-child{font-size:10px}.tag-line{height:3px}.selector-panel,.modal{border:4px solid #f7dda0;background:linear-gradient(135deg,#225ea9f5,#123e8cf7 55%,#092c71f7);box-shadow:0 0 0 3px #7b4529,0 0 0 6px #101c36,7px 10px 0 5px #0006,inset 3px 3px #a2c7f044,inset -3px -3px #050d4c88;backdrop-filter:none;isolation:isolate}.selector-panel:before,.selector-panel:after{border:0;background:#ffe8a6;width:6px;height:6px}.selector-panel{width:410px;padding:23px 25px}.selector-panel:after{bottom:3px;right:3px}.panel-heading{font-size:12px;letter-spacing:1px;color:#deebff;margin-bottom:19px;text-shadow:2px 2px #0d1d55}.tiny-square{width:7px;height:7px;border:2px solid #ffda6c;animation:pixel-blink 1s steps(2) infinite}.hero-cards{gap:9px}.hero-card{border:3px solid #577dad;background:linear-gradient(#0d2358,#1c3c75);height:102px;box-shadow:inset 2px 2px #0005,3px 3px #071740;border-radius:0;transition:transform .1s steps(2),box-shadow .1s}.hero-card img{height:64px;filter:drop-shadow(3px 3px 0 #041132aa)}.hero-card span{font-size:12px;letter-spacing:0;text-shadow:2px 2px #040e30}.hero-card.selected{border-color:#ffe17b;background:radial-gradient(ellipse at 50% 80%,#ffe17b88,transparent 70%),linear-gradient(#9c5a21,#4e322f);box-shadow:inset 0 0 0 2px #f39832,3px 3px #09152f,0 0 18px #ffc44c44}.hero-card.selected img{animation:hero-breathe .75s steps(2) infinite}.hero-card:hover{transform:translateY(-5px);border-color:#9eeeff;background-color:#2d599e}.hero-card.selected:after{content:'▼';color:#ffe795;position:absolute;top:1px;right:3px;font-size:9px;animation:pixel-blink .8s steps(2) infinite}.hero-dossier{margin-top:22px}.overline{font-size:11px;letter-spacing:.5px;color:#ffdf77;text-shadow:2px 2px #142151}h2{font-family:Pixel,monospace;font-weight:700;font-size:41px;letter-spacing:-1px;text-shadow:3px 3px #091b4f}.hero-dossier>span{font-size:34px;color:#a9c0e744;font-weight:700}.hero-description{font-size:14px;line-height:1.4;color:#e3ebff;min-height:58px;margin:10px 0 16px;text-shadow:1px 2px #0b2466}.stats span{font-size:11px;width:85px;color:#e3eaff;letter-spacing:0}.stats>div{margin:9px 0}.stats i{height:7px;border-top:2px solid #fff7bc55;border-bottom:2px solid #8e4a2a66;background:linear-gradient(90deg,#ffc343 var(--value),#071e51 var(--value));box-shadow:2px 2px #071436}.stats i:after{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 3px),#193e7d calc(20% - 3px),#193e7d 20%)}.special-summary{border-top:2px dashed #abc9f066;margin-top:17px;padding:14px 0}.special-summary small{font-size:10px;letter-spacing:.5px;color:#a9d4ff}.special-summary strong{font-size:16px;color:#fff4ba;text-shadow:2px 2px #142756}.special-summary .power-icon{font-size:31px;text-shadow:3px 3px #5c341d;animation:power-sparkle 2s steps(3) infinite}kbd{font-size:11px;border:2px solid #abc0e4;border-radius:0;background:#10295b;box-shadow:2px 2px #06102d;color:#fff5c1;min-width:25px;height:24px}.start-button{border:3px solid #ffe898;background:linear-gradient(#ffe17a 0 43%,#ffbd45 43% 85%,#ef8c29 85%);box-shadow:inset 2px 2px #fff1b0,inset -2px -2px #d8712b,4px 4px #0a1742;letter-spacing:.2px;font-size:17px;font-weight:700;padding:14px 16px;color:#4c271a;text-shadow:1px 1px #fff1a1;position:relative;overflow:hidden}.start-button:before{content:'';position:absolute;top:0;left:-100%;width:35%;height:100%;background:#fff5b344;transform:skewX(-20deg);animation:button-shine 4s 1.5s infinite}.start-button:hover{background:linear-gradient(#fff3b1,#ffd05a);transform:translateY(-2px);box-shadow:inset 2px 2px #fff6c8,4px 6px #0a1742,0 0 25px #ffdd7755}.start-button:active{transform:translate(3px,3px);box-shadow:1px 1px #0a1742}.start-button>span:last-child{font-family:Pixel;font-size:26px}.run-note{font-size:9px;letter-spacing:0;color:#b7d3f5;margin-top:15px}.run-note b{color:#ffdf6c}.selection-footer{border-top:3px solid #e5d89c66;bottom:24px;padding-top:15px;gap:22px}.selection-footer div>span{font-size:11px;letter-spacing:0;color:#e7f1ff;text-shadow:2px 2px #091b2d}.footer-note{font-size:10px;letter-spacing:0;color:#c4dcdf}.hud{top:76px}.player-panel{border:3px solid #ffdc86;background:linear-gradient(135deg,#1b57a6ee,#103272ef);box-shadow:0 0 0 2px #102444,4px 4px #07172c88;min-width:320px}.player-panel>img{filter:drop-shadow(2px 2px #050e35)}.hud-player-name{font-size:15px;text-shadow:2px 2px #07173f;letter-spacing:0}.hud-player-name>span{font-size:13px}.health-track{height:10px;border:2px solid #091d43;background:#071938;box-shadow:1px 1px #adc2d166}.health-track>div{background:linear-gradient(#d8ff98 35%,#80d84d 35% 75%,#398f34 75%)}.energy-track{height:6px;border:1px solid #0b1943;background:#081740}.energy-track>div{background:linear-gradient(#fff1a3,#ffae27)}.health-numbers{font-size:10px;margin-top:4px}.health-numbers>span:last-child{font-size:9px;letter-spacing:0}.run-center{top:19px;background:linear-gradient(#193f7cdd,#112651bb);border:2px solid #f4d789;box-shadow:3px 3px #08172e;padding:8px 20px 6px;min-width:146px}.run-center>span{font-size:13px;letter-spacing:1px}.run-center>strong{font-size:38px;font-weight:700;text-shadow:3px 3px #08173d;letter-spacing:1px}.run-center>div{margin:auto;background:#ffdb6a;height:3px}.kill-panel{padding:10px 17px;background:#112953cc;border:2px solid #91a8c9;box-shadow:3px 3px #07162c}.kill-panel>small{font-size:11px;letter-spacing:0}.kill-panel>strong{font-weight:700;font-size:37px;color:#ffdf6e;text-shadow:3px 3px #081a40}.kill-panel>span{font-size:9px;letter-spacing:0}.xp-track{height:6px;background:#0b1533;border-bottom:2px solid #324f73}.xp-track>div{background:linear-gradient(#fff2a9 35%,#ffbb39 35%)}.xp-track>span{font-size:10px;letter-spacing:0;color:#e7f3fc;text-shadow:1px 1px #04132b}.ability{border:3px solid #8ba9d6;background:linear-gradient(#235397f2,#173b7cf7);box-shadow:inset 2px 2px #7b9fd433,4px 4px #06152c;min-width:197px;transition:transform .12s steps(2)}.ability.special{border-color:#ffe08c}.ability>span{color:#ffe075;text-shadow:2px 2px #10264d}.ability strong{font-size:11px;letter-spacing:0;text-shadow:2px 2px #0d1e50}.ability small{font-size:10px;color:#bde9c7}.ability:hover:not(.cooldown){transform:translateY(-4px);filter:brightness(1.18)}.ability:not(.cooldown):after{content:'';position:absolute;top:0;right:0;width:4px;height:4px;background:#fff4ab;box-shadow:-4px 4px #ffe57b;animation:pixel-blink 1s steps(2) infinite}.game-hint{font-size:11px;letter-spacing:.5px;text-shadow:2px 2px #071524}.announcement{padding:16px 40px;background:linear-gradient(90deg,transparent,#091f51ee 20% 80%,transparent);border-top:3px solid #ffde7b;border-bottom:3px solid #ffde7b;min-width:400px}.announcement>small{font-size:13px;letter-spacing:2px}.announcement>strong{font-family:Pixel;font-size:52px;color:#ffe798;letter-spacing:0;text-shadow:4px 4px #8e402e;font-weight:700}.overlay{background:#061432cc;backdrop-filter:blur(2px)}.modal{padding:35px;max-height:94vh;overflow:auto}.modal h2{font-size:51px;color:#fff1ae;text-shadow:3px 3px #853c2b,5px 5px #10204c}.modal>p{font-size:17px;color:#d0e1fc;line-height:1.4}.modal .eyebrow{font-size:14px;letter-spacing:1px}.upgrade-choices{gap:18px;margin:32px 0 25px}.upgrade-choice{padding:24px 19px 22px;border:3px solid #b8d5f2;background:linear-gradient(145deg,#356db7,#153d80);box-shadow:0 0 0 2px #102557,4px 5px #091b49;position:relative;overflow:visible;animation:card-arrival .35s steps(5) both;transition:transform .12s steps(2),filter .1s}.upgrade-choice:nth-child(2){animation-delay:.08s}.upgrade-choice:nth-child(3){animation-delay:.16s}.upgrade-choice:before{content:'';position:absolute;inset:6px;border:1px solid #91b5df55;pointer-events:none}.upgrade-choice:hover{border-color:#ffde7c;transform:translateY(-10px) rotate(-1deg);filter:brightness(1.12);box-shadow:0 0 0 2px #7b4529,4px 12px #081a44,0 0 22px #ffdd6b55}.upgrade-choice:nth-child(2):hover{transform:translateY(-10px) rotate(1deg)}.upgrade-choice>span{font-size:45px;display:block;line-height:1.15;text-shadow:3px 3px #71502d}.upgrade-choice h3{font-size:22px;line-height:1;margin:18px 0 12px;color:#fff2bc;text-shadow:2px 2px #142758}.upgrade-choice p{font-size:15px;color:#dbe8ff;line-height:1.35;min-height:63px}.upgrade-choice>small{font-size:11px;color:#ffe79e;letter-spacing:1px}.upgrade-choice:after{content:'CHOOSE ▸';display:block;font-size:12px;color:#ffdf7c;border-top:2px dashed #9bbfe177;padding-top:12px;margin-top:16px}.text-button{font-size:13px;color:#d4e5fc;letter-spacing:0}.text-button:hover{color:#ffdf79;text-shadow:2px 2px #5f3b28}.run-results strong{font-size:38px;text-shadow:2px 2px #172352}.run-results span{font-size:12px;letter-spacing:0}.damage-number{font-family:Pixel;font-weight:700;font-size:23px;color:#fff5c4;text-shadow:2px 0 #44351d,-2px 0 #44351d,0 2px #44351d,0 -2px #44351d,3px 3px #111827}.damage-number.crit{font-size:33px;color:#ffe251;transform:rotate(-7deg)}.joystick{border-radius:0;border:3px solid #b2c6e1;background:#153273a8;box-shadow:4px 4px #07182b;clip-path:polygon(20% 0,80% 0,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0 80%,0 20%,20% 20%)}.joystick>span{border:2px solid #fff0a8;border-radius:0;background:#e9a544dd}.pixel-pop{animation:pixel-pop .2s steps(3)}.level-radiance{animation:level-radiance .7s steps(4)}
@keyframes hero-breathe{50%{transform:translateY(-3px)}}@keyframes pixel-blink{50%{opacity:.4}}@keyframes power-sparkle{50%{filter:brightness(1.8);transform:scale(1.1)}}@keyframes button-shine{20%,100%{left:160%}}@keyframes card-arrival{from{transform:translateY(30px) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes pixel-pop{50%{filter:brightness(1.35);transform:translateY(2px)}}@keyframes level-radiance{50%{box-shadow:0 0 0 4px #fff5ba,0 0 120px #ffd65799}}
@media(max-height:830px) and (min-width:900px){.selection{padding-bottom:74px}.selector-panel{padding:17px 23px}.panel-heading{margin-bottom:13px}.hero-card{height:88px}.hero-card img{height:54px}.hero-dossier{margin-top:15px}.hero-description{min-height:42px;font-size:13px;margin:8px 0 12px}.special-summary{padding:10px 0;margin-top:12px}.hero-dossier h2{font-size:35px}.intro h1{font-size:clamp(65px,7vw,110px)}.selection-footer{bottom:17px;padding-top:12px}.arena-tag{margin-top:30px}}
@media(max-width:1000px){.selector-panel{width:355px;padding:20px}.selection{padding-left:5%;padding-right:5%;gap:20px}.intro h1{font-size:clamp(60px,8.5vw,83px)}.intro-copy{font-size:18px}.hero-description{font-size:13px}.hero-dossier h2{font-size:35px}.hero-card{height:94px}.hero-card img{height:58px}.hero-card span{font-size:11px}.run-note{font-size:8px}.selection-footer{gap:13px}.selection-footer div>span{font-size:10px}.brand{font-size:15px}.ability{min-width:170px}.ability strong{font-size:10px}.player-panel{min-width:265px}.health-track{width:160px}}
@media(max-width:650px){.topbar{height:62px;padding:0 16px}.brand{font-size:13px}.brand-ball{width:30px;height:30px}.top-right{gap:7px}.selection{inset:62px 0 0;display:block;padding:24px 18px 35px;background:linear-gradient(#0d214d55,#071c49dd);overflow:auto}.intro h1{font-size:64px;margin:14px 0 28px;letter-spacing:-2px;line-height:.8}.intro h1>span{margin-top:5px;font-size:.69em}.intro .eyebrow{font-size:11px;letter-spacing:0}.selector-panel{width:100%;padding:19px 17px;margin:0 0 24px;border-width:3px}.panel-heading{font-size:11px;letter-spacing:0}.hero-card{height:97px}.hero-card img{height:59px}.hero-card span{font-size:11px}.hero-dossier h2{font-size:36px}.overline{font-size:10px}.hero-description{font-size:14px;min-height:0}.stats span{font-size:11px}.special-summary strong{font-size:17px}.special-summary small{font-size:10px}.run-note{font-size:8px}.start-button{font-size:17px;padding:13px}.selection-footer{display:flex;position:static;gap:15px;padding-top:16px}.selection-footer div>span{font-size:11px}.hud{top:62px}.player-panel{min-width:180px;padding:8px;top:18px;left:12px;border-width:2px}.player-panel>img{height:44px}.hud-player-name{font-size:11px;gap:3px}.hud-player-name>span{font-size:10px}.health-track{width:105px;height:8px;margin-top:7px}.health-numbers{font-size:8px}.run-center{top:19px;left:64%;min-width:72px;padding:7px 7px 4px}.run-center>span{font-size:8px;letter-spacing:0}.run-center>strong{font-size:24px}.run-center>div{width:48px}.kill-panel{top:22px;right:9px;padding:6px;border-width:1px}.kill-panel>small{font-size:6px}.kill-panel>strong{font-size:25px}.kill-panel>span{font-size:6px}.xp-track>span{font-size:8px;top:8px}.ability-bar{right:14px;bottom:28px;gap:7px}.ability{min-width:0;width:150px;padding:8px;border-width:2px}.ability strong{font-size:10px}.ability small{font-size:9px}.ability>span{font-size:22px}.ability kbd{font-size:9px;min-width:18px;height:19px}.modal{padding:22px 17px;width:90vw;border-width:3px}.modal h2{font-size:37px}.modal .eyebrow{font-size:11px;letter-spacing:0}.modal>p{font-size:15px}.upgrade-choices{grid-template-columns:1fr;gap:13px;margin:22px 0 15px}.upgrade-choice{padding:13px 15px}.upgrade-choice>span{position:absolute;right:18px;top:14px;font-size:29px}.upgrade-choice h3{font-size:20px;margin:6px 0 8px;max-width:85%}.upgrade-choice p{font-size:13px;min-height:0;margin:6px 0;max-width:90%}.upgrade-choice>small{font-size:10px}.upgrade-choice:after{font-size:10px;margin-top:8px;padding-top:7px}.announcement{min-width:90vw;padding:15px 8px}.announcement>strong{font-size:34px}.announcement>small{font-size:10px;letter-spacing:1px}.run-results{gap:22px}.run-results strong{font-size:28px}.run-results span{font-size:10px}.joystick{left:24px;bottom:70px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}