:root{--bg: #0b1018;--bg2: #121a27;--panel: rgba(15, 21, 33, .92);--panel-solid: #141c2b;--panel-2: rgba(28, 38, 56, .95);--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--text: #e9edf5;--muted: #9aa6ba;--dim: #6c778a;--gold: #f2c14e;--gold-2: #d99a2b;--good: #52d18a;--bad: #ff5d5d;--mana: #4aa3ff;--hp: #4fd17a;--enemy: #ff6060;--r1: #a9b4c4;--r2: #5fd38a;--r3: #4ea6ff;--r4: #b07cff;--r5: #ffb02e;--t6: #ff4f6d;--radius: 12px;--radius-s: 8px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--title: "Cinzel", "Trajan Pro", Georgia, "Times New Roman", serif;--u: clamp(11px, 1.05vw + .35vh, 15px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--u);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}button{font:inherit;color:inherit}.scroll{overflow:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.stage{position:fixed;inset:0}.stage canvas{display:block;width:100%;height:100%}.overlay2d,.hud{position:fixed;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:2.6em;padding:0 1.1em;border-radius:10px;border:1px solid var(--line-2);background:linear-gradient(180deg,#24324a,#1a2436);color:var(--text);font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform .08s,filter .15s,background .15s;white-space:nowrap}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled,.btn.disabled{opacity:.45;cursor:default;filter:none;transform:none}.btn.gold{background:linear-gradient(180deg,#f4c95a,#c98a20);color:#24170a;border-color:#ffe39a;text-shadow:0 1px 0 rgba(255,255,255,.35)}.btn.green{background:linear-gradient(180deg,#4cd087,#22985a);color:#04210f;border-color:#9af0bf}.btn.red{background:linear-gradient(180deg,#ff7272,#c43838);color:#2a0606;border-color:#ffb3b3}.btn.ghost{background:#ffffff0d}.btn.small{min-height:2.1em;padding:0 .75em;font-size:.9em}.btn.big{min-height:3.3em;padding:0 1.6em;font-size:1.15em;border-radius:14px}.btn.icon{padding:0;width:2.6em}.btn .cost{display:inline-flex;align-items:center;gap:.2em;font-weight:800}.coin{color:var(--gold)}.kbd{font-size:.75em;opacity:.55;border:1px solid var(--line-2);border-radius:4px;padding:0 .3em;margin-left:.2em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(6px)}.label{color:var(--muted);font-size:.82em;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.title{font-family:var(--title);letter-spacing:.04em}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.row{display:flex;align-items:center;gap:.5em}.col{display:flex;flex-direction:column;gap:.5em}.grow{flex:1}.center{display:flex;align-items:center;justify-content:center}.icon-svg{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle;flex:none}.r1{--rc: var(--r1)}.r2{--rc: var(--r2)}.r3{--rc: var(--r3)}.r4{--rc: var(--r4)}.r5{--rc: var(--r5)}.r6{--rc: var(--t6)}.menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2em;background:radial-gradient(ellipse at 50% 30%,rgba(40,70,110,.35),transparent 60%),linear-gradient(180deg,#080c1433,#080c14d9);padding:calc(1em + var(--safe-t)) 1em calc(1em + var(--safe-b))}.logo{font-family:var(--title);font-size:clamp(42px,8vw,96px);font-weight:800;letter-spacing:.06em;line-height:1;background:linear-gradient(180deg,#ffe7a3,#f2c14e 45%,#b8741a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(242,193,78,.35))}.tagline{color:var(--muted);margin-top:.4em;text-align:center;letter-spacing:.04em}.menu-buttons{display:flex;flex-direction:column;gap:.7em;width:min(340px,86vw)}.menu-buttons .btn{width:100%}.menu-foot{position:absolute;bottom:calc(.8em + var(--safe-b));color:var(--dim);font-size:.8em}.topbar{position:fixed;top:calc(.5em + var(--safe-t));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.6em;padding:.35em .6em}.phase-chip{display:flex;flex-direction:column;align-items:center;min-width:7.5em;line-height:1.15}.phase-chip .ph{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.85em}.phase-chip .rd{color:var(--muted);font-size:.78em}.timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.25em;min-width:2.2em;text-align:center}.timer.low{color:var(--bad);animation:pulse .8s infinite}@keyframes pulse{50%{opacity:.45}}.stat-pill{display:flex;align-items:center;gap:.3em;padding:.25em .6em;border-radius:999px;background:#ffffff0f;font-weight:800;font-variant-numeric:tabular-nums}.stat-pill.hp{color:#ff8b8b}.stat-pill.coins{color:var(--gold);font-size:1.15em}.standings{position:fixed;left:calc(.5em + var(--safe-l));top:calc(4em + var(--safe-t));width:clamp(150px,15vw,210px);padding:.4em;display:flex;flex-direction:column;gap:.25em}.stand{display:grid;grid-template-columns:1.6em 1fr;grid-template-rows:auto auto;column-gap:.45em;align-items:center;padding:.3em .4em;border-radius:8px;cursor:pointer;border:1px solid transparent}.stand:hover{background:#ffffff0d}.stand.me{background:#f2c14e14;border-color:#f2c14e40}.stand.viewing{border-color:#78b4ff99}.stand.dead{opacity:.4}.stand.opp:after{content:"VS";position:absolute}.stand .lord{grid-row:span 2;width:1.6em;height:1.6em;border-radius:50%;display:flex;align-items:center;justify-content:center}.stand .nm{font-weight:700;font-size:.88em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:.3em;align-items:center}.stand .bar{height:.42em;border-radius:4px;background:#ffffff14;overflow:hidden;position:relative}.stand .bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#ff5d5d,#ff9b5d);border-radius:4px;transition:width .6s}.stand.me .bar i{background:linear-gradient(90deg,#4fd17a,#9cf06a)}.stand .hpn{font-size:.75em;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.vs-tag{font-size:.65em;font-weight:900;color:#0b1018;background:var(--bad);border-radius:4px;padding:0 .3em}.dock{position:fixed;left:calc(.5em + var(--safe-l));right:calc(.5em + var(--safe-r));bottom:calc(.5em + var(--safe-b));display:flex;align-items:flex-end;justify-content:space-between;gap:.45em;pointer-events:none}.dock>*{pointer-events:auto}.dock.center{justify-content:center}.dock-row{display:flex;align-items:stretch;gap:.45em}@media (max-width: 960px){.dock .actions{flex-direction:column;align-items:stretch}.dock .actions .col{order:-1;align-items:center}}.bench{display:flex;gap:.3em;padding:.35em}.slot{width:clamp(42px,4.4vw,60px);height:clamp(42px,4.4vw,60px);border-radius:10px;border:1px dashed var(--line-2);background:#ffffff08;position:relative;flex:none}.slot.drop-hot{border-color:var(--gold);background:#f2c14e1f}.inv{display:grid;grid-template-columns:repeat(6,auto);gap:.25em;padding:.35em}.inv .slot{width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px);border-radius:8px}.actions{display:flex;gap:.35em;padding:.35em;align-items:center}.token{position:absolute;inset:0;border-radius:inherit;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;cursor:grab;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--hc) 70%,white 10%),color-mix(in srgb,var(--hc) 45%,#000 55%));border:2px solid var(--rc, var(--r1));box-shadow:inset 0 -12px 18px #00000073}.token .glyph{position:absolute;inset:14% 14% 26%;color:#ffffffe6;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.token .glyph svg{width:100%;height:100%}.token .lvl{position:relative;font-size:.72em;font-weight:900;background:#000000a6;width:100%;text-align:center;line-height:1.35}.token.sel{outline:2px solid var(--gold);outline-offset:1px}.token img.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chip{position:absolute;inset:0;border-radius:inherit;display:flex;align-items:center;justify-content:center;cursor:grab;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--ic, #5b6b85) 55%,#1b2333),#0f1520 90%);border:2px solid var(--rc, var(--r1));color:#f4f6fb}.chip svg{width:70%;height:70%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.chip.skill{border-radius:50%}.chip.picked{outline:2px solid var(--gold);outline-offset:1px;animation:pulse 1s infinite}.shop{position:fixed;left:50%;transform:translate(-50%);bottom:calc(.5em + var(--safe-b));width:min(980px,calc(100vw - 1em));padding:.7em;display:flex;flex-direction:column;gap:.5em;z-index:5}.shop-head{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.shop-row{display:grid;grid-template-columns:5.2em repeat(5,1fr);gap:.45em;align-items:stretch}.shop-row .rowlabel{display:flex;flex-direction:column;justify-content:center;color:var(--muted);font-weight:800;font-size:.75em;text-transform:uppercase;letter-spacing:.08em}.offer{position:relative;min-height:4.9em;border-radius:10px;border:1px solid var(--line-2);background:linear-gradient(180deg,#ffffff0d,#ffffff03);display:flex;gap:.5em;padding:.4em;cursor:pointer;overflow:hidden;transition:transform .08s,border-color .15s;animation:dealin .28s both}.offer:hover{border-color:var(--rc);transform:translateY(-2px)}.offer.sold,.offer.na{cursor:default;transform:none;background:none;border:1px dashed rgba(255,255,255,.12);align-items:center;justify-content:center;animation:none}.offer.sold:hover,.offer.na:hover{border-color:#ffffff1f;transform:none}.offer .slot-note{font-size:.75em;color:var(--muted);font-weight:700}.offer.poor .badge{color:var(--bad)}.offer.upgrade{border-color:#52d18abf;background:linear-gradient(180deg,#52d18a1f,#52d18a05)}.offer.upgrade .up{background:#52d18a2e;border-radius:6px;padding:.05em .4em}.offer .pic{width:3.6em;height:3.6em;flex:none;position:relative;border-radius:9px}.offer .info{display:flex;flex-direction:column;min-width:0;flex:1;gap:.1em}.offer .nm{padding-right:1.9em;font-weight:800;font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer .sub{font-size:.74em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.offer .badge{position:absolute;top:.3em;right:.35em;font-size:.72em;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:.15em}.offer .up{position:absolute;bottom:.3em;right:.35em;font-size:.7em;font-weight:900;color:var(--good)}.offer .bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--rc)}@keyframes dealin{0%{opacity:0;transform:translateY(8px) scale(.97)}}.inspector{position:fixed;right:calc(.5em + var(--safe-r));top:calc(4em + var(--safe-t));width:clamp(270px,25vw,360px);max-height:calc(100vh - 5em - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;z-index:4}.insp-head{display:flex;gap:.6em;padding:.7em;border-bottom:1px solid var(--line);align-items:center}.insp-head .pic{width:3.4em;height:3.4em;position:relative;border-radius:12px;flex:none}.insp-head .nm{font-weight:800;font-size:1.1em}.insp-close{margin-left:auto;align-self:flex-start}.insp-body{padding:.6em .7em .8em;display:flex;flex-direction:column;gap:.7em}.tabs{display:flex;gap:.25em;padding:0 .7em;border-bottom:1px solid var(--line)}.tab{padding:.55em .7em;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;font-size:.9em}.tab.on{color:var(--text);border-color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.3em}.stat{display:flex;align-items:center;gap:.3em;background:#ffffff0a;border-radius:7px;padding:.3em .45em;font-size:.85em;font-variant-numeric:tabular-nums}.stat .icon-svg{color:var(--muted);flex:none}.stat-v{display:flex;flex-direction:column;line-height:1.05;min-width:0}.stat-v b{font-weight:800}.stat-v small{font-size:.72em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abil-row{display:flex;gap:.4em;flex-wrap:wrap}.abil{width:2.9em;height:2.9em;position:relative;border-radius:10px;flex:none}.abil .key{position:absolute;left:-.25em;top:-.35em;font-size:.65em;font-weight:900;background:#0b1018;border:1px solid var(--line-2);border-radius:4px;padding:0 .25em;z-index:1}.abil .rank{position:absolute;right:-.2em;bottom:-.3em;font-size:.62em;font-weight:900;background:#0b1018;border-radius:4px;padding:0 .25em;color:var(--gold)}.slots6{display:grid;grid-template-columns:repeat(6,1fr);gap:.3em}.slots6 .slot,.slots2 .slot{width:auto;height:auto;aspect-ratio:1}.slots2{display:grid;grid-template-columns:repeat(2,2.9em);gap:.4em}.order-list{display:flex;flex-direction:column;gap:.25em}.order-item{display:flex;align-items:center;gap:.45em;padding:.25em .35em;border-radius:8px;background:#ffffff0a}.order-item .n{width:1.4em;text-align:center;font-weight:900;color:var(--gold)}.order-item .pic{width:2em;height:2em;position:relative;border-radius:7px}.desc{font-size:.86em;line-height:1.4;color:#cfd6e3}.talent-row{display:grid;grid-template-columns:2.4em 1fr 1fr;gap:.35em;align-items:stretch}.talent-row .lv{display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--muted)}.talent{padding:.45em;border-radius:8px;border:1px solid var(--line-2);font-size:.8em;cursor:pointer;background:#ffffff08;line-height:1.3}.talent.on{border-color:var(--gold);background:#f2c14e1f}.talent.active{box-shadow:inset 0 0 0 1px var(--good)}.tooltip{position:fixed;z-index:50;max-width:300px;padding:.65em .75em;pointer-events:none;font-size:.9em}.tooltip .tt-title{font-weight:800;display:flex;align-items:center;gap:.4em;margin-bottom:.2em}.tooltip .tt-sub{color:var(--muted);font-size:.82em;margin-bottom:.35em}.toast{position:fixed;left:50%;top:calc(4.2em + var(--safe-t));transform:translate(-50%);padding:.55em 1em;border-radius:10px;font-weight:700;z-index:60;animation:toast 2.4s both;pointer-events:none}.toast.error{background:#78141cf2;border:1px solid #ff7b7b}.toast.info{background:#142238f2;border:1px solid var(--line-2)}.toast.good{background:#104628f2;border:1px solid #7befae}@keyframes toast{0%{opacity:0;transform:translate(-50%,-8px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.banner{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);font-family:var(--title);font-size:clamp(30px,6vw,72px);font-weight:800;letter-spacing:.06em;pointer-events:none;z-index:30;text-shadow:0 4px 24px rgba(0,0,0,.7);animation:banner 1.6s both;white-space:nowrap}.banner.win{color:#ffe39a}.banner.lose{color:#ff8c8c}.banner.neutral{color:#cfe3ff}@keyframes banner{0%{opacity:0;transform:translate(-50%,-40%) scale(1.25)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-55%)}}.modal-wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#05080e8c;z-index:20;padding:1em}.modal{width:min(1060px,96vw);max-height:92vh;padding:1.1em;display:flex;flex-direction:column;gap:.8em}.modal h2{margin:0;font-family:var(--title);letter-spacing:.05em;font-size:1.5em}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,44vw),1fr));gap:.6em}.card{border:1px solid var(--line-2);border-radius:12px;padding:.7em;background:linear-gradient(180deg,#ffffff0d,#ffffff03);cursor:pointer;display:flex;flex-direction:column;gap:.35em;transition:transform .1s,border-color .15s;animation:dealin .3s both}.card:hover{transform:translateY(-3px);border-color:var(--gold)}.card.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 22px #f2c14e40}.card .ct{font-weight:800;font-size:1.05em;display:flex;gap:.45em;align-items:center}.card .cat{font-size:.72em;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.lord-disc{width:3em;height:3em;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:inset 0 -6px 10px #00000059}.lord-disc svg{width:64%;height:64%;color:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.cat-economy{color:#ffd166}.cat-shop{color:#7ad7ff}.cat-items{color:#ff9f6e}.cat-tempo{color:#b388ff}.cat-stats{color:#9be37a}.cat-combat{color:#ff6b6b}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.4em,1fr));gap:.4em}.hero-cell{position:relative;aspect-ratio:1;border-radius:10px;cursor:pointer}.hero-cell .x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2em;color:var(--bad);font-weight:900;text-shadow:0 2px 4px #000}.results-table{width:100%;border-collapse:collapse;font-size:.92em}.results-table td,.results-table th{padding:.4em .5em;border-bottom:1px solid var(--line);text-align:left}.results-table th{color:var(--muted);font-size:.8em;text-transform:uppercase;letter-spacing:.06em}.speedbar{position:fixed;right:calc(.5em + var(--safe-r));bottom:calc(.5em + var(--safe-b));display:flex;gap:.3em;padding:.35em}.speedbar .btn.on{background:linear-gradient(180deg,#f4c95a,#c98a20);color:#24170a}.page{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1522,#0a0f18);z-index:10;padding:calc(.6em + var(--safe-t)) calc(.6em + var(--safe-r)) calc(.6em + var(--safe-b)) calc(.6em + var(--safe-l))}.page-head{display:flex;align-items:center;gap:.6em;padding:.3em .2em .7em}.page-head h1{margin:0;font-family:var(--title);font-size:1.5em;letter-spacing:.05em}.search{flex:1;max-width:320px;padding:.55em .8em;border-radius:10px;border:1px solid var(--line-2);background:#ffffff0d;color:var(--text);font:inherit;user-select:text;-webkit-user-select:text}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:.6em;padding-bottom:2em}.codex-card{padding:.8em;display:flex;flex-direction:column;gap:.5em}.rotate{position:fixed;inset:0;display:none;z-index:100;background:#080c14f5;align-items:center;justify-content:center;flex-direction:column;gap:1em;padding:2em;text-align:center}@media (orientation: portrait) and (max-width: 700px){.rotate.show{display:flex}}@media (max-height: 520px),(max-width: 760px){:root{--u: 11px}.standings{width:130px;top:calc(3.4em + var(--safe-t));padding:.25em;gap:.1em}.stand{padding:.2em .3em}.inspector{width:250px;top:calc(3.4em + var(--safe-t));max-height:calc(100vh - 3.4em - 5.6em - var(--safe-t) - var(--safe-b));overflow-y:auto}.shop-row{grid-template-columns:3.6em repeat(5,1fr);gap:.3em}.offer{min-height:3.9em;padding:.3em}.offer .pic{width:2.8em;height:2.8em}.topbar{top:calc(.25em + var(--safe-t));padding:.2em .45em}}@media (max-height: 420px){.standings .stand .bar{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.loading-pill{position:fixed;left:50%;bottom:calc(1em + var(--safe-b));transform:translate(-50%);padding:.35em .9em;border-radius:999px;background:#0a0d14cc;color:var(--muted);font-size:.85em;font-weight:700;pointer-events:none}.input{background:#ffffff0f;border:1px solid var(--line-2);border-radius:8px;color:var(--text);padding:.4em .6em;font:inherit;font-size:.88em;min-width:0}.input:focus{outline:none;border-color:var(--gold)}select.input{padding-right:.3em}.sb-bar{position:fixed;top:calc(.5em + var(--safe-t));left:calc(.5em + var(--safe-l));right:calc(.5em + var(--safe-r));display:flex;align-items:center;gap:.5em;padding:.35em .5em;flex-wrap:wrap;z-index:3}.sb-title{font-family:var(--title);font-weight:800;letter-spacing:.06em;color:var(--gold);margin-right:auto}.sb-side{display:flex;align-items:center;gap:.4em;font-size:.9em;padding:.15em .2em .15em .6em;border-radius:8px}.sb-side.s0,.sb-lord.s0{box-shadow:inset 3px 0 #4ea6ff}.sb-side.s1,.sb-lord.s1{box-shadow:inset 3px 0 #e5484d}.sb-side.s0 b{color:#8cc6ff}.sb-side.s1 b{color:#ff8f8f}.sb-round{display:flex;align-items:center;gap:.2em;font-size:.85em;color:var(--muted)}.sb-round b{color:var(--text);min-width:1.6em;text-align:center}.sb-picker{position:fixed;left:calc(.5em + var(--safe-l));top:calc(3.9em + var(--safe-t));bottom:calc(7.6em + var(--safe-b));width:clamp(250px,24vw,340px);display:flex;flex-direction:column;z-index:3}.sb-filters{display:flex;gap:.35em;padding:.5em .6em 0}.sb-filters .input:first-child{flex:1}.sb-level{display:flex;align-items:center;gap:.5em;padding:.45em .7em 0;font-size:.85em;color:var(--muted)}.sb-level input[type=range]{flex:1;accent-color:var(--gold)}.sb-level b{color:var(--text);min-width:1.6em;text-align:right}.insp-level{padding:.5em .7em;border-bottom:1px solid var(--line)}.sb-hint{font-size:.78em;padding:.45em .7em 0}.sb-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.35em;padding:.5em .6em;align-content:start}.sb-card{display:flex;gap:.45em;align-items:center;padding:.3em;border-radius:9px;border:1px solid var(--line);background:#ffffff08;cursor:pointer;font-size:.8em;min-width:0}.sb-card:hover{border-color:var(--gold);background:#f2c14e0f}.sb-card.owned{border-color:#52d18a80}.sb-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-card .muted{font-size:.85em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-card .pic{width:2.4em;height:2.4em;position:relative;border-radius:8px;flex:none}.sb-card .pic.round{border-radius:50%}.sb-tools{display:flex;align-items:center;gap:.35em;padding:.5em .6em;border-top:1px solid var(--line);flex-wrap:wrap}.sb-num{width:3.6em}.sb-actions .plus{font-weight:900;font-size:1.1em}.sb-lords{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.45em;max-height:64vh}.sb-lord-card{display:flex;gap:.6em;align-items:center;padding:.5em;border-radius:10px;border:1px solid var(--line);cursor:pointer}.sb-lord-card:hover,.sb-lord-card.on{border-color:var(--gold);background:#f2c14e12}.sb-batch{position:fixed;right:calc(.5em + var(--safe-r));top:calc(3.9em + var(--safe-t));width:clamp(270px,26vw,360px);max-height:calc(100vh - 12em - var(--safe-t) - var(--safe-b));padding:.6em;display:flex;flex-direction:column;gap:.5em;z-index:3}.sb-odds{display:flex;height:1.7em;border-radius:8px;overflow:hidden;font-weight:900;font-size:.85em}.sb-odds>div{display:flex;align-items:center;justify-content:center;min-width:2.6em;color:#0b1018;transition:flex .25s}.sb-odds .s0{background:#4ea6ff}.sb-odds .s1{background:#e5484d;color:#fff}.sb-odds .draw{background:#8b93a5}.meter{display:flex;flex-direction:column;gap:.35em;min-height:0}.meter-row{display:flex;gap:.5em;align-items:center;padding:.25em .35em;border-radius:8px;border-left:3px solid transparent}.meter-row.s0{border-left-color:#4ea6ff}.meter-row.s1{border-left-color:#e5484d}.meter-row.dead{opacity:.55}.meter-row .pic{width:2.2em;height:2.2em;position:relative;border-radius:7px;flex:none}.meter-bar{height:.42em;border-radius:4px;background:#ffffff12;overflow:hidden}.meter-bar i{display:block;height:100%;border-radius:4px}.meter-row.s0 .meter-bar i{background:linear-gradient(90deg,#2f7fd6,#7cc4ff)}.meter-row.s1 .meter-bar i{background:linear-gradient(90deg,#c23a3e,#ff8f8f)}.modal h2.blue{color:#8cc6ff}.modal h2.red{color:#ff8f8f}.sb-slot{padding:.35em .5em;border-radius:8px;background:#ffffff08}@media (max-width: 960px){.sb-picker{width:min(300px,46vw);bottom:calc(.5em + var(--safe-b));z-index:6}.sb-grid{grid-template-columns:1fr}.sb-batch{width:min(330px,48vw)}}.online .page-head{gap:.6em;flex-wrap:wrap}.net-dot{width:.65em;height:.65em;border-radius:50%;background:#6b7488}.net-dot.online{background:var(--good);box-shadow:0 0 8px var(--good)}.net-dot.connecting{background:var(--gold);animation:pulse 1s infinite}.online-grid{display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:.8em;flex:1;min-height:0;overflow:auto;padding-bottom:1em}.online-card{padding:.8em;display:flex;flex-direction:column;gap:.55em}.queue-box{gap:.7em;padding:.5em;border-radius:10px;background:#f2c14e14}.spinner{width:1.4em;height:1.4em;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--gold);animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.code-input{text-transform:uppercase;letter-spacing:.3em;font-weight:800}.lobby-code{font-size:1.4em;letter-spacing:.25em;color:var(--gold);font-family:var(--title)}.lobby-players{display:flex;flex-direction:column;gap:.25em}.lobby-player{padding:.3em .5em;border-radius:7px;background:#ffffff0a;gap:.5em;font-size:.9em}.live-room{padding:.4em .5em;border-radius:8px;background:#ffffff08;gap:.6em}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-change{font-weight:900;font-size:1.1em}.rating-change.good{color:var(--good)}.rating-change.bad{color:var(--bad)}td.good{color:var(--good);font-weight:800}td.bad{color:var(--bad);font-weight:800}@media (max-width: 760px){.online-grid{grid-template-columns:1fr}}.coach{position:fixed;z-index:20;padding:.7em .8em;display:flex;flex-direction:column;gap:.5em;border:1px solid rgba(242,193,78,.55);box-shadow:0 10px 30px #00000080;animation:dealin .25s both}.coach-text{font-size:.9em;line-height:1.45;color:#dfe5ef}.coach:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border:inherit;transform:rotate(45deg)}.coach.down:after{bottom:-7px;left:calc(50% - 6px);border-top:none;border-left:none}.coach.up:after{top:-7px;left:calc(50% - 6px);border-bottom:none;border-right:none}.coach.left:after{left:-7px;top:18px;border-top:none;border-right:none}.coach.right:after{right:-7px;top:18px;border-bottom:none;border-left:none}.coach:not(.down):not(.up):not(.left):not(.right):after{display:none}.results-timer{height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.results-timer>div{height:100%;background:linear-gradient(90deg,var(--gold),#ffe08a);transition:width .12s linear}.game-menu .row{gap:.4em}.fight-intro{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:30;font-family:var(--title);text-shadow:0 4px 24px rgba(0,0,0,.75);animation:fight-intro 1.5s both;white-space:nowrap}.fight-intro .rd{font-size:clamp(14px,1.8vw,20px);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.fight-intro .vs{font-size:clamp(24px,4.2vw,52px);font-weight:800;display:flex;gap:.4em;align-items:baseline;justify-content:center}.fight-intro .me{color:#b8f5c8}.fight-intro .them{color:#ffb0b0}.fight-intro .x{font-size:.55em;color:#cfd8e8}@keyframes fight-intro{0%{opacity:0;transform:translate(-50%,-40%) scale(1.15)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-58%)}}.modal-wrap.top{z-index:70}.fight-clock{font-variant-numeric:tabular-nums;font-weight:700;color:#cfd8e8;padding:0 .4em;font-size:.9em}.fight-clock.ot{color:#ff9c6e;animation:ot-pulse 1s ease-in-out infinite}.fight-clock b{font-size:.85em}@keyframes ot-pulse{50%{color:#ffd2b8}}.stat-pill.hp{position:relative}.stat-pill.hp.hit{animation:hp-hit .6s ease-out 2;border-color:#ff7b7b}.hp-loss{position:absolute;left:50%;top:100%;transform:translate(-50%);color:#ff8c8c;font-weight:800;font-size:1.1em;text-shadow:0 2px 8px #000;animation:hp-loss 1.6s ease-out both;pointer-events:none;white-space:nowrap}@keyframes hp-hit{30%{background:#c828328c;transform:scale(1.12)}}@keyframes hp-loss{0%{opacity:0;transform:translate(-50%,-6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,22px)}}.modal-wrap.results-wrap{background:#05080e33;align-items:flex-end;padding-bottom:5.5em}.results-modal{width:min(620px,94vw)}@media (max-height: 520px),(max-width: 760px){.modal-wrap.results-wrap{justify-content:flex-end;padding:0 calc(.5em + var(--safe-r)) calc(.6em + var(--safe-b)) calc(140px + var(--safe-l))}.results-modal{width:min(620px,100%)}}@media (min-width: 980px){.modal-wrap.results-wrap{justify-content:flex-end;padding-right:2em}}.timer.timer-btn{display:inline-flex;align-items:center;gap:.3em;border:1px solid rgba(242,193,78,.55);border-radius:999px;padding:.1em .6em;background:#f2c14e1f;color:inherit;font-family:inherit;cursor:pointer;min-width:0}.timer.timer-btn:hover{background:#f2c14e47}.timer.timer-btn .go{color:var(--gold);font-size:.75em}.speedbar .watching{font-size:.85em;color:#cfd8e8;padding:0 .5em;white-space:nowrap}.speedbar .watching b.good{color:#7befae}.speedbar .watching b.bad{color:#ff8c8c}.shop-ups{margin-left:.35em;background:var(--good);color:#062012;font-weight:900;font-size:.72em;border-radius:999px;padding:.05em .45em}.effects{display:flex;flex-direction:column;gap:.2em;font-size:.78em}.effects .fx{display:grid;grid-template-columns:auto 1fr auto;gap:.5em;align-items:baseline;padding:.2em .45em;border-radius:6px;border-left:3px solid;background:#ffffff0a}.effects .fx.good{border-color:var(--good)}.effects .fx.bad{border-color:var(--bad)}.effects .fx .what{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effects .fx .left{color:var(--muted);font-variant-numeric:tabular-nums}.dmg-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45em}.dmg-cell{display:flex;flex-direction:column;align-items:center;gap:.25em;font-weight:800;font-variant-numeric:tabular-nums}.dmg-cell>span{font-size:.8em}.dmg-cell.dead{opacity:.55}.dmg-pic{width:2.6em;height:2.6em;position:relative;border-radius:9px;overflow:hidden}.dmg-bar{width:100%;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.dmg-bar>div{height:100%;background:linear-gradient(90deg,#ffb74d,#ff7043);border-radius:2px}