:root{--bg:#0a0c0d;--panel:#15191c;--panel-2:#1c2226;--panel-3:#242c31;--text:#eaf0ed;--muted:#8b9491;--accent:#53fc18;--accent-ink:#06210a;--danger:#ff5a5a;--border:#232a2f;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-pill:999px;--fs-tiny:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:20px;--fs-xl:30px;--clay:0 1px 2px #0006;--clay-sm:0 1px 2px #0000004d;--clay-accent:none}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--fs-md);flex-direction:column;height:100vh;display:flex}body:before{content:"";z-index:-2;pointer-events:none;background-image:radial-gradient(circle,#53fc1824 1.3px,#0000 1.9px),radial-gradient(circle,#78c8ff14 1px,#0000 1.6px);background-size:30px 30px,66px 66px;animation:45s linear infinite bg-drift;position:fixed;inset:0}@keyframes bg-drift{0%{background-position:0 0,0 0}to{background-position:-300px 300px,-132px 132px}}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 45% at 78% 12%,#53fc181f,#0000 70%),radial-gradient(60% 55% at 16% 92%,#286ec81f,#0000 70%),radial-gradient(125% 125% at 50% 42%,#0000 50%,#0000009e);animation:26s ease-in-out infinite alternate bg-glow;position:fixed;inset:0}@keyframes bg-glow{0%{transform:translate(0,0)}to{transform:translate(-2.5%,2.5%)}}@media (prefers-reduced-motion:reduce){body:before,body:after{animation:none}}h1,h2,h3{line-height:1.15}.app-shell{height:100vh;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);width:250px;padding:var(--s-4) var(--s-3);z-index:5;flex-direction:column;flex:none;display:flex;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--s-3);color:var(--text);letter-spacing:.5px;padding:var(--s-2) var(--s-2) var(--s-4);font-weight:900;text-decoration:none;display:flex}.sidebar-wordmark{font-size:var(--fs-md);line-height:1.05}.brand-mark{border-radius:var(--r-md);background:var(--accent);width:36px;height:36px;color:var(--accent-ink);flex:none;place-items:center;font-weight:900;display:inline-grid}.brand-tcg{color:var(--accent)}.side-section{padding:var(--s-4) var(--s-3) var(--s-2);font-size:var(--fs-tiny);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}.side-nav{flex-direction:column;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--s-3);color:var(--muted);padding:var(--s-3);border-radius:var(--r-md);font-size:15px;font-weight:700;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-link:hover{color:var(--text);background:var(--panel-2)}.nav-link.active{color:var(--text);background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.nav-link.active .nav-ico{color:var(--accent)}.nav-ico{flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.nav-ico svg{width:20px;height:20px;display:block}.sidebar-foot{padding:var(--s-4) var(--s-2) var(--s-2);gap:var(--s-2);flex-direction:column;margin-top:auto;display:flex}.btn-login{text-align:center;background:var(--accent);color:var(--accent-ink);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:14px;font-weight:800;text-decoration:none;display:block}.btn-login:hover{filter:brightness(1.06)}.who{flex-direction:column;gap:2px;font-size:14px;font-weight:700;display:flex}.who .pts{color:var(--accent);font-weight:800}.btn-logout{text-align:center;font-size:var(--fs-sm);color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);font-weight:700;text-decoration:none;display:block}.btn-logout:hover{color:var(--text)}.login-note{margin:var(--s-2) 0 0;font-size:var(--fs-tiny);color:var(--muted);border-left:3px solid var(--accent);border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);text-wrap:pretty;background:#53fc180f;line-height:1.45}.login-note-ico{color:var(--accent)}.stage{padding:var(--s-5);flex:1;min-width:0;overflow:auto}.stage-card,.card-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-6)}.card-panel{padding:var(--s-5);margin-bottom:var(--s-5)}.card-panel+.card-panel{margin-top:0}.stage-card{max-width:720px}.stage-card h1{margin-top:0}.muted,.text-muted{color:var(--muted)}.view-title{margin:0 0 var(--s-4);font-size:var(--fs-xl)}.section-title,.section-subtitle{margin:var(--s-5) 0 var(--s-3);font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.section-title{border-bottom:1px solid var(--border);padding-bottom:var(--s-2)}.section-subtitle{color:var(--accent);margin-top:0}.chat{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;flex:none;width:340px;display:flex}.chat-head{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border);font-weight:800;font-size:var(--fs-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.chat iframe{border:0;flex:1;width:100%}.controls{align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap;display:flex}.balance{font-weight:800}.balance,.filters-label{color:var(--muted)}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;padding:var(--s-2) var(--s-4);border-radius:var(--r-md);border:0;font-size:14px;font-weight:800;transition:filter .12s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn.ghost,.btn-ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#2a0606}.btn.big,.btn-big{padding:var(--s-3) var(--s-5);font-size:16px}.src-toggle{gap:var(--s-1);margin-left:auto;display:inline-flex}.r-input{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);font-size:14px}.chip{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:var(--r-pill);text-transform:capitalize;padding:6px 12px;font-size:13px;font-weight:600}.chip:hover{color:var(--text)}.chip.active{color:var(--accent-ink);background:var(--accent);border-color:#0000}.status{color:var(--muted);margin:var(--s-2) 0 var(--s-4);min-height:18px;font-size:13px}code{border-radius:var(--r-sm);background:#ffffff14;padding:1px 6px;font-size:.85em}.card-grid{grid-template-columns:repeat(auto-fill,280px);justify-content:start;gap:18px;display:grid}.tcg-card{aspect-ratio:7/5;background:linear-gradient(160deg, color-mix(in srgb, var(--type) 32%, #14181a), #0b0e0f);border:2px solid color-mix(in srgb, var(--type) 55%, #000);will-change:transform;border-radius:12px;grid-template:"art head""art type""art stats"1fr/50% 1fr;gap:5px 8px;width:280px;padding:8px;transition:transform .18s ease-out,box-shadow .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.tcg-header{grid-area:head;justify-content:space-between;align-items:center;padding:0 2px;display:flex}.tcg-name{color:#fff;text-shadow:0 1px 2px #000000b3;font-size:13px;font-weight:800;line-height:1.1}.tcg-qty{color:var(--accent);font-size:12px;font-weight:800}.tcg-art{border:1px solid color-mix(in srgb, var(--type) 50%, #000);background:radial-gradient(120% 90% at 30% 22%, color-mix(in srgb, var(--type) 75%, #fff) 0%, var(--type) 32%, color-mix(in srgb, var(--type) 40%, #000) 100%);border-radius:8px;grid-area:art;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.tcg-emblem{color:#ffffff38;text-shadow:0 2px 6px #00000040;font-size:72px;font-weight:900}.tcg-typebar{text-transform:capitalize;grid-area:type;justify-content:space-between;padding:0 2px;font-size:11px;font-weight:700;display:flex}.tcg-type{color:var(--type)}.tcg-rarity{color:var(--rarcol)}.tcg-stats{color:var(--muted);text-align:center;background:#0006;border-radius:6px;grid-area:stats;grid-template-columns:repeat(2,1fr);align-self:end;gap:2px 6px;padding:5px 4px;font-size:8px;display:grid}.tcg-stats div{flex-direction:column;display:flex}.tcg-stats b{color:#fff;font-size:13px}.tcg-effect{color:var(--text);background:#0006;border-radius:6px;grid-area:stats;align-self:stretch;padding:6px 8px;font-size:11px;overflow:auto}.tcg-effect-target{color:var(--muted);text-transform:capitalize;margin-top:4px}.tcg-card.holo:hover{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.06);z-index:5;box-shadow:0 16px 34px #0000008c}.holo-shine,.holo-glare,.holo-sparkle{pointer-events:none;opacity:var(--o,0);transition:opacity .2s;position:absolute;inset:0}.holo-glare{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff80, transparent 50%);mix-blend-mode:soft-light}.holo-shine{background:linear-gradient(110deg,#0000 18%,#ff009980,#00ddff80,#78ff5080,#ffdd0080,#0000 82%) 0 0/250% 250%;background-position:var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge}.holo-sparkle{background-image:radial-gradient(#ffffffd9 1px,#0000 2px);background-size:14px 14px;background-position:var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge}.rarity-common .holo-shine{opacity:0!important}.rarity-uncommon .holo-shine{opacity:calc(var(--o,0) * .4)}.rarity-rare .holo-shine{opacity:calc(var(--o,0) * .7)}.rarity-legendary{box-shadow:0 0 0 1px #ffd23f55,0 6px 26px #ffd23f33}.rarity-legendary .holo-shine{opacity:max(.55, calc(var(--o,0) * .95));filter:saturate(1.7);background-size:200% 200%;animation:5s linear infinite holo-hue,6s ease-in-out infinite alternate holo-pan}.rarity-legendary .holo-glare{opacity:max(.2, var(--o,0))}@keyframes holo-hue{to{filter:saturate(1.7)hue-rotate(360deg)}}@keyframes holo-pan{0%{background-position:20% 0}to{background-position:80% 100%}}.tcg-card.selectable{cursor:pointer}.tcg-card.disabled{filter:grayscale(.55)brightness(.66);cursor:default}.overlay{opacity:0;z-index:1000;background:#000000d1;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}.overlay.show{opacity:1}.pack-stage{place-items:center;width:100%;height:100%;display:grid;position:relative}.pack-stage:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(#ffffffd9 1px,#0000 1.6px),radial-gradient(#53fc1880 1px,#0000 1.6px);background-position:0 0,22px 30px;background-size:42px 42px,72px 72px;animation:9s linear infinite sparkle-drift;position:absolute;inset:0}@keyframes sparkle-drift{to{background-position:42px 84px,92px -42px}}.pack{background:linear-gradient(150deg, var(--pack1,#53fc18), var(--pack2,#063d16));perspective:900px;border-radius:14px;width:230px;height:330px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.pack-face{position:absolute;inset:0}.pack-brand{text-align:center;color:#07210a;letter-spacing:1px;font-size:30px;font-weight:900;line-height:1.05;position:absolute;top:96px;left:0;right:0}.pack-label{text-align:center;color:#07210a;opacity:.75;letter-spacing:2px;font-size:13px;font-weight:800;position:absolute;bottom:26px;left:0;right:0}.pack-flap{transform-origin:top;z-index:2;background:linear-gradient(#6dff3a,#3fcf18);border-bottom:2px solid #07210a66;height:24%;position:absolute;top:0;left:0;right:0}.cut-track{z-index:3;border-top:2px dashed #07210ab3;height:0;position:absolute;top:24%;left:14px;right:14px}.cut-progress{background:#fff;width:0;height:3px;position:absolute;top:-2px;left:0;box-shadow:0 0 10px #fff,0 0 4px #fff}.blade{color:#0a8f2e;cursor:grab;touch-action:none;z-index:4;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-15px;font-size:15px;display:grid;position:absolute;top:-16px;left:0;box-shadow:0 2px 8px #0006}.blade:active{cursor:grabbing}.cut-hint{text-align:center;color:#fff;opacity:.85;font-size:13px;position:absolute;bottom:72px;left:0;right:0}.hint3d{text-align:center;color:#fff;opacity:.85;z-index:2;pointer-events:none;font-size:14px;position:absolute;bottom:64px;left:0;right:0}.reveal-row{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;max-width:92vw;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reveal-slot{animation:.5s both card-in;animation-delay:var(--d,0s)}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.88)}to{opacity:1;transform:none}}.ok-btn{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.ok-btn.show{opacity:1;pointer-events:auto}.pack-stage.opened{flex-direction:column;justify-content:flex-start;align-items:center;gap:26px;padding:5vh 16px;display:flex;overflow-y:auto}.pack-stage.opened .reveal-row{max-width:96vw;position:static;transform:none}.pack-stage.opened .ok-btn{margin-bottom:2vh;position:static;transform:none}.toast{background:var(--panel-2);border:1px solid var(--border);color:var(--text);z-index:1100;border-radius:8px;padding:10px 16px;transition:opacity .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.roster-saved{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.roster-saved .chip{align-items:center;gap:6px;padding:4px 6px 4px 12px;display:inline-flex}.roster-saved .rload{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0}.roster-saved .rdel{color:#ff5a5a;cursor:pointer;background:0 0;border:0;font-weight:800}.r-input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 12px;font-size:14px}.roster-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lineup-slot{position:relative}.slot-idx{z-index:3;background:var(--accent);color:#07210a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-8px;left:-8px}.slot-actions{gap:4px;margin-top:6px;display:flex}.slot-actions button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:3px;font-size:11px}.slot-actions .rm{color:#ff5a5a}@media (max-width:980px){.roster-cols{grid-template-columns:1fr}}.pack-shelf{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:8px;display:grid}.pack-tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.pack-art{background:linear-gradient(150deg, var(--pack1,#53fc18), var(--pack2,#063d16));flex-direction:column;justify-content:center;align-items:center;height:200px;display:flex;position:relative}.pack-art:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff47 50%,#0000 60%);position:absolute;inset:0}.pack-art-brand{text-align:center;color:#0000008c;letter-spacing:1px;font-size:30px;font-weight:900;line-height:1.02}.pack-art-label{letter-spacing:2px;color:#0000008c;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:800}.pack-meta{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.pack-meta h3{margin:0}.pack-meta p{flex:1;font-size:13px}.pack-meta .btn{align-self:flex-start}.mute-btn{z-index:1200;border:1px solid var(--border);background:var(--panel-2);width:40px;height:40px;color:var(--text);cursor:pointer;opacity:.7;border-radius:50%;place-items:center;font-size:17px;transition:opacity .2s;display:grid;position:fixed;bottom:18px;right:18px}.mute-btn:hover{opacity:1}.card-scale{width:calc(280px * var(--s,1));height:calc(200px * var(--s,1))}.card-scale>.tcg-card{transform-origin:0 0;transform:scale(var(--s,1))!important}.battle-lobby h2{margin-top:0}.battle-lobby select{min-width:200px}.arena{flex-direction:column;gap:14px;min-height:70vh;display:flex;position:relative}.arena-side{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:10px 14px}.arena-side.opp{border-color:#5a2230}.arena-side.you{border-color:#1f5a2a}.side-banner{align-items:center;gap:14px;margin-bottom:8px;display:flex}.side-name{font-weight:800}.side-stat{color:var(--muted);font-size:13px}.side-stat.points{color:var(--accent);font-weight:700}.lock-pill{letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);background:#ffffff0f;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:800}.lock-pill.on{background:var(--accent);color:#07210a;border-color:#0000}.lineup-mini{flex-wrap:wrap;gap:6px;display:flex}.mini-card{color:#fff;border:1px solid var(--border);border-left:3px solid var(--mc,#9aa3a0);background:#ffffff0d;border-radius:8px;min-width:78px;padding:6px 8px;font-size:11px;font-weight:700;position:relative}.mini-card.mt-calm{--mc:#4aa3ff}.mini-card.mt-neurotic{--mc:#b06bff}.mini-card.mt-angry{--mc:#ff5a5a}.mini-card.mt-chill{--mc:#3fe0c5}.mini-card.mt-neutral{--mc:#9aa3a0}.mini-card.mt-quirky{--mc:#ffd23f}.mini-card.active{box-shadow:0 0 0 2px var(--accent);background:#53fc181f}.mini-card.ko{opacity:.4;text-decoration:line-through}.mini-ko{color:#fff;background:#ff5a5a;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:900;position:absolute;top:-7px;right:-7px}.mini-name{display:block}.arena-mid{flex-direction:column;align-items:center;gap:12px;padding:6px 0;display:flex}.challenge-banner{border:1px solid var(--border);background:linear-gradient(90deg,#1a1f22,#0c0f10);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 20px;display:flex}.round-tag{color:#07210a;background:var(--accent);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.ch-name{letter-spacing:.02em;font-size:20px;font-weight:900}.ch-stats{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.battlefield{border-radius:16px;justify-content:center;align-items:center;gap:34px;padding:18px 24px;transition:box-shadow .2s,background .2s;display:flex;position:relative}.battlefield.drop-active{box-shadow:inset 0 0 0 2px var(--accent);background:#53fc180f}.active-wrap{flex-direction:column;align-items:center;gap:6px;display:flex}.active-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.active-slot{border-radius:14px;transition:box-shadow .2s,transform .2s}.active-slot.targeted{transform:translateY(-4px)}.vs-burst{color:var(--accent);text-shadow:0 0 14px #53fc1899;font-size:26px;font-weight:900}.phase-hint{color:var(--muted);text-align:center;min-height:18px;font-size:13px}.resolve-readout{text-align:center;border:1px solid var(--border);border-radius:12px;width:100%;max-width:520px;padding:12px 16px;display:none}.resolve-readout.show{animation:.3s ease-out both pop-in;display:block}.resolve-readout.win{background:#53fc1814;border-color:#1f7a2f}.resolve-readout.lose{background:#ff5a5a14;border-color:#7a2230}.resolve-readout.tie{border-color:var(--border)}.resolve-verdict{letter-spacing:.05em;font-size:16px;font-weight:900}.resolve-readout.win .resolve-verdict{color:var(--accent)}.resolve-readout.lose .resolve-verdict{color:#ff7a7a}.resolve-scores{justify-content:center;align-items:baseline;gap:16px;margin:6px 0;font-size:30px;font-weight:900;display:flex}.resolve-scores .you{color:var(--accent)}.resolve-scores .opp{color:#ff7a7a}.resolve-scores .dash{color:var(--muted);font-size:14px}.type-edge{color:#ffd23f;font-size:12px}.ko-note{color:#ff7a7a;margin-top:4px;font-size:13px;font-weight:700}.resolve-plays{text-align:left;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:inline-block}.resolve-plays li{margin:2px 0}.resolve-plays li.mine b{color:var(--accent)}.resolve-plays li.theirs b{color:#ff9a9a}.hand{flex-wrap:wrap;gap:12px;min-height:60px;margin-top:10px;display:flex}.redeem-cost{z-index:4;background:var(--accent);color:#07210a;border-radius:999px;padding:2px 7px;font-size:12px;font-weight:900;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #0006}.arena-actions{align-items:center;gap:12px;margin-top:12px;display:flex}.battle-end{z-index:20;background:#000000c7;border-radius:12px;place-items:center;animation:.3s both fade-in;display:grid;position:absolute;inset:0}.end-card{text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px 44px}.battle-end.win .end-card{border-color:#1f7a2f;box-shadow:0 0 40px #53fc184d}.battle-end.lose .end-card{border-color:#7a2230}.end-title{letter-spacing:.08em;font-size:46px;font-weight:900;animation:.4s ease-out both pop-in}.battle-end.win .end-title{color:var(--accent);text-shadow:0 0 24px #53fc1899}.battle-end.lose .end-title{color:#ff5a5a}.end-sub{color:var(--muted);margin:8px 0 20px}.end-actions{justify-content:center;gap:12px;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.battle-lobby+.battle-lobby{margin-top:18px}.battle-lobby code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:12px}.battle-lobby input.r-input{min-width:200px}.pending-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.pending-row:last-child{border-bottom:0}.pending-row.res-win>span:first-child{color:var(--accent);font-weight:700}.pending-row.res-lose>span:first-child{color:#ff7a7a;font-weight:700}.pending-actions{gap:8px;display:flex}.cc-modal{z-index:1400;background:#000000b3;place-items:center;padding:20px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}.cc-modal-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(560px,94vw);max-height:86vh;display:flex;overflow:hidden}.cc-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cc-modal-head h2{margin:0;font-size:18px}.cc-modal-head .muted{font-size:13px;font-weight:500}.cc-modal-x{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.cc-modal-x:hover{color:var(--text)}.cc-modal-body{padding:12px 18px 18px;overflow-y:auto}.cc-modal-sm .cc-modal-card{width:min(420px,94vw)}.cc-modal-lg .cc-modal-card{width:min(780px,94vw)}.cc-modal-msg{color:var(--text);margin:0;line-height:1.55}.cc-confirm .cc-modal-head h2{font-size:16px}.field-hint{font-size:var(--fs-tiny);color:var(--muted);margin-top:4px;line-height:1.4;display:block}.admin-legend{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-2) var(--s-4);margin-bottom:var(--s-4)}.admin-legend>summary{cursor:pointer;font-weight:800;font-size:var(--fs-sm);align-items:center;gap:var(--s-2);color:var(--text);list-style:none;display:flex}.admin-legend>summary::-webkit-details-marker{display:none}.lg-ico{background:var(--accent);width:18px;height:18px;color:var(--accent-ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-style:italic;font-weight:900;display:inline-grid}.lg-grid{gap:var(--s-2) var(--s-5);margin-top:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.lg-item{flex-direction:column;gap:1px;display:flex}.lg-key{font-size:var(--fs-tiny);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;font-weight:800}.lg-val{font-size:var(--fs-sm);color:var(--muted);line-height:1.4}.lg-val b{color:var(--text)}.rd-round{border:1px solid var(--border);border-left:4px solid var(--border);border-radius:10px;margin-bottom:10px;padding:10px 12px}.rd-round.rd-win{border-left-color:var(--accent)}.rd-round.rd-lose{border-left-color:#ff5a5a}.rd-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rd-num{color:#07210a;background:var(--accent);border-radius:6px;padding:1px 7px;font-size:12px;font-weight:900}.rd-ch{font-weight:800}.rd-statline{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.rd-verdict{letter-spacing:.06em;margin-left:auto;font-size:11px;font-weight:800}.rd-win .rd-verdict{color:var(--accent)}.rd-lose .rd-verdict{color:#ff7a7a}.rd-scores{align-items:baseline;gap:8px;margin:6px 0;font-size:20px;font-weight:900;display:flex}.rd-scores .you{color:var(--accent)}.rd-scores .opp{color:#ff7a7a}.rd-scores .muted{font-size:12px;font-weight:500}.rd-ko{color:#ff7a7a;margin-left:8px;font-size:12px;font-weight:700}.rd-plays{margin:6px 0 0;padding:0;font-size:12px;list-style:none}.rd-plays li{margin:2px 0}.rd-plays li.mine b{color:var(--accent)}.rd-plays li.theirs b{color:#ff9a9a}.ch-effect{color:#ffb84d;background:#ff96281f;border:1px solid #ff962859;border-radius:999px;padding:3px 10px;font-size:11px}.compare{justify-content:center;align-items:stretch;gap:14px;width:100%;max-width:520px;display:none}.cmp-side{border:1px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 10px;display:flex}.cmp-you{border-color:#1f7a2f}.cmp-opp{border-color:#7a2230}.cmp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.cmp-stats{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.cmp-edge{color:#ffd23f;font-size:10px}.hand-card{transition:transform .12s ease-out}.card-scale:hover>.hand-card{filter:brightness(1.08)}.fx-ring{pointer-events:none;z-index:6;border-radius:14px;animation:.7s ease-out forwards fx-ring;position:absolute;inset:0}@keyframes fx-ring{0%{opacity:.9;transform:scale(.96)}to{opacity:0;transform:scale(1.12)}}@keyframes fx-rise{0%{opacity:0;transform:translate(-50%,12px)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)}}.dt-wrap{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.dt-card{flex:none}.dt-stats{flex:1;min-width:220px}.dt-cap{color:var(--muted);text-transform:capitalize;margin:0 0 10px}.dt-row{border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.dt-row.decides{background:#53fc1814}.dt-stat{width:38px;color:var(--muted);font-weight:800}.dt-val{min-width:28px;font-size:20px;font-weight:900}.dt-mod{border-radius:999px;padding:1px 7px;font-size:11px}.dt-mod.up{color:#07210a;background:var(--accent)}.dt-mod.down{color:#fff;background:#ff5a5a}.dt-flag{color:var(--accent);margin-left:auto;font-size:11px;font-weight:800}.dt-effects{margin:0;padding:0;list-style:none}.dt-effects li{padding:4px 0;font-weight:700}.dt-effects li.up{color:var(--accent)}.dt-effects li.down{color:#ff7a7a}.arena{gap:var(--s-4);flex-direction:column;display:flex;position:relative}.arena-strip{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--panel);border-radius:var(--r-pill);box-shadow:var(--clay-sm);flex-wrap:wrap;display:flex}.strip-tag{font-weight:800;font-size:var(--fs-sm);letter-spacing:.04em}.strip-tag.you-tag{color:var(--accent)}.strip-tag.opp-tag{color:#ff7a7a;margin-left:auto}.strip-meta{font-size:var(--fs-sm);color:var(--muted)}.strip-spacer{flex:1}.challenge-banner{align-items:center;gap:var(--s-3);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-pill);padding:var(--s-2) var(--s-5);flex-wrap:wrap;justify-content:center;display:flex}.round-tag{font-size:var(--fs-tiny);color:var(--accent-ink);background:var(--accent);border-radius:var(--r-pill);padding:3px 10px;font-weight:800}.ch-name{font-size:var(--fs-lg);font-weight:900}.ch-stats{font-size:var(--fs-tiny);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.ch-effect-line{margin:calc(-1 * var(--s-2)) 0 0;text-align:center;color:#ffb84d;font-size:var(--fs-sm);font-weight:600}.compare{justify-content:center;align-items:stretch;gap:var(--s-4);width:100%;max-width:560px;margin:0 auto;display:none}.arena.phase-play .compare,.arena.phase-resolve .compare{display:flex}.cmp-side{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--clay-sm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.cmp-you{box-shadow:var(--clay-sm), inset 0 0 0 2px #53fc1880}.cmp-opp{box-shadow:var(--clay-sm), inset 0 0 0 2px #ff5a5a80}.cmp-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cmp-num{font-size:38px;font-weight:900;line-height:1}.cmp-you .cmp-num{color:var(--accent)}.cmp-opp .cmp-num{color:#ff7a7a}.cmp-mid{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:130px;display:flex}.cmp-stats{font-size:var(--fs-tiny);letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-weight:700}.cmp-lead{font-size:14px;font-weight:800}.compare.ahead .cmp-lead{color:var(--accent)}.compare.behind .cmp-lead{color:#ff7a7a}.cmp-edge{font-size:var(--fs-tiny);color:#ffd23f}.playmat{--tilt:7deg;perspective:2200px;padding:var(--s-3) 0 var(--s-5);border-radius:var(--r-lg);transition:box-shadow .2s,background .2s;position:relative}.playmat.drop-active{box-shadow:inset 0 0 0 2px var(--accent);background:#53fc180f}.mat{transform:rotateX(var(--tilt));transform-style:flat;gap:var(--s-5);max-width:720px;padding:var(--s-5);background:radial-gradient(120% 80% at 50% 28%,#1a3a22,#0d2415 65%,#0a1c11);border:1px solid #53fc182e;border-radius:18px;flex-direction:column;margin:0 auto;display:flex;position:relative;box-shadow:0 36px 70px #0000008c}.mat-half{align-items:center;gap:var(--s-3);grid-template-columns:58px 1fr 58px;display:grid}.mat-active{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.mat-slot{border-radius:var(--r-lg);place-items:center;min-height:96px;display:grid}.mat-opp .mat-slot>.card-scale,.mat-opp .mat-slot>.empty-slot{transform-origin:50%;transform:scale(.9)}.mat-center{align-items:center;gap:var(--s-2);z-index:2;flex-direction:column;display:flex;position:relative}.mat-pile{flex-direction:column;align-items:center;gap:4px;display:flex}.pile-label{color:#ffffff8c;white-space:nowrap;font-size:10px;font-weight:700}.pile-stack{background:linear-gradient(160deg,#1e6fd8,#0b3c7a);border:1px solid #ffffff47;border-radius:6px;width:40px;height:56px;box-shadow:2px 2px #0006,4px 4px #0000004d}.pile-disc{background:#ffffff08;border:1px dashed #fff3;border-radius:6px;width:40px;height:56px}.active-label{font-size:var(--fs-tiny);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.active-label.you{color:var(--accent)}.active-label.opp{color:#ff7a7a}.active-slot.buffed{box-shadow:0 0 0 3px var(--accent), 0 0 26px #53fc18b3}.active-slot.debuffed{box-shadow:0 0 0 3px #ff5a5a,0 0 26px #ff5a5ab3}.empty-slot{text-align:center;color:#ffffff80;border-radius:var(--r-lg);width:257.6px;height:184px;font-weight:700;font-size:var(--fs-sm);border:2px dashed #ffffff38;place-items:center;display:grid}@keyframes deal-pop{0%{opacity:0}60%{opacity:1}}.mat-slot>.card-scale.deal-in{animation:.45s ease-out deal-pop}@keyframes fighter-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fighters-tray.dealing>.card-scale{animation:.34s ease-out backwards fighter-in}.fighters-tray.dealing>.card-scale:first-child{animation-delay:20ms}.fighters-tray.dealing>.card-scale:nth-child(2){animation-delay:70ms}.fighters-tray.dealing>.card-scale:nth-child(3){animation-delay:.12s}.fighters-tray.dealing>.card-scale:nth-child(4){animation-delay:.17s}.fighters-tray.dealing>.card-scale:nth-child(5){animation-delay:.22s}.fighters-tray.dealing>.card-scale:nth-child(6){animation-delay:.27s}.fighters-tray.dealing>.card-scale:nth-child(7){animation-delay:.32s}@media (max-width:640px){.playmat{--tilt:4deg}.mat-half{grid-template-columns:42px 1fr 42px}.pile-stack,.pile-disc{width:30px;height:42px}}.sidebar{transition:width .25s}body.battle-mode .sidebar{width:66px;padding:var(--s-3) var(--s-2);align-items:center;overflow:hidden}body.battle-mode .sidebar-wordmark,body.battle-mode .side-section,body.battle-mode .nav-label,body.battle-mode .bell-label,body.battle-mode .who,body.battle-mode .login-note{display:none}body.battle-mode .sidebar-logo{padding:var(--s-2) 0 var(--s-3);justify-content:center}body.battle-mode .nav-link{padding:var(--s-3) 0;justify-content:center}body.battle-mode .nav-link.active{box-shadow:inset 0 -3px 0 var(--accent)}body.battle-mode .side-bell{justify-content:center}body.battle-mode .stage{padding:0;overflow:hidden}.arena{min-height:0}body.battle-mode .arena{gap:0;height:100%}body.battle-mode .arena-strip{border-radius:0}.board-area{position:relative}body.battle-mode .board-area{min-height:0;padding:var(--s-2);flex:1;place-items:center;display:grid;overflow:hidden}body.battle-mode .playmat{transform:scale(var(--fit,1));transform-origin:50%;will-change:transform;padding:0}body.battle-mode .mat{gap:var(--s-4);width:1040px;max-width:none;padding:var(--s-4) var(--s-6)}body.battle-mode .mat-slot{min-height:132px}body.battle-mode .mat-half{grid-template-columns:90px 1fr 90px}.mat-slot.drop-target{box-shadow:0 0 0 3px var(--accent), 0 0 30px #53fc18a6;border-radius:var(--r-lg)}.mat-slot.drop-target-enemy{border-radius:var(--r-lg);box-shadow:0 0 0 3px #ff5a5a,0 0 30px #ff5a5a99}body.battle-mode .resolve-readout{z-index:30;background:#080c0af7;width:min(380px,80%);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #0000008c}@keyframes pop-center{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}body.battle-mode .resolve-readout.show{animation:.25s ease-out both pop-center}.center-timer{font-size:var(--fs-md);color:var(--accent);font-weight:900}.center-timer.low{color:#ff6b6b}.center-timer:empty{display:none}.hand-dock{padding:var(--s-2) var(--s-4) var(--s-3);background:linear-gradient(#0000,#00000059);flex:none}.dock-bar{justify-content:center;align-items:center;gap:var(--s-4);flex-wrap:wrap;min-height:30px;display:flex}.dock-bar .phase-hint,.dock-bar .arena-actions{margin:0}.hand-fan{justify-content:center;align-items:flex-end;min-height:150px;padding-top:26px;display:flex}.hand-fan>.hand-item{transform-origin:bottom;transform:rotate(var(--rot,0deg)) translateY(var(--ty,0px));z-index:var(--z,1);transition:transform .16s ease-out}.hand-fan>.hand-item+.hand-item{margin-left:-70px}.hand-fan>.hand-item.hand-gap{margin-left:30px}.hand-fan>.hand-item:hover{z-index:60;transform:translateY(-46px)scale(1.18)rotate(0)}@keyframes hand-deal{0%{opacity:0;transform:translateY(70px)rotate(0)}}.hand-fan>.hand-item.hand-deal{animation:.34s ease-out backwards hand-deal;animation-delay:calc((var(--z,1) - 1) * 35ms)}.phase-hint{font-size:var(--fs-sm);color:var(--muted);text-align:center;min-height:18px;margin:0}.your-area{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5) var(--s-5)}.tray-title{margin:var(--s-3) 0 var(--s-2);font-size:var(--fs-tiny);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tray{gap:var(--s-3);flex-wrap:wrap;min-height:60px;display:flex}.fighter-card{cursor:pointer;transition:transform .12s ease-out;position:relative}.card-scale:hover>.fighter-card{transform:translateY(-6px)}.fighter-card.is-champion{box-shadow:0 0 0 3px var(--accent);border-radius:var(--r-md)}.fighter-card.suggested:after{content:"BEST";background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);padding:1px 6px;font-size:9px;font-weight:900;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.fighter-total{z-index:4;background:var(--accent);min-width:26px;height:26px;color:var(--accent-ink);border-radius:var(--r-pill);place-items:center;padding:0 6px;font-size:14px;font-weight:900;display:grid;position:absolute;top:-8px;left:-8px}.arena-actions{margin-top:var(--s-4);align-items:center;gap:var(--s-3);justify-content:center;display:flex}.arena-actions .waiting{font-style:italic}.hand-card{position:relative}.hand-card.draggable{cursor:grab}.hand-card.draggable:active{cursor:grabbing}.redeem-cost{z-index:4;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);padding:2px 7px;font-size:12px;font-weight:900;position:absolute;top:-8px;right:-8px}.drag-ghost{z-index:1300;pointer-events:none;opacity:.9;transform-origin:50%;filter:drop-shadow(0 10px 20px #000000b3);position:fixed;transform:translate(-50%,-50%)scale(.5)rotate(-4deg)}.clickable-card{cursor:zoom-in;transition:transform .15s ease-out}.clickable-card:hover{transform:translateY(-4px)scale(1.03)}.tcg-stats div.preview-up b{color:#6dff3a}.tcg-stats div.preview-down b{color:#ff6b6b}.tcg-stats div.preview-up,.tcg-stats div.preview-down{background:#ffffff1a;border-radius:4px}.fx-ring{border-radius:var(--r-lg);pointer-events:none;z-index:6;animation:.7s ease-out forwards fx-ring;position:absolute;inset:0}.fx-ring.fx-buff{box-shadow:0 0 0 3px var(--accent), 0 0 26px var(--accent)}.fx-ring.fx-debuff{box-shadow:0 0 0 3px var(--danger), 0 0 26px var(--danger)}.fx-ring.fx-misc{box-shadow:0 0 0 3px #b06bff,0 0 26px #b06bff}.fx-chip{pointer-events:none;z-index:7;text-shadow:0 2px 6px #000c;font-size:18px;font-weight:900;animation:.9s ease-out forwards fx-rise;position:absolute;top:36%;left:50%;transform:translate(-50%)}.fx-chip.fx-buff{color:#6dff3a}.fx-chip.fx-debuff{color:#ff6b6b}.fx-chip.fx-misc{color:#c79bff}.roster-cols{gap:var(--s-5);grid-template-columns:1fr 1fr;display:grid}.col-title{color:var(--muted);margin:0 0 var(--s-3);font-size:14px}.strat-grid{gap:var(--s-2);margin-bottom:var(--s-3);display:grid}.strat-bar{align-items:center;gap:var(--s-3);display:flex}.strat-lbl{width:36px;color:var(--muted);font-weight:800;font-size:var(--fs-sm)}.strat-track{background:var(--panel);border-radius:var(--r-pill);flex:1;height:10px;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.strat-fill{background:linear-gradient(90deg, #2e8f12, var(--accent));border-radius:var(--r-pill);height:100%;display:block}.strat-val{text-align:right;width:28px;font-weight:800}.strat-note{color:var(--muted);font-size:var(--fs-sm)}.strat-note b{color:var(--text)}.redeem-pick{gap:var(--s-2);flex-wrap:wrap;display:flex}.redeem-chip{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-md);cursor:pointer;background:var(--panel);color:var(--text);box-shadow:var(--clay-sm);border:0;border-left:3px solid var(--mc,var(--muted));font:inherit;display:inline-flex}.redeem-chip.cat-buff{--mc:var(--accent)}.redeem-chip.cat-debuff{--mc:var(--danger)}.redeem-chip.cat-misc{--mc:#b06bff}.redeem-chip.on{outline:2px solid var(--accent)}.rc-name{font-weight:800;font-size:var(--fs-sm)}.rc-cost{color:var(--accent);font-weight:800;font-size:var(--fs-sm)}.rc-eff{color:var(--muted);font-size:var(--fs-tiny)}.rd-list{gap:var(--s-2);flex-direction:column;display:flex}@media (max-width:720px){.battlefield{gap:var(--s-4)}.roster-cols{grid-template-columns:1fr}}.nav-link-admin{color:#6a7370}.no-margin{margin:0}.admin-login{max-width:420px}.admin-head{justify-content:space-between}.admin-grid{gap:var(--s-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.admin-form{gap:var(--s-3);flex-direction:column;display:flex}.field{gap:var(--s-1);font-size:var(--fs-sm);color:var(--muted);flex-direction:column;display:flex}.field>span{font-weight:700}.field-inline{align-items:center;gap:var(--s-2);flex-flow:wrap}.field-inline .r-input{width:auto}.r-input.color{width:44px;height:32px;padding:2px}.stat-inputs{gap:var(--s-2);grid-template-columns:repeat(3,1fr);display:grid}.stat-input{font-size:var(--fs-tiny);color:var(--muted);flex-direction:column;gap:2px;font-weight:700;display:flex}.stat-input input{width:100%}.eff-row{gap:var(--s-2);margin-bottom:var(--s-2);grid-template-columns:1.4fr .7fr .9fr auto;display:grid}.admin-preview{margin-top:var(--s-4);place-items:center;display:grid}@media (max-width:860px){.admin-grid{grid-template-columns:1fr}}.admin-body{background:var(--bg)}.admin-app{flex-direction:column;height:100vh;display:flex}.admin-login-wrap{padding:var(--s-5);flex:1;place-items:center;display:grid}.admin-brand{align-items:center;gap:var(--s-3);letter-spacing:.5px;font-weight:800;display:flex}.admin-top{align-items:center;gap:var(--s-5);padding:var(--s-3) var(--s-5);background:var(--panel);border-bottom:1px solid var(--border);display:flex}.admin-tabs{gap:var(--s-2);flex:1;display:flex}.admin-tab{color:var(--muted);font-weight:700;font-size:var(--fs-md);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:0}.admin-tab:hover{color:var(--text)}.admin-tab.active{color:var(--accent-ink);background:var(--accent);box-shadow:var(--clay-accent)}.admin-content{padding:var(--s-5);flex:1;overflow:auto}.admin-toolbar{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.toolbar-spacer{flex:1}.admin-table-wrap{border-radius:var(--r-lg);box-shadow:var(--clay);overflow-x:auto}.admin-table{border-collapse:collapse;background:var(--panel);width:100%;font-size:var(--fs-sm)}.admin-table th,.admin-table td{padding:var(--s-2) var(--s-3);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.admin-table thead th{background:var(--panel-2);color:var(--muted);font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.06em;position:sticky;top:0}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:var(--text)}.admin-table tbody tr:hover{background:#ffffff08}.t-num{text-align:center;font-weight:700}.t-name{font-weight:800}.t-eff{color:var(--muted);white-space:normal;min-width:220px}.t-actions{gap:var(--s-2);display:flex}.btn-sm{font-size:var(--fs-tiny);padding:4px 10px}.swatch{background:var(--sw,transparent);border-radius:5px;width:18px;height:18px;display:inline-block;box-shadow:inset 0 0 0 1px #fff3}.swatch.none{background:repeating-linear-gradient(45deg,#333,#333 3px,#222 3px 6px)}.rar{font-size:var(--fs-tiny);text-transform:capitalize;border-radius:var(--r-pill);padding:2px 8px;font-weight:800}.rar-common{color:#cfd6d3;background:#2a3034}.rar-uncommon{color:#07210a;background:#3fe0c5}.rar-rare{color:#07210a;background:#4aa3ff}.rar-legendary{color:#2a1a00;background:#ffd23f}.cat-buff{color:#07210a;background:#53fc18}.cat-debuff{color:#2a0606;background:#ff7a7a}.cat-misc{color:#fff;background:#b06bff}.cat-social{color:#07210a;background:#4aa3ff}.cat-physical{color:#2a0606;background:#ff7a7a}.stat-checks{gap:var(--s-2);flex-wrap:wrap;display:flex}.stat-check{font-size:var(--fs-tiny);color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:inline-flex}.stat-check:hover{color:var(--text)}.cfg-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-5);box-shadow:var(--clay)}.cfg-row{align-items:center;gap:var(--s-3);padding:var(--s-2) 0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.cfg-row:last-of-type{border-bottom:0}.cfg-label{flex:1;min-width:140px}.cfg-mini{font-size:var(--fs-tiny);color:var(--muted);align-items:center;gap:6px;font-weight:700;display:inline-flex}.cfg-mini .r-input{width:76px}.cfg-id{font-size:var(--fs-tiny);color:var(--muted);font-family:ui-monospace,monospace}.rar-viz{margin:var(--s-4) 0 var(--s-2)}.rar-bar{border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel-2);-webkit-user-select:none;user-select:none;touch-action:none;height:44px;display:flex;position:relative;overflow:hidden}.rar-seg{white-space:nowrap;text-shadow:0 1px 1px #00000040;flex-direction:column;flex-shrink:1;flex-basis:0;justify-content:center;align-items:center;min-width:0;font-weight:800;line-height:1.1;display:flex;overflow:hidden}.rar-seg-label{font-size:var(--fs-tiny);text-overflow:ellipsis;max-width:100%;padding:0 4px;overflow:hidden}.rar-seg-pct{opacity:.85;font-size:10px}.rar-handle{cursor:ew-resize;z-index:2;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.rar-handle:before{content:"";background:#ffffffe6;border-radius:2px;width:3px;height:60%;transition:height .1s;box-shadow:0 0 0 1px #0006}.rar-handle:hover:before{background:#fff;height:88%}.rar-empty{padding:var(--s-3);color:var(--muted);font-size:var(--fs-sm)}.rar-total{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--muted)}.rar-total b{color:var(--text)}.rar-ok{color:var(--accent);font-weight:700}.rar-warn{color:#ffd23f;font-weight:700}.rar-stats{gap:var(--s-2) var(--s-5);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.rar-stat{font-size:var(--fs-tiny);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.rar-stat b{color:var(--text)}.rar-dot{border-radius:50%;flex:none;width:11px;height:11px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff40}.rar-stat-sub{opacity:.65}.gloss-wrap{max-width:1100px;margin:0 auto}.gloss-head{margin-bottom:var(--s-5)}.gloss-head .r-input{width:100%;max-width:460px;margin-top:var(--s-3);display:block}.gloss-cats{gap:var(--s-2);margin-top:var(--s-3);flex-wrap:wrap;display:flex}.gloss-cats .chip.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.gloss-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;display:grid}.gloss-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5)}.gloss-card-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);display:flex}.gloss-card-head h3{font-size:var(--fs-md);margin:0}.gloss-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border:1px solid var(--border);border-radius:var(--r-pill);background:#53fc181a;flex:none;padding:2px 9px;font-size:10px;font-weight:800}.gloss-body{font-size:var(--fs-sm);color:var(--muted);line-height:1.55}.gloss-body b{color:var(--text)}.gloss-chips{margin:var(--s-2) 0;flex-wrap:wrap;gap:6px;display:flex}.gloss-chip{min-width:34px;font-size:var(--fs-tiny);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);place-items:center;padding:3px 8px;font-weight:800;display:inline-grid}.gloss-rar{font-size:var(--fs-tiny);color:var(--muted);margin-right:var(--s-2);align-items:center;gap:5px;display:inline-flex}.gloss-rar b{color:var(--text)}.home-hero{margin-bottom:var(--s-6)}.home-embed{aspect-ratio:16/9;border-radius:var(--r-lg);border:1px solid var(--border);background:#000;position:relative;overflow:hidden}.home-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.home-channelbar{justify-content:space-between;align-items:flex-start;gap:var(--s-4);padding:var(--s-4) 2px 0;flex-wrap:wrap;display:flex}.home-chan-info{min-width:0}.home-chan-info h1{margin:0 0 4px}.home-chan-info p{max-width:760px;margin:0}.home-channelbar .btn{flex:none}.home-live-head{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.home-live-head .view-title{margin:0}.live-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(184px,1fr));display:grid}.live-tile{color:inherit;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--panel);flex-direction:column;text-decoration:none;transition:border-color .12s,transform .12s;display:flex;overflow:hidden}.live-tile:hover{border-color:var(--muted);transform:translateY(-2px)}.live-tile.is-off{opacity:.6}.live-tile.is-off:hover{opacity:1}.lt-thumb{aspect-ratio:16/9;background:var(--panel-2);place-items:center;display:grid;position:relative;overflow:hidden}.lt-img{object-fit:cover;width:100%;height:100%}.lt-ph{color:var(--muted);letter-spacing:1px;font-size:30px;font-weight:900}.lt-live{color:#fff;letter-spacing:.05em;border-radius:var(--r-sm);background:#ff3b30;padding:2px 7px;font-size:10px;font-weight:900;position:absolute;top:6px;left:6px}.lt-views{color:#fff;border-radius:var(--r-pill);background:#000000b8;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:6px}.lt-off{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--r-pill);background:#0000008c;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;bottom:6px;left:6px}.lt-meta{padding:var(--s-2) var(--s-3);flex-direction:column;gap:2px;min-width:0;display:flex}.lt-name{font-weight:800;font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lt-title{font-size:var(--fs-tiny);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cc-toast{z-index:1600;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);opacity:0;align-items:center;gap:14px;width:min(460px,92vw);padding:16px 20px 16px 40px;transition:transform .35s,opacity .35s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,24px);box-shadow:0 14px 40px #0000008c}.cc-toast.show{opacity:1;transform:translate(-50%)}.cc-toast.is-reward{border-color:var(--accent);box-shadow:0 14px 40px #53fc184d}.ct-close{background:var(--panel-2);width:22px;height:22px;color:var(--muted);cursor:pointer;border:0;border-radius:6px;place-items:center;font-size:12px;line-height:1;display:grid;position:absolute;top:10px;left:10px}.ct-close:hover{color:var(--text);background:var(--border)}.ct-icon{flex:none;font-size:32px}.ct-text{flex-direction:column;gap:3px;min-width:0;display:flex}.ct-text strong{font-size:var(--fs-md)}.ct-text span{font-size:var(--fs-sm);color:var(--muted)}.np-subhead{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px 4px;font-weight:800;display:flex}.np-clear{color:var(--muted);font-size:var(--fs-tiny);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:0}.np-clear:hover{color:var(--text)}.np-feed{gap:var(--s-3);flex-direction:column;max-height:240px;padding:4px 16px 14px;display:flex;overflow-y:auto}.np-feed-item{align-items:flex-start;gap:10px;display:flex}.np-feed-item strong{font-size:var(--fs-sm);display:block}.np-feed-item .muted{font-size:var(--fs-tiny);line-height:1.4;display:block}.np-ago{color:var(--muted);margin-top:2px;font-size:10px;display:block}.side-bell{align-items:center;gap:var(--s-3);width:100%;color:var(--muted);padding:var(--s-3);border-radius:var(--r-md);cursor:pointer;margin-bottom:var(--s-2);background:0 0;border:0;font-size:15px;font-weight:700;display:flex;position:relative}.side-bell[hidden],.bell-badge[hidden]{display:none}.side-bell:hover{color:var(--text);background:var(--panel-2)}.bell-ico{flex:none;width:22px;height:22px;display:inline-flex}.bell-ico svg{width:22px;height:22px}.bell-badge{color:#fff;background:#ff3b30;border-radius:8px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:900;display:grid;position:absolute;top:4px;left:24px}.notif-panel{z-index:1500;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);width:300px;max-width:calc(100vw - 32px);position:fixed;top:64px;left:16px;overflow:hidden;box-shadow:0 16px 40px #00000080}.np-head{border-bottom:1px solid var(--border);padding:12px 16px;font-weight:800}.np-body{gap:var(--s-3);flex-direction:column;padding:12px 16px;display:flex}.np-streak{font-size:var(--fs-md);align-items:center;gap:8px;display:flex}.np-streak .muted{font-size:var(--fs-tiny)}.np-item{align-items:flex-start;gap:10px;display:flex}.np-ico{flex:none;font-size:18px}.np-grow{flex:1;min-width:0}.np-row{justify-content:space-between;align-items:center;display:flex}.np-status{font-size:var(--fs-tiny);color:var(--muted)}.np-status.ready{color:var(--accent);font-weight:800}.np-bar{background:var(--panel-2);border-radius:3px;height:6px;margin:4px 0;overflow:hidden}.np-bar span{background:var(--accent);height:100%;display:block}.np-bonus{border:1px solid var(--border);border-radius:var(--r-md);background:#ffd23f14;padding:8px}.np-go{text-align:center;margin-top:4px;display:block}.view-subtitle{font-size:var(--fs-lg);margin:0 0 var(--s-3)}.free-rewards{margin-bottom:var(--s-5)}.free-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.free-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5);flex-direction:column;gap:6px;display:flex}.free-tile.ready{border-color:var(--accent);box-shadow:inset 0 0 0 1px #53fc1833}.free-tile h3{font-size:var(--fs-md);align-items:center;gap:8px;margin:0;display:flex}.free-ico{font-size:30px}.free-count{font-size:var(--fs-tiny);color:var(--accent-ink);background:var(--accent);border-radius:var(--r-pill);padding:2px 8px;font-weight:900}.free-tile .btn{align-self:flex-start;margin-top:4px}.rules-wrap{max-width:1000px;margin:0 auto}.rules-hero{text-align:center;padding:var(--s-5) 0 var(--s-6)}.rules-hero h1{margin:0 0 var(--s-2)}.rules-hero p{color:var(--muted);max-width:600px;margin:0 auto}.rules-section{margin-bottom:var(--s-6)}.rules-h{font-size:var(--fs-lg);margin:0 0 var(--s-3);padding-bottom:var(--s-2);border-bottom:1px solid var(--border)}.rules-lead{color:var(--muted);margin:0 0 var(--s-3)}.rules-steps{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.rl-step{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4) var(--s-5)}.rl-num{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);margin-bottom:var(--s-2);border-radius:50%;place-items:center;font-weight:900;display:inline-grid}.rl-step h3{font-size:var(--fs-md);margin:0 0 4px}.rl-step p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.5}.rl-chips{gap:var(--s-3);flex-wrap:wrap;display:flex}.rl-chip{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-tiny);color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:10px 18px;display:inline-flex}.rl-chip b{font-size:var(--fs-md);color:var(--accent)}.rules-flow{gap:var(--s-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rules-flow li{gap:var(--s-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);align-items:flex-start;display:flex}.rl-fnum{background:var(--panel-2);border:1px solid var(--border);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-weight:900;display:inline-grid}.rules-flow strong{margin-bottom:2px;display:block}.rules-flow p{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.45}.rl-rbar{border-radius:var(--r-md);border:1px solid var(--border);height:30px;display:flex;overflow:hidden}.rl-rseg{height:100%}.rl-rkeys{gap:var(--s-4);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.rl-rkey{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.rl-rkey b{color:var(--text)}.rules-rewards{gap:var(--s-2);flex-direction:column;display:flex}.rl-reward{justify-content:space-between;gap:var(--s-4);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);display:flex}.rl-when{font-weight:800}.rl-what{color:var(--muted);text-align:right}.rules-econ{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.rl-econ{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-4);flex-direction:column;gap:4px;display:flex}.rl-econ span{color:var(--muted);font-size:var(--fs-sm);line-height:1.5}.admin-form-grid{gap:var(--s-5);grid-template-columns:1fr auto;align-items:start;display:grid}.admin-modal{width:min(740px,94vw)}.cc-modal-foot{gap:var(--s-3);padding:var(--s-3) var(--s-4) var(--s-4);border-top:1px solid var(--border);justify-content:flex-end;display:flex}@media (max-width:640px){.admin-form-grid{grid-template-columns:1fr}}@media (max-width:1024px){.chat{display:none}}@media (max-width:760px){.sidebar{width:66px;padding:var(--s-3) var(--s-2);align-items:center}.sidebar-wordmark,.side-section,.nav-label{display:none}.sidebar-logo{padding:var(--s-2) 0 var(--s-3);justify-content:center}.nav-link{padding:var(--s-3) 0;justify-content:center}.nav-link.active{box-shadow:inset 0 -3px 0 var(--accent)}.sidebar-foot .btn-login{padding:var(--s-3);font-size:0}.sidebar-foot .btn-login:after{content:"→";font-size:16px}.sidebar-foot .who{text-align:center;align-items:center;font-size:11px}}.pack-overlay{background:radial-gradient(900px 620px at 50% 44%,#161a1c8c,#000000ed);flex-direction:column;justify-content:center;align-items:center;display:flex}.po-toolbar{gap:var(--s-2);z-index:5;display:flex;position:absolute;top:16px;right:16px}.po-fast{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-tiny);cursor:pointer;padding:6px 12px;font-weight:800}.po-fast.on{color:var(--accent-ink);background:var(--accent);border-color:#0000}.po-stage{flex:1;place-items:center;width:100%;display:grid;position:relative}.po-pack{border-radius:var(--r-lg);background:linear-gradient(150deg, var(--pack1,#53fc18), var(--pack2,#063d16));cursor:grab;touch-action:none;width:220px;height:320px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0009}.po-pack:active{cursor:grabbing}.po-pack-body{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.po-brand{text-align:center;color:#0000008c;letter-spacing:1px;font-size:30px;font-weight:900;line-height:1.02}.po-label{letter-spacing:2px;color:#00000080;margin-top:10px;font-size:12px;font-weight:800}.po-foil{transform-origin:0;background:linear-gradient(#ffffff52,#ffffff0a);border-bottom:2px dashed #ffffff8c;height:30%;position:absolute;top:0;left:0;right:0}.po-beam{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffffeb,#0000 64%);border-radius:50%;width:82%;height:82%;margin:auto;position:absolute;inset:0}.po-hint{text-align:center;color:var(--muted);font-size:var(--fs-sm);position:absolute;bottom:-34px;left:0;right:0}.po-card{perspective:1200px;width:200px;height:280px;position:relative}.po-aura{background:radial-gradient(circle, var(--rar,#888), transparent 62%);opacity:.22;filter:blur(8px);z-index:-1;border-radius:50%;position:absolute;inset:-44px}.po-card.rar-rare .po-aura{opacity:.42}.po-card.rar-legendary .po-aura{opacity:.6;animation:1.4s ease-in-out infinite aura-pulse}@keyframes aura-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}.po-flipper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.po-face{backface-visibility:hidden;border-radius:12px;place-items:center;display:grid;position:absolute;inset:0}.po-front{transform:rotateY(180deg)}.po-back{border:2px solid var(--rar,var(--border));box-shadow:0 0 26px -6px var(--rar,#000);background:linear-gradient(150deg,#14181a,#0b0e0f)}.po-back-mark{border-radius:var(--r-md);background:var(--accent);width:64px;height:64px;color:var(--accent-ink);place-items:center;font-size:26px;font-weight:900;display:grid}.po-burst{pointer-events:none;box-shadow:0 0 0 3px var(--rar), 0 0 44px 6px var(--rar);border-radius:12px;animation:.7s ease-out forwards po-burst;position:absolute;inset:0}@keyframes po-burst{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.18)}}.po-flash{opacity:0;pointer-events:none;z-index:3;background:radial-gradient(circle at 50% 44%,#ffd23fd9,#ffaa002e 50%,#0000 70%);position:absolute;inset:0}.po-flash.go{animation:.6s ease-out po-flash}@keyframes po-flash{0%{opacity:0}30%{opacity:.95}to{opacity:0}}.po-stamp{text-align:center;z-index:4;letter-spacing:.1em;color:#ffd23f;text-shadow:0 0 22px #ffd23fb3,0 3px #7a5200;pointer-events:none;font-size:46px;font-weight:900;position:absolute;top:20%;left:0;right:0}.po-tray{padding:var(--s-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:92vw;min-height:132px;display:flex}.po-tray-card{position:relative}.po-tray-card:hover{z-index:10}.po-ok{margin-bottom:var(--s-5)}.po-haul-wrap{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.po-summary{font-weight:800;font-size:var(--fs-md);color:var(--muted);margin:0}.po-haul{gap:var(--s-3);flex-wrap:wrap;justify-content:center;max-width:min(1100px,92vw);display:flex}.po-haul-card{animation:po-rise .5s var(--d,0s) ease-out backwards;transition:transform .15s ease-out;position:relative}.po-haul-card:hover{z-index:20;transform:translateY(-14px)scale(1.06)}@keyframes po-rise{0%{opacity:0;transform:translateY(130px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.tcg-kind{z-index:3;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);color:#fff;background:#0009;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;top:5px;left:5px}.tcg-kind.kind-char{color:var(--accent)}.tcg-kind.kind-redeem{color:#c79bff}.tcg-card:hover{z-index:6}.stat-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4);gap:var(--s-1);flex-direction:column;display:flex}.stat-label{font-size:var(--fs-tiny);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.stat-value{font-size:26px;font-weight:900}.stat-value.accent{color:var(--accent)}.lb-list{margin:0;padding:0;list-style:none}.lb-row{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-1);border-bottom:1px solid var(--border);display:flex}.lb-row:last-child{border-bottom:0}.lb-rank{text-align:right;width:28px;color:var(--muted);font-weight:900}.lb-list .lb-row:first-child .lb-rank{color:#ffd23f}.lb-label{flex:1;font-weight:700}.lb-sub{color:var(--muted);font-weight:500;font-size:var(--fs-tiny);text-transform:capitalize}.lb-value{color:var(--accent);font-weight:900}.turn-timer{font-weight:800;font-size:var(--fs-sm);color:var(--muted)}.turn-timer.low{color:#ff7a7a}