.neo{--u: 3px;--accent: #4de3ff;--accent-2: #a06bff;--ok: #3df0a8;--warn: #ffcf5c;--bad: #ff5f74;--text: #eaf7ff;--muted: #7ea6c2;--glass: rgba(6, 12, 20, .94);--glass-2: rgba(15, 28, 45, .95);--line: rgba(77, 227, 255, .42);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,Inter,Helvetica Neue,Arial,sans-serif;font-size:calc(var(--u) * 8);line-height:1.28;color:var(--text);z-index:5;-webkit-font-smoothing:antialiased}.neo *{box-sizing:border-box}.neo .n-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.neo .n-panel{position:absolute;pointer-events:auto;background:repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px calc(var(--u) * 1.5)),linear-gradient(158deg,var(--glass-2),var(--glass) 60%);border:1px solid var(--line);border-top:calc(var(--u) * .7) solid rgba(120,236,255,.9);box-shadow:0 0 calc(var(--u) * 6) #4de3ff33,0 calc(var(--u) * 2) calc(var(--u) * 8) #0009,inset 0 calc(var(--u) * 1) calc(var(--u) * 6) #4de3ff12;animation:neo-in .13s ease-out}.neo .n-panel:before,.neo .n-panel:after{content:"";position:absolute;width:calc(var(--u) * 9);height:calc(var(--u) * 9);border:calc(var(--u) * .9) solid var(--accent);opacity:1;pointer-events:none;filter:drop-shadow(0 0 calc(var(--u) * 2) rgba(77,227,255,.7))}.neo .n-panel:before{left:calc(var(--u) * -.4);top:calc(var(--u) * -.4);border-right:0;border-bottom:0}.neo .n-panel:after{right:calc(var(--u) * -.4);bottom:calc(var(--u) * -.4);border-left:0;border-top:0}@keyframes neo-in{0%{opacity:0;transform:translateY(calc(var(--u) * 2))}to{opacity:1;transform:none}}.neo .n-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;background:radial-gradient(120% 100% at 50% 0%,#060e1838,#03070c99);animation:neo-in .13s ease-out}.neo .n-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u) * 4);padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 2.5);border-bottom:1px solid rgba(77,227,255,.22)}.neo .n-head .n-title{font-weight:600;letter-spacing:calc(var(--u) * .35);text-transform:uppercase;font-size:calc(var(--u) * 8);color:#fff;text-shadow:0 0 calc(var(--u) * 4) rgba(77,227,255,.55)}.neo .n-head .n-side{color:var(--muted);font-size:calc(var(--u) * 7);letter-spacing:calc(var(--u) * .2)}.neo .n-foot{border-top:1px solid rgba(77,227,255,.18);padding:calc(var(--u) * 2.5) calc(var(--u) * 5);color:var(--muted);font-size:calc(var(--u) * 7)}.neo .n-rows{padding:calc(var(--u) * 2) calc(var(--u) * 2.5);display:flex;flex-direction:column;gap:calc(var(--u) * .5)}.neo .n-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 3);padding:calc(var(--u) * 1.6) calc(var(--u) * 3) calc(var(--u) * 1.6) calc(var(--u) * 5);border-left:calc(var(--u) * .8) solid transparent;cursor:pointer;white-space:nowrap}.neo .n-row .n-label{overflow:hidden;text-overflow:ellipsis}.neo .n-row .n-right{color:var(--muted);font-size:calc(var(--u) * 7.5)}.neo .n-row.n-sel{background:linear-gradient(90deg,#4de3ff38,#4de3ff05 70%);border-left-color:var(--accent)}.neo .n-row.n-sel:before{content:"▸";position:absolute;left:calc(var(--u) * 1.2);color:var(--accent)}.neo .n-row.n-sel .n-label{color:#fff;text-shadow:0 0 calc(var(--u) * 3) rgba(77,227,255,.5)}.neo .n-row.n-sel .n-right{color:var(--accent)}.neo .n-row.n-off{color:#56718a;cursor:default}.neo .n-row.n-off .n-right{color:#43596e}.neo .n-dialog{left:calc(var(--u) * 4);right:calc(var(--u) * 4);bottom:calc(var(--u) * 4);padding:calc(var(--u) * 4) calc(var(--u) * 5);min-height:calc(var(--u) * 40);max-height:52%;overflow:hidden}.neo .n-dialog .n-text{white-space:pre-wrap}.neo .n-dialog .n-more{position:absolute;right:calc(var(--u) * 4);bottom:calc(var(--u) * 2);color:var(--accent);font-size:calc(var(--u) * 7);animation:neo-blink .9s steps(2,end) infinite}@keyframes neo-blink{50%{opacity:.15}}.neo .n-menu{min-width:calc(var(--u) * 70);padding:calc(var(--u) * 2) 0}.neo .n-menu .n-row{padding-right:calc(var(--u) * 6)}.neo .n-full{left:calc(var(--u) * 3);right:calc(var(--u) * 3);top:calc(var(--u) * 3);bottom:calc(var(--u) * 3);display:flex;flex-direction:column}.neo .n-full .n-rows{flex:1;overflow:hidden}.neo .n-full .n-body{flex:1;overflow:hidden;padding:calc(var(--u) * 3) calc(var(--u) * 5);white-space:pre-wrap}.neo .n-party{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 3);flex:1}.neo .n-card{position:relative;display:grid;grid-template-columns:calc(var(--u) * 30) 1fr;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2);border:1px solid rgba(77,227,255,.16);background:linear-gradient(150deg,#16283eb3,#09111cb3);cursor:pointer}.neo .n-card.n-sel{border-color:var(--accent);box-shadow:0 0 calc(var(--u) * 5) #4de3ff4d,inset 0 0 calc(var(--u) * 8) #4de3ff14}.neo .n-card.n-off{opacity:.5}.neo .n-card img{width:100%;height:calc(var(--u) * 30);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 calc(var(--u) * 1) calc(var(--u) * 2) rgba(0,0,0,.6))}.neo .n-card .n-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo .n-card .n-sub{color:var(--muted);font-size:calc(var(--u) * 7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo .n-card .n-tag{display:inline-block;margin-left:calc(var(--u) * 1.5);padding:0 calc(var(--u) * 1.5);font-size:calc(var(--u) * 6.5);color:#04121b;background:var(--accent);letter-spacing:calc(var(--u) * .2)}.neo .n-hp{display:flex;align-items:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 7);color:var(--muted)}.neo .n-hp .n-bar{flex:1;height:calc(var(--u) * 2.5);background:#040a12d9;border:1px solid rgba(77,227,255,.25);overflow:hidden}.neo .n-hp .n-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),#9dffd8);box-shadow:0 0 calc(var(--u) * 3) #3df0a899;transition:width .24s ease-out}.neo .n-hp.n-mid .n-bar i{background:linear-gradient(90deg,var(--warn),#ffe9a8);box-shadow:0 0 calc(var(--u) * 3) #ffcf5c8c}.neo .n-hp.n-low .n-bar i{background:linear-gradient(90deg,var(--bad),#ffb0ba);box-shadow:0 0 calc(var(--u) * 3) #ff5f748c}.neo .n-summary{display:grid;grid-template-columns:calc(var(--u) * 78) 1fr;gap:calc(var(--u) * 3);padding:calc(var(--u) * 3);flex:1;overflow:hidden}.neo .n-summary .n-mug{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 1);border:1px solid rgba(77,227,255,.18);background:radial-gradient(80% 60% at 50% 35%,#4de3ff1f,#08101a99);padding:calc(var(--u) * 2)}.neo .n-summary .n-mug img{width:90%;height:calc(var(--u) * 68);object-fit:contain;image-rendering:pixelated}.neo .n-summary .n-kv{display:flex;flex-direction:column;gap:calc(var(--u) * .5);overflow:hidden}.neo .n-summary .n-kv div{display:flex;justify-content:space-between;gap:calc(var(--u) * 3);padding:calc(var(--u) * 1.2) calc(var(--u) * 2);border-bottom:1px solid rgba(77,227,255,.1)}.neo .n-summary .n-kv div span:first-child{color:var(--muted)}.neo .n-summary .n-kv div span:last-child{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo .n-dots{display:flex;gap:calc(var(--u) * 1.5);align-items:center}.neo .n-dots i{width:calc(var(--u) * 2.5);height:calc(var(--u) * 2.5);background:#4de3ff40;display:block}.neo .n-dots i.n-on{background:var(--accent);box-shadow:0 0 calc(var(--u) * 3) var(--accent)}.neo .n-battle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.neo .n-battle>*{pointer-events:auto}.neo .n-bmsg{left:calc(var(--u) * 3);right:calc(var(--u) * 3);bottom:calc(var(--u) * 3);min-height:calc(var(--u) * 42);padding:calc(var(--u) * 4) calc(var(--u) * 5);display:flex;align-items:center;transition:right .14s ease-out}.neo .n-battle.n-with-menu .n-bmsg{right:40%}.neo .n-battle.n-with-moves .n-bmsg{opacity:0;pointer-events:none}.neo .n-bmsg .n-text{white-space:pre-wrap}.neo .n-bmsg.n-waiting:after{content:"▼";position:absolute;right:calc(var(--u) * 4);bottom:calc(var(--u) * 2);color:var(--accent);font-size:calc(var(--u) * 7);animation:neo-blink .9s steps(2,end) infinite}.neo .n-bmsg.n-empty{opacity:0}.neo .n-bmenu{display:grid;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 2.5)}.neo .n-bmenu .n-row{flex-direction:column;align-items:flex-start;gap:0;justify-content:center;border:1px solid rgba(77,227,255,.16);border-left-width:calc(var(--u) * .8);border-left-color:transparent;padding:calc(var(--u) * 1.4) calc(var(--u) * 2) calc(var(--u) * 1.4) calc(var(--u) * 4)}.neo .n-bmenu .n-row .n-sub{color:var(--muted);font-size:calc(var(--u) * 6.2)}.neo .n-bmenu .n-row.n-sel{border-color:var(--accent)}.neo .n-bmenu.n-main{right:calc(var(--u) * 3);bottom:calc(var(--u) * 3);width:37%;min-height:calc(var(--u) * 42)}.neo .n-bmenu.n-main .n-row{align-items:center;justify-content:center;padding:calc(var(--u) * 1.4);letter-spacing:calc(var(--u) * .3)}.neo .n-bmenu.n-main .n-row:before{content:none}.neo .n-bmenu.n-moves{left:calc(var(--u) * 3);right:calc(var(--u) * 3);bottom:calc(var(--u) * 3);min-height:calc(var(--u) * 42)}.neo .n-bmenu.n-balls,.neo .n-bmenu.n-special,.neo .n-bmenu.n-targets{right:calc(var(--u) * 3);bottom:calc(var(--u) * 48);width:46%}.neo .n-bmenu.n-targets{grid-template-columns:repeat(2,1fr)!important}.neo .n-bmenu.n-switch{left:50%;transform:translate(-50%);top:calc(var(--u) * 14);width:62%}.neo .n-bhud{width:42%;padding:calc(var(--u) * 2) calc(var(--u) * 3)}.neo .n-bhud.n-foe{left:calc(var(--u) * 4);top:calc(var(--u) * 6 + var(--u) * 24 * var(--slot))}.neo .n-bhud.n-me{right:calc(var(--u) * 4);bottom:calc(var(--u) * 50 + var(--u) * 24 * var(--slot))}.neo .n-bhud .n-name{display:flex;align-items:baseline;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 7.5)}.neo .n-bhud .n-name .n-who{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.neo .n-bhud .n-name .n-lv{color:var(--accent);margin-left:auto;font-size:calc(var(--u) * 6.5)}.neo .n-bhud .n-name .n-st{padding:0 calc(var(--u) * 1.2);font-size:calc(var(--u) * 6);background:var(--warn);color:#180f00}.neo .n-bhud .n-bhp{display:flex;align-items:center;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 1);font-size:calc(var(--u) * 6.5);color:var(--muted)}.neo .n-bhud .n-bhp .n-bar{flex:1;height:calc(var(--u) * 2.5);background:#040a12d9;border:1px solid rgba(77,227,255,.25);overflow:hidden}.neo .n-bhud .n-bhp .n-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),#9dffd8);box-shadow:0 0 calc(var(--u) * 3) #3df0a899;transition:width .2s ease-out}.neo .n-bhud .n-bhp.n-mid .n-bar i{background:linear-gradient(90deg,var(--warn),#ffe9a8)}.neo .n-bhud .n-bhp.n-low .n-bar i{background:linear-gradient(90deg,var(--bad),#ffb0ba)}.neo .n-hint{position:absolute;left:50%;top:calc(var(--u) * 4);transform:translate(-50%);padding:calc(var(--u) * 1.4) calc(var(--u) * 4);font-size:calc(var(--u) * 7.5);letter-spacing:calc(var(--u) * .2);color:var(--text);background:linear-gradient(180deg,#0f1c2deb,#060c14eb);border:1px solid var(--line);border-top:calc(var(--u) * .6) solid rgba(120,236,255,.9);box-shadow:0 0 calc(var(--u) * 5) #4de3ff38;white-space:nowrap;animation:neo-in .13s ease-out}.neo .n-hint b{color:var(--accent);font-weight:600;margin-right:calc(var(--u) * 2)}.neo .n-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:50;pointer-events:none;padding:calc(var(--u) * 2) calc(var(--u) * 6);font-size:calc(var(--u) * 8);letter-spacing:calc(var(--u) * .4);color:var(--accent);background:#060c14d9;border:1px solid var(--line);white-space:nowrap;animation:neo-pulse 1.1s ease-in-out infinite alternate}@keyframes neo-pulse{0%{opacity:.55}to{opacity:1}}.neo ::-webkit-scrollbar{width:calc(var(--u) * 1.6);height:calc(var(--u) * 1.6)}.neo ::-webkit-scrollbar-thumb{background:#4de3ff59}.neo ::-webkit-scrollbar-track{background:transparent}.neo .n-dialog{display:flex;align-items:flex-start}.neo .n-dialog .n-text{width:100%;max-height:100%;overflow-y:auto}.neo .n-askbox{left:12%;right:12%;top:34%}.neo .n-askbox .n-input{display:block;width:calc(100% - var(--u) * 10);margin:calc(var(--u) * 3) calc(var(--u) * 5);padding:calc(var(--u) * 2) calc(var(--u) * 3);font:inherit;font-size:calc(var(--u) * 9);color:#fff;background:#040a12e6;border:1px solid var(--line);border-bottom:calc(var(--u) * .6) solid var(--accent);outline:none;letter-spacing:calc(var(--u) * .2)}.neo .n-askbox .n-input:focus{box-shadow:0 0 calc(var(--u) * 5) #4de3ff59}.neo .n-titlescreen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 3);pointer-events:none;text-align:center}.neo .n-titlescreen .n-big{font-size:calc(var(--u) * 26);font-weight:300;letter-spacing:calc(var(--u) * 3);color:#fff;text-shadow:0 0 calc(var(--u) * 8) rgba(77,227,255,.85),0 0 calc(var(--u) * 20) rgba(77,227,255,.35);animation:neo-title .42s ease-out}.neo .n-titlescreen .n-small{font-size:calc(var(--u) * 8);color:var(--muted);letter-spacing:calc(var(--u) * .6);text-transform:uppercase}@keyframes neo-title{0%{opacity:0;letter-spacing:calc(var(--u) * 8)}to{opacity:1}}.tc{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}.tc button{position:absolute;pointer-events:auto;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:0;font-size:4.2vmin;font-weight:600;letter-spacing:.04em;color:#eaf7ff;background:linear-gradient(158deg,#0f1c2dd1,#060c14d1);border:1px solid rgba(77,227,255,.45);box-shadow:0 0 2vmin #4de3ff2e,0 1vmin 2vmin #00000080;touch-action:none;-webkit-tap-highlight-color:transparent}.tc button:active,.tc button.on{background:linear-gradient(158deg,#4de3ff59,#0f283ce6);border-color:#4de3ff;box-shadow:0 0 3vmin #4de3ff80}.tc .pad{position:absolute;left:4vmin;bottom:5vmin;width:40vmin;height:40vmin;pointer-events:none}.tc .pad button{width:13vmin;height:13vmin;font-size:5vmin}.tc .pad .up{left:13.5vmin;top:0}.tc .pad .down{left:13.5vmin;top:27vmin}.tc .pad .left{left:0;top:13.5vmin}.tc .pad .right{left:27vmin;top:13.5vmin}.tc .a{right:5vmin;bottom:16vmin;width:16vmin;height:16vmin;border-radius:50%;font-size:5vmin}.tc .b{right:22vmin;bottom:7vmin;width:13vmin;height:13vmin;border-radius:50%}.tc .start{right:4vmin;top:3vmin;height:8vmin;padding:0 3.5vmin;font-size:3.4vmin}@media (orientation: landscape){.tc .pad{width:32vmin;height:32vmin;left:2vmin;bottom:2vmin}.tc .pad button{width:10.5vmin;height:10.5vmin}.tc .pad .up{left:10.5vmin;top:0}.tc .pad .down{left:10.5vmin;top:21vmin}.tc .pad .left{left:0;top:10.5vmin}.tc .pad .right{left:21vmin;top:10.5vmin}.tc .a{right:3vmin;bottom:12vmin;width:13vmin;height:13vmin}.tc .b{right:17vmin;bottom:4vmin;width:11vmin;height:11vmin}}:root{--bg: #0f1216;--panel: #171c23;--panel2: #1e252e;--line: #2b3440;--text: #e6e9ee;--muted: #8e99a8;--accent: #f0b429;--good: #3ecf8e;--bad: #f25f5c;--warn: #f7b955;--info: #5aa9ff;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}#root{min-height:100vh}button{font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#1a1200;border-color:var(--accent);font-weight:600}button.danger{border-color:var(--bad);color:var(--bad)}button.small{padding:3px 8px;font-size:12px}input,select{font:inherit;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 8px}input[type=range]{padding:0}a{color:var(--info)}h1,h2,h3,h4{margin:0 0 8px;font-weight:600}h2{font-size:16px}h3{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.info{color:var(--info)}.mono{font-family:var(--mono)}.app{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}.topbar{display:flex;gap:18px;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .brand{font-weight:700;color:var(--accent);letter-spacing:.04em}.topbar .stat{display:flex;flex-direction:column;line-height:1.15}.topbar .stat b{font-size:15px}.topbar .stat span{font-size:11px;color:var(--muted);text-transform:uppercase}.topbar .spacer{flex:1}.tabs{display:flex;gap:2px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:8px 12px;color:var(--muted)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.tabs button .badge{background:var(--accent);color:#1a1200;border-radius:10px;padding:0 6px;font-size:11px;margin-left:6px;font-weight:700}.content{padding:16px;display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1000px){.grid2,.grid3{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.list{display:flex;flex-direction:column;gap:6px}.item{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:500}tr.me td{color:var(--accent);font-weight:600}.bar{height:8px;background:#0b0e12;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.bar>div{height:100%;background:var(--good);transition:width .3s}.bar.hp>div{background:var(--good)}.bar.hp.mid>div{background:var(--warn)}.bar.hp.low>div{background:var(--bad)}.meter{display:grid;grid-template-columns:110px 1fr 40px;gap:8px;align-items:center;font-size:13px}.tag{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;background:var(--panel2);border:1px solid var(--line);margin-right:4px}.type{color:#fff;text-transform:capitalize;border:none}.events{max-height:360px;overflow:auto;display:flex;flex-direction:column;gap:4px;font-size:13px}.events .ev{padding:4px 8px;border-left:3px solid var(--line);background:var(--panel2);border-radius:4px}.events .ev.good{border-left-color:var(--good)}.events .ev.bad{border-left-color:var(--bad)}.events .ev.warning{border-left-color:var(--warn)}.events .ev.info{border-left-color:var(--info)}.mon{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}.mon img{width:64px;height:64px;image-rendering:pixelated}.mon .name{font-weight:600}.mon .sub{font-size:12px;color:var(--muted)}.mon.ineligible{opacity:.6}.chip{font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--line);margin-left:4px}.chip.on{background:var(--accent);color:#1a1200;border-color:var(--accent)}.battle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070aeb;display:grid;place-items:center;z-index:50;padding:16px}.battle{width:min(1100px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 380px;gap:16px;max-height:95vh;overflow:auto}@media (max-height: 800px){.fighter img{width:96px;height:96px}.fighter{grid-template-columns:1fr 96px}.fighter.mine{grid-template-columns:96px 1fr}}@media (max-width: 900px){.battle{grid-template-columns:1fr;overflow:auto}}.arena{display:grid;grid-template-rows:auto 1fr auto;gap:12px}.fighter{display:grid;grid-template-columns:1fr 140px;gap:12px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px}.fighter.mine{grid-template-columns:140px 1fr}.fighter img{width:140px;height:140px;image-rendering:pixelated;object-fit:contain}.fighter .hpnum{font-family:var(--mono);font-size:12px;color:var(--muted)}.fighter .balls{font-size:12px;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button{text-align:left;padding:8px 10px}.actions button .sub{display:block;font-size:11px;color:var(--muted)}.blog{display:flex;flex-direction:column;gap:3px;overflow:auto;max-height:70vh;font-size:13px}.blog .l{padding:3px 8px;border-radius:4px;background:var(--panel2)}.blog .l.turn{background:transparent;color:var(--accent);font-weight:600;margin-top:6px}.blog .l.hit{border-left:3px solid var(--bad)}.blog .l.heal{border-left:3px solid var(--good)}.blog .l.faint{border-left:3px solid var(--warn);font-weight:600}.center{text-align:center}.big{font-size:22px;font-weight:700}.newgame{max-width:560px;margin:60px auto}.newgame label{display:grid;gap:4px;margin-bottom:12px;font-size:13px;color:var(--muted)}.story{font-size:12px;color:var(--muted);padding-left:12px;border-left:2px solid var(--line);margin-top:6px}.queue-row{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;align-items:center}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.status-dot.waiting{background:var(--muted)}.status-dot.puzzle-failed{background:#555}.status-dot.minor-lost{background:var(--info)}.status-dot.leader-won{background:var(--good)}.status-dot.leader-lost{background:var(--bad)}.status-dot.conceded{background:var(--accent)}.status-dot.leader-pending{background:var(--warn)}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--bad);color:#fff;padding:8px 14px;border-radius:8px;z-index:60}.item.selected{border-color:var(--accent)}label.item{display:block}.chip.bad{border-color:var(--bad);color:var(--bad)}.chip.warn{border-color:var(--warn);color:var(--warn)}.topbar .stat b.good{color:var(--good)}.topbar .stat b.bad{color:var(--bad)}ul{margin:6px 0}.gamehost{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none}.gamecanvas{position:relative}.gamecanvas canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}