html,body{background:#0b1020;min-width:320px;min-height:100%;margin:0}:root{--bg0:#0b1020;--bg1:#152038;--ink:#f2e9dc;--muted:#9aa6bf;--accent:#d4a373;--gold:#e8c547;--gold-deep:#a67c2a;--danger:#c1121f;--ok:#40916c;--panel:#121a2ce0;--line:#f2e9dc1f;--display:"Cinzel", "Times New Roman", serif;--display-ornate:"Cinzel Decorative", "Cinzel", "Times New Roman", serif;--ui:"Manrope", "Segoe UI", sans-serif;--frame-1:#8b95a8;--frame-1-deep:#4a5160;--frame-2:#c48a3a;--frame-2-deep:#6e4518;--frame-3:#2ec4a0;--frame-3-deep:#0b6b55;--frame-4:#e23d5b;--frame-4-deep:#7a1028;--frame-5:#f0d060;--frame-5-deep:#9a6b12;font-family:var(--ui);color:var(--ink);background:var(--bg0)}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body:has(.battle){overflow:hidden}button{font:inherit;cursor:pointer}.primary,.ghost,.chip{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:10px;padding:.55rem 1rem}.primary{background:linear-gradient(135deg,#b08968,#7f5539);border-color:#0000;font-weight:700}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost:hover,.chip:hover{border-color:var(--accent)}.large{padding:.9rem 1.4rem;font-size:1.05rem}.splash{place-items:end stretch;min-height:100dvh;display:grid;position:relative;overflow:hidden}.splash-stage{background:#07090f;position:absolute;inset:0}.splash-slide{opacity:0;filter:none;will-change:opacity;background-color:#07090f;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.4s;position:absolute;inset:0;transform:scale(1)}.splash-slide.is-on{opacity:1;z-index:1}.splash-veil{z-index:2;pointer-events:none;background:linear-gradient(#0000 0% 68%,#07090f59 84%,#07090fd1 100%);position:absolute;inset:0}.splash-embers{z-index:2;pointer-events:none;background:radial-gradient(circle at 18% 70%,#d4a37324,#0000 28%),radial-gradient(circle at 82% 40%,#c1121f1a,#0000 26%);animation:10s ease-in-out infinite alternate splash-glow;position:absolute;inset:0}.splash-top-right{z-index:5;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;max-width:calc(100% - 1.5rem);display:flex;position:absolute;top:1rem;right:1rem}.splash-top-right>.splash-logout.ghost,.splash-top-right .splash-gear.ghost{color:#f7efe3;letter-spacing:.02em;text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a10d1;border:1px solid #fff0d273;font-weight:700;box-shadow:0 2px 10px #00000073,inset 0 1px #ffffff14}.splash-top-right>.splash-logout.ghost:hover,.splash-top-right .splash-gear.ghost:hover{color:#fff8ec;background:#0e1018eb;border-color:#e8c578bf}.splash-wallet{gap:.45rem;display:flex;position:static}.wallet-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.wallet-chip{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f7efe3;background:#07090fb8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .7rem;font-size:.88rem;font-weight:700;display:inline-flex}.wallet-chip.gold{border-color:#d4a3738c}.wallet-chip.dia{border-color:#78b4ff80}.splash-content{z-index:3;text-align:center;width:min(420px,100%);margin:0 auto;padding:clamp(.75rem,2.5vw,1.5rem) clamp(1rem,4vw,1.75rem) clamp(1.25rem,4vw,2.25rem);animation:.9s both splash-rise;position:relative}.splash-eyebrow{justify-content:center;margin:0 0 .45rem;display:flex}.splash-eyebrow span{font-family:var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#1a120c;background:linear-gradient(135deg,#f0d5a8,#d4a373);border-radius:999px;padding:.4rem .95rem;font-size:.78rem;font-weight:700;display:inline-block;box-shadow:inset 0 1px #ffffff59,0 8px 22px #00000073}.splash-brand{font-family:var(--display-ornate);letter-spacing:.04em;background:linear-gradient(#fff6d0 0%,#f0d060 28%,#c9a227 55%,#8b6914 78%,#f5e6a3 100%);color:#0000;filter:drop-shadow(0 2px #000000d9)drop-shadow(0 10px 24px #000000a6)drop-shadow(0 0 28px #d4a37359);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.1rem,7.5vw,3.4rem);font-weight:700;line-height:1.05}.epic-title,.page-bar h1,.collection h1,.hero-screen h1,.cabinet .page-bar h1,.auth-card h1,.onboard-screen h1,.multi-screen h1,.daily-title,.cabinet-card-section h2{font-family:var(--display);letter-spacing:.03em;background:linear-gradient(#fff4c4 0%,#e8c547 42%,#b8860b 78%,#f0d78c 100%);color:#0000;filter:drop-shadow(0 1px #000000bf);-webkit-background-clip:text;background-clip:text;font-weight:700}.splash-tag{max-width:28rem;font-family:var(--display);letter-spacing:.02em;color:#f0e6d0;border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07090f9e;border-radius:10px;margin:.55rem auto 0;padding:.4rem .75rem;font-size:clamp(.82rem,2vw,.95rem);line-height:1.35;box-shadow:inset 0 0 0 1px #00000059,0 8px 20px #00000059}.splash-tag strong{background:linear-gradient(#fff4c4,#e8c547 55%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.splash-actions{gap:.45rem;max-width:300px;margin-top:.85rem;margin-left:auto;margin-right:auto;display:grid}.splash-subhint{color:#f0e6d0b8;margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.splash-actions .splash-back{opacity:.9}.splash-dots{justify-content:center;gap:.4rem;margin-top:.75rem;display:flex}.splash-dots span{background:#ffffff47;border-radius:50%;width:.45rem;height:.45rem;transition:background .35s,transform .35s}.splash-dots span.on{background:var(--gold);box-shadow:0 0 8px color-mix(in srgb, var(--gold) 55%, transparent);transform:scale(1.25)}.splash-actions .primary.large,.splash-actions .ghost.large{font-family:var(--display);letter-spacing:.04em;border:1.5px solid #0000;border-radius:10px;padding:.7rem 1rem;font-size:clamp(.9rem,2.2vw,1.02rem);font-weight:700;transition:border-color .2s,box-shadow .2s,transform .15s,filter .2s}.cabinet-oracle-cta{width:100%;margin-top:.85rem}.splash-actions .ghost.large{color:#f3e6c0;background:linear-gradient(#0a0c14b8, #0a0c14b8) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--gold) 75%, #fff 10%), color-mix(in srgb, var(--gold-deep) 90%, #000 10%), color-mix(in srgb, var(--gold) 55%, transparent)) border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 2px #000000d9;box-shadow:0 8px 22px #0006,inset 0 1px #ffe6aa1f}.splash-actions .ghost.large:hover{filter:brightness(1.08);box-shadow:0 0 16px color-mix(in srgb, var(--gold) 28%, transparent), 0 10px 26px #00000073, inset 0 1px 0 #ffe6aa33;border-color:#0000}.splash-actions .primary.large{color:#1a1208;text-shadow:0 1px #fff0b459;background:linear-gradient(165deg,#f5e6a8 0%,#e0b84a 28%,#b8860b 62%,#8a6410 100%);border-color:#fff4c48c;box-shadow:0 10px 28px #a86e1e80,inset 0 1px #ffffdc73,inset 0 -2px #50320a59}.splash-actions .primary.large:hover{filter:brightness(1.06)}@keyframes splash-glow{0%{opacity:.7}to{opacity:1}}@keyframes splash-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card{--card-w:140px;--card-h:218px;width:var(--card-w);height:var(--card-h);color:#fff;text-align:left;perspective:900px;background:0 0;border:none;flex-shrink:0;padding:0;position:relative}.card.clickable{cursor:pointer}.card-inner{--frame:var(--frame-1);--frame-deep:var(--frame-1-deep);width:100%;height:100%;transform-style:preserve-3d;background:linear-gradient(145deg, color-mix(in srgb, var(--frame) 92%, #fff 8%) 0%, var(--frame-deep) 22%, var(--frame) 48%, var(--frame-deep) 72%, color-mix(in srgb, var(--frame) 75%, #fff 25%) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-deep) 80%, #000 20%), 0 6px 16px #00000073, inset 0 1px 0 color-mix(in srgb, var(--frame) 55%, #fff 45%);border-radius:14px;padding:3px;transition:transform .45s,box-shadow .35s;position:relative}.card-frame-ornament{pointer-events:none;z-index:5;border:1px solid color-mix(in srgb, var(--frame) 35%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--frame-deep) 55%, transparent), inset 0 0 12px color-mix(in srgb, var(--frame) 18%, transparent);border-radius:11px;position:absolute;inset:2px}.card-frame-ornament:before,.card-frame-ornament:after{content:"";border:1.5px solid var(--frame);opacity:.9;width:.55rem;height:.55rem;filter:drop-shadow(0 0 2px color-mix(in srgb, var(--frame) 50%, transparent));position:absolute}.card-frame-ornament:before{border-bottom:none;border-right:none;border-top-left-radius:2px;top:.2rem;left:.2rem}.card-frame-ornament:after{border-top:none;border-left:none;border-bottom-right-radius:2px;bottom:.2rem;right:.2rem}.card.frame-lv-1 .card-inner{--frame:var(--frame-1);--frame-deep:var(--frame-1-deep)}.card.frame-lv-2 .card-inner{--frame:var(--frame-2);--frame-deep:var(--frame-2-deep)}.card.frame-lv-3 .card-inner{--frame:var(--frame-3);--frame-deep:var(--frame-3-deep)}.card.frame-lv-4 .card-inner{--frame:var(--frame-4);--frame-deep:var(--frame-4-deep)}.card.frame-lv-5 .card-inner{--frame:var(--frame-5);--frame-deep:var(--frame-5-deep);box-shadow:0 0 0 1px color-mix(in srgb, var(--frame-deep) 70%, #000 30%), 0 0 14px color-mix(in srgb, var(--frame) 45%, transparent), 0 6px 18px #00000080, inset 0 1px 0 color-mix(in srgb, var(--frame) 60%, #fff 40%);animation:2.8s ease-in-out infinite frame-legend-pulse}@keyframes frame-legend-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}.card-face{border-radius:11px;position:absolute;inset:3px;overflow:hidden}.card-front{background:#111;flex-direction:column;display:flex}.card-stats{z-index:2;background:linear-gradient(180deg, #0a0c12 0%, color-mix(in srgb, var(--school) 28%, #0d111a 72%) 100%);border-bottom:1px solid color-mix(in srgb, var(--school) 55%, #fff 12%);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:.2rem .35rem;padding:.28rem .32rem .3rem;display:flex}.stats-school,.stats-combat{align-items:center;gap:.18rem;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.cost-mini{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:.9rem;max-width:4.5rem;font-size:.65rem;font-weight:800;overflow:hidden}.combat-nums{font-variant-numeric:tabular-nums}.pattern-ico{font-size:.85rem}.spell-badge{opacity:.9}.stats-combat.is-wounded{color:#ffb3c1}.card-art-wrap{flex:auto;min-height:0;position:relative}.card-art{background-position:50% 38%;background-size:cover;position:absolute;inset:0}.effect-marks{pointer-events:none;flex-wrap:wrap;flex:1 0 100%;gap:.18rem;display:flex}.effect-mark{text-shadow:0 1px 1px #000;white-space:nowrap;background:#000000c7;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:.12rem;padding:.1rem .28rem;font-size:.62rem;font-weight:700;line-height:1.1;display:inline-flex}.effect-mark.tone-bad{color:#ffd6d9;background:#78141ceb;border-color:#e63946}.effect-mark.tone-curse{color:#f0d4ff;background:#46145aeb;border-color:#c77dff}.effect-mark.tone-warn{color:#d0ebff;background:#143c64eb;border-color:#4ea8de}.effect-mark.tone-buff{color:#d8f3dc;background:#145032eb;border-color:#52b788}.effect-ico{font-size:.7rem}.hp-hurt{color:#ff8fa3;font-weight:900}.card.board .effect-mark,.card.compact .effect-mark{padding:.08rem .22rem;font-size:.58rem}.card.board .card-stats,.card.compact .card-stats{gap:.12rem .25rem;padding:.18rem .22rem .2rem}.card.board .stats-school,.card.board .stats-combat,.card.compact .stats-school,.card.compact .stats-combat{font-size:.68rem}.card-desc-effects{color:#ffd6d9;margin:.35rem 0 0;padding-left:1.1rem;font-size:.9rem;line-height:1.4}.card-footer{z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#00000080 40%,#000000e0 100%);padding:1.2rem .35rem .32rem;position:absolute;bottom:0;left:0;right:0}.card-name{font-family:var(--display);letter-spacing:.02em;color:#f7e7b0;text-shadow:0 1px 3px #000,0 0 8px #0009;font-size:.78rem;font-weight:700;line-height:1.15}.card.frame-lv-3 .card-name{color:#b8ffe8}.card.frame-lv-4 .card-name{color:#ffc9d4}.card.frame-lv-5 .card-name{color:#ffe9a0}.flip-btn{z-index:8;border:1px solid color-mix(in srgb, var(--gold,#e8c547) 55%, #fff);color:#ffe9a0;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#000000e0;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;padding:0;font-size:.95rem;line-height:1;display:grid;position:absolute;bottom:.25rem;right:.25rem;box-shadow:0 2px 8px #00000073}.card.compact .flip-btn,.card.board .flip-btn{width:1.35rem;height:1.35rem;font-size:.85rem}.flip-btn:hover{border-color:var(--accent);color:var(--accent)}.card-desc-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.card-desc-panel{--frame:var(--frame-1);--frame-deep:var(--frame-1-deep);background:linear-gradient(#121826, #121826) padding-box, linear-gradient(145deg, var(--frame), var(--frame-deep), var(--frame), var(--frame-deep)) border-box;width:min(520px,96vw);max-height:min(94vh,820px);box-shadow:0 24px 60px #0000008c, 0 0 24px color-mix(in srgb, var(--frame) 28%, transparent);border:3px solid #0000;border-radius:16px;grid-template-rows:minmax(300px,48vh) 1fr;display:grid;overflow:hidden}.card-desc-panel.frame-lv-1{--frame:var(--frame-1);--frame-deep:var(--frame-1-deep)}.card-desc-panel.frame-lv-2{--frame:var(--frame-2);--frame-deep:var(--frame-2-deep)}.card-desc-panel.frame-lv-3{--frame:var(--frame-3);--frame-deep:var(--frame-3-deep)}.card-desc-panel.frame-lv-4{--frame:var(--frame-4);--frame-deep:var(--frame-4-deep)}.card-desc-panel.frame-lv-5{--frame:var(--frame-5);--frame-deep:var(--frame-5-deep)}.card-desc-art{background-color:#0d111c;background-position:50%;background-repeat:no-repeat;background-size:contain;min-height:300px}@media (width<=520px){.card-desc-panel{grid-template-rows:minmax(240px,40vh) 1fr}.card-desc-art{background-position:50%;background-size:contain;min-height:240px}}.card-desc-body{flex-direction:column;gap:.45rem;min-height:0;padding:1rem 1.1rem 1.1rem;display:flex;overflow:auto}.card-desc-body h2{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(#fff4c4,#e8c547 50%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;line-height:1.2}.card-desc-meta,.card-desc-pattern{color:#b8c2d6;margin:0;font-size:.9rem;line-height:1.35}.card-desc-text{color:#f2e9dc;white-space:pre-wrap;margin:.25rem 0 .5rem;font-size:1.02rem;line-height:1.5}.card-desc-prem{color:#ffd166;margin:0;font-size:.9rem}.card-desc-body .primary{align-self:stretch;margin-top:auto}.card.compact{--card-w:112px;--card-h:168px}.card.board{--card-w:108px;--card-h:164px}.card.board .card-name,.card.compact .card-name{font-size:.72rem}.card.empty-slot{border:2px dashed var(--line);width:108px;height:148px;color:var(--muted);perspective:none;background:#ffffff0a;border-radius:12px;place-items:center;font-size:1.6rem;display:grid}.card.empty-slot .card-inner{display:none}.card.can-attack .card-inner{box-shadow:0 0 0 2px #52b788,0 0 12px #52b78873,0 6px 16px #00000073}.lock-veil{z-index:4;pointer-events:none;background:#00000059;border-radius:12px;place-items:center;font-size:1.6rem;display:grid;position:absolute;inset:0}.board-card-wrap{border-radius:14px;padding:0;transition:none}.board-card-wrap.is-selected{border-radius:14px;box-shadow:0 0 0 3px #ffd166}.board-card-wrap.is-target{border-radius:14px;box-shadow:0 0 0 3px #e63946}.board-card-wrap.is-ready:not(.is-selected){border-radius:14px;box-shadow:0 0 0 2px #52b788}.board-card-wrap.is-sleeping{opacity:.72;filter:grayscale(.25);position:relative}.board-card-wrap .sleep-tag{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#ffd166;pointer-events:none;background:#000000bf;border:1px solid #ffffff40;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.enemy-hero.targetable{animation:1s ease-in-out infinite hero-pulse}@keyframes hero-pulse{0%,to{box-shadow:inset 0 0 0 2px #e63946}50%{box-shadow:inset 0 0 0 3px #e63946,0 0 16px #e6394673}}.your-row .board-card-wrap.is-lunge{z-index:6;animation:.5s ease-in-out lunge-you}.enemy-row .board-card-wrap.is-lunge{z-index:6;animation:.5s ease-in-out lunge-enemy}@keyframes lunge-you{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}@keyframes lunge-enemy{0%,to{transform:translateY(0)}40%{transform:translateY(8px)}}.board-card-wrap.is-hit{z-index:5;animation:.75s hit-shake}.hero.is-hit{animation:.7s hit-shake-soft}@keyframes hit-shake{0%{filter:brightness();box-shadow:none;transform:translate(0)rotate(0)}12%{filter:brightness(1.45);transform:translate(-5px,2px)rotate(-2deg);box-shadow:0 0 0 3px #e63946}24%{transform:translate(6px,-2px)rotate(2deg)}36%{filter:brightness(1.3);transform:translate(-5px,1px)rotate(-1.5deg)}48%{transform:translate(4px,-1px)rotate(1deg)}60%{filter:brightness(1.15);transform:translate(-3px,1px)rotate(-.8deg)}72%{transform:translate(2px)rotate(.4deg)}to{filter:brightness();box-shadow:none;transform:translate(0)rotate(0)}}@keyframes hit-shake-soft{0%,to{filter:brightness();transform:translate(0)}15%{filter:brightness(1.35);transform:translate(-4px);box-shadow:0 0 0 3px #e63946}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(2px)}75%{transform:translate(-1px)}}.board-card-wrap.is-play-in{animation:none}.board-card-wrap.is-heal{animation:.8s heal-pulse}@keyframes heal-pulse{0%{box-shadow:0 0 #52b788cc}50%{filter:brightness(1.15);box-shadow:0 0 0 6px #52b78859}to{box-shadow:0 0 #0000}}.phase-tag{color:#ffb3b8;background:#e6394640;border-radius:999px;margin-left:.45rem;padding:.1rem .4rem;font-size:.72rem}.phase-tag.you{color:#b7efc5;background:#52b78840}.turn-pill.enemy-phase{background:#e6394659;border-color:#e63946}.battle.is-busy .hand-locked{opacity:.55;pointer-events:none}.log-enemy{color:#ffb3b8}.log-you{color:#d8f3dc}.log-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.2rem;font-size:.72rem}.log-empty{color:var(--muted);opacity:.5}.battle .battle-log{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;border-radius:8px;flex-direction:column;flex-shrink:0;width:9.5rem;min-width:8rem;height:4.6rem;max-height:4.6rem;padding:.2rem .3rem;display:flex;position:static}.battle .log-enemy-panel.battle-log{background:#280c0ce0;border:1px solid #e6394659}.battle .log-you-panel.battle-log{background:#0c1c12e0;border:1px solid #52b78859}.battle .log-title{flex-shrink:0;margin-bottom:.1rem;font-size:.58rem}.battle .log-scroll{overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;flex:1;min-height:0;overflow:hidden auto}.battle .log-enemy,.battle .log-you,.battle .log-empty{font-size:.58rem;line-height:1.2}.spell-reveal{z-index:60;pointer-events:none;opacity:0;border-radius:16px;justify-items:center;gap:.55rem;max-width:min(320px,92vw);padding:.85rem 1rem 1rem;animation:1.15s cubic-bezier(.22,.82,.28,1) .18s both spell-pop;display:grid;position:fixed;top:42%;left:50%;transform:translate(-50%,-42%)scale(.72)}.spell-reveal.from-enemy{background:#280c12eb;border:2px solid #e63946;box-shadow:0 16px 48px #e6394659}.spell-reveal.from-you{background:#0c1c16eb;border:2px solid #52b788;box-shadow:0 16px 48px #52b7884d}.spell-reveal-label{letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:700}.spell-reveal.from-enemy .spell-reveal-label{color:#ffb3b8}.spell-reveal.from-you .spell-reveal-label{color:#b7efc5}.spell-reveal-text{text-align:center;color:#f2e9dc;margin:0;font-size:.88rem;line-height:1.4}@keyframes spell-pop{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-38%)scale(.72)}55%{opacity:1;filter:blur();transform:translate(-50%,-51%)scale(1.04)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.card.selected .card-inner{box-shadow:0 0 0 2px #ffe8a3,0 8px 18px #0006}.card.locked{filter:grayscale(.4)brightness(.75)}.battle{--board-card-w:112px;--board-card-h:168px;--hand-card-w:88px;--hand-card-h:132px;--linger-card-w:72px;--linger-card-h:108px;--battle-footer-h:152px;grid-template-rows:auto auto minmax(0, 1fr) var(--battle-footer-h);box-sizing:border-box;opacity:0;filter:brightness(.28)saturate(.75);background-color:#1a120c;background-image:radial-gradient(at 50% 45%,#0c08052e 0%,#0805038c 62%,#050302c7 100%),url(/battle-table.jpg);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,cover;gap:.2rem;height:100dvh;max-height:100dvh;padding:.3rem .45rem .35rem;transition:opacity 1.05s,filter 1.15s,transform 1.15s;display:grid;position:relative;overflow:hidden;transform:scale(1.03)}.battle.is-entered{opacity:1;filter:none;transform:none}.battle-bar,.page-bar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.4rem;display:flex}.battle .hero{text-align:left;box-sizing:border-box;background:#120e0ad1;border:1px solid #d4a37338;border-radius:10px;flex-direction:column;justify-content:center;gap:.05rem;min-width:11.5rem;min-height:3.55rem;padding:.28rem .55rem;font-size:.8rem;display:flex}.battle .hero strong{font-size:.85rem}.battle .hero-sub{color:var(--muted);font-size:.7rem;line-height:1.1}.oracle-bar{flex:none;justify-content:center;align-items:center;width:100%;min-height:4.1rem;padding:.15rem 0;display:flex}.oracle-block{color:inherit;font:inherit;cursor:default;text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:.45rem;margin:0;padding:0;display:flex}.oracle-block.targetable,.oracle-block.heal-target{cursor:pointer}.oracle-face{background:#0a0c12;border:2px solid #d4a3738c;border-radius:8px;flex-shrink:0;width:3.55rem;height:3.55rem;overflow:hidden;box-shadow:0 0 0 1px #00000073,0 4px 12px #00000059}.oracle-face img{object-fit:cover;object-position:center 18%;width:100%;height:100%;display:block}.oracle-block.targetable .oracle-face,.oracle-block.targetable .hero{box-shadow:inset 0 0 0 2px #e63946}.oracle-block.heal-target .oracle-face,.oracle-block.heal-target .hero{box-shadow:inset 0 0 0 2px #52b788,0 0 12px #52b78859}.oracle-block.is-hit .oracle-face,.oracle-block.is-hit .hero{animation:.45s hero-hit-flash}.oracle-block.targetable:hover .hero{border-color:var(--danger)}.battle-bar-right{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.sfx-toggle{min-width:2rem;padding:.2rem .35rem;font-size:.9rem;line-height:1}.turn-pill{white-space:nowrap;background:#1d3557;border-radius:999px;padding:.2rem .5rem;font-size:.75rem}.pvp-timer-pill{color:#d8f3dc;white-space:nowrap;font-variant-numeric:tabular-nums;background:#243b2e;border:1px solid #78b48c59;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.pvp-timer-pill.is-foe{color:#e4d9f5;background:#2a2438;border-color:#a08cc859}.pvp-timer-pill.is-urgent{color:#ffe5e9;background:#5c1018;border-color:#e63946;animation:.9s ease-in-out infinite blood-frenzy-pulse}.pvp-timer-pill .pvp-timer-afk{opacity:.75;font-weight:600}.blood-frenzy-pill{color:#ffb3c1;white-space:nowrap;letter-spacing:.02em;background:#281014d9;border:1px solid #c1121f59;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.blood-frenzy-pill.is-on{color:#ffe5e9;background:linear-gradient(135deg,#5c1018,#a4161a);border-color:#e63946;animation:1.6s ease-in-out infinite blood-frenzy-pulse;box-shadow:0 0 12px #e6394659}@keyframes blood-frenzy-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.board{z-index:1;background:#1c120a52;border:1px solid #d4a3732e;border-radius:12px;flex-direction:column;justify-content:center;gap:.35rem;min-height:0;padding:.3rem .5rem .2rem;display:flex;position:relative;overflow:auto}.board-lane{flex-direction:column;flex:none;gap:.2rem;width:100%;display:flex}.board-lane-main{width:100%;min-height:var(--board-card-h);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:.35rem;display:grid}.board-lane-center{grid-column:2;justify-content:center;align-items:center;display:flex;position:relative}.board-lane-center .turn-actions{z-index:3;flex-direction:column;align-items:stretch;gap:.35rem;display:flex;position:absolute;top:50%;right:calc(100% + .35rem);transform:translateY(-50%)}.board-lane-side{min-width:0;min-height:var(--board-card-h);align-items:center;display:flex}.board-lane-side.left{justify-content:flex-end}.board-lane-side.right{justify-content:flex-start}.row-label,.hand-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);height:.95em;margin:0;font-size:.65rem;line-height:1}.row{grid-template-columns:repeat(5, var(--board-card-w));width:max-content;height:var(--board-card-h);min-height:var(--board-card-h);max-height:var(--board-card-h);flex:none;justify-content:center;align-items:center;gap:.45rem;display:grid}.board-slot{width:var(--board-card-w);height:var(--board-card-h);flex:none;transition:transform .12s,box-shadow .12s;position:relative}.board-slot.is-magnet{z-index:6;border-radius:8px;transform:scale(1.08);box-shadow:0 0 0 2px #e8c478f2,0 0 18px #e8c47873}.board-slot.is-magnet .empty-slot{color:#ffe7b0;background:#e8c47838}.enemy-row{border-bottom:none}.your-lane{border-top:1px dashed #d4a37347;padding-top:.25rem}.battle-hint-stack{align-content:center;gap:.35rem;min-width:0;display:grid}.flex-intent-bar{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.flex-intent-bar .ghost{background:#00000059;border:1px solid #d6b88c59;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.flex-intent-bar .ghost.is-on{color:#fff6e4;background:#b4782873;border-color:#e8c578d9;font-weight:700}.hand-card-anchor,.hand-card-anchor *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.hand-card-anchor.is-dragging{opacity:.35}html.is-hand-dragging,html.is-hand-dragging body{touch-action:none!important;overscroll-behavior:none!important;overflow:hidden!important}html.is-hand-dragging .battle,html.is-hand-dragging .board,html.is-hand-dragging .hand-zone,html.is-hand-dragging .hand,html.is-hand-dragging .grave-zone,html.is-hand-dragging .grave-row{touch-action:none!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto!important;overflow:hidden!important}.hand-drag-ghost{z-index:400;pointer-events:none;filter:drop-shadow(0 8px 16px #0000008c);will-change:left, top;position:fixed;transform:translate(-50%,-60%)scale(1.05)}.battle-hint-row{grid-template-columns:9.5rem minmax(0,1fr) 9.5rem;align-items:stretch;gap:.4rem;min-height:4.6rem;padding:0 .1rem;display:grid}.battle-hint{color:var(--accent);text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;align-self:center;margin:0;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.battle .end-turn-btn{white-space:normal;text-align:center;flex:none;width:8.2rem;min-width:8.2rem;padding:.75rem .7rem;font-size:.95rem;font-weight:800;line-height:1.2}.battle .attack-all-btn{white-space:normal;text-align:center;background:#120e0ad1;border-color:#52b7888c;flex:none;width:8.2rem;min-width:8.2rem;padding:.55rem .6rem;font-size:.78rem;font-weight:700;line-height:1.2}.oracle-block.heal-target{animation:1.1s ease-in-out infinite you-hero-heal-pulse}@keyframes you-hero-heal-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.08)}}@keyframes hero-hit-flash{0%,to{filter:brightness()}40%{filter:brightness(1.35)}}.card.empty-slot.targetable{box-shadow:0 0 0 2px #e63946}.battle-footer{z-index:2;height:var(--battle-footer-h);min-height:var(--battle-footer-h);max-height:var(--battle-footer-h);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.45rem;padding:0 .35rem;display:grid;overflow:hidden}.grave-zone{grid-template-rows:.95em var(--hand-card-h);align-content:end;justify-items:start;gap:.15rem;min-width:0;height:100%;display:grid}.grave-label{letter-spacing:.06em;text-transform:uppercase;color:#8a919c;height:.95em;margin:0;font-size:.65rem;line-height:1}.grave-row{height:var(--hand-card-h);min-height:var(--hand-card-h);align-items:flex-end;gap:.22rem;display:flex}.grave-slot-empty{width:calc(var(--hand-card-w) * .72);height:calc(var(--hand-card-h) * .72);box-sizing:border-box;background:#282c3459;border:1px dashed #8c94a047;border-radius:8px}.grave-card-wrap{width:calc(var(--hand-card-w) * .72);height:calc(var(--hand-card-h) * .72);filter:grayscale()brightness(.72);opacity:.88;border-radius:8px;transition:filter .15s,opacity .15s,box-shadow .15s}.grave-card-wrap .card.compact{--card-w:calc(var(--hand-card-w) * .72)!important;--card-h:calc(var(--hand-card-h) * .72)!important;width:calc(var(--hand-card-w) * .72)!important;height:calc(var(--hand-card-h) * .72)!important}.grave-row.is-active .grave-card-wrap.is-pickable{cursor:pointer;opacity:1;filter:grayscale(.85)brightness(.82)}.grave-row.is-active .grave-card-wrap.is-pickable:hover,.grave-card-wrap.is-selected{filter:grayscale(.35)brightness(.95);opacity:1;box-shadow:0 0 0 2px #9aa0a8}.grave-card-wrap.is-selected{box-shadow:0 0 0 2px #c5ccd6,0 0 10px #b4bec859}.battle .you-hero{flex-direction:column;gap:.1rem;display:flex}.hand-zone{grid-template-rows:.95em var(--hand-card-h);align-content:end;justify-items:center;gap:.15rem;min-width:0;height:100%;display:grid;overflow:hidden}.hand,.deck-list{justify-content:flex-start;align-items:flex-end;gap:.3rem;display:flex;overflow:auto hidden}.battle .hand{grid-template-columns:repeat(7, var(--hand-card-w));width:max-content;max-width:100%;height:var(--hand-card-h);min-height:var(--hand-card-h);justify-content:center;place-items:end center;gap:.3rem;margin:0 auto;display:grid;overflow:auto hidden}.hand-slot-empty{width:var(--hand-card-w);height:var(--hand-card-h);box-sizing:border-box;border:1px dashed #ffffff1f;border-radius:10px}.battle .hand .card{width:var(--hand-card-w);height:var(--hand-card-h);flex:none;transition:none!important;transform:none!important}.battle .hand .card.selected{outline-offset:0;outline:2px solid #ffe8a3}.battle .hand .card.selected .card-inner{box-shadow:0 0 0 2px #ffe8a3;transform:none!important}.battle .card.board{--card-w:var(--board-card-w)!important;--card-h:var(--board-card-h)!important;width:var(--board-card-w)!important;height:var(--board-card-h)!important}.battle .card.compact{--card-w:var(--hand-card-w)!important;--card-h:var(--hand-card-h)!important;width:var(--hand-card-w)!important;height:var(--hand-card-h)!important}.battle .card.empty-slot{box-sizing:border-box;margin:0;font-size:1.1rem;position:absolute;inset:0;width:var(--board-card-w)!important;height:var(--board-card-h)!important}.battle .board-card-wrap{width:var(--board-card-w);height:var(--board-card-h);margin:0;padding:0;position:absolute;inset:0}.battle .board-card-wrap .card.board{position:absolute;inset:0}.battle .card.board .card-name,.battle .card.compact .card-name{font-size:.6rem}.battle .board-card-wrap.is-sleeping{opacity:1;filter:none}.battle .board-card-wrap .sleep-tag{z-index:5;padding:.06rem .3rem;font-size:.58rem;top:4px;left:50%;transform:translate(-50%)}.row-active{border-radius:0}@media (height<=860px){.battle{--board-card-w:100px;--board-card-h:150px;--hand-card-w:78px;--hand-card-h:118px;--linger-card-w:64px;--linger-card-h:96px;--battle-footer-h:138px}}@media (height<=740px){.battle{--board-card-w:88px;--board-card-h:132px;--hand-card-w:70px;--hand-card-h:105px;--linger-card-w:58px;--linger-card-h:88px;--battle-footer-h:122px}}@media (height<=640px){.battle{--board-card-w:76px;--board-card-h:114px;--hand-card-w:60px;--hand-card-h:90px;--linger-card-w:52px;--linger-card-h:78px;--battle-footer-h:108px}.battle-hint{font-size:.7rem}.battle-hint-row{grid-template-columns:7.5rem minmax(0,1fr) 7.5rem;min-height:4.2rem}.battle .battle-log{width:7.5rem;height:4.2rem;max-height:4.2rem}}@media (width<=720px){.battle{--board-card-w:min(72px, calc((100vw - 1.4rem) / 5.45));--board-card-h:calc(var(--board-card-w) * 1.5);--hand-card-w:min(64px, calc((100vw - 1.2rem) / 7.35));--hand-card-h:calc(var(--hand-card-w) * 1.5);--linger-card-w:min(48px, 13vw);--linger-card-h:calc(var(--linger-card-w) * 1.5);--battle-footer-h:auto;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.12rem;width:100%;max-width:100vw;padding:.2rem .28rem .22rem;overflow-x:hidden}.battle-bar{flex-wrap:wrap;gap:.25rem}.battle-bar-right{flex-wrap:wrap;justify-content:flex-end;gap:.2rem}.turn-pill,.blood-frenzy-pill,.pvp-timer-pill{padding:.15rem .4rem;font-size:.65rem}.pvp-timer-pill .pvp-timer-afk{display:none}.battle-hint-row{grid-template-columns:1fr;gap:.15rem;min-height:0;padding:0}.battle .battle-log{display:none}.battle-hint{-webkit-line-clamp:2;background:#0805038c;border:1px solid #d4a3732e;border-radius:8px;padding:.28rem .4rem;font-size:.68rem;line-height:1.25}.board{-webkit-overflow-scrolling:touch;gap:.2rem;padding:.15rem .1rem;overflow:hidden auto}.board-lane-main{grid-template-rows:auto auto;grid-template-columns:1fr;gap:.2rem 0;min-height:0}.board-lane-side.left{display:none}.board-lane-center{flex-direction:column;grid-area:1/1;justify-content:center;justify-self:center;align-items:center;gap:.28rem;width:100%;max-width:100%}.board-lane-side.right{grid-area:2/1;justify-content:center;min-height:0}.board-lane-side.right:not(:has(.linger-item)){display:none}.board-lane-center .turn-actions{flex-flow:wrap;order:2;justify-content:center;align-items:stretch;gap:.28rem;width:100%;max-width:22rem;position:static;top:auto;right:auto;transform:none}.board-lane-center .row,.board-lane-main>.row{order:1;justify-self:center;gap:clamp(.12rem,1.1vw,.28rem);width:max-content;max-width:100%;margin:0 auto}.battle .end-turn-btn,.battle .attack-all-btn{flex:8rem;width:auto;min-width:0;max-width:11rem;padding:.48rem .5rem;font-size:.76rem}.oracle-bar{min-height:0;padding:.08rem 0}.oracle-face{width:2.75rem;height:2.75rem}.battle .hero{min-width:0;min-height:0;padding:.2rem .4rem;font-size:.7rem}.battle .hero strong{font-size:.75rem}.battle .hero-sub{font-size:.62rem}.row-label,.hand-label,.grave-label{font-size:.58rem}.battle-footer{grid-template-columns:1fr;gap:.28rem;height:auto;min-height:0;max-height:none;padding:.1rem .1rem .05rem;overflow:visible}.hand-zone{order:1;justify-items:stretch;width:100%;height:auto;overflow:auto visible}.grave-zone{order:2;justify-items:stretch;width:100%;height:auto;overflow:auto visible}.battle .hand{-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:flex-start;justify-items:center;gap:.22rem;width:max-content;max-width:100%;margin:0}.grave-row{-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%;overflow-x:auto}.board .linger-side{border-top:1px dashed #d4a37347;border-left:none;justify-content:center;width:100%;height:auto;max-height:none;padding-top:.2rem;padding-left:0}.linger-cards{flex-wrap:nowrap;justify-content:center;height:auto;overflow-x:auto}}@media (width<=420px){.battle{--board-card-w:min(64px, calc((100vw - 1.1rem) / 5.4));--board-card-h:calc(var(--board-card-w) * 1.5);--hand-card-w:min(56px, calc((100vw - 1rem) / 7.3));--hand-card-h:calc(var(--hand-card-w) * 1.5);--linger-card-w:min(42px, 12vw);--linger-card-h:calc(var(--linger-card-w) * 1.5);padding:.15rem .2rem .18rem}.battle .end-turn-btn,.battle .attack-all-btn{flex:7rem;padding:.42rem .4rem;font-size:.72rem}.oracle-face{width:2.4rem;height:2.4rem}}.overlay{z-index:20;background:#000000a6;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;gap:.75rem;min-width:min(320px,90vw);padding:1.5rem;display:grid}.campaign-screen{box-sizing:border-box;background:#0a0c12;flex-direction:column;width:100%;min-height:100dvh;padding:0 0 .65rem;display:flex}.campaign-screen .page-bar{padding-left:.5rem;padding-right:.5rem}.campaign-progress-chip{font-family:var(--display);color:var(--gold,#e8c547);font-variant-numeric:tabular-nums;font-weight:700}.campaign-lock-banner{color:#ffc9d4;background:#5010188c;border:1px solid #e6394673;border-radius:10px;margin:0 1rem .5rem;padding:.65rem .9rem;font-size:.9rem}.campaign-map-wrap{z-index:1;border:2px solid color-mix(in srgb, var(--gold,#e8c547) 45%, transparent);background:#12141c;border-radius:16px;flex:auto;width:calc(100% - .7rem);max-width:none;height:min(68vh,100dvh - 11.5rem);min-height:320px;margin:.35rem .35rem .5rem;position:relative;overflow:visible;box-shadow:0 12px 36px #00000080}.campaign-map-art{object-fit:cover;object-position:center 58%;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:14px;width:100%;height:100%;display:block}.campaign-path{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.campaign-node{z-index:3;cursor:pointer;border:2.5px solid #fff;border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;margin:0;padding:0;transition:transform .15s,box-shadow .15s,filter .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000073}.campaign-node-num{font-family:var(--display);color:#fff;text-shadow:0 1px 2px #000;font-size:.78rem;font-weight:700;line-height:1}.campaign-node-flag{filter:drop-shadow(0 1px 1px #000);font-size:.85rem;position:absolute;top:-.35rem;right:-.4rem}.campaign-node.is-cleared{background:linear-gradient(145deg,#52b788,#1b4332);border-color:#95d5b2}.campaign-node.is-locked-red{opacity:.72;background:linear-gradient(145deg,#e63946,#6a040f);border-color:#ff8fa3}.campaign-node.is-current,.campaign-node.is-fightable{opacity:1;background:linear-gradient(145deg,#ff4d6d,#c1121f);border-color:#ffe5e9;animation:1.8s ease-in-out infinite campaign-node-pulse;box-shadow:0 0 0 3px #e6394659,0 6px 16px #00000080}.campaign-node.is-fightable:hover{filter:brightness(1.08);transform:translate(-50%,-50%)scale(1.12)}.campaign-node:disabled{cursor:default}@keyframes campaign-node-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}.campaign-oracle{z-index:4;pointer-events:none;border:2px solid #f0d060;border-radius:50%;width:3.1rem;height:3.1rem;transition:left .45s,top .45s;position:absolute;overflow:hidden;transform:translate(-50%,calc(-100% - .2rem));box-shadow:0 0 0 2px #00000080,0 6px 14px #00000073}.campaign-oracle img{object-fit:cover;object-position:center 18%;width:100%;height:100%}.campaign-milestones{flex:none;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:0 .35rem;display:grid}.campaign-mile{border:1px solid var(--line);text-align:center;background:#00000059;border-radius:12px;gap:.15rem;padding:.55rem .45rem;font-size:.78rem;display:grid}.campaign-mile strong{font-family:var(--display);color:var(--gold,#e8c547)}.campaign-mile em{color:var(--muted);font-size:.7rem;font-style:normal}.campaign-mile.is-done{background:#1b433273;border-color:#52b78880}.campaign-preview-overlay{z-index:30}.campaign-preview-panel{text-align:center;background:linear-gradient(165deg,#181c2af7,#0a0c12fa) padding-box padding-box,linear-gradient(145deg,#f0d060,#8a6410) border-box;border:2px solid #0000;border-radius:18px;gap:.65rem;width:min(400px,92vw);padding:1.4rem 1.35rem 1.5rem;display:grid;box-shadow:0 20px 50px #0000008c}.campaign-preview-panel h2{font-family:var(--display);background:linear-gradient(#fff4c4,#e8c547 55%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.45rem}.campaign-preview-eyebrow{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.campaign-preview-warn{color:#ff8fa3;margin:0;font-size:.88rem}.campaign-preview-actions{gap:.55rem;margin-top:.35rem;display:grid}.arena-screen{box-sizing:border-box;background:radial-gradient(80% 50% at 50% -10%,#b45a2838,#0000 55%),linear-gradient(165deg,#12161f 0%,#0a0c12 45%,#141018 100%);flex-direction:column;width:100%;min-height:100dvh;padding:0 0 1rem;display:flex}.arena-screen .page-bar{padding-left:.5rem;padding-right:.5rem}.arena-progress-chip{font-family:var(--display);color:var(--gold,#e8c547);font-variant-numeric:tabular-nums;font-weight:700}.arena-lock-banner,.arena-win-banner{border-radius:10px;margin:0 1rem .5rem;padding:.65rem .9rem;font-size:.9rem}.arena-lock-banner{color:#ffc9d4;background:#5010188c;border:1px solid #e6394673}.arena-win-banner{color:#f5e6a8;background:#30240c8c;border:1px solid #e8c54766}.arena-win-banner p{margin:0}.arena-win-banner p+p{margin-top:.45rem}.arena-win-loot strong{color:#fff4c4}.arena-how{background:#0a0c12c7;border:1px solid #e8c54747;border-radius:12px;margin:.35rem .75rem .55rem;padding:.85rem 1rem .95rem}.arena-how-lead{color:#f0e6d0;margin:0 0 .65rem;font-size:.92rem;line-height:1.45}.arena-how-lead strong{color:var(--gold,#e8c547)}.arena-how-steps{color:#f0e6d0e0;gap:.35rem;margin:0;padding:0 0 0 1.15rem;font-size:.86rem;line-height:1.4;display:grid}.arena-how-steps strong{color:#fff4c4}.arena-how-toggle{width:100%;margin-top:.7rem;padding:.45rem .7rem!important;font-size:.85rem!important}.arena-how-catalog{gap:.4rem;margin:.65rem 0 0;padding:0;list-style:none;display:grid}.arena-how-catalog li{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:.1rem;padding:.45rem .55rem;display:flex}.arena-how-catalog strong{color:#f0e6c8;font-size:.88rem}.arena-how-catalog span{color:var(--muted,#9aa3b5);font-size:.8rem;line-height:1.35}.arena-next-callout{background:linear-gradient(135deg,#b46e1e47,#14100a8c);border:1px solid #e8c54780;border-radius:10px;padding:.75rem .85rem}.arena-next-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#f5e6a8d9;margin:0 0 .25rem;font-size:.72rem}.arena-next-callout h2{font-family:var(--display);color:#fff4c4;margin:0 0 .35rem;font-size:1.15rem}.arena-next-callout p{color:#f0e6d0;margin:0;font-size:.88rem;line-height:1.4}.arena-next-callout .hint{margin-top:.45rem!important}.arena-later-hint{margin:-.25rem 0 .35rem!important}.arena-rules-rewards{grid-template-columns:minmax(0,1.4fr) minmax(11rem,.85fr);align-items:start;gap:.85rem 1rem;display:grid}@media (width<=640px){.arena-rules-rewards{grid-template-columns:1fr}}.arena-rewards-col{background:#20180a8c;border:1px solid #e8c54759;border-radius:10px;padding:.65rem .75rem .75rem}.arena-reward-table{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.arena-reward-row{background:#ffffff0a;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .5rem;padding:.35rem .45rem;font-size:.82rem;display:grid}.arena-reward-row.is-current{background:#e8c5471f;border:1px solid #e8c5478c}.arena-reward-row.is-got{opacity:.72}.arena-reward-round{color:#f0e6c8;white-space:nowrap;font-weight:700}.arena-reward-loot{color:#ffe7a0;font-variant-numeric:tabular-nums}.arena-reward-row em{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#9aa3b5);font-size:.68rem;font-style:normal}.arena-reward-row.is-current em{color:var(--gold,#e8c547)}.arena-reward-total{color:#f0e6d0d9;margin:.55rem 0 0;font-size:.8rem;line-height:1.4}.arena-mod-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.arena-mod-badge{letter-spacing:.06em;text-transform:uppercase;color:#1a1208;background:var(--gold,#e8c547);border-radius:999px;flex-shrink:0;padding:.15rem .4rem;font-size:.68rem;font-style:normal;font-weight:700}.arena-mod.is-new{border-left-color:var(--gold,#e8c547);background:#e8c5471a}.arena-panel{border:1px solid color-mix(in srgb, var(--gold,#e8c547) 28%, transparent);background:#0c0e14b8;border-radius:14px;flex-direction:column;gap:.75rem;margin:.35rem .75rem 0;padding:1rem 1.05rem 1.15rem;display:flex;box-shadow:0 10px 28px #00000059}.arena-stats{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.55rem;display:grid}.arena-stats>div{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:.15rem;padding:.45rem .55rem;display:flex}.arena-stats em{color:var(--muted,#9aa3b5);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-style:normal}.arena-stats strong{font-family:var(--display);color:#f2e8d0;font-size:1.15rem}.arena-section-title{font-family:var(--display);color:var(--gold,#e8c547);margin:.25rem 0 0;font-size:1rem;font-weight:700}.arena-mod-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.arena-mod{background:#ffffff08;border-left:3px solid #e8c5478c;border-radius:8px;flex-direction:column;gap:.15rem;padding:.55rem .7rem;display:flex}.arena-mod.is-upcoming{opacity:.55;border-left-color:#ffffff2e}.arena-mod strong{color:#f0e6c8;font-size:.92rem}.arena-mod span{color:var(--muted,#9aa3b5);font-size:.82rem;line-height:1.35}.arena-reward-line{color:#e8d9a0;margin:0;font-size:.92rem}.arena-actions{gap:.5rem;margin-top:.25rem;display:grid}.arena-actions button:disabled{opacity:.55;cursor:not-allowed}.battle-result-overlay{background:#06080eeb;padding:1rem;animation:.7s both battle-result-veil}.battle-result-overlay.is-win{background:radial-gradient(70% 55% at 50% 40%,#d4a33c38,#0000 68%),#06080eeb}.battle-result-overlay.is-lose{background:radial-gradient(70% 55% at 50% 40%,#a0182847,#0000 68%),#06080eeb}.battle-result-panel{text-align:center;background:linear-gradient(165deg,#2a3348 0%,#141820 55%,#0c0e14 100%) padding-box padding-box,linear-gradient(145deg,#ffe08a,#d4a017,#ffe08a) border-box;border:2px solid #0000;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;width:min(560px,94vw);min-height:min(52vh,520px);max-height:90vh;padding:clamp(1.4rem,4vw,2.4rem) clamp(1.2rem,4vw,2.2rem);animation:.55s cubic-bezier(.16,.84,.32,1) both battle-result-in;display:flex;box-shadow:0 28px 70px #000000b8,0 0 48px #f0c45047,inset 0 1px #fff0be59}.battle-result-panel.is-lose{background:linear-gradient(165deg,#4a1824 0%,#221016 55%,#12080c 100%) padding-box padding-box,linear-gradient(145deg,#ff6b81,#c1121f,#ff6b81) border-box;box-shadow:0 28px 70px #000000b8,0 0 42px #e1324652,inset 0 1px #ffbec847}.battle-result-eyebrow{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:#f0e6c8;margin:0;font-size:.85rem}.battle-result-title{font-family:var(--display-ornate);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(3rem,12vw,5.2rem);font-weight:700;line-height:1}.battle-result-panel.is-win .battle-result-title{background:linear-gradient(#fff6d0 0%,#f0d060 28%,#c9a227 55%,#8b6914 78%,#f5e6a3 100%);color:#0000;filter:drop-shadow(0 3px #0000008c)drop-shadow(0 0 28px #f0d06059);-webkit-background-clip:text;background-clip:text}.battle-result-panel.is-lose .battle-result-title{background:linear-gradient(#ffe0e6 0%,#ff6b81 35%,#c1121f 70%,#ffb3c1 100%);color:#0000;filter:drop-shadow(0 3px #0000008c)drop-shadow(0 0 24px #c1121f59);-webkit-background-clip:text;background-clip:text}.battle-result-rewards{flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;max-width:28rem;margin-top:.35rem;display:flex}.battle-reward-chip{background:#00000059;border:1px solid #ffffff1f;border-radius:14px;flex:6.5rem;gap:.2rem;min-width:6.2rem;padding:.7rem .85rem .8rem;display:grid}.battle-reward-label{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:#e6dcc8b3;font-size:.72rem}.battle-reward-value{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:700;line-height:1.1}.battle-reward-chip.xp .battle-reward-value{color:#9bdcff;text-shadow:0 0 16px #64b4ff59}.battle-reward-chip.lvl .battle-reward-value{color:#c4b5fd;text-shadow:0 0 16px #a78bfa59}.battle-reward-chip.gold .battle-reward-value{background:linear-gradient(#fff4c4,#e8c547 50%,#b8860b);color:#0000;filter:drop-shadow(0 1px #00000080);-webkit-background-clip:text;background-clip:text}.battle-reward-chip.dia .battle-reward-value{color:#7dd3fc;text-shadow:0 0 16px #38bdf866}.battle-reward-chip.gift{flex:100%}.battle-reward-chip.gift .battle-reward-value{color:#f0d78c;text-shadow:0 0 14px #e8c54759;font-size:clamp(1.05rem,3.2vw,1.35rem)}.battle-result-actions{gap:.65rem;width:min(280px,100%);margin-top:.5rem;display:grid}.battle-result-actions .primary.large,.battle-result-actions .ghost.large{font-family:var(--display);letter-spacing:.04em;font-weight:700}@keyframes battle-result-veil{0%{opacity:0}to{opacity:1}}@keyframes battle-result-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.dev-sandbox{background:linear-gradient(180deg, #1a1520, var(--bg0));min-height:100vh;padding:1rem}.dev-sandbox h1{margin:0;font-size:1.25rem}.dev-sandbox-warn{color:#ffe2b8;background:#b4642838;border:1px solid #dca05059;border-radius:10px;max-width:40rem;margin:.75rem 0 1rem;padding:.65rem .85rem}.dev-sandbox-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.dev-panel{background:#141824d9;border:1px solid #8ca0c840;border-radius:14px;gap:.65rem;padding:1rem;display:grid}.dev-panel h2{margin:0;font-size:1.05rem}.dev-hero-preview{align-items:center;gap:.75rem;display:flex}.dev-hero-preview img{object-fit:cover;border:1px solid #ffffff26;border-radius:10px;width:64px;height:64px}.dev-hero-preview strong{display:block}.dev-hero-preview span{color:var(--muted);font-size:.85rem}.dev-field{color:var(--muted);gap:.25rem;font-size:.9rem;display:grid}.dev-field input{width:6rem;color:inherit;background:#0e1420;border:1px solid #8ca0c859;border-radius:8px;padding:.35rem .5rem}.dev-sandbox-actions{justify-items:start;gap:.5rem;margin-top:1.25rem;display:grid}.collection{background:linear-gradient(180deg, #121826, var(--bg0));min-height:100vh;padding:1rem}.collection h1{margin:0;font-size:1.35rem}.tabs,.filters{flex-wrap:wrap;gap:.4rem;display:flex}.chip.on{border-color:var(--accent);background:#243b55}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem;display:grid}.grid-item{justify-items:center;gap:.45rem;display:grid}.grid-meta,.grid-meta button{width:100%}.hint{color:var(--muted)}.reveal-hand-panel{min-height:0;margin:0}.reveal-hand-panel .hand-label{margin-bottom:.1rem}.hand-reveal{opacity:.95;border-radius:8px;outline:1px dashed #b48cff73;padding:.15rem}.battle .hand-reveal .card.compact{--card-w:clamp(40px, 5vw, 58px);--card-h:clamp(60px, 7.5vw, 88px)}.catalog-status{max-width:52rem;margin:.75rem 0 .35rem;font-size:.92rem;line-height:1.35}.catalog-status code{color:#9ecbff;font-size:.85em}.card-live-tag{color:var(--muted);text-align:center;margin-bottom:.25rem;font-size:.72rem}.deck-edit{gap:.75rem;margin-top:1rem;display:grid}.deck-builder-stats{background:#1e2c41;border:1px solid #78a0dc47;border-radius:12px;gap:.65rem;padding:.85rem 1rem;display:grid}.deck-stat-row{color:#c5d4ea;flex-wrap:wrap;gap:.55rem 1.1rem;font-size:.9rem;display:flex}.deck-advice{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.deck-advice li{border-radius:8px;padding:.45rem .6rem;font-size:.88rem;line-height:1.35}.deck-advice-ok{color:#b7e4c7;background:#2d6a4f47}.deck-advice-warn{color:#ffe8a3;background:#b4781447}.deck-advice-bad{color:#ffc2c2;background:#8c282852}.deck-edit-actions{flex-wrap:wrap;gap:.5rem;display:flex}.deck-pool-title{margin:.5rem 0 0;font-size:1.05rem}.deck-pool-grid{margin-top:.35rem}.battle-tutorial{z-index:80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#060a12b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.battle-tutorial--guided{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;background:0 0;padding:0;display:block}.battle-tutorial-spot{z-index:81;pointer-events:none;border-radius:12px;transition:top .22s,left .22s,width .22s,height .22s;animation:1.4s ease-in-out infinite battle-tut-pulse;position:fixed;box-shadow:0 0 0 3px #8eb4fff2,0 0 0 9999px #060a12ad}@keyframes battle-tut-pulse{0%,to{box-shadow:0 0 0 3px #8eb4fff2,0 0 0 9999px #060a12ad}50%{box-shadow:0 0 0 5px #ffdc8c,0 0 0 9999px #060a12ad}}.battle-tutorial-arrow{z-index:82;pointer-events:none;filter:drop-shadow(0 2px 4px #0000008c);width:0;height:0;transition:top .22s,left .22s;position:fixed}.battle-tutorial-arrow--up{border-bottom:20px solid #9ec0ff;border-left:12px solid #0000;border-right:12px solid #0000}.battle-tutorial-arrow--down{border-top:20px solid #9ec0ff;border-left:12px solid #0000;border-right:12px solid #0000}.battle-tutorial-arrow--left{border-top:12px solid #0000;border-bottom:12px solid #0000;border-right:20px solid #9ec0ff}.battle-tutorial-arrow--right{border-top:12px solid #0000;border-bottom:12px solid #0000;border-left:20px solid #9ec0ff}.battle-tutorial-card{z-index:83;background:linear-gradient(165deg,#1c2740,#121a2a);border:1px solid #8cb4ff73;border-radius:14px;gap:.65rem;width:min(420px,100%);padding:1.15rem 1.25rem 1.1rem;display:grid;position:relative;box-shadow:0 18px 48px #00000080}.battle-tutorial-card h2{margin:0;font-size:1.25rem}.battle-tutorial-card p{color:#c9d6ea;margin:0;font-size:.95rem;line-height:1.45}.battle-tutorial-step{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.battle-tutorial-actions{justify-content:flex-end;gap:.5rem;margin-top:.35rem;display:flex}.hand-card-anchor{width:var(--hand-card-w);height:var(--hand-card-h);justify-content:center;align-items:flex-end;display:flex}.mana-bar{flex-wrap:wrap;gap:.25rem;margin-top:.2rem;display:flex}.mana-bar.compact .mana-chip{padding:.1rem .28rem;font-size:.72rem}.mana-chip{background:color-mix(in srgb, var(--faction,#666) 22%, transparent);border:1px solid color-mix(in srgb, var(--faction,#666) 55%, transparent);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:.15rem;padding:.15rem .35rem;font-size:.8rem;display:inline-flex}.mana-chip.own{box-shadow:0 0 0 1px color-mix(in srgb, var(--faction,#666) 80%, white);font-weight:700}.mana-ico{line-height:1}.mana-n{text-align:center;min-width:.7em}.hero-pick{gap:.75rem;margin-top:1rem;display:grid}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.hero-card{text-align:left;border:1px solid var(--line);background:var(--panel);min-height:11.5rem;color:inherit;cursor:pointer;border-radius:14px;grid-template-rows:auto auto auto 1fr;align-items:start;gap:.25rem;padding:.85rem 1rem;display:grid}.hero-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hero-card p{min-height:2.6em;color:var(--muted);white-space:pre-line;align-self:end;margin:.35rem 0 0;font-size:.82rem;line-height:1.3}.hero-faction{color:var(--accent);font-size:.85rem}.page-bar{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.page-bar h1{flex:auto;min-width:8rem}.hero-screen,.cabinet{background:radial-gradient(ellipse 70% 40% at 50% 0%, #d4a3731f, transparent), linear-gradient(180deg, #121826, var(--bg0));min-height:100vh;padding:1rem}.hero-screen-hint{margin:0 0 1rem}.hero-grid-lg{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hero-card{border-color:color-mix(in srgb, var(--faction,#666) 45%, var(--line))}.hero-card-top{justify-content:space-between;align-items:baseline;gap:.5rem;min-height:1.35em;display:flex}.hero-picked{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.72rem}.hero-hp{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.9rem}.hero-card-portrait{grid-template-rows:auto auto auto auto 1fr;padding:.55rem .65rem .85rem;overflow:hidden}.orakul-portrait-wrap{aspect-ratio:3/4;border:1px solid color-mix(in srgb, var(--faction,#666) 55%, transparent);background:#0a0c12;border-radius:10px;max-height:220px;margin:-.15rem -.2rem .35rem;position:relative;overflow:hidden}.orakul-portrait{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.hero-section-title{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f0d060;margin:1.35rem 0 .45rem;font-size:1.15rem}.hero-epic-hint{margin:0 0 .75rem}.hero-wallet{white-space:nowrap;color:#f0d060}.hero-card-hit{gap:inherit;color:inherit;text-align:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;display:grid}.hero-card-hit:disabled{cursor:default}.hero-card.is-epic{border-color:color-mix(in srgb, #f0d060 55%, var(--faction,#666));box-shadow:0 0 22px #f0d0601f}.hero-card.is-epic .orakul-portrait{object-position:center top}.hero-card.is-locked .orakul-portrait{filter:brightness(.88)}.hero-card.is-epic.is-locked .orakul-portrait{filter:brightness(.92)}.orakul-epic-badge{z-index:2;color:#ffe08a;letter-spacing:.12em;text-transform:uppercase;background:#140e08d1;border:1px solid #f0d060;border-radius:999px;padding:.12rem .4rem;font-size:.65rem;position:absolute;top:.4rem;left:.4rem}.hero-buy{gap:.35rem;margin-top:.45rem;display:grid}.hero-buy-label{color:#f0d060;text-align:center;font-size:.78rem;font-weight:700}.hero-buy-row{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.hero-buy-col{align-content:start;gap:.25rem;display:grid}.hero-buy-row button{padding:.35rem .4rem;font-size:.72rem}.hero-buy-hint{color:#ff8fa3;font-size:.75rem}.cabinet-flash{background:#40916c38;border:1px solid #40916c73;border-radius:10px;margin:.75rem 0;padding:.65rem .9rem}.shop-meta{gap:.35rem;display:grid}.shop-tab-icons{align-items:center;gap:.15rem;font-size:1.05rem;line-height:1;display:inline-flex}.shop-tab-slash{opacity:.55;font-size:.85em}.shop-tab-label{margin-left:.35rem}.currency-shop{gap:1.25rem;max-width:560px;margin:.75rem 1rem 1.5rem;display:grid}.currency-panel{border:1px solid var(--line);background:#00000038;border-radius:14px;gap:.65rem;padding:1rem 1.05rem;display:grid}.currency-panel h2{font-family:var(--display);letter-spacing:.03em;margin:0;font-size:1.15rem}.exchange-stepper{justify-content:center;align-items:center;gap:.55rem;display:flex}.exchange-step{border-radius:12px;width:2.6rem;height:2.6rem;padding:0;font-size:1.4rem;font-weight:700}.exchange-amount{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--line));background:#00000059;border-radius:12px;align-items:center;gap:.35rem;padding:.35rem .65rem;display:inline-flex}.exchange-amount input{color:#f3e6c0;width:4.2rem;font-family:var(--display);text-align:center;appearance:textfield;background:0 0;border:0;outline:none;font-size:1.45rem;font-weight:700}.exchange-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.exchange-amount input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exchange-unit{font-size:1.2rem}.exchange-quick{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.exchange-preview{text-align:center;color:#ebe4d2eb;margin:0;font-size:.95rem}.exchange-confirm{justify-self:center;min-width:12rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pack-grid{gap:.75rem;max-width:520px;margin-top:.35rem;display:grid}.pack-card{text-align:left;border:1px solid var(--line);background:var(--panel);color:inherit;cursor:pointer;border-radius:14px;gap:.25rem;padding:1rem 1.1rem;display:grid}.pack-card:hover{border-color:var(--accent)}.pack-amount{font-size:1.35rem;font-weight:700}.pack-price{color:var(--accent);font-weight:700}.pack-note{color:var(--muted);font-size:.82rem}.board .linger-side{min-width:0;max-width:100%;height:var(--board-card-h);max-height:var(--board-card-h);border-left:1px dashed #d4a37347;flex:0 auto;justify-content:flex-start;align-items:center;padding-left:.35rem;display:flex;overflow:hidden}.linger-empty{width:0;height:0;display:block}.linger-cards{flex-wrap:wrap;place-content:center flex-start;align-items:center;gap:.3rem;height:100%;min-height:0;padding:.1rem .15rem;display:flex;overflow:hidden}.linger-item{animation:.85s cubic-bezier(.22,.82,.28,1) both linger-in;animation-delay:calc(var(--linger-i,0) * .14s + .12s);flex:none;justify-items:center;display:grid;position:relative}@keyframes linger-in{0%{opacity:0;transform:translateY(14px)scale(.82)}to{opacity:1;transform:translateY(0)scale(1)}}.battle .linger-item .card.compact{--card-w:var(--linger-card-w)!important;--card-h:var(--linger-card-h)!important;width:var(--linger-card-w)!important;height:var(--linger-card-h)!important}.linger-item.is-active .card.compact{opacity:1;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 75%, transparent), 0 0 12px color-mix(in srgb, var(--accent) 35%, transparent);filter:none}.linger-item.is-echo .card.compact{opacity:.45;filter:grayscale(.2);box-shadow:0 0 0 1px #ffffff40}.linger-turns{z-index:2;text-align:center;border:1px solid var(--accent);min-width:1.2rem;color:var(--accent);background:#121826;border-radius:999px;padding:.05rem .25rem;font-size:.62rem;font-weight:700;position:absolute;top:-.2rem;right:-.2rem}.linger-item.is-echo .linger-turns{color:#b8c2d6;border-color:#ffffff59}.hero-sub{color:var(--muted);font-size:.75rem;font-weight:600;display:block}.auth-screen,.onboard-screen{isolation:isolate;background-color:#07090f;background-image:linear-gradient(#07090f8c 0%,#07090f6b 45%,#07090fb8 100%),url(/splash-elements-v2.jpg?v=4);background-position:50%,50%;background-repeat:no-repeat;background-size:cover,cover;min-height:100dvh;padding:1.5rem;position:relative;overflow:hidden}.multi-room-code{text-align:center;font-family:var(--display);letter-spacing:.18em;color:var(--gold,#e8c547);margin:.25rem 0 .75rem;font-size:clamp(1.8rem,6vw,2.6rem);font-weight:700}.multi-lobby-status{gap:.5rem;margin:.5rem 0 .25rem;display:grid}.multi-lobby-status>div{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:.15rem;padding:.55rem .7rem;display:flex}.multi-lobby-status em{text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#9aa3b5);font-size:.72rem;font-style:normal}.multi-lobby-status strong{color:#f0e6d0;font-size:.95rem}.multi-screen{isolation:isolate;background-color:#0a0806;background-image:linear-gradient(#060403b8 0%,#0805048c 42%,#050302c7 100%),radial-gradient(at 50% 40%,#0000 20%,#0000008c 100%),url(/multi-battle-bg.jpg);background-position:50%,50%,50%;background-repeat:no-repeat;background-size:cover,cover,cover;min-height:100dvh;padding:1.5rem;position:relative;overflow:hidden}.multi-screen .page-bar{z-index:2;position:relative}.multi-screen .page-bar h1{color:#f0e6d2;text-shadow:0 2px 12px #000000d9;font-family:var(--display-ornate), var(--display)}.auth-card,.multi-panel{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e121ce0;border-radius:16px;gap:1rem;max-width:420px;margin:4rem auto 0;padding:1.75rem;display:grid;position:relative}.multi-panel{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0a08c7;border-color:#d4a37359;margin-top:2.5rem;position:relative;box-shadow:0 12px 40px #0000008c,inset 0 1px #ffe6aa14}.auth-form,.onboard-form{gap:.85rem;display:grid}.auth-form label,.onboard-name,.multi-panel label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}.auth-form input,.onboard-name input,.multi-panel input{font:inherit;border:1px solid var(--line);color:var(--ink);background:#00000040;border-radius:10px;padding:.65rem .8rem}.auth-password-row{grid-template-columns:1fr auto;align-items:stretch;gap:.35rem;display:grid}.auth-password-row input{min-width:0}.auth-password-toggle{min-width:2.6rem;padding:.35rem .65rem;font-size:1.05rem;line-height:1}.auth-error{color:#f4a261;margin:0;font-size:.9rem}.auth-card h1,.onboard-screen h1,.multi-screen h1{margin:0;font-size:1.55rem}.splash-settings{flex-shrink:0;position:relative}.splash-gear{border-radius:999px;min-width:2.35rem;min-height:2.15rem;padding:.35rem .55rem;font-size:1.15rem;line-height:1}.splash-settings-panel{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e16eb;border:1px solid #d4af7859;border-radius:10px;gap:.45rem;min-width:16.5rem;padding:.5rem .55rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 10px 28px #00000073}.splash-audio-row{grid-template-columns:6.6rem 1fr;align-items:center;gap:.45rem;display:grid}.splash-audio-btn{white-space:nowrap;justify-content:flex-start;align-items:center;gap:.35rem;width:100%;padding:.4rem .45rem;font-size:.78rem;display:flex}.splash-vol{accent-color:#c4a574;cursor:pointer;width:100%;height:6px;margin:0}.splash-audio-btn.is-off{opacity:.55}.splash-audio-ico{text-align:center;width:1.25rem;font-size:1rem;line-height:1}.splash-logout{border-radius:999px;flex-shrink:0;padding:.4rem .85rem;font-size:.82rem;position:static}.community-overlay{z-index:80;background:#0806048c;place-items:end center;padding:.75rem;display:grid;position:fixed;inset:0}.community-panel{color:#f0e6d8;background:linear-gradient(165deg,#1c1712 0%,#0f0c0a 100%);border:1px solid #d6b88c47;border-radius:14px 14px 10px 10px;flex-direction:column;gap:.55rem;width:min(420px,100%);max-height:min(70dvh,520px);padding:.85rem .9rem 1rem;display:flex;box-shadow:0 18px 40px #00000073}.community-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.community-tabs{gap:.35rem;display:flex}.community-tabs button{color:inherit;background:0 0;border:1px solid #d6b88c40;border-radius:999px;padding:.3rem .75rem;font-size:.82rem}.community-tabs button.is-on{background:#b48c5040;border-color:#dcb46473}.community-hint{opacity:.72;margin:0;font-size:.78rem;line-height:1.35}.community-log{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-direction:column;flex:1;gap:.4rem;min-height:160px;padding:.4rem .2rem;display:flex;overflow-y:auto}.community-msg{gap:.1rem;font-size:.86rem;line-height:1.3;display:grid}.community-msg strong{opacity:.7;font-size:.72rem;font-weight:600}.community-compose{grid-template-columns:1fr auto;gap:.4rem;display:grid}.community-compose input,.community-feedback{width:100%;color:inherit;font:inherit;background:#00000059;border:1px solid #d6b88c47;border-radius:8px;padding:.55rem .65rem}.community-feedback{resize:vertical;min-height:120px}.community-status{color:#d4b483;margin:0;font-size:.78rem}.admin-panel{width:min(460px,100%);max-height:min(85dvh,640px)}.admin-section{gap:.45rem;display:grid}.admin-section h3{opacity:.9;margin:0;font-size:.85rem;font-weight:700}.admin-grid{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.admin-grid input,.admin-grid-2 input{color:inherit;font:inherit;background:#00000059;border:1px solid #d6b88c47;border-radius:8px;padding:.45rem .55rem;font-size:.85rem}.admin-grid-2{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.admin-row{flex-wrap:wrap;gap:.4rem;display:flex}.admin-stats{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.admin-stat{background:#00000047;border:1px solid #d6b88c38;border-radius:8px;gap:.12rem;padding:.45rem .55rem;display:grid}.admin-stat em{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.68rem;font-style:normal}.admin-stat strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.admin-stat-sub{opacity:.75;font-size:.7rem;font-weight:500}.admin-log{max-height:140px}.admin-user{text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid #ffffff0f;gap:.1rem;padding:.35rem .2rem;display:grid}.admin-user span{opacity:.75;font-size:.78rem}.multi-room{font-size:1.1rem}.onboard-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;display:grid}.onboard-name-row .onboard-name{min-width:0}.onboard-ready{white-space:nowrap;align-self:end;height:2.65rem;padding:0 1.35rem}.onboard-rows{gap:1rem;margin-top:.35rem;display:grid}.onboard-row-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem;font-size:.95rem;font-weight:700}.onboard-oracle-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.onboard-oracle-grid-base{align-items:stretch;margin-top:.5rem}.onboard-pick{text-align:left;border:1px solid color-mix(in srgb, var(--faction,#666) 45%, var(--line));color:inherit;cursor:pointer;background:#00000047;border-radius:14px;align-content:start;justify-items:stretch;gap:.35rem;min-width:0;padding:.55rem;display:grid}.onboard-pick-lg{grid-template-rows:minmax(0,1fr) auto auto auto auto;padding:.5rem .5rem .75rem}.onboard-pick.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 10px 28px #0006}.onboard-pick-lg .orakul-portrait-wrap{aspect-ratio:3/4;background:0 0;border-radius:10px;width:100%;max-width:none;height:auto;max-height:min(58vh,520px);margin:0;overflow:hidden}.onboard-pick-lg .orakul-portrait{aspect-ratio:auto;object-fit:cover;object-position:center top;border-radius:0;width:100%;height:100%;max-height:none;display:block}.onboard-pick-mark{z-index:2;background:var(--accent);color:#1a1208;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;font-weight:800;display:grid;position:absolute;top:.45rem;right:.45rem}.onboard-pick-name{text-align:center;font-size:.95rem;line-height:1.25}.onboard-pick-school{text-align:center;color:color-mix(in srgb, var(--faction,var(--accent)) 80%, #fff);font-size:.78rem}.onboard-epic-later{color:#d9cfc0;margin:.15rem 0 0;font-size:.72rem;line-height:1.35}.onboard-epic-later-label{letter-spacing:.06em;text-transform:uppercase;color:#e6b35a;margin-bottom:.2rem;font-size:.65rem;font-weight:700;display:block}.onboard-epic-power{color:var(--muted);border-top:1px dashed #d4a37347;margin:0;padding-top:.35rem;font-size:.72rem;line-height:1.35}@media (width<=1100px){.onboard-oracle-grid-base{grid-template-columns:repeat(3,minmax(0,1fr))}.onboard-pick-lg .orakul-portrait-wrap{max-height:min(50vh,440px)}}@media (width<=700px){.onboard-name-row{grid-template-columns:1fr}.onboard-ready{width:100%}.onboard-oracle-grid-base{grid-template-columns:repeat(2,minmax(0,1fr))}.onboard-pick-lg .orakul-portrait-wrap{max-height:min(46vh,400px)}}@media (width<=420px){.onboard-oracle-grid-base{grid-template-columns:1fr}.onboard-pick-lg .orakul-portrait-wrap{max-height:min(52vh,460px)}}.xp-track{gap:.35rem;width:min(360px,100%);margin:.4rem 0 .9rem;display:grid}.xp-track.splash-xp{margin-left:0}.xp-track-label,.xp-track-mini{color:var(--muted);font-size:.85rem;font-weight:600}.xp-track-rail{border:1px solid var(--line);background:#0006;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000059}.xp-track-fill{border-radius:inherit;background:linear-gradient(90deg,#8a5a2b,#d4a373 55%,#f0d5b0);height:100%;transition:width .35s}.xp-track.compact{gap:.2rem;width:100%;margin:.25rem 0 0}.xp-track.compact .xp-track-rail{height:7px}.xp-track.compact .xp-track-mini{font-size:.72rem}.orakul-level-badge{letter-spacing:.02em;color:#1a1208;vertical-align:middle;background:linear-gradient(135deg,#e6ccb2,#b08968);border-radius:999px;margin-left:.25rem;padding:.1rem .45rem;font-size:.75rem;font-weight:700;display:inline-block}.orakul-level-badge.on-portrait{z-index:2;margin:0;position:absolute;bottom:.45rem;left:.45rem}.orakul-portrait-wrap{position:relative}.onboard-epic-pay{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--line));background:#00000040;border-radius:12px;gap:.65rem;margin:.35rem 0 0;padding:.75rem .9rem;display:grid}.cabinet-oracle-showcase{margin:.75rem 1rem 1.25rem}.cabinet-oracle-card{border:1px solid color-mix(in srgb, var(--gold) 40%, var(--line));background:linear-gradient(145deg,#1c160ec7,#0a0e18e0);border-radius:16px;grid-template-columns:minmax(11rem,42%) 1fr;align-items:start;gap:1.1rem 1.35rem;padding:1rem;display:grid;box-shadow:inset 0 1px #ffe6aa1a,0 12px 28px #00000059}.cabinet-oracle-card.is-epic{border-color:color-mix(in srgb, #c4a35a 55%, var(--line))}.cabinet-oracle-art-wrap{aspect-ratio:3/4;border:2px solid color-mix(in srgb, var(--gold) 65%, #8a6410);background:#0a0c12;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000073}.cabinet-oracle-art{object-fit:cover;object-position:center 12%;width:100%;height:100%;display:block}.cabinet-oracle-art-wrap .orakul-level-badge.on-portrait{bottom:.35rem;left:50%;transform:translate(-50%)}.cabinet-oracle-body{gap:.65rem;min-width:0;display:grid}.cabinet-oracle-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.cabinet-oracle-title{font-family:var(--display);background:linear-gradient(#fff4c4,#e8c547 55%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.45rem,4vw,2rem);line-height:1.15}.cabinet-oracle-lore{color:#ebe4d2eb;margin:0;font-size:.95rem;line-height:1.45}.cabinet-oracle-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.cabinet-stat{background:#00000047;border:1px solid #ffffff1a;border-radius:12px;gap:.15rem;padding:.55rem .65rem;display:grid}.cabinet-stat.wide{grid-column:1/-1}.cabinet-stat-label{letter-spacing:.1em;text-transform:uppercase;color:#e6dcc8a6;font-size:.7rem}.cabinet-stat-value{font-family:var(--display);color:#f3e6c0;font-size:1.35rem;font-weight:700}.cabinet-oracle-powers h3{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:#e8c547;margin:0 0 .35rem;font-size:.95rem}.cabinet-oracle-powers ul{color:#ebe4d2e6;gap:.35rem;margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.4;display:grid}.cabinet-oracle-hint{margin:.15rem 0 0}@media (width<=720px){.cabinet-oracle-card{grid-template-columns:1fr}.cabinet-oracle-art-wrap{width:100%;max-width:18rem;margin:0 auto}}.cabinet-hero-strip{border:1px solid color-mix(in srgb, var(--gold) 35%, var(--line));background:linear-gradient(135deg,#14100a8c,#0c101cb8);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:.85rem 1rem;margin:.75rem 1rem .35rem;padding:.75rem .9rem;display:grid;box-shadow:inset 0 1px #ffe6aa14}.cabinet-hero-avatar{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--gold) 70%, #8a6410);border-radius:50%;flex-shrink:0;width:5.5rem;height:5.5rem;max-height:none;margin:0;box-shadow:0 0 0 1px #00000080,0 6px 16px #0006}.cabinet-avatar-img{object-position:center 18%}.cabinet-hero-avatar .orakul-level-badge.on-portrait{white-space:nowrap;bottom:-.15rem;left:50%;transform:translate(-50%)}.cabinet-hero-meta{gap:.28rem;min-width:0;display:grid}.cabinet-hero-name{font-family:var(--display);letter-spacing:.02em;background:linear-gradient(#fff4c4,#e8c547 50%,#b8860b);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.05rem}.cabinet-hero-sub{color:var(--muted);font-size:.86rem}.cabinet-hero-gift{color:#e8c547;font-size:.8rem;line-height:1.35}.cabinet-hero-meta .xp-track,.cabinet-hero-meta .cabinet-xp{width:100%;margin:.15rem 0 0}.cabinet-progress,.hero-level-panel{border:1px solid var(--line);background:#0003;border-radius:12px;gap:.35rem;margin:.75rem 1rem 1rem;padding:.85rem 1rem;display:grid}@media (width<=420px){.cabinet-hero-strip{grid-template-columns:4.4rem 1fr;gap:.65rem}.cabinet-hero-avatar{width:4.4rem;height:4.4rem}.cabinet-hero-name{font-size:.95rem}}.cabinet-progress .xp-track,.hero-level-panel .xp-track{width:100%;margin:.25rem 0}.tier-chip{color:var(--accent);font-size:.75rem;font-weight:700}.daily-panel{max-width:520px;margin:1rem auto;padding:1rem 1.25rem}.daily-title{margin:0 0 .75rem;font-size:1.25rem}.daily-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.daily-item{border:1px solid var(--line);background:#00000038;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.daily-item strong{display:block}.daily-meta{color:var(--muted);margin-top:.2rem;font-size:.8rem;display:block}.cabinet-cards{gap:1.5rem;padding:0 1rem 2rem;display:grid}.cabinet-card-section h2{margin:0 0 .35rem;font-size:1.15rem}.cabinet-zone-deck,.cabinet-zone-case{border:1.5px solid var(--line);border-radius:14px;padding:.85rem .9rem 1rem}.cabinet-zone-deck{background:linear-gradient(160deg,#1c483473 0%,#0c1c148c 100%);border-color:#40916c8c;box-shadow:inset 0 0 0 1px #52b7881f}.cabinet-zone-deck h2{color:#b7efc5}.cabinet-zone-case{background:linear-gradient(160deg,#4830127a 0%,#1c120a94 100%);border-color:#b478328c;box-shadow:inset 0 0 0 1px #d4a37324}.cabinet-zone-case h2{color:#f0d5a8}.cabinet-zone-deck.is-drop-target{border-color:#52b788;box-shadow:0 0 0 2px #52b78859}.cabinet-zone-case.is-drop-target{border-color:#d4a373;box-shadow:0 0 0 2px #d4a37359}.cabinet-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.cabinet-section-head h2{margin:0}.cabinet-section-actions{flex-wrap:wrap;gap:.4rem;display:flex}.cabinet-count{font-family:var(--ui);color:var(--muted);font-size:.85rem;font-weight:600}.cabinet-card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.cabinet-card-item{border:1px solid var(--line);background:#0003;border-radius:12px;gap:.35rem;padding:.5rem;display:grid}.cabinet-card-item.in-deck{border-color:color-mix(in srgb, var(--ok) 55%, var(--line))}.cabinet-card-item.in-case{opacity:.92}.cabinet-card-meta{gap:.15rem;font-size:.78rem;display:grid}.cabinet-card-meta strong{font-size:.85rem}.cabinet-card-actions{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.cabinet-card-actions .primary,.cabinet-card-actions .ghost{min-height:0;padding:.28rem .55rem;font-size:.72rem}.badge-in-deck{color:#7dcea0;font-weight:700}.badge-in-case{color:var(--muted);font-weight:600}.cabinet-transfer-hint{border:1px solid var(--line);background:#00000040;border-radius:10px;margin:0 0 .5rem;padding:.65rem .85rem}.cabinet-card-section.drop-zone{transition:border-color .15s,box-shadow .15s,background .15s}.cabinet-card-item.is-draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.cabinet-card-item.is-draggable:active{cursor:grabbing;opacity:.85}.drop-placeholder{text-align:center;border:1px dashed var(--line);border-radius:12px;padding:1.25rem}.hero .orakul-level-badge{font-size:.68rem}@media (width<=720px){.collection,.cabinet{padding:.55rem .45rem 1rem}.collection .page-bar,.cabinet .page-bar{gap:.35rem}.collection h1,.cabinet .page-bar h1{font-size:1.05rem}.tabs,.filters{gap:.3rem}.tabs .chip,.filters .chip,.tabs button,.filters button{padding:.28rem .45rem;font-size:.72rem}.collection .grid,.deck-pool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.55rem}.collection .grid-item{gap:.28rem;min-width:0}.collection .grid-item .card{--card-w:min(100px, calc((100vw - 1.4rem) / 3.25));--card-h:calc(var(--card-w) * 1.55);width:var(--card-w);height:var(--card-h)}.collection .grid-item .card .card-name{font-size:.58rem}.collection .card-live-tag{font-size:.58rem;line-height:1.25}.collection .shop-meta{gap:.22rem}.collection .grid-meta button,.collection .shop-meta .primary,.collection .shop-meta .ghost{width:100%;min-height:0;padding:.28rem .3rem;font-size:.65rem}.currency-shop{gap:.85rem;margin:.5rem .25rem 1rem}.pack-grid{grid-template-columns:1fr 1fr;gap:.45rem;max-width:none}.pack-card{padding:.7rem .75rem}.pack-amount{font-size:1.1rem}.pack-note{font-size:.72rem}.cabinet-cards{gap:.85rem;padding:0 .25rem 1.25rem}.cabinet-zone-deck,.cabinet-zone-case{padding:.55rem .5rem .7rem}.cabinet-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.45rem}.cabinet-card-item{justify-items:center;gap:.22rem;min-width:0;padding:.3rem}.cabinet-card-item .card.compact{--card-w:min(92px, calc((100vw - 2rem) / 3.35));--card-h:calc(var(--card-w) * 1.5);width:var(--card-w);height:var(--card-h)}.cabinet-card-item .card.compact .card-name{font-size:.55rem}.cabinet-card-meta{text-align:center;gap:.1rem;width:100%;font-size:.62rem}.cabinet-card-meta strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.2;display:-webkit-box;overflow:hidden}.cabinet-card-actions{justify-content:center;gap:.22rem}.cabinet-card-actions .primary,.cabinet-card-actions .ghost{flex:auto;padding:.22rem .35rem;font-size:.62rem}.cabinet-section-head{gap:.35rem}.cabinet-section-actions .ghost,.cabinet-section-actions .primary{padding:.28rem .4rem;font-size:.68rem}.cabinet-oracle-showcase,.cabinet-hero-strip,.cabinet-progress{margin-left:.25rem;margin-right:.25rem}.hero-grid,.hero-grid-lg{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.orakul-portrait-wrap{max-height:160px}}@media (width<=420px){.collection .grid,.deck-pool-grid,.cabinet-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}.collection .grid-item .card{--card-w:min(96px, calc((100vw - 1.1rem) / 3.2));--card-h:calc(var(--card-w) * 1.55)}.cabinet-card-item .card.compact{--card-w:min(86px, calc((100vw - 1.6rem) / 3.3));--card-h:calc(var(--card-w) * 1.5)}.pack-grid{grid-template-columns:1fr}.hero-grid,.hero-grid-lg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){html{font-size:13.5px}html,body,#root{max-width:100vw;overflow-x:hidden}.primary,.ghost,.chip{border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.large{padding:.55rem .9rem;font-size:.92rem}.page-bar,.battle-bar{flex-wrap:wrap;gap:.3rem}.page-bar h1,.splash-brand{line-height:1.15}.splash-content{padding:.75rem .7rem 1rem}.splash-actions{gap:.4rem}.splash-wallet{padding:.25rem .45rem;font-size:.75rem}.modal,.overlay .modal{gap:.5rem;width:min(100%,22rem);min-width:0;max-width:calc(100vw - 1rem);padding:.85rem .9rem}.hint{font-size:.78rem;line-height:1.35}.battle{--board-card-w:min(62px, calc((100vw - 1.1rem) / 5.55));--board-card-h:calc(var(--board-card-w) * 1.48);--hand-card-w:min(54px, calc((100vw - 1rem) / 7.5));--hand-card-h:calc(var(--hand-card-w) * 1.48);--linger-card-w:min(40px, 11vw);--linger-card-h:calc(var(--linger-card-w) * 1.48);padding:.12rem .18rem .14rem}.battle .end-turn-btn,.battle .attack-all-btn{max-width:9.5rem;padding:.38rem .4rem;font-size:.7rem}.oracle-face{width:2.35rem;height:2.35rem}.battle .hero{min-width:0;padding:.15rem .32rem;font-size:.65rem}.battle .hero strong{font-size:.7rem}.collection .grid,.deck-pool-grid,.cabinet-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem}.collection .grid-item .card{--card-w:min(78px, calc((100vw - 1.2rem) / 4.35));--card-h:calc(var(--card-w) * 1.52)}.cabinet-card-item .card.compact{--card-w:min(72px, calc((100vw - 1.6rem) / 4.4));--card-h:calc(var(--card-w) * 1.5)}.cabinet-card-item{padding:.22rem}.cabinet-card-meta,.collection .card-live-tag{font-size:.55rem}.cabinet-card-meta strong{font-size:.6rem}.cabinet-card-actions .primary,.cabinet-card-actions .ghost,.collection .grid-meta button,.collection .shop-meta .primary,.collection .shop-meta .ghost{padding:.18rem .22rem;font-size:.58rem}.hero-grid,.hero-grid-lg{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.orakul-portrait-wrap{max-height:120px}.hero-card,.hero-card-portrait{min-height:0;padding:.4rem .45rem .55rem}.campaign-screen{padding-bottom:.4rem}.campaign-preview-panel{width:min(100%,22rem);max-width:calc(100vw - 1rem);padding:.85rem}.multi-menu,.arena-hub,.auth-screen{padding:.55rem .55rem 1rem}}@media (width<=420px){html{font-size:12.5px}.battle{--board-card-w:min(56px, calc((100vw - .9rem) / 5.5));--board-card-h:calc(var(--board-card-w) * 1.48);--hand-card-w:min(48px, calc((100vw - .85rem) / 7.45));--hand-card-h:calc(var(--hand-card-w) * 1.48)}.collection .grid,.deck-pool-grid,.cabinet-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem}.collection .grid-item .card{--card-w:min(72px, calc((100vw - 1rem) / 4.3));--card-h:calc(var(--card-w) * 1.52)}.cabinet-card-item .card.compact{--card-w:min(66px, calc((100vw - 1.3rem) / 4.35));--card-h:calc(var(--card-w) * 1.5)}.pack-grid{grid-template-columns:1fr 1fr}}