:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cream:#fff1d3;--yellow:#ffd17d;--ink:#17262c}*{box-sizing:border-box}body{color:var(--cream);background:#26332f;margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:5px;outline:2px solid #fff}[hidden]{display:none!important}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(#0000 40%,#101e2655 100%);position:fixed;inset:0}header{z-index:12;justify-content:space-between;align-items:center;display:flex;position:fixed;top:25px;left:3%;right:3%}.brand{letter-spacing:2px;color:var(--cream);align-items:center;gap:9px;font-size:19px;font-weight:900;text-decoration:none;display:flex}.brand i{color:#ffc675;font-size:30px}.brand span{opacity:.6;font-weight:400}.header-right{align-items:center;gap:10px;display:flex}.header-right button{color:var(--cream);background:#122a33aa;border:1px solid #fff2;border-radius:8px;padding:9px 13px;font-size:11px}.live{letter-spacing:2px;opacity:.65;margin-right:15px;font-size:10px}.screen{background:linear-gradient(90deg,#11242bee 0%,#142b30b8 31%,#132c3133 66%,#152c3022);align-items:center;gap:7vw;padding:80px 6%;display:flex;position:fixed;inset:0}.intro{text-shadow:0 3px 20px #11212870;width:43%}.eyebrow{letter-spacing:3px;color:#e7c591;align-items:center;gap:10px;font-size:10px;display:flex}.eyebrow>span{background:#efbc71;width:28px;height:2px}h1{letter-spacing:-5px;margin:27px 0 23px;font-size:clamp(55px,6vw,105px);font-weight:950;line-height:1.16}h1>span{color:#ffcd80;display:block}h1 em{letter-spacing:12px;color:#ecdec4;margin:20px 0;font-size:15px;font-style:normal;font-weight:600;display:block}.intro p{color:#d3d8d2;font-size:13px;line-height:2.1}.features{color:#a9bdb9;letter-spacing:1px;flex-wrap:wrap;gap:20px;margin-top:32px;font-size:10px;display:flex}.selection{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#11272bba;border:1px solid #c8e6d525;border-radius:18px;width:410px;margin-top:40px;margin-left:auto;padding:25px;box-shadow:0 30px 70px #0c1a2744}.section-label{justify-content:space-between;margin-bottom:20px;font-size:13px;display:flex}.section-label span{letter-spacing:1.5px;color:#a0b9b4;font-size:8px}#cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{color:var(--cream);text-align:left;background:#25404799;border:1px solid #ffffff14;border-radius:10px;padding:15px;transition:all .2s}.card:hover{background:#375259}.card .icon{color:var(--accent);margin-bottom:10px;font-size:24px;display:block}.card strong{font-size:18px;display:block}.card small{letter-spacing:1px;color:var(--accent);margin:5px 0 9px;font-size:9px;display:block}.card p{color:#b7c7bf;margin:0;font-size:10px;line-height:1.7}.card .stat{background:#081e2c77;height:3px;margin-top:14px}.card .stat i{background:var(--accent);height:100%;display:block}#play,#again,#resume{color:#273029;background:#ffcd80;border:0;border-radius:9px;justify-content:space-between;width:100%;margin-top:20px;padding:18px 22px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 6px #a7763a}#play span{letter-spacing:2px;align-self:center;font-size:10px}.menu-note{text-align:center;color:#93aaa5;margin-top:19px;font-size:10px}.menu-bottom{letter-spacing:1.5px;color:#adc0b5;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:25px;left:3%;right:3%}.top-stats{gap:7px;display:flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.top-stats>div{background:#152c35e6;border:1px solid #ffffff20;border-radius:9px;align-items:center;gap:9px;padding:10px 18px;display:flex}.top-stats small{color:#a7bdb6;font-size:10px}.top-stats b{color:#ffe0a0;font-variant-numeric:tabular-nums;font-size:22px}.top-stats span{color:#718f8b;font-size:10px}#notice{letter-spacing:2px;text-shadow:0 2px 5px #000;background:#1831308c;border-radius:30px;padding:9px 18px;font-size:12px;transition:opacity .5s;position:fixed;top:92px;left:50%;transform:translate(-50%)}.bottom-bar{justify-content:space-between;align-items:end;gap:20px;display:flex;position:fixed;bottom:25px;left:3%;right:3%}.player-panel{background:#132b36e6;border:1px solid #fff2;border-radius:12px;align-items:center;gap:15px;min-width:285px;padding:17px;display:flex}.portrait{color:#263c3e;text-align:center;background:#ffcd80;border-radius:9px;width:45px;height:45px;font-size:30px}.player-panel>div:last-child{flex:1}.player-title{justify-content:space-between;gap:30px;margin-bottom:8px;font-size:12px;display:flex}#hp-text{color:#91bdad;font-size:10px}.health-track{background:#081b29;border-radius:5px;height:6px;overflow:hidden}#hp{background:#87efae;width:100%;height:100%;transition:width .15s;display:block}#ammo{gap:4px;margin-top:7px;display:flex}#ammo i{background:#ffce7e;border-radius:2px;flex:1;height:4px}.controls{color:#f1dfb8;text-shadow:0 1px 3px #000;padding:15px;font-size:10px}#super{background:conic-gradient(#ffc877 var(--power,0%),#29464b 0);color:#fff2d7;text-shadow:0 2px 5px #000;border:4px solid #122d32;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:91px;height:91px;display:flex;box-shadow:0 0 0 1px #d4dbb233}#super span{margin-top:3px;font-size:8px}#super.ready{box-shadow:0 0 35px #ffcd8088}#minimap{background:#122a35cc;border:1px solid #e5ddb433;border-radius:10px;width:130px;height:130px;position:fixed;top:85px;right:3%}#crosshair{pointer-events:none;border:1px solid #ffffffa0;border-radius:50%;width:24px;height:24px;position:fixed;transform:translate(-50%,-50%)}#crosshair i{background:#fff4cc;border-radius:50%;width:4px;height:4px;display:block;position:absolute;top:9px;left:9px}.overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:20;background:#102a32b8;place-items:center;display:grid;position:fixed;inset:0}.result-card{text-align:center;background:#18343b;border:1px solid #f4d29b55;border-radius:20px;width:400px;padding:45px}.result-card .eyebrow{justify-content:center}h2{color:#ffd18b;margin:20px 0;font-size:40px}.result-card p{color:#b8d0c8;font-size:13px;line-height:2}.secondary{color:#b4c9c2;background:0 0;border:0;margin-top:23px;font-size:12px}#loading{z-index:40;letter-spacing:5px;background:#162c31;place-content:center;font-size:18px;display:grid;position:fixed;inset:0}#loading span{text-align:center;color:#ffd17d;margin-top:15px}body.playing #stage{cursor:none}@media (max-width:850px){.screen{padding:90px 5%}.intro{width:40%}.selection{width:340px;padding:17px}.intro p{font-size:11px}.features,.live,.controls{display:none}h1{font-size:58px}.top-stats{top:80px}.top-stats>div{padding:6px 10px}#notice{top:135px}#minimap{width:85px;height:85px;top:170px}.menu-bottom span:nth-child(2){display:none}}@media (max-height:690px){.selection{margin-top:0;padding:16px}.card{padding:10px}.card .icon{margin:0;font-size:19px}.card p{font-size:9px}h1{margin:15px 0;font-size:60px}.features{margin-top:15px}.menu-bottom{bottom:12px}}:root{--cream:#fff9e7;--yellow:#ffd144;--ink:#263f68}header{top:20px}.brand{color:#fff;letter-spacing:1px;text-shadow:0 3px #296294;filter:drop-shadow(0 2px #296294);font-size:20px}.brand i{color:#ffe05b}.brand span{opacity:1}.header-right button{color:#304f79;background:#fff9ed;border:3px solid #fff;border-radius:30px;padding:9px 18px;font-weight:900;box-shadow:0 4px #23669066}.live{color:#fff;opacity:1;text-shadow:0 2px #39719b}.screen{background:linear-gradient(90deg,#6dccecee,#77cce3b8 34%,#81cde655 70%,#76bfda33);gap:3vw;padding:85px 6%}.screen:before,.screen:after{content:"";pointer-events:none;filter:blur(1px);background:#ffffff4d;border-radius:80px;width:155px;height:42px;position:absolute;top:17%;left:8%;box-shadow:35px -20px 0 -4px #ffffff4d,80px 4px 0 -8px #ffffff4d}.screen:after{top:78%;left:46%;transform:scale(.6)}.intro{z-index:1;width:39%;text-shadow:none;position:relative;transform:rotate(-2deg)}.eyebrow{color:#26578a;letter-spacing:2px;font-size:11px;font-weight:900}.eyebrow>span{background:#ffca38;border-radius:5px;height:6px}h1{color:#fffced;letter-spacing:-4px;text-shadow:0 5px #e36544,0 9px #2f5680,4px 0 #2f5680,-4px 0 #2f5680,0 -4px #2f5680;margin:20px 0 23px;font-size:clamp(65px,6vw,106px);line-height:1.2}h1>span{color:#ffdc58;text-shadow:0 5px #e39435,0 9px #2f5680,4px 0 #2f5680,-4px 0 #2f5680,0 -4px #2f5680}h1 em{color:#fff;letter-spacing:9px;text-shadow:0 2px #3976a3;margin-top:25px;font-size:14px}.intro p{color:#3e6688;background:#fff9eae8;border:3px solid #fff;border-radius:18px;padding:14px 20px;font-size:13px;font-weight:700;display:inline-block;box-shadow:0 5px #3b94b54d}.features{color:#24476f;letter-spacing:0;gap:8px;margin-top:16px;font-size:10px}.features span{background:#ffdc65;border:2px solid #fff5;border-radius:18px;padding:7px 10px;font-weight:800;box-shadow:0 3px #cb973e55}.selection{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff9ee;border:5px solid #fff;border-radius:29px;outline:2px solid #426a8640;width:500px;margin-top:15px;padding:23px;transform:rotate(1deg);box-shadow:0 10px #27567566,0 22px 40px #347e9340}.section-label{color:#304f78;align-items:center;margin-bottom:18px;font-size:18px;font-weight:900}.section-label:before{content:"★";color:#f7ba2f;margin-right:8px}.section-label span{color:#7095b0;margin-left:auto;font-size:8px}.card{color:#304d6f;text-align:center;background:#fff;border:3px solid #dce5e9;border-radius:19px;padding:10px 12px 13px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:visible;box-shadow:0 5px #d2dde5}.card:hover{background:#fff9e8;transform:translateY(-4px)rotate(-1deg);box-shadow:0 9px #c5d9e5}.card.selected{background:#fff7d9;border-color:#ffbb36;box-shadow:0 5px #df9c32,0 0 0 2px #ffdc7d}.card-number{color:#7197b3;font-size:12px;font-weight:900;position:absolute;top:9px;left:11px}.card-check{color:#fff;z-index:2;background:#f7b72f;border:3px solid #fff;border-radius:50%;width:28px;height:28px;display:none;position:absolute;top:-10px;right:-8px;box-shadow:0 2px #db9822}.selected .card-check{display:block}.hero-art{background:radial-gradient(#fff 0%,#a7e8f4 65%,#71cfed);border-radius:12px;height:102px;margin:0 -3px 5px;position:relative;overflow:hidden}.hero-art svg{width:100%;height:100%;transition:transform .2s}.card:hover svg,.card.selected svg{transform:scale(1.07)rotate(-3deg)}.card strong{letter-spacing:2px;color:#304d6f;font-size:21px}.card small{letter-spacing:1px;color:#7184a0;margin:4px 0 8px;font-size:10px;font-weight:800}.card-stats{justify-content:center;gap:7px;margin-bottom:8px;display:flex}.card-stats span{color:#4472a1;background:#eef4fa;border-radius:8px;padding:4px 8px;font-size:10px;font-weight:900}#play,#again,#resume{color:#563a34;text-shadow:0 1px #ffe8a5;letter-spacing:1px;background:linear-gradient(#ffc955,#ffad3e);border:3px solid #fff;border-radius:18px;outline:2px solid #d48136;justify-content:center;gap:35px;margin-top:23px;padding:15px 18px;font-size:21px;box-shadow:0 7px #c97731}#play:hover,#again:hover,#resume:hover{background:linear-gradient(#ffe477,#ffc648);transform:translateY(-3px)}#play:active,#again:active,#resume:active{transform:translateY(4px);box-shadow:0 2px #c97731}.menu-note{color:#7a91a9;font-size:10px;font-weight:700}.menu-bottom{color:#fff;text-shadow:0 2px #508caf;z-index:2;letter-spacing:1px;font-weight:800}.top-stats small{color:#71829b;font-weight:900}#notice{color:#486384;text-shadow:none;letter-spacing:0;background:#fff9e9f2;border:3px solid #fff;border-radius:16px;font-size:12px;font-weight:800;box-shadow:0 4px #4a799e55}.player-panel{color:#365679;background:#fff9ed;border:4px solid #fff;border-radius:22px;min-width:330px;padding:14px 18px;box-shadow:0 6px #38618966}.health-track i{background:linear-gradient(#9ff476,#4ac780)!important}#hp-text{color:#5b8c7a;font-weight:800}#ammo i.empty{background:#d8e1e9;border-color:#bdcddc}#buffs{color:#6a81a4;margin-top:8px;font-size:10px;font-weight:800}.controls{color:#385a80;text-shadow:none;background:#fff8e8df;border:2px solid #fff;border-radius:14px;font-weight:800;box-shadow:0 3px #38618944}#super{background:conic-gradient(#ffcb46 var(--power,0%),#7eadd9 0);color:#fff;text-shadow:0 2px #3b6589;border:5px solid #fff;width:101px;height:101px;box-shadow:0 5px #36628c,0 0 0 2px #436588}#super.ready{background:#ffca3f;animation:.8s infinite alternate ready-bounce;box-shadow:0 5px #c1842f,0 0 35px #fff7b7}#super span{font-weight:900}#minimap{border:4px solid #fff;border-radius:19px;box-shadow:0 4px #396c8f66}.overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#539cc597}.result-card:before{content:"★";color:#ffcb40;text-shadow:0 4px #dc9a32;font-size:65px;display:block}.result-card .eyebrow{color:#7c96ae;letter-spacing:2px}.result-card h2{color:#ed9950;text-shadow:0 3px #ffe4aa;font-size:40px}.result-card p{color:#6d83a0;white-space:pre-line;font-weight:700}.secondary{color:#55769a;background:#e5eef7;border:2px solid #fff;border-radius:12px;padding:10px 20px;font-weight:800}#crosshair{border:2px solid #fff;box-shadow:0 0 0 1px #2d5b7980}#crosshair i{background:#ffdc58;width:5px;height:5px;top:8px;left:8px}@keyframes ready-bounce{to{transform:translateY(-5px)rotate(4deg)}}@media (max-width:1000px){.selection{width:430px;padding:18px}.hero-art{height:80px}.intro{width:38%}h1{font-size:68px}.card p{font-size:9px}}@media (max-width:700px){.screen{flex-direction:column;justify-content:center;gap:12px;padding:78px 16px 35px}.intro{text-align:center;width:100%;transform:none}.intro .eyebrow,.intro p,.features,h1 em{display:none}h1{letter-spacing:3px;margin:0;font-size:42px}h1>span{display:inline}.selection{width:min(100%,460px);margin:0;padding:15px;transform:none}.hero-art{height:70px}.card p{display:none}.card strong{font-size:17px}.section-label{font-size:15px}#play{margin-top:15px;padding:10px}.brand{font-size:13px}.header-right button{padding:6px 9px;font-size:10px}.live{display:none}.player-panel{min-width:250px;padding:9px}.bottom-bar{bottom:15px}.player-title{gap:10px}#super{width:80px;height:80px}.top-stats>div{padding:5px 9px}.result-card{max-width:90vw}}@media (max-height:760px) and (min-width:701px){.selection{width:440px;padding:15px}.hero-art{height:67px}.card{padding:7px 10px}.card p{font-size:9px}.card small{margin:2px 0 5px}.card-stats{margin-bottom:4px}.section-label{margin-bottom:12px}#play{margin-top:17px;padding:11px}.menu-note{margin-top:14px}h1{font-size:68px}}@font-face{font-family:ArenaCartoon;src:url(./MaoKenTangYuan-beta0.12-20210702-_2uEjEsr.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html body,html body *{font-family:ArenaCartoon,Comic Sans MS,cursive}:root{--cream:#fff2d1;--ink:#201832}body{color:#fff0d4;font-family:Trebuchet MS,Microsoft YaHei,sans-serif}.screen{background:radial-gradient(at 50% 44%,#160e2b28,#17102570 75%,#120d25a8);flex-direction:column;justify-content:center;gap:0;padding:65px 20px 45px;display:flex}.screen:before,.screen:after{display:none}.intro{text-align:center;z-index:1;width:auto;transform:none}.intro .eyebrow{color:#ffe2a5;letter-spacing:4px;opacity:.8;justify-content:center;font-size:9px}.intro .eyebrow>span{display:none}h1{letter-spacing:0;color:#ffd143;text-shadow:0 5px #b77528,0 9px #251833,4px 0 #251833,-4px 0 #251833,0 -4px #251833;margin:12px 0 10px;font-size:clamp(48px,4.7vw,76px);line-height:1;transform:rotate(-2deg)}h1>span{color:#ffcc43;text-shadow:inherit;margin-left:10px;display:inline}h1 em{color:#ff8961;letter-spacing:9px;text-shadow:0 3px #251833;margin:17px 0 0;font-size:13px}.intro p{box-shadow:none;color:#f5ddc6;background:0 0;border:0;margin:10px 0 14px;padding:0;font-size:11px;font-weight:600;line-height:1.8}.intro p br,.features{display:none}.selection{width:min(850px,91vw);box-shadow:none;background:0 0;border:0;outline:0;margin:0;padding:0;transform:none}.section-label{color:#dac7b4;letter-spacing:2px;justify-content:center;margin:0 0 10px;font-size:10px}.section-label:before,.section-label span{display:none}#cards{grid-template-columns:repeat(4,1fr);gap:12px}.card{color:#fff1d5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(155deg,#40334dd9,#21182ef2);border:2px solid #62536f;border-radius:17px;padding:9px 10px 13px;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:0 6px #110d23aa,inset 0 1px #ffffff12}.card.selected{background:linear-gradient(155deg,#604c45e8,#2a1c30f2);border-color:#ffd44c;transform:translateY(-4px);box-shadow:0 6px #171023,0 0 0 2px #ffda5a44,0 0 28px #ffb52a2c}.card:hover{background:linear-gradient(155deg,#514058,#30203d);transform:translateY(-5px)}.hero-art{border:1px solid #ffffff19;border-radius:10px;height:118px;margin:0 0 9px;overflow:hidden;background:radial-gradient(at 50% 70%,#86dcd86b,#36788319 70%),linear-gradient(135deg,#456b82,#35435e)!important}.card[data-hero="1"] .hero-art{background:radial-gradient(at 50% 70%,#f6d9796b,#6d413019 70%),linear-gradient(135deg,#9c6c4a,#574459)!important}.card[data-hero="2"] .hero-art{background:radial-gradient(at 50% 70%,#cfa2ff66,#67548e19 70%),linear-gradient(135deg,#69538d,#354468)!important}.card[data-hero="3"] .hero-art{background:radial-gradient(at 50% 70%,#acffaf55,#36554b19 70%),linear-gradient(135deg,#4e826b,#354454)!important}.hero-art img{object-fit:contain;filter:drop-shadow(0 6px 6px #12152688);width:100%;height:100%;transition:transform .2s;transform:scale(1.14)}.card:hover img{transform:scale(1.23)rotate(-3deg)}.card strong{color:#fff3d6;letter-spacing:2px;text-shadow:0 2px #160f27;font-size:19px}.card small{color:#ffce69;letter-spacing:1px;font-size:9px}.card p{color:#cbbfd2;font-size:9px;line-height:1.8}.card-number{z-index:2;color:#fff6;font-size:9px;top:14px;left:17px}.card-check{color:#44314a;background:#ffce4d;border:2px solid #ffe5a0;width:24px;height:24px;font-size:12px;line-height:19px;top:-10px;right:-7px;box-shadow:0 2px #9c653d}.card-stats{gap:6px}.card-stats span{color:#ffd285;background:#1a142b6e;border-radius:5px;padding:3px 8px;font-size:9px}.card-stats span:first-child{color:#a1ebaf;background:#1a142b6e}#play{color:#392642;text-shadow:0 1px #fff49b;background:linear-gradient(#ffdf65,#ffc230 65%,#f2a922);border:3px solid #2a1c35;border-radius:15px;outline:0;gap:12px;width:230px;margin:22px auto 0;padding:13px 18px;font-size:20px;box-shadow:0 6px #1b142a,inset 0 2px #fff3a8}#play span{letter-spacing:1px;font-size:8px}#play:hover{background:linear-gradient(#ffe889,#ffcd42);box-shadow:0 7px #1b142a,0 0 28px #ffcc4544}.menu-note{color:#b5a8bf;margin-top:17px;font-size:9px}.menu-bottom{color:#c9bdcc99;text-shadow:none;font-size:8px}.brand{letter-spacing:2px;text-shadow:none;filter:none;opacity:.8;font-size:13px}.brand i{font-size:22px}.header-right button{color:#dcd0dd;background:#21192de6;border:1px solid #645675;border-radius:11px;padding:9px 12px;font-size:10px;box-shadow:0 3px #100e1b55}.live{text-shadow:none;color:#c4b9cd;font-size:8px}.vignette{background:radial-gradient(#0000 48%,#18102044 100%)}.top-stats>div{background:#241a35eb;border:2px solid #524264;border-radius:11px;padding:7px 14px;box-shadow:0 4px #140f23aa}.top-stats small{color:#c6b6ce}.top-stats b{color:#ffcf59;text-shadow:none;font-size:22px}.top-stats span{color:#8f809e}#notice{color:#e9d4ba;background:#281f36d9;border:1px solid #5b4868;border-radius:10px;font-size:11px;box-shadow:0 3px #160e2755}.player-panel{color:#fff0d3;background:linear-gradient(135deg,#352b43f0,#211a30f0);border:2px solid #695871;border-radius:15px;min-width:300px;box-shadow:0 5px #130e2599}.portrait{color:#fff4c7;background:linear-gradient(#dd9f49,#9e6740);border:2px solid #ffd275;border-radius:11px;box-shadow:0 3px #20182d}#hp-text{color:#a8d4b5}.health-track{background:#171329;border:1px solid #6b666d;height:9px}#buffs{color:#c2aecf;font-size:9px}#ammo i{background:#fbd775;border:0;height:5px}#ammo i.empty{background:#51415c}.controls{color:#e7d7b8;box-shadow:none;background:#241b34c9;border:1px solid #5e4f6b;border-radius:10px;font-size:9px}.controls span{color:#a59bb6}#super{background:conic-gradient(#ffd359 var(--power,0%),#261c3a 0);text-shadow:0 2px #171023;border:5px solid #3b2c51;width:92px;height:92px;box-shadow:0 0 0 2px #80638d,0 5px #161123}#minimap{opacity:.88;border:2px solid #5e4c70;border-radius:12px;box-shadow:0 4px #18112666}.overlay{background:#171028aa}.result-card{color:#ffdf9e;background:linear-gradient(140deg,#3f304e,#21172f);border:2px solid #80628b;border-radius:24px;box-shadow:0 8px #151021}.result-card h2{color:#ffd059;text-shadow:0 3px #241632}.result-card p{color:#cab9d0}.result-card .eyebrow{color:#a998b9}.secondary{color:#d6c6df;background:#40314e;border:1px solid #6d567b}.secondary:hover{background:#544062}#settings{z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#241b34f2;border:1px solid #725a7c;border-radius:15px;width:245px;padding:20px;position:fixed;top:75px;right:25px;box-shadow:0 15px 45px #0b0b224d}#settings h3{color:#ffd063;margin:0 0 17px;font-size:15px}#settings label{color:#c6b5d1;margin:14px 0 7px;font-size:11px;display:block}#settings input[type=range]{accent-color:#ffce53;width:100%}#settings select{color:#eee1d6;background:#3b2c50;border:1px solid #6d557b;border-radius:8px;width:100%;padding:8px}#settings output{color:#ffda7e;float:right;font-weight:800}#settings small{color:#9f8caf;font-size:9px;line-height:1.8}.setting-check{justify-content:space-between;gap:15px;display:flex!important}#settings input[type=checkbox]{accent-color:#ffd053}#loading{color:#ffe3ac;text-shadow:none;background:#261c34}@media (max-height:780px){h1{font-size:52px}.hero-art{height:86px}.intro p{margin:8px 0}.card{padding:7px 8px 9px}.card p{font-size:8px}.card strong{font-size:17px}.selection{width:min(760px,91vw)}#play{margin-top:16px;padding:10px}.menu-note{margin-top:13px}}@media (max-width:700px){#cards{grid-template-columns:repeat(2,1fr)}.selection{width:min(430px,93vw)}.screen{padding:65px 15px 25px}.hero-art{height:64px}.card p{display:none}.intro h1{font-size:39px}.intro h1 em{margin:13px;font-size:9px;display:block}.intro .eyebrow,.intro p{display:none}.card small{font-size:8px}.card-stats{margin-bottom:0}.brand{font-size:10px}.header-right button{padding:7px;font-size:9px}.section-label{margin:8px 0}.player-panel{min-width:235px;padding:10px}#settings{width:220px;right:12px}.top-stats{top:65px}#notice{top:118px}}body,.brand{font-size:17px}.card-stats span{padding:4px 9px;font-size:13px}#play{width:260px}#notice{letter-spacing:0;font-size:15px}.result-card{width:450px;max-width:92vw}#settings{width:285px}@media (max-height:780px){h1{font-size:61px}.intro p{font-size:13px}.hero-art{height:78px}.card strong{font-size:23px}.card small,.card p,.card-stats span,.menu-note{font-size:12px}.menu-bottom{font-size:10px}.screen{padding-top:65px}}@media (max-width:1150px){.live{display:none}.top-stats{top:77px}#notice{top:144px}#minimap{width:105px;height:105px;top:191px}.controls{display:none}.intro p{max-width:85vw}.menu-bottom span:nth-child(2){display:none}}@media (max-width:700px){.brand{font-size:13px}.header-right button{padding:7px;font-size:12px}.intro h1{font-size:46px}.intro h1 em{font-size:13px}.selection{width:min(450px,94vw)}.card small,.card-stats span{font-size:12px}.card strong{font-size:22px}.hero-art{height:57px}.card p{display:none}.player-panel{min-width:245px;padding:10px}.player-title{font-size:15px}#hp-text,#buffs{font-size:12px}#super{width:85px;height:85px}#super span{font-size:9px}.top-stats>div{padding:5px 9px}.top-stats small{font-size:12px}.top-stats b{font-size:23px}#notice{width:max-content;max-width:90vw;font-size:13px}.menu-bottom{display:none}}:root{--u:clamp(.9px,min(.0520833vw,.0925926vh),1.8px)}body,.brand{font-size:calc(15 * var(--u))}.live{font-size:calc(10 * var(--u))}.header-right button{font-size:calc(13 * var(--u))}.intro .eyebrow{font-size:calc(11 * var(--u))}h1{font-size:calc(66 * var(--u))}h1 em{font-size:calc(15 * var(--u))}.intro p{font-size:calc(13 * var(--u));line-height:1.7}.section-label{font-size:calc(13 * var(--u))}.selection{width:min(calc(860 * var(--u)),94vw)}#cards{gap:calc(12 * var(--u))}.card{padding:calc(9 * var(--u)) calc(10 * var(--u)) calc(13 * var(--u))}.hero-art{height:calc(118 * var(--u))}.card strong{font-size:calc(23 * var(--u))}.card small{font-size:calc(12 * var(--u))}.card p{font-size:calc(12 * var(--u));line-height:1.65}.card-number{font-size:calc(11 * var(--u))}.card-stats span{font-size:calc(12 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u))}#play,#again,#resume{font-size:calc(24 * var(--u))}#play{width:calc(250 * var(--u));padding:calc(13 * var(--u)) calc(18 * var(--u))}#play span{font-size:calc(10 * var(--u))}.menu-note{font-size:calc(12 * var(--u))}.menu-bottom{font-size:calc(10 * var(--u))}.top-stats>div{padding:calc(7 * var(--u)) calc(14 * var(--u))}.top-stats small{font-size:calc(13 * var(--u))}.top-stats b{font-size:calc(26 * var(--u))}.top-stats span{font-size:calc(12 * var(--u))}#notice{font-size:calc(14 * var(--u));letter-spacing:0}.player-title{font-size:calc(16 * var(--u))}#hp-text{font-size:calc(13 * var(--u))}#buffs{font-size:calc(12 * var(--u))}.player-panel{min-width:calc(310 * var(--u))}.controls{font-size:calc(11 * var(--u))}#super b{font-size:calc(26 * var(--u))}#super span{font-size:calc(10 * var(--u))}#super{width:calc(96 * var(--u));height:calc(96 * var(--u))}.result-card{width:calc(430 * var(--u));max-width:92vw;padding:calc(40 * var(--u))}.result-card h2{font-size:calc(44 * var(--u))}.result-card p{font-size:calc(16 * var(--u))}.result-card .eyebrow{font-size:calc(12 * var(--u))}.secondary{font-size:calc(15 * var(--u))}#settings{width:calc(265 * var(--u));max-width:92vw;padding:calc(20 * var(--u));max-height:calc(100vh - 100px);overflow:auto}#settings h3{font-size:calc(19 * var(--u))}#settings label{font-size:calc(14 * var(--u))}#settings small{font-size:calc(12 * var(--u))}#settings select{font-size:calc(14 * var(--u))}@media (min-width:1151px){#notice{top:calc(84 * var(--u))}}@media (max-height:780px){.hero-art{height:78px}}@media (max-width:700px){.intro h1{font-size:42px}.intro h1 em{font-size:12px}.selection{width:min(430px,94vw)}.hero-art{height:57px}.player-panel{min-width:235px}}@media (min-width:701px){.selection{width:min(calc(1080 * var(--u)),96vw)}#cards{grid-template-columns:repeat(5,minmax(0,1fr))}.card{min-width:0}.card strong{letter-spacing:1px}.card p{font-size:calc(11 * var(--u))}}.card[data-hero="4"] .hero-art{background:radial-gradient(at 50% 70%,#ffc36d77,#0000 70%),linear-gradient(135deg,#a25b38,#513647)!important}@media (max-width:700px){#menu{justify-content:flex-start;overflow-y:auto}.selection{flex-shrink:0}}#result{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(#14203855,#130e28c9)}#result .result-card{width:calc(480 * var(--u));background:linear-gradient(150deg,#44304bf2,#231b34f5);border:2px solid #9c7792;animation:.4s ease-out result-arrive;position:relative}#result .result-card:before{content:"×";width:calc(76 * var(--u));height:calc(76 * var(--u));margin:0 auto calc(18 * var(--u));font-size:calc(65 * var(--u));color:#ffb29b;text-shadow:0 3px #592d48;background:#69394e;border:3px solid #ff9b86;border-radius:50%;place-items:center;line-height:1;display:grid}#result .eyebrow{color:#e9a8a4}#result h2{color:#ff927b;margin:calc(18 * var(--u)) 0;text-shadow:0 4px #402239}#result #result-text{margin:calc(18 * var(--u)) 0 calc(26 * var(--u));line-height:1.9}#result[data-outcome=win]{background:radial-gradient(#b2781726,#171026b8)}#result[data-outcome=win] .result-card{background:radial-gradient(at top,#886332b8,#0000 75%),linear-gradient(140deg,#493954f5,#282037f5);border-color:#ffdd81;box-shadow:0 8px #151021,0 0 75px #ffcd4933}#result[data-outcome=win] .result-card:before{content:"♛";color:#ffe49a;text-shadow:0 3px #805025;background:#997137;border-color:#ffe4a0;box-shadow:0 0 35px #ffcc5055}#result[data-outcome=win] .eyebrow{color:#ffe6a0}#result[data-outcome=win] h2{color:#ffdb60;text-shadow:0 4px #7c4c32}#result .result-card:after{content:"";pointer-events:none;opacity:0;border:1px solid #ffe09866;border-radius:32px;position:absolute;inset:-14px}#result[data-outcome=win] .result-card:after{opacity:1}@keyframes result-arrive{0%{opacity:0;transform:translateY(18px)scale(.95)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#result .result-card{animation:none}}#room-panel{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b152bc9;place-items:center;padding:20px;font-family:system-ui,sans-serif;display:grid;position:fixed;inset:0}#room-panel[hidden]{display:none}.room-dialog{color:#f7f4e5;background:#172a40;border:1px solid #577385;border-radius:24px;width:min(680px,100%);max-height:90vh;padding:28px;overflow:auto;box-shadow:0 25px 90px #0007}.room-title{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.room-title small{color:#a5d9cc;letter-spacing:3px}.room-title h2{margin:8px 0 24px;font-size:25px}.room-dialog button{color:#fff;cursor:pointer;background:#294760;border:1px solid #708da2;border-radius:12px;padding:12px 18px;font:700 15px system-ui}.room-dialog button:hover{background:#3e627e}.room-dialog button:focus-visible,.room-dialog input:focus-visible{outline-offset:3px;outline:3px solid #ffdc7b}.room-dialog label{color:#c5d6df;flex-direction:column;gap:7px;font-size:13px;display:flex}.room-dialog input{color:#fff;background:#0e2032;border:1px solid #627b8b;border-radius:10px;width:100%;padding:12px 14px;font:18px system-ui}#room-create,#room-start{color:#26354b;background:#ffc955;border-color:#ffe097}#room-create{width:100%;margin:15px 0}.room-join{align-items:flex-end;gap:12px;display:flex}.room-join label{flex:1}.room-dialog p{color:#bdd0dc;font-size:13px;line-height:1.7}.room-code{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-code strong{letter-spacing:4px;color:#ffda78;font:800 30px monospace;display:block}#room-roster{grid-template-columns:1fr 1fr;gap:8px;display:grid}.room-member{color:#8fa5b4;border:1px dashed #526b7d;border-radius:10px;padding:13px;font-size:13px}.room-member.human{color:#e5fff6;background:#254c4d;border:1px solid #75bca6}.room-actions{flex-wrap:wrap;gap:10px;display:flex}#room-status{color:#ffe1a0;min-height:24px;margin-bottom:0}#room-open{color:#fff;cursor:pointer;background:#365888;border:2px solid #fff1b9;border-radius:14px;width:100%;margin:10px 0;font-weight:800;display:block;padding:12px!important}#room-badge{font-size:12px!important}#room-panel button[hidden]{display:none}@media (max-width:600px){.room-dialog{padding:20px}.room-title h2{font-size:21px}.room-member{padding:10px}.room-code strong{font-size:24px}.room-code{flex-wrap:wrap}}#menu .menu-actions{justify-content:center;gap:clamp(12px,2vw,24px);width:min(100%,720px);margin:24px auto 0;display:flex}#menu .menu-actions>button{color:#302044;letter-spacing:2px;background:linear-gradient(#ffe36a,#ffbf28);border:2px solid #ffe292;border-radius:15px;flex:1;justify-content:center;align-items:center;width:auto;min-width:0;min-height:60px;margin:0;font:900 clamp(18px,2vw,28px) ArenaCartoon,system-ui;transition:transform .15s,filter .15s;display:flex;box-shadow:0 6px #8e5a24,0 10px #20162e;padding:16px 20px!important}#menu .menu-actions>button:hover{filter:brightness(1.08);transform:translateY(-2px)}#menu .menu-actions>button:active{transform:translateY(3px)}#crosshair.confirmed-hit{border-color:#fff3ad;scale:1.25;box-shadow:0 0 0 4px #ffdc5870}#crosshair.confirmed-hit:after{content:"×";color:#fff5cf;text-align:center;text-shadow:0 1px 4px #332039;font:700 34px/40px sans-serif;position:absolute;inset:-10px}#crosshair.confirmed-kill:after{color:#ffb94e;content:"✦"}@media (max-width:600px){#menu .menu-actions{gap:12px;margin-top:16px}#menu .menu-actions>button{letter-spacing:0;min-height:48px;padding:10px!important}}#stage,body,body *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body input,body textarea,body [contenteditable=true],body [contenteditable=true] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}body img,body a{-webkit-user-drag:none}#touch-controls,#touch-pause,#rotate-device{display:none}html,body,button,a,input,select{touch-action:manipulation}body.touch-mode{overscroll-behavior:none}body.touch-mode #hud{touch-action:none}.mobile-quick-actions:empty{display:none}.mobile-quick-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.mobile-quick-actions button{color:#fff0d4;background:#40314e;border:1px solid #80628b;border-radius:9px;min-height:40px;padding:9px 12px;font-size:13px}.reload-label{color:#ffdd79;white-space:nowrap;font:700 11px/14px system-ui}body.touch-mode #touch-pause{min-height:36px;display:block}body.touch-mode #crosshair,body.touch-mode .controls,body.touch-mode .live{display:none}body.touch-mode #stage canvas,body.touch-mode #super{touch-action:none}body.touch-mode #touch-controls:not([hidden]){z-index:15;pointer-events:none;display:block;position:fixed;inset:0}.touch-stick{bottom:max(12px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:0 0;border:0;width:clamp(104px,19vh,152px);height:clamp(104px,19vh,152px);position:absolute}.touch-stick[data-stick=move]{left:max(18px,env(safe-area-inset-left))}.touch-stick[data-stick=aim]{right:max(18px,env(safe-area-inset-right))}.stick-ring{pointer-events:none;background:radial-gradient(circle,#d7d2ed08,#d7d2ed0f);border:1px solid #f3efff66;border-radius:50%;transition:border-color .12s,background .12s;position:absolute;inset:13%;box-shadow:0 1px 5px #110c2420}.touch-stick i{pointer-events:none;box-sizing:border-box;border-radius:50%;width:25%;height:25%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.touch-stick[data-stick=move] i{background:#dedbe482;border:1px solid #ffffff90;box-shadow:0 2px 6px #17112238}.stick-directions{text-align:center;color:#e4dfed66;pointer-events:none;font:12px/1 system-ui;position:absolute;inset:18%}.stick-directions:before,.stick-directions:after{font-size:10px;position:absolute;top:45%}.stick-directions:before{content:"◂";left:0}.stick-directions:after{content:"▸";right:0}.touch-stick[data-stick=aim] i{background:0 0;border:0;width:31%;height:31%}.touch-stick svg{fill:none;stroke:#f6f2ffd0;stroke-width:1.35px;stroke-linecap:round;width:100%;height:100%;display:block}.touch-stick .aim-dot{fill:#f6f2ffd0;stroke:none}.touch-stick.active .stick-ring{background:#e8d9aa12;border-color:#fff3c8a0}.touch-stick.active[data-stick=move] i{background:#f1e5bdac;border-color:#fff4d5}.touch-stick.active svg{stroke:#fff0be}body.touch-mode header{top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right))}body.touch-mode .header-right{gap:5px}body.touch-mode .header-right button{min-height:36px;padding:7px 9px;font-size:11px}body.touch-mode .brand{font-size:12px}body.touch-mode .top-stats{gap:5px;top:54px}body.touch-mode .top-stats>div{padding:4px 9px}body.touch-mode .top-stats small{font-size:11px}body.touch-mode .top-stats b{font-size:19px}body.touch-mode .top-stats span{display:none}body.touch-mode #notice{text-align:center;max-width:70vw;padding:5px 10px;font-size:11px;top:91px}body.touch-mode .bottom-bar{position:static}body.touch-mode .player-panel{top:56px;left:max(12px,env(safe-area-inset-left));gap:6px;width:185px;min-width:0;padding:7px 9px;position:fixed}body.touch-mode .portrait{display:none}body.touch-mode .player-title{gap:8px;font-size:12px}body.touch-mode #hp-text{font-size:10px}body.touch-mode #buffs{margin-top:4px;font-size:9px}body.touch-mode #minimap{top:56px;right:max(12px,env(safe-area-inset-right));width:70px;height:70px}body.touch-mode #super{z-index:16;right:max(36px,env(safe-area-inset-right));bottom:calc(clamp(104px,19vh,152px) + 53px + env(safe-area-inset-bottom));touch-action:none;border-width:3px;width:64px;height:64px;position:fixed}body.touch-mode #super b{font-size:18px}body.touch-mode #super span{font-size:10px}body.touch-mode #settings{width:260px;max-height:calc(100dvh - 64px);font-size:14px;top:52px;right:12px}body.touch-mode #room-panel{padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}body.touch-mode .room-dialog{max-height:90dvh;padding:16px}body.touch-mode .room-dialog input{font-size:16px}body.touch-mode .result-card{width:min(400px,85vw);max-height:90dvh;padding:18px;overflow:auto}body.touch-mode .result-card h2{margin:10px 0;font-size:30px}body.touch-mode .result-card p{font-size:13px}body.touch-mode #rotate-device:not([hidden]){z-index:150;text-align:center;background:#211b32f5;place-items:center;padding:28px;display:grid;position:fixed;inset:0}#rotate-device b{color:#ffd563;font-size:28px}#rotate-device p{color:#e7dcea;font:16px/2 system-ui}@media (orientation:landscape) and (max-height:600px){body.touch-mode #menu{padding:48px max(15px,env(safe-area-inset-right)) 12px max(15px,env(safe-area-inset-left));justify-content:flex-start;overflow:auto}body.touch-mode .intro{flex-shrink:0}body.touch-mode .intro .eyebrow,body.touch-mode .intro p,body.touch-mode .intro h1 em,body.touch-mode .menu-bottom{display:none}body.touch-mode .intro h1{letter-spacing:2px;margin:2px 0 5px;font-size:29px}body.touch-mode .intro h1>span{display:inline}body.touch-mode .selection{flex-shrink:0;width:min(100%,980px);margin:0;padding:0}body.touch-mode .section-label{margin:4px 0 7px;font-size:12px}body.touch-mode #cards{scroll-snap-type:x mandatory;touch-action:pan-x;gap:10px;padding:5px 4px 10px;display:flex;overflow-x:auto}body.touch-mode .card{scroll-snap-align:start;flex:0 0 max(130px,20% - 8px);padding:6px 8px}body.touch-mode .hero-art{height:66px}body.touch-mode .card strong{font-size:18px}body.touch-mode .card small{margin:3px 0;font-size:10px}body.touch-mode .card-stats{margin:4px 0;font-size:11px}body.touch-mode .card p{display:none}body.touch-mode #menu .menu-actions{max-width:540px;margin-top:7px}body.touch-mode #menu .menu-actions>button{min-height:42px;font-size:20px;padding:8px!important}body.touch-mode .menu-note{margin:12px 0 0;font-size:10px}}@media (orientation:landscape) and (min-height:601px){body.touch-mode .selection{width:min(96vw,1100px)}body.touch-mode #cards{grid-template-columns:repeat(5,minmax(0,1fr))}body.touch-mode .card p{font-size:11px}body.touch-mode .card strong{font-size:22px}}body.touch-mode.playing .brand,body.touch-mode.playing #minimap,body.touch-mode.playing #buffs{display:none}body.touch-mode.playing header{justify-content:flex-end}body.touch-mode.playing .player-panel{top:max(8px,env(safe-area-inset-top));width:150px;padding:6px 8px}body.touch-mode.playing .player-title{margin-bottom:5px;font-size:11px}body.touch-mode.playing .top-stats{top:max(8px,env(safe-area-inset-top));gap:3px}body.touch-mode.playing .top-stats>div{gap:4px;padding:5px 7px}body.touch-mode.playing .top-stats small{font-size:10px}body.touch-mode.playing .top-stats b{font-size:16px}body.touch-mode.playing #notice{background:#241b3480;max-width:55vw;font-size:10px;top:61px}body.touch-mode #settings h3{margin:8px 0 12px}