:root{--ink-void: #07090f;--ink-obsidian: #0a0d14;--ink-pitch: #101420;--ink-dust: #171c2b;--ink-smoke: #20263a;--parchment: #ece0c1;--parchment-bright: #f6ecd3;--parchment-dim: #b8ad91;--parchment-faint: #7d7560;--gilt: #c9a44a;--gilt-bright: #e8cb6d;--gilt-deep: #8a6f2c;--gilt-leaf: #b08a34;--gilt-ash: rgba(201, 164, 74, .55);--sigil-crimson: #a6283a;--sigil-crimson-hi: #d64560;--sigil-verdigris: #3d8068;--sigil-verdigris-hi: #6cb693;--sigil-lapis: #345aa8;--sigil-lapis-hi: #6e9aff;--sigil-violet: #5b3a8a;--sigil-violet-hi: #8a63c6;--hair: rgba(201, 164, 74, .16);--hair-strong: rgba(201, 164, 74, .38);--hair-faint: rgba(201, 164, 74, .07);--hair-pearl: rgba(236, 224, 193, .12);--hair-ink: rgba(7, 9, 15, .6);--font-display: "Cormorant Garamond", "Noto Serif JP", "Times New Roman", serif;--font-rune: "Cinzel", "Cormorant Garamond", "Noto Serif JP", serif;--font-body: "Inter Tight", "Noto Sans JP", "Segoe UI", -apple-system, sans-serif;--font-serif-jp: "Noto Serif JP", "Hiragino Mincho Pro", serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--r-1: 2px;--r-2: 4px;--r-3: 8px;--r-4: 12px;--r-5: 18px;--r-pill: 999px;--d-fast: .14s;--d-med: .24s;--d-slow: .44s;--ease-script: cubic-bezier(.22, 1, .36, 1);--ease-inked: cubic-bezier(.65, 0, .35, 1);--ease-flare: cubic-bezier(.34, 1.56, .64, 1);--ease-pop: cubic-bezier(.2, .9, .25, 1.2);--ease-out: cubic-bezier(.2, .8, .2, 1);--lift-1: 0 1px 0 rgba(201, 164, 74, .08), 0 2px 10px rgba(0, 0, 0, .45);--lift-2: 0 1px 0 rgba(201, 164, 74, .12), 0 10px 30px rgba(0, 0, 0, .55);--lift-3: 0 1px 0 rgba(201, 164, 74, .18), 0 28px 70px rgba(0, 0, 0, .7);--glow-gilt: 0 0 28px rgba(201, 164, 74, .32);--glow-crimson: 0 0 28px rgba(166, 40, 58, .4);--glow-lapis: 0 0 28px rgba(52, 90, 168, .38);--noise: repeating-linear-gradient( 0deg, transparent 0 2px, rgba(236, 224, 193, .012) 2px 3px );--rule-grid: linear-gradient(90deg, var(--hair-faint) 1px, transparent 1px) 0 0 / 96px 100%, linear-gradient(0deg, var(--hair-faint) 1px, transparent 1px) 0 0 / 100% 96px;--bg-base: var(--ink-obsidian);--bg-deep: var(--ink-void);--bg-panel: linear-gradient(180deg, var(--ink-dust) 0%, var(--ink-pitch) 100%);--bg-panel-alt: linear-gradient(180deg, var(--ink-smoke) 0%, var(--ink-dust) 100%);--surface: var(--ink-dust);--surface-hi: var(--ink-smoke);--border-subtle: var(--hair);--border: var(--hair-strong);--text: var(--parchment);--text-muted: var(--parchment-dim);--text-faint: var(--parchment-faint);--gold: var(--gilt-bright);--gold-soft: var(--gilt);--danger: var(--sigil-crimson-hi);--danger-soft: #ff8a8a;--success: var(--sigil-verdigris-hi);--info: var(--sigil-lapis-hi);--kind-unit-a: var(--sigil-lapis-hi);--kind-unit-b: var(--sigil-lapis);--kind-unit-glow: rgba(110, 154, 255, .48);--kind-prep-a: var(--sigil-verdigris-hi);--kind-prep-b: var(--sigil-verdigris);--kind-prep-glow: rgba(108, 182, 147, .48);--kind-cond-a: var(--sigil-crimson-hi);--kind-cond-b: var(--sigil-crimson);--kind-cond-glow: rgba(214, 69, 96, .48);--shadow-1: var(--lift-1);--shadow-2: var(--lift-2);--shadow-3: var(--lift-3);--ring-gold: 0 0 0 1px var(--gilt-bright), 0 0 22px rgba(232, 203, 109, .5)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;min-height:100dvh}body{font-family:var(--font-body);color:var(--text);background:var(--ink-obsidian);background-attachment:fixed;overflow-x:hidden;letter-spacing:.1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;font-feature-settings:"ss01","cv11","tnum"}button,.card-wrap,.board-cell,.board-unit{touch-action:manipulation}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(ellipse 80% 60% at 15% 0%,rgba(52,90,168,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 85% 100%,rgba(166,40,58,.08) 0%,transparent 55%),radial-gradient(ellipse 40% 35% at 50% 50%,rgba(201,164,74,.035) 0%,transparent 60%);z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--rule-grid);opacity:.5;mix-blend-mode:screen;z-index:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}:focus-visible{outline:1px solid var(--gilt-bright);outline-offset:2px;box-shadow:0 0 0 4px #e8cb6d2e}.app{position:relative;display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh;z-index:1}.main-area{padding:18px 20px;overflow-y:auto;max-height:100vh;max-height:100dvh}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;gap:28px;position:relative;z-index:1;padding:40px;text-align:center}.title{font-family:var(--font-display);font-size:72px;font-weight:500;font-style:italic;letter-spacing:-.005em;color:var(--parchment-bright);text-shadow:0 0 32px rgba(232,203,109,.12);margin:0}@keyframes title-glow{0%{text-shadow:0 0 24px rgba(232,203,109,.1)}to{text-shadow:0 0 40px rgba(232,203,109,.35)}}.subtitle{font-size:13px;color:var(--parchment-dim);letter-spacing:.22em;margin-top:0;font-family:var(--font-serif-jp)}.summary{text-align:center;font-size:15px;color:var(--parchment-dim);line-height:1.8;font-family:var(--font-serif-jp)}button{cursor:pointer;font-family:inherit}button.primary{position:relative;padding:12px 28px;background:transparent;border:1px solid var(--hair-strong);border-radius:var(--r-2);color:var(--parchment-bright);font-family:var(--font-rune);font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;text-shadow:none;box-shadow:var(--lift-1);overflow:hidden;transition:color var(--d-fast) var(--ease-inked),border-color var(--d-fast) var(--ease-inked),box-shadow var(--d-fast) var(--ease-inked),transform var(--d-fast) var(--ease-inked)}button.primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#c9a44a1f,#c9a44a0a);opacity:0;transition:opacity var(--d-fast) var(--ease-inked);pointer-events:none}button.primary:hover:not(:disabled){transform:translateY(-1px);border-color:var(--gilt);color:var(--gilt-bright);box-shadow:var(--lift-2),0 0 0 1px #c9a44a40 inset}button.primary:hover:not(:disabled):before{opacity:1}button.primary:active:not(:disabled){transform:translateY(0);filter:brightness(.95)}button.primary:disabled{background:transparent;color:var(--parchment-faint);border-color:var(--hair-faint);cursor:not-allowed;box-shadow:none}button.primary.gold{background:var(--gilt-bright);color:var(--ink-void);border-color:var(--gilt-bright);text-shadow:none;font-weight:700}button.primary.gold:before{background:linear-gradient(180deg,rgba(255,255,255,.25),transparent)}button.primary.gold:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.45) 45%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.45) 55%,transparent 100%);transform:skew(-20deg);pointer-events:none;transition:left .7s cubic-bezier(.22,.9,.3,1)}button.primary.gold:hover:not(:disabled){color:var(--ink-void);background:var(--gilt-bright);box-shadow:var(--lift-2),0 0 32px #e8cb6d66}button.primary.gold:hover:not(:disabled):after{left:160%}button.primary.danger{border-color:var(--sigil-crimson-hi);color:var(--sigil-crimson-hi)}button.primary.danger:before{background:linear-gradient(180deg,#d6456029,#d645600a)}button.primary.danger:hover:not(:disabled){border-color:var(--sigil-crimson-hi);color:#ffc8d0;box-shadow:var(--lift-2),0 0 24px #d6456059}.prep-view,.mulligan-view{display:flex;flex-direction:column;gap:10px;max-width:1320px;margin:0 auto}.prep-view{--hand-count: 5}.mulligan-view h2{margin:0;font-family:var(--font-display);font-style:italic;font-size:38px;font-weight:500;letter-spacing:.01em;color:var(--parchment-bright);text-align:center;text-shadow:none}.mulligan-view .subtitle-line{text-align:center;color:var(--parchment-dim);font-family:var(--font-rune);font-size:11px;letter-spacing:.4em;text-transform:uppercase;margin-top:0}.player-hud{display:flex;align-items:center;gap:var(--s-3);padding:6px var(--s-3);background:var(--ink-pitch);border:1px solid var(--hair);border-radius:var(--r-2);box-shadow:var(--lift-1);position:relative;overflow:hidden}.player-hud:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;pointer-events:none;background:var(--hud-accent, var(--gilt));opacity:.7}.player-hud.opponent{border-color:#d645608c;background:linear-gradient(135deg,rgba(60,14,24,.55) 0%,var(--ink-pitch) 60%);--hud-accent: var(--sigil-crimson);box-shadow:var(--lift-1),0 0 0 1px #d645601f,inset 0 0 28px #d6456014}.player-hud.player{border-color:#6e9aff8c;background:linear-gradient(135deg,rgba(12,22,56,.55) 0%,var(--ink-pitch) 60%);--hud-accent: var(--sigil-lapis);box-shadow:var(--lift-1),0 0 0 1px #6e9aff1f,inset 0 0 28px #6e9aff14}.player-hud:before{width:4px;opacity:1;background:var(--hud-accent, var(--gilt));box-shadow:0 0 12px var(--hud-accent, var(--gilt))}.hud-side-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:6px 10px;border-radius:var(--r-1);line-height:1;letter-spacing:.16em;border:1px solid var(--hud-accent, var(--gilt));background:linear-gradient(180deg,#ffffff0a,#0000004d);box-shadow:inset 0 0 10px #0006;flex-shrink:0}.player-hud.player .hud-side-badge{background:linear-gradient(180deg,#6e9aff38,#14285a59);color:#cfdcff;text-shadow:0 0 10px rgba(110,154,255,.65)}.player-hud.opponent .hud-side-badge{background:linear-gradient(180deg,#d6456038,#50101e59);color:#ffd2d8;text-shadow:0 0 10px rgba(214,69,96,.7)}.hud-side-label{font-family:var(--font-rune);font-size:13px;font-weight:800;letter-spacing:.24em}.hud-side-sub{font-family:var(--font-serif-jp);font-size:10px;opacity:.75;margin-top:2px;letter-spacing:.12em}.hud-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:17px;font-style:italic;font-weight:600;color:var(--parchment-bright);background:var(--ink-void);border:1px solid var(--hud-accent, var(--gilt));box-shadow:0 0 0 2px var(--ink-pitch),0 0 0 3px var(--hair-faint);flex-shrink:0}.player-hud.opponent .hud-avatar{background:var(--ink-void);color:var(--sigil-crimson-hi)}.hud-name{font-family:var(--font-serif-jp);font-weight:700;font-size:14px;letter-spacing:.06em;min-width:80px;color:var(--parchment-bright)}.hud-life{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:22px;color:var(--sigil-crimson-hi);text-shadow:none;font-variant-numeric:tabular-nums;line-height:1}.hud-life .icon{font-size:18px;filter:drop-shadow(0 0 6px rgba(214,69,96,.5));transition:transform .2s;align-self:center}.hud-life.damaged .icon{animation:heart-throb .5s var(--ease-pop)}@keyframes heart-throb{0%{transform:scale(1)}40%{transform:scale(1.5);filter:drop-shadow(0 0 12px rgba(255,50,50,1))}to{transform:scale(1)}}.hud-mana{display:inline-flex;align-items:center;gap:var(--s-2)}.mana-crystals{display:inline-flex;gap:3px;align-items:center}.mana-crystal{width:9px;height:18px;clip-path:polygon(50% 0%,100% 30%,80% 100%,20% 100%,0% 30%);background:var(--hair-faint);border:none;position:relative;transition:background var(--d-fast) var(--ease-inked),opacity var(--d-fast) var(--ease-inked)}.mana-crystal.available{background:var(--sigil-lapis-hi);box-shadow:0 0 8px #6e9aff99}.mana-crystal.available:after{content:"";position:absolute;top:15%;left:25%;width:30%;height:25%;background:#ffffffb3;transform:rotate(-20deg);filter:blur(.5px)}.mana-crystal.pending{background:var(--gilt-bright);opacity:.55;animation:mana-pending-flicker 1.4s ease-in-out infinite;box-shadow:0 0 6px #e8cb6d66}@keyframes mana-pending-flicker{0%,to{opacity:.35}50%{opacity:.75}}.mana-crystal.locked{opacity:.35}.mana-text{display:inline-flex;align-items:baseline;gap:1px;font-family:var(--font-display);font-style:italic;font-variant-numeric:tabular-nums;line-height:1}.mana-text .mana-current{font-size:22px;font-weight:600;color:var(--sigil-lapis-hi);letter-spacing:-.02em}.hud-mana.has-pending .mana-text .mana-current{color:var(--gilt-bright);text-shadow:0 0 10px rgba(232,203,109,.35)}.mana-text .mana-sep{font-size:14px;color:var(--parchment-faint);margin:0 1px}.mana-text .mana-max{font-size:14px;font-weight:500;color:var(--parchment-dim)}.mana-pending-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;background:#c9a44a24;border:1px solid rgba(232,203,109,.45);color:var(--gilt-bright);font-family:var(--font-display);font-style:italic;font-size:12px;font-weight:600;letter-spacing:.03em;line-height:1;animation:mana-pending-pill-pulse 2s ease-in-out infinite;white-space:nowrap}.mana-pending-pill .mana-pending-icon{font-size:10px;opacity:.85}.mana-pending-pill .mana-pending-amount{font-variant-numeric:tabular-nums}@keyframes mana-pending-pill-pulse{0%,to{box-shadow:0 0 #e8cb6d00;border-color:#e8cb6d73}50%{box-shadow:0 0 10px #e8cb6d59;border-color:#e8cb6dbf}}.hud-stack{display:inline-flex;align-items:baseline;gap:var(--s-1);font-family:var(--font-rune);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--parchment-faint)}.hud-stack .icon{font-size:12px;opacity:.7;align-self:center}.hud-stack .count{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:16px;color:var(--parchment-bright);letter-spacing:0;font-variant-numeric:tabular-nums}.hud-divider{width:1px;height:22px;background:var(--hair)}.hud-pending-info{font-family:var(--font-rune);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gilt-bright);background:transparent;padding:3px 10px;border-radius:var(--r-1);border:1px solid var(--gilt-ash)}.round-banner{display:flex;gap:var(--s-3);justify-content:center;align-items:center;padding:4px 0;position:relative;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.round-banner:before,.round-banner:after{content:"❦";color:var(--gilt);font-size:10px;opacity:.6}.round-chip{background:transparent;border:1px solid var(--hair);padding:var(--s-1) var(--s-4);border-radius:var(--r-1);font-family:var(--font-rune);font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--parchment-faint);box-shadow:none}.round-chip.active{background:var(--ink-void);color:var(--gilt-bright);border-color:var(--gilt);box-shadow:inset 0 0 0 1px #c9a44a33;display:inline-flex;align-items:center;gap:8px}.round-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--gilt-bright);box-shadow:0 0 8px var(--gilt-bright);animation:chip-dot-pulse 1.6s infinite ease-in-out}@keyframes chip-dot-pulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.round-chip.active[data-phase=prep]{color:#8fb4ff;border-color:#8fb4ff8c;box-shadow:inset 0 0 0 1px #8fb4ff2e}.round-chip.active[data-phase=prep] .round-chip-dot{background:#8fb4ff;box-shadow:0 0 8px #8fb4ffbf}.round-chip.active[data-phase=summon]{color:var(--gilt-bright);border-color:var(--gilt);box-shadow:inset 0 0 0 1px #e8cb6d47}.round-chip.active[data-phase=battle]{color:var(--sigil-crimson-hi);border-color:var(--sigil-crimson);box-shadow:inset 0 0 0 1px #d6456047}.round-chip.active[data-phase=battle] .round-chip-dot{background:var(--sigil-crimson-hi);box-shadow:0 0 10px #d64560bf}.round-chip.active[data-phase=end]{color:var(--parchment-faint);border-color:var(--hair);box-shadow:none}.round-chip.active[data-phase=end] .round-chip-dot{background:var(--parchment-faint);box-shadow:none;animation:none}.replaying-badge{background:transparent;color:var(--sigil-crimson-hi);padding:8px 22px;border-radius:var(--r-1);font-family:var(--font-rune);font-weight:700;font-size:13px;letter-spacing:.38em;text-transform:uppercase;border:1px solid var(--sigil-crimson);box-shadow:0 0 24px #a6283a59;animation:battle-pulse 1.2s infinite alternate ease-in-out}@keyframes battle-pulse{0%{opacity:.7;box-shadow:0 0 16px #a6283a33}to{opacity:1;box-shadow:0 0 32px #a6283a8c}}.battlefield{position:relative;display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-3) var(--s-3) var(--s-3) 32px;background:radial-gradient(ellipse at top,rgba(214,69,96,.06) 0%,transparent 40%),radial-gradient(ellipse at bottom,rgba(110,154,255,.06) 0%,transparent 40%),var(--ink-pitch);border:1px solid var(--hair);border-radius:var(--r-3);box-shadow:var(--lift-1),inset 0 0 60px #0006}.battlefield:before{content:"";position:absolute;left:var(--s-3);right:var(--s-3);top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gilt-ash) 15%,var(--gilt) 50%,var(--gilt-ash) 85%,transparent 100%);opacity:.4;pointer-events:none;transform:translateY(-.5px)}.battlefield:after{content:"";position:absolute;left:50%;top:50%;width:68px;height:68px;transform:translate(-50%,-50%);background-image:radial-gradient(circle,transparent 40%,var(--gilt-ash) 40%,var(--gilt-ash) 41%,transparent 41%),radial-gradient(circle,transparent 25%,var(--gilt-ash) 25%,var(--gilt-ash) 26%,transparent 26%);background-repeat:no-repeat;opacity:.5;pointer-events:none}.opponent-panel,.user-panel{display:flex;flex-direction:column;gap:var(--s-2);position:relative;z-index:1}.opponent-panel{padding:8px 8px 6px;border-radius:var(--r-2);background:radial-gradient(ellipse at top,rgba(214,69,96,.1) 0%,transparent 70%);box-shadow:inset 0 0 0 1px #d6456014}.side-marker{position:absolute;left:2px;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;border-radius:var(--r-1);font-family:var(--font-rune);letter-spacing:.18em;writing-mode:vertical-rl;text-orientation:mixed}.side-marker-tag{font-size:9px;font-weight:800;letter-spacing:.28em}.side-marker-sub{font-family:var(--font-serif-jp);font-size:9px;opacity:.7;letter-spacing:.06em}.side-marker-opp{top:10px;bottom:52%;color:var(--sigil-crimson-hi);background:linear-gradient(180deg,rgba(214,69,96,.14) 0%,transparent 100%);border:1px solid rgba(214,69,96,.35);box-shadow:0 0 18px #d645602e inset,0 0 10px #d6456040;text-shadow:0 0 10px rgba(214,69,96,.7)}.side-marker-me{top:52%;bottom:10px;color:#cfdcff;background:linear-gradient(0deg,rgba(110,154,255,.14) 0%,transparent 100%);border:1px solid rgba(110,154,255,.35);box-shadow:0 0 18px #6e9aff2e inset,0 0 10px #6e9aff47;text-shadow:0 0 10px rgba(110,154,255,.7)}.battle-log-ribbon{position:relative;border-radius:var(--r-2);background:linear-gradient(90deg,#0c0e18eb,#121628f5,#0c0e18eb);border:1px solid var(--gilt-ash);box-shadow:var(--lift-1),inset 0 0 0 1px #e8cb6d14,inset 0 0 22px #00000080;overflow:hidden}.battle-log-ribbon:before,.battle-log-ribbon:after{content:"";position:absolute;top:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(90deg,rgba(12,14,24,.95),transparent);z-index:1}.battle-log-ribbon:after{right:0;left:auto;background:linear-gradient(270deg,rgba(12,14,24,.95),transparent)}.battle-log-strip{display:flex;align-items:center;gap:10px;width:100%;padding:5px 16px;background:transparent;border:0;color:var(--parchment);text-align:left;cursor:pointer;min-height:32px;font-family:var(--font-serif-jp);position:relative;z-index:2}.battle-log-strip:hover{background:linear-gradient(90deg,transparent,rgba(232,203,109,.05),transparent)}.battle-log-icon{color:var(--gilt-bright);font-size:13px;text-shadow:0 0 8px rgba(232,203,109,.6);flex-shrink:0;animation:log-icon-pulse 2.4s ease-in-out infinite}@keyframes log-icon-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.battle-log-label{font-family:var(--font-rune);font-size:10px;font-weight:800;letter-spacing:.34em;color:var(--gilt-bright);flex-shrink:0}.battle-log-divider{width:1px;height:18px;background:linear-gradient(180deg,transparent,var(--gilt-ash),transparent);flex-shrink:0}.battle-log-latest{flex:1 1 auto;min-width:0;position:relative;overflow:hidden;display:flex;align-items:center;transition:text-shadow .3s}.battle-log-latest.flash{text-shadow:0 0 14px rgba(232,203,109,.55)}.battle-log-line{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.battle-log-line.idle .battle-log-msg{color:var(--parchment-faint);font-style:italic;letter-spacing:.12em}.battle-log-tag{font-family:var(--font-rune);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--gilt);padding:2px 8px;border:1px solid var(--gilt-ash);border-radius:3px;background:#e8cb6d0f;flex-shrink:0;text-transform:uppercase}.battle-log-msg{font-size:13px;color:var(--parchment-bright);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-log-caret{font-size:10px;color:var(--parchment-faint);flex-shrink:0;transition:color .2s}.battle-log-ribbon.expanded .battle-log-caret{color:var(--gilt-bright)}.battle-log-panel{overflow:hidden;border-top:1px solid var(--hair);background:#080a1299;position:relative;z-index:2}.battle-log-panel ul{list-style:none;padding:8px 18px 10px;margin:0;max-height:220px;overflow-y:auto;font-family:var(--font-serif-jp)}.battle-log-panel li{display:flex;align-items:baseline;gap:10px;padding:5px 0;border-bottom:1px solid var(--hair-faint);color:var(--parchment);font-size:12px;line-height:1.5}.battle-log-panel li:last-child{border-bottom:0}.battle-log-panel li:first-child .battle-log-msg{color:var(--gilt-bright);text-shadow:0 0 10px rgba(232,203,109,.25)}.board{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--s-3);padding:0}.board-cell{position:relative;min-height:132px;background:var(--ink-obsidian);border:1px solid var(--hair);border-radius:var(--r-2);padding:var(--s-2) var(--s-3);display:flex;align-items:center;justify-content:center;transition:border-color var(--d-med) var(--ease-inked),background var(--d-med) var(--ease-inked),box-shadow var(--d-med) var(--ease-inked);box-shadow:inset 0 0 40px #00000080}.board-cell:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--hair-faint);border-radius:2px;pointer-events:none}.board.opponent .board-cell{background:var(--ink-obsidian);border-color:#a6283a2e}.board.user .board-cell{border-color:#345aa82e}.line-label{position:absolute;top:8px;left:10px;font-family:var(--font-rune);font-size:9px;font-weight:600;color:var(--parchment-faint);letter-spacing:.32em;text-transform:uppercase;pointer-events:none;opacity:.6}.board-cell.highlight{border-color:var(--gilt);background:var(--ink-void);box-shadow:inset 0 0 30px #c9a44a2e,0 0 16px #c9a44a4d}.board-cell.reachable{border-color:var(--sigil-crimson-hi);background:var(--ink-void);box-shadow:inset 0 0 36px #d6456038,0 0 18px #d6456047;animation:reachable-pulse 2s ease-in-out infinite}@keyframes reachable-pulse{0%,to{box-shadow:inset 0 0 28px #d645602e,0 0 12px #d6456038}50%{box-shadow:inset 0 0 40px #d6456066,0 0 24px #d6456073}}.board-cell.clickable{cursor:pointer}.board-cell.clickable:hover{border-color:var(--sigil-lapis-hi);box-shadow:inset 0 0 30px #6e9aff33,0 0 16px #6e9aff4d}.board-cell.drag-over{border-color:#7ef2b6;background:#28784838;box-shadow:inset 0 0 36px #7ef2b652,0 0 24px #7ef2b673;transform:scale(1.02);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.board-cell.cell-flash{animation:cell-flash .6s ease-out}@keyframes cell-flash{0%{background:#ff2a2a;box-shadow:0 0 40px 14px #ff3c3cf2 inset,0 0 40px 10px #ff3c3cb3;border-color:#fff}50%{background:#6a2030;box-shadow:0 0 22px 4px #ff3c3c66 inset}to{background:inherit;box-shadow:inset 0 0 18px #00000080;border-color:var(--border)}}.board-empty{width:100%;height:100%;min-height:100px}.board-unit{width:100%;border-radius:10px;padding:8px 6px 6px;text-align:center;position:relative;color:#f0f4ff;cursor:pointer;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 30%),linear-gradient(160deg,var(--kind-unit-a) 0%,var(--kind-unit-b) 100%);border:1px solid rgba(255,255,255,.35);box-shadow:var(--shadow-2),inset 0 1px #ffffff4d,inset 0 -2px #0003;transition:transform .2s var(--ease-pop),box-shadow .2s var(--ease-out)}.board-unit:hover{box-shadow:var(--shadow-3),inset 0 1px #fff6,0 0 20px var(--kind-unit-glow)}.board-unit.pending{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 30%),linear-gradient(160deg,#4a3670,#2a1c4a);opacity:.9;border-style:dashed}.board-unit.selected{box-shadow:var(--ring-gold),var(--shadow-2)}.board-unit.hit{box-shadow:0 0 24px 6px #ff3c3ce6,inset 0 0 18px #ff3c3c80}.unit-name{font-weight:800;font-size:13px;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.2;margin-bottom:4px}.unit-stats{display:flex;gap:4px;justify-content:center;font-size:11px;font-weight:700;margin-top:2px}.unit-stats span{background:#0000004d;padding:2px 6px;border-radius:10px;min-width:34px;border:1px solid rgba(255,255,255,.1);font-variant-numeric:tabular-nums}.unit-stats .stat-atk{color:#ffd074}.unit-stats .stat-def{color:#74dfff}.unit-stats .stat-spd{color:#9cff74}.unit-kw{display:flex;gap:3px;justify-content:center;margin-top:4px;flex-wrap:wrap}.kw-chip{background:#00000073;border:1px solid rgba(255,213,74,.5);color:var(--gold);padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px}.unit-target{margin-top:4px;font-size:10px;color:#ffcf7e;letter-spacing:1px}.unit-tag{font-size:11px;color:#d0b5ff;font-weight:600;margin-top:2px}.damage-popup{position:absolute;top:30%;left:50%;transform:translate(-50%);font-family:Impact,Arial Black,sans-serif;font-size:48px;font-weight:900;color:#fd5;text-shadow:0 0 6px #000,0 0 12px #000,0 0 18px rgba(255,60,60,.9),2px 2px 0 #8a0000,-2px -2px 0 #8a0000,2px -2px 0 #8a0000,-2px 2px 0 #8a0000;pointer-events:none;z-index:50;letter-spacing:1px;-webkit-text-stroke:1px #8a0000}.summon-pillar{position:absolute;left:50%;bottom:0;width:70%;height:100%;transform-origin:bottom center;transform:translate(-50%);background:linear-gradient(to top,rgba(255,255,255,.85) 0%,rgba(255,230,120,.7) 30%,rgba(120,180,255,.5) 70%,transparent 100%);border-radius:50% 50% 30% 30%/14% 14% 50% 50%;pointer-events:none;z-index:40;filter:blur(2px);box-shadow:0 0 30px #ffe678b3,0 0 80px #ffdc7866}.summon-ring{position:absolute;left:50%;bottom:10%;width:80%;aspect-ratio:1 / 1;transform:translate(-50%);border:3px solid rgba(255,230,120,.9);border-radius:50%;box-shadow:0 0 24px #ffe678b3,inset 0 0 24px #ffe67880}.destroy-shatter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:46;display:grid;place-items:center}.destroy-shatter .shard{position:absolute;width:8px;height:14px;background:linear-gradient(135deg,#ff8a6b,#a03838);border:1px solid rgba(255,200,150,.7);box-shadow:0 0 8px #ff6450cc;clip-path:polygon(50% 0%,100% 40%,85% 100%,15% 100%,0% 40%)}.impact-burst{position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.9) 0%,rgba(255,180,80,.6) 30%,transparent 70%);border-radius:50%;pointer-events:none;z-index:45}.hand-row{display:flex;justify-content:center;align-items:flex-end;padding:16px 10px 4px;min-height:164px;position:relative;perspective:1200px;touch-action:pan-x;overscroll-behavior-x:contain}.pending-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0;align-items:flex-start;touch-action:pan-x;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pending-row .label{align-self:center;margin-right:8px;font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:700}.card-wrap{border-radius:var(--r-2);cursor:pointer;transition:transform var(--d-fast) var(--ease-inked),filter var(--d-fast) var(--ease-inked);transform-origin:bottom center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}.hand-row .card-wrap{margin:0 clamp(-28px,calc(-4px * var(--hand-count, 5)),-8px);transform-style:preserve-3d}.hand-row .card-wrap:hover{transform:translateY(-22px) scale(1.1);z-index:10;filter:drop-shadow(0 18px 32px rgba(0,0,0,.7)) drop-shadow(0 0 18px rgba(201,164,74,.2))}.card-wrap.selected,.hand-row .card-wrap.selected,.hand-row .card-wrap.selected:hover{transform:translateY(-24px) scale(1.1);z-index:11;filter:drop-shadow(0 0 26px rgba(232,203,109,.95)) drop-shadow(0 0 12px rgba(255,224,130,.8))}.card-wrap.dragging{cursor:grabbing;filter:drop-shadow(0 0 26px rgba(201,164,74,.9)) drop-shadow(0 22px 40px rgba(0,0,0,.75));transition:none}.card-wrap.dragging .card{pointer-events:none}.hand-row.drag-over{background:radial-gradient(ellipse at center,rgba(126,242,182,.22) 0%,transparent 70%);box-shadow:inset 0 0 32px #7ef2b659;border-radius:16px;transition:background .15s ease,box-shadow .15s ease}.board-unit.draggable{cursor:grab}.board-unit.draggable:active{cursor:grabbing}.card-wrap.small .card{width:130px;height:210px}.hand-row .card-wrap>.card{width:154px;min-height:228px;font-size:11px}.hand-row .card-wrap>.card .card-art{min-height:60px}.hand-row .card-wrap>.card .card-name{font-size:12px}.card{width:168px;min-height:252px;display:flex;flex-direction:column;background:var(--ink-void);border:1px solid;border-radius:var(--r-2);overflow:hidden;font-family:var(--font-body);font-size:12px;position:relative;box-shadow:inset 0 0 0 1px #ece0c10a,var(--lift-1);color:var(--parchment)}.card:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(236,224,193,.06);border-radius:2px;pointer-events:none;z-index:1}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(236,224,193,.02) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.35) 100%),var(--noise);pointer-events:none;z-index:0}.card-header{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-2) var(--s-2) 40px;color:var(--parchment-bright);min-height:42px;position:relative;background:transparent;border-bottom:1px solid var(--hair);z-index:2}.card-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--kind-header, transparent);opacity:.22;pointer-events:none}.card-cost{position:absolute;left:6px;top:6px;width:30px;height:30px;border-radius:50%;background:var(--ink-void)!important;color:var(--parchment-bright);display:grid;place-items:center;font-family:var(--font-display);font-style:italic;font-size:18px;font-weight:700;text-shadow:none;filter:none;border:1px solid var(--gilt);box-shadow:0 0 0 2px var(--ink-void),0 0 0 3px #c9a44a4d;z-index:3;clip-path:none}.card-cost:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:.5px solid rgba(236,224,193,.15);background:transparent;clip-path:none;pointer-events:none;z-index:1}.card-cost-num{position:relative;z-index:2;line-height:1;color:var(--gilt-bright)}.card-name{font-family:var(--font-serif-jp);font-weight:700;font-size:12.5px;text-shadow:none;letter-spacing:.06em;line-height:1.15;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--parchment-bright);position:relative;z-index:2}.card-art{height:72px;position:relative;display:grid;place-items:center;color:var(--parchment-bright);text-shadow:0 2px 8px rgba(0,0,0,.7);overflow:hidden;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--kind-art-bg, var(--ink-obsidian));z-index:1}.card-art:before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);border:.5px solid rgba(201,164,74,.22);border-radius:50%;background:radial-gradient(circle,rgba(236,224,193,.04) 0%,transparent 70%)}.card-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--gilt-ash) 1px,transparent 1px) 50% 6px / 1px 4px no-repeat,linear-gradient(90deg,var(--gilt-ash) 1px,transparent 1px) 50% calc(100% - 10px) / 1px 4px no-repeat,linear-gradient(0deg,var(--gilt-ash) 1px,transparent 1px) 6px 50% / 4px 1px no-repeat,linear-gradient(0deg,var(--gilt-ash) 1px,transparent 1px) calc(100% - 10px) 50% / 4px 1px no-repeat;opacity:.5;pointer-events:none}.card-art .glyph{position:relative;z-index:2;font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7));line-height:1;text-align:center;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Segoe UI Symbol,Noto Sans CJK JP,Hiragino Sans,Yu Gothic,system-ui,sans-serif;max-width:90%;overflow:hidden;white-space:nowrap;font-weight:700}.card-art .glyph.glyph-size-1{font-size:42px}.card-art .glyph.glyph-size-2{font-size:30px;letter-spacing:-1px}.card-art .glyph.glyph-size-3{font-size:22px;letter-spacing:-1px}.card-art .glyph.glyph-size-4{font-size:17px;letter-spacing:-1px}.card-kind{padding:var(--s-1) var(--s-2);font-family:var(--font-rune);font-size:9px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;background:transparent;border-bottom:1px solid var(--hair-faint);color:var(--kind-label-color, var(--gilt))!important;text-align:center;position:relative;z-index:2}.card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:0;font-weight:700;font-size:11px;background:transparent;position:relative;z-index:2;border-bottom:1px solid var(--hair-faint)}.card-stats .stat{display:grid;grid-template-rows:auto auto;justify-items:center;align-items:center;padding:var(--s-2) 2px;gap:1px;font-variant-numeric:tabular-nums;border-right:1px solid var(--hair-faint)}.card-stats .stat:last-child{border-right:none}.card-stats .stat-label{font-family:var(--font-rune);font-size:8px;font-weight:600;color:var(--parchment-faint);letter-spacing:.22em;text-transform:uppercase}.card-stats .stat-num{font-family:var(--font-display);font-style:italic;font-size:17px;font-weight:500;line-height:1}.card-stats .stat-atk .stat-num{color:var(--sigil-crimson-hi)}.card-stats .stat-def .stat-num{color:var(--sigil-lapis-hi)}.card-stats .stat-spd .stat-num{color:var(--sigil-verdigris-hi)}.card-keywords{display:flex;gap:3px;padding:var(--s-2) var(--s-2) 0;flex-wrap:wrap;position:relative;z-index:2}.keyword-tag{background:transparent;border:1px solid var(--hair-strong);color:var(--gilt-bright);padding:2px 6px;border-radius:var(--r-1);font-family:var(--font-rune);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.card-effects{padding:var(--s-2) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1);background:transparent;border-top:1px solid var(--hair-faint);position:relative;z-index:2}.effect-line{display:flex;align-items:baseline;gap:4px;font-size:10px;line-height:1.35;font-family:var(--font-serif-jp)}.effect-timing{flex-shrink:0;padding:1px 5px;border-radius:var(--r-1);font-family:var(--font-rune);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.summon-effect .effect-timing{background:transparent;color:var(--sigil-verdigris-hi);border:1px solid rgba(108,182,147,.4)}.death-effect .effect-timing{background:transparent;color:var(--sigil-crimson-hi);border:1px solid rgba(214,69,96,.4)}.prep-effect .effect-timing{background:transparent;color:var(--sigil-verdigris-hi);border:1px solid rgba(108,182,147,.4)}.trigger-line .effect-timing{background:#d6456014;color:var(--sigil-crimson-hi);border:1px solid rgba(214,69,96,.4);font-size:9px}.trigger-line .effect-timing.trigger{padding:2px 6px}.spell-effect .effect-desc{color:var(--gilt-bright)}.effect-desc{color:var(--parchment);font-weight:500;word-break:break-word}.card-flavor{padding:var(--s-2) var(--s-2) var(--s-3);color:var(--parchment-faint);font-family:var(--font-display);font-style:italic;font-weight:500;font-size:10px;line-height:1.5;min-height:22px;flex:1;border-top:1px solid var(--hair-faint);position:relative;z-index:2;letter-spacing:.02em}.card-flavor:before{content:"❦";color:var(--gilt);font-size:9px;margin-right:4px;opacity:.6;vertical-align:1px}.card.card-unit,.card[data-kind=unit]{--kind-header: var(--sigil-lapis);--kind-art-bg: radial-gradient(ellipse at 50% 60%, #1f2e5e 0%, #0a0f24 80%);--kind-label-color: var(--sigil-lapis-hi)}.card.card-prep_spell,.card[data-kind=prep_spell]{--kind-header: var(--sigil-verdigris);--kind-art-bg: radial-gradient(ellipse at 50% 60%, #1d4a36 0%, #081a11 80%);--kind-label-color: var(--sigil-verdigris-hi)}.card.card-conditional_spell,.card[data-kind=conditional_spell]{--kind-header: var(--sigil-crimson);--kind-art-bg: radial-gradient(ellipse at 50% 60%, #4a1525 0%, #1a0508 80%);--kind-label-color: var(--sigil-crimson-hi)}.pending-info{display:flex;gap:4px;padding:5px 6px;font-size:10px;justify-content:space-between;align-items:center;background:#00000080;border-top:1px solid rgba(255,213,74,.25)}.pending-info .line-info{color:var(--gold);font-weight:700;letter-spacing:1px}.pending-info button{background:linear-gradient(180deg,#4a4f6e,#2e3348);border:1px solid rgba(255,255,255,.12);color:#fff;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px;transition:filter .15s}.pending-info button:hover:not(:disabled){filter:brightness(1.25)}.pending-info button:disabled{opacity:.4;cursor:not-allowed}.hint{color:#a8c8ff;font-size:13px;padding:8px 14px;background:linear-gradient(90deg,#5b8bff26,#5b8bff0d);border:1px solid rgba(91,139,255,.3);border-radius:8px;text-align:center;letter-spacing:1px;animation:hint-pulse 2s ease-in-out infinite}@keyframes hint-pulse{0%,to{box-shadow:0 0 #5b8bff00}50%{box-shadow:0 0 16px #5b8bff59}}.spell-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#00000073,#0000 70%)}.spell-burst{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg 12deg,rgba(232,203,109,.5) 12deg 18deg,transparent 18deg 42deg,rgba(232,203,109,.35) 42deg 48deg,transparent 48deg 90deg,rgba(232,203,109,.5) 90deg 96deg,transparent 96deg 150deg,rgba(232,203,109,.35) 150deg 156deg,transparent 156deg 210deg,rgba(232,203,109,.5) 210deg 216deg,transparent 216deg 260deg,rgba(232,203,109,.35) 260deg 266deg,transparent 266deg 320deg,rgba(232,203,109,.5) 320deg 326deg,transparent 326deg 360deg);mask:radial-gradient(circle,transparent 12%,#000 16%,#000 48%,transparent 60%);-webkit-mask:radial-gradient(circle,transparent 12%,#000 16%,#000 48%,transparent 60%);filter:drop-shadow(0 0 24px rgba(232,203,109,.55))}.spell-rings{position:absolute;top:50%;left:50%;width:320px;height:320px;transform:translate(-50%,-50%);border:2px solid rgba(232,203,109,.7);border-radius:50%;box-shadow:0 0 0 10px #e8cb6d14,0 0 0 22px #e8cb6d0f,0 0 0 40px #e8cb6d08,0 0 40px #e8cb6d80}.spell-banner{position:relative;padding:22px 56px 18px;border-radius:18px;color:#fff;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:320px;max-width:80vw;isolation:isolate;overflow:visible}.spell-banner-spell{background:radial-gradient(ellipse at center,#ff6b87d9,#3c0a23fa 72%);border:2px solid #ff6b87;box-shadow:0 0 48px #ff6b87bf,0 0 120px #ff6b8759,inset 0 0 28px #ff6b8759}.spell-banner-summon{background:radial-gradient(ellipse at center,#ffd578d9,#281c08fa 72%);border:2px solid var(--gilt-bright);box-shadow:0 0 48px #e8cb6dbf,0 0 120px #e8cb6d59,inset 0 0 28px #e8cb6d59}.spell-banner-rays{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;z-index:-1;border-radius:30px;background:conic-gradient(from 45deg,transparent 0%,rgba(255,255,255,.18) 8%,transparent 16%,rgba(255,255,255,.12) 24%,transparent 32%,rgba(255,255,255,.2) 40%,transparent 48%,rgba(255,255,255,.12) 56%,transparent 64%,rgba(255,255,255,.18) 72%,transparent 80%,rgba(255,255,255,.14) 88%,transparent 96%);opacity:.55;animation:spell-ray-spin 4s linear infinite;filter:blur(1px)}@keyframes spell-ray-spin{to{transform:rotate(360deg)}}.spell-banner-kind{font-family:var(--font-rune);font-size:11px;font-weight:800;letter-spacing:.5em;color:#fff;opacity:.85;text-shadow:0 0 10px rgba(0,0,0,.7);padding:2px 14px 2px 18px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#00000059}.spell-banner-name{display:inline-flex;align-items:center;gap:14px;font-size:30px;font-weight:900;letter-spacing:6px;text-align:center;font-family:var(--font-display);font-style:italic;text-shadow:0 0 14px rgba(255,255,255,.75),0 2px 4px rgba(0,0,0,.85),0 0 36px currentColor}.spell-banner-sparkle{display:inline-block;color:var(--gilt-bright);font-size:22px;animation:spell-sparkle 1.2s ease-in-out infinite alternate;text-shadow:0 0 12px rgba(232,203,109,.9)}.spell-banner-sparkle:last-child{animation-delay:.6s}@keyframes spell-sparkle{0%{transform:scale(.85) rotate(-10deg);opacity:.55}to{transform:scale(1.2) rotate(18deg);opacity:1}}.spell-banner-effects{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.spell-banner-effect{background:#00000073;border:1px solid rgba(255,255,255,.35);padding:4px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-flash-slot{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:40}.event-flash{display:inline-flex;align-items:center;position:relative;gap:14px;padding:10px 28px;font-family:var(--font-serif-jp);font-size:22px;font-weight:700;letter-spacing:.18em;color:var(--gilt-bright, #f7e29a);background:linear-gradient(180deg,#121626eb,#080a16f5);text-shadow:0 0 12px rgba(232,203,109,.75),0 0 26px rgba(232,203,109,.35);box-shadow:0 10px 28px #0000008c,inset 0 0 22px #e8cb6d14;z-index:40;pointer-events:none;white-space:nowrap;isolation:isolate}.event-flash:before,.event-flash:after{content:"";position:absolute;left:-2px;right:-2px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(232,203,109,.6),transparent)}.event-flash:before{top:-2px}.event-flash:after{bottom:-2px}.event-flash-mark{font-size:12px;color:#e8cb6dd9;text-shadow:0 0 10px rgba(232,203,109,.7)}.event-flash-text{white-space:nowrap}.event-flash .ev-mine{color:#9cc4ff;text-shadow:0 0 10px rgba(110,154,255,.75),0 0 22px rgba(52,90,168,.5);font-weight:800}.event-flash .ev-opp{color:#ff8a9c;text-shadow:0 0 10px rgba(214,69,96,.75),0 0 22px rgba(166,40,58,.5);font-weight:800}.commit-bar{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;padding:4px 0 8px;flex-wrap:wrap}.commit-bar .prep-timer{flex:0 1 380px}.commit-bar button.primary{min-width:240px;font-size:16px;padding:12px 30px;letter-spacing:3px;flex:0 0 auto}@media(max-width:720px){.commit-bar{flex-direction:column;gap:8px}.commit-bar .prep-timer{flex:1 1 100%;width:100%}}.prep-timer{width:min(380px,100%);display:flex;flex-direction:column;gap:4px;padding:6px 12px 8px;background:linear-gradient(180deg,#0a0d14b8,#07090fe0);border:1px solid var(--hair-faint);border-radius:var(--r-2);box-shadow:var(--lift-1),inset 0 0 0 1px #c9a44a0f;transition:border-color var(--d-med) var(--ease-inked),box-shadow var(--d-med) var(--ease-inked)}.prep-timer.dim{opacity:.55;filter:saturate(.7)}.prep-timer.warn{border-color:#d6456080;box-shadow:var(--lift-1),0 0 16px #d645602e}.prep-timer.pulse{animation:prep-timer-pulse .9s ease-in-out infinite}.prep-timer.expired{border-color:#d64560bf;animation:none}@keyframes prep-timer-pulse{0%,to{box-shadow:var(--lift-1),0 0 16px #d645602e}50%{box-shadow:var(--lift-1),0 0 26px #d645607a}}.prep-timer-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.prep-timer-label{display:inline-flex;align-items:baseline;gap:6px;font-family:var(--font-rune);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--parchment-dim)}.prep-timer-icon{font-size:13px;color:var(--gilt-bright);opacity:.85}.prep-timer-seconds{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:20px;color:var(--parchment-bright);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em;transition:color var(--d-med) var(--ease-inked)}.prep-timer-seconds-unit{font-size:13px;color:var(--parchment-faint);margin-left:2px;font-weight:400}.prep-timer.warn .prep-timer-seconds{color:var(--sigil-crimson-hi);text-shadow:0 0 12px rgba(214,69,96,.45)}.prep-timer-track{position:relative;width:100%;height:6px;background:var(--ink-void);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #0009}.prep-timer-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#6e9aff 0%,var(--gilt-bright) 55%,#e8cb6d 100%);box-shadow:0 0 8px #e8cb6d73;border-radius:999px}.prep-timer.warn .prep-timer-fill{background:linear-gradient(90deg,var(--gilt-bright) 0%,#d64560 60%,#a6283a 100%);box-shadow:0 0 10px #d6456073}.prep-timer-glow{position:absolute;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);pointer-events:none;opacity:.85;transition:left .2s linear}.prep-timer.dim .prep-timer-glow{display:none}@media(max-width:640px){.prep-timer{padding:6px 12px 8px}.prep-timer-seconds{font-size:20px}}.arrows-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:30;overflow:visible}.phase-banner{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:90;pointer-events:none;background:radial-gradient(ellipse at center,#0000008c,#0000001a 75%)}.phase-banner .phase-text{font-family:Cinzel,Times New Roman,serif;font-size:100px;font-weight:900;letter-spacing:16px;color:var(--gold);text-shadow:0 2px 0 #000,0 0 24px rgba(255,213,74,.8),0 0 60px rgba(255,213,74,.5)}.phase-banner-rule{position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(232,203,109,0) 8%,rgba(232,203,109,.85) 50%,rgba(232,203,109,0) 92%,transparent 100%);transform-origin:center;box-shadow:0 0 14px #e8cb6d66}.phase-banner .phase-subtitle{position:absolute;bottom:calc(50% - 90px);left:0;right:0;text-align:center;font-family:var(--font-rune);font-size:14px;font-weight:500;letter-spacing:.85em;color:var(--parchment-faint);text-indent:.85em;text-shadow:0 1px 0 #000,0 0 12px rgba(255,213,74,.35)}.shake{animation:screen-shake .45s}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-4px,-3px)}20%{transform:translate(6px,2px)}30%{transform:translate(-5px,4px)}40%{transform:translate(3px,-4px)}50%{transform:translate(-4px,3px)}60%{transform:translate(5px,-2px)}70%{transform:translate(-2px,-3px)}80%{transform:translate(3px,2px)}90%{transform:translate(-2px,1px)}}.gameover-screen{gap:22px;position:relative;overflow:hidden}.gameover-screen.win:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,213,74,.08) 0%,transparent 60%);pointer-events:none}.gameover-screen.lose:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(255,69,69,.06) 0%,transparent 60%);pointer-events:none}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.result-title{font-family:var(--font-display);font-style:italic;font-size:112px;font-weight:500;letter-spacing:-.01em;margin:0;text-align:center;animation:result-in .9s var(--ease-inked) both;position:relative;z-index:1;line-height:1}.result-title.win{color:var(--gilt-bright);text-shadow:0 0 48px rgba(232,203,109,.4);animation:result-in .9s var(--ease-inked) both,result-glow-win 3s 1s ease-in-out infinite alternate}.result-title.lose{color:var(--sigil-crimson-hi);text-shadow:0 0 48px rgba(214,69,96,.35);font-style:italic}.result-title.draw{color:var(--parchment-bright);font-size:72px;letter-spacing:.02em}@keyframes result-in{0%{transform:scale(.88) translateY(-24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes result-glow-win{0%{text-shadow:0 0 28px rgba(232,203,109,.2)}to{text-shadow:0 0 56px rgba(232,203,109,.55)}}.result-stats{background:var(--ink-pitch);border:1px solid var(--hair-strong);border-radius:var(--r-3);padding:var(--s-6) var(--s-6) var(--s-5);min-width:340px;max-width:420px;width:100%;box-shadow:var(--lift-3);display:flex;flex-direction:column;gap:var(--s-3);animation:result-panel-in .6s .3s var(--ease-inked) both;position:relative;z-index:1}.result-stats:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--hair);border-radius:var(--r-2);pointer-events:none}@keyframes result-panel-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.result-stat-row{display:flex;align-items:center;gap:12px}.result-stat-name{font-size:14px;font-weight:700;min-width:70px;color:var(--text);letter-spacing:.5px}.result-stat-row.opp .result-stat-name{color:var(--text-muted)}.result-life-bar-wrap{flex:1;height:10px;background:#ffffff0f;border-radius:5px;overflow:hidden}.result-life-bar{height:100%;border-radius:0;transition:width 1s var(--ease-inked)}.result-life-bar.you{background:var(--sigil-lapis-hi);box-shadow:0 0 8px #6e9aff59}.result-life-bar.opp{background:var(--sigil-crimson-hi);box-shadow:0 0 8px #d6456059}.result-stat-life{font-size:16px;font-weight:800;min-width:28px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.result-meta{display:flex;justify-content:center;gap:10px;font-size:13px;color:var(--text-faint);padding-top:6px;border-top:1px solid var(--border-subtle)}.result-meta-sep{opacity:.4}.result-meta-hint{opacity:.75;font-size:11px;letter-spacing:.08em;font-family:var(--font-rune, "Cinzel", serif);text-transform:uppercase}.result-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:520px;margin:0 auto 6px;animation:result-panel-in .6s .3s var(--ease-out) both}.result-highlight{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;background:#1216228c;border:1px solid rgba(212,175,55,.25);border-radius:8px}.result-highlight-num{font-family:Cinzel,serif;font-size:26px;font-weight:900;color:#f3e7bf;line-height:1;letter-spacing:.02em}.result-highlight-lbl{font-size:10px;letter-spacing:.2em;color:#a9b2c4;text-transform:uppercase;font-weight:700}.gameover-screen.win .result-highlight{border-color:#ffd54a73;box-shadow:0 0 12px #ffd54a14}@media(max-width:520px){.result-highlights{grid-template-columns:repeat(4,1fr);gap:6px}.result-highlight{padding:8px 2px}.result-highlight-num{font-size:20px}.result-highlight-lbl{font-size:9px;letter-spacing:.12em}}.gameover-actions{display:flex;gap:12px;animation:result-panel-in .6s .5s var(--ease-out) both;position:relative;z-index:1}.gameover-btn{min-width:160px}.result-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px;padding:24px 40px;min-width:360px;box-shadow:var(--shadow-3);text-align:center;display:flex;flex-direction:column;gap:10px}.result-panel .row{display:flex;justify-content:space-between;font-size:15px;color:var(--text-muted);padding:4px 0;border-bottom:1px solid var(--border-subtle)}.result-panel .row:last-child{border-bottom:none}.result-panel .row .val{color:var(--text);font-weight:700}.main-area::-webkit-scrollbar,.pending-row::-webkit-scrollbar,.battle-log-panel ul::-webkit-scrollbar{width:8px;height:8px}.main-area::-webkit-scrollbar-thumb,.pending-row::-webkit-scrollbar-thumb,.battle-log-panel ul::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.main-area::-webkit-scrollbar-track,.pending-row::-webkit-scrollbar-track,.battle-log-panel ul::-webkit-scrollbar-track{background:transparent}@media(max-width:900px){.app{grid-template-columns:1fr;min-height:auto}.app-battle{height:auto}.app-battle>.main-area{overflow-y:visible}.battle-topbar{position:sticky;top:0;z-index:30}.main-area{max-height:none;overflow-y:visible;padding:12px 12px 16px}.prep-view,.mulligan-view{max-width:100%;gap:10px}.battlefield{padding-left:36px}.side-marker{padding:4px 2px;letter-spacing:.12em;left:2px}.side-marker-tag{font-size:10px}.side-marker-sub{font-size:9px}.battle-log-strip{padding:8px 12px}.title{font-size:52px;letter-spacing:5px}.phase-banner .phase-text{font-size:64px;letter-spacing:10px}.phase-banner .phase-subtitle{bottom:calc(50% - 66px);font-size:12px;letter-spacing:.65em;text-indent:.65em}.result-title{font-size:72px;letter-spacing:8px}.battlefield{padding:10px 10px 10px 36px;gap:10px}.board{gap:8px}.board-cell{min-height:130px;padding:8px}.hand-row{overflow-x:auto;overflow-y:hidden;justify-content:flex-start;padding:20px 16px 8px;min-height:200px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}.hand-row .card-wrap{margin:0 4px;flex-shrink:0;scroll-snap-align:center}.hand-row .card-wrap>.card{width:124px;min-height:192px;font-size:10.5px}.prep-view,.mulligan-view{max-width:100%;min-width:0}.app-battle>.main-area,.main-area{overflow-x:hidden}.battle-topbar{max-width:100%;min-width:0}.battle-topbar-spacer{min-width:0}.commit-bar button.primary{min-width:220px;font-size:15px;padding:12px 22px;letter-spacing:3px}}@media(max-width:640px){.main-area{padding:8px 8px 14px}.battlefield .side-marker{display:none}.battlefield{padding-left:var(--s-3)!important;padding-right:var(--s-3)!important}.center-screen{padding:24px 16px calc(env(safe-area-inset-bottom,0px) + 72px);gap:20px}.title{font-size:40px;letter-spacing:4px}.subtitle{font-size:12px}.phase-banner .phase-text{font-size:44px;letter-spacing:6px}.phase-banner .phase-subtitle{bottom:calc(50% - 48px);font-size:10px;letter-spacing:.55em;text-indent:.55em}.phase-banner-rule{left:6%;right:6%}.result-title{font-size:54px;letter-spacing:5px}.result-title.draw{font-size:40px}.result-stats{min-width:0;width:100%;padding:18px 20px 14px}.gameover-actions{flex-direction:column;width:100%;max-width:320px}.gameover-btn{min-width:0;width:100%}.result-panel{min-width:0;width:100%;padding:18px 22px}.player-hud{flex-wrap:nowrap;gap:6px;padding:6px 8px}.hud-side-badge{min-width:40px;padding:4px 6px}.hud-side-label{font-size:11px;letter-spacing:.14em}.hud-side-sub{display:none}.hud-avatar{width:30px;height:30px;font-size:14px}.hud-name{font-size:12px;min-width:0;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-life{font-size:18px}.hud-divider{display:none}.hud-mana{gap:6px;flex-wrap:wrap}.mana-crystals{gap:2px}.mana-crystal{width:7px;height:14px}.mana-text .mana-current{font-size:17px}.mana-text .mana-max,.mana-text .mana-sep{font-size:12px}.mana-pending-pill{padding:1px 6px;font-size:11px}.hud-stack .count{font-size:13px}.hud-pending-info{font-size:11px}.round-banner{gap:10px;padding:6px 0;flex-wrap:wrap}.round-chip{padding:4px 12px;font-size:11px;letter-spacing:1px}.replaying-badge{padding:6px 14px;font-size:13px;letter-spacing:2px}.board-cell{min-height:110px;padding:6px;border-radius:9px}.board-cell:before{top:3px;right:3px;bottom:3px;left:3px;border-radius:7px}.line-label{font-size:9px;letter-spacing:2px;top:4px;left:6px}.board-unit{padding:14px 4px 4px}.unit-name{font-size:11px;line-height:1.1}.unit-stats{font-size:10px;gap:4px;flex-wrap:wrap;justify-content:center}.unit-kw .kw-chip{font-size:9px;padding:1px 4px}.unit-target{font-size:9px}.damage-popup{font-size:36px!important}.hand-row{min-height:170px;padding:16px 6px 6px}.card{width:138px;min-height:218px;font-size:11px}.card-wrap.small .card{width:110px;min-height:190px}.card-header{padding:6px 6px 6px 36px;min-height:36px}.card-cost{width:26px;height:26px;font-size:14px;left:5px;top:5px}.card-name{font-size:11px}.card-art{height:62px;font-size:30px}.card-art:before{width:54px;height:54px}.card-art .glyph,.card-art .glyph.glyph-size-1{font-size:36px}.card-art .glyph.glyph-size-2{font-size:24px}.card-art .glyph.glyph-size-3{font-size:18px}.card-art .glyph.glyph-size-4{font-size:14px}.card-kind{padding:2px 6px;font-size:9px}.card-stats{padding:4px 6px;font-size:10px}.card-flavor{padding:5px 6px 6px;font-size:9px;min-height:26px}.pending-row{gap:6px;padding:2px 0}.pending-info{font-size:9px;padding:4px 5px}.pending-info button{font-size:11px;padding:8px 14px;min-height:36px;min-width:44px}.hint{font-size:12px;padding:7px 10px;letter-spacing:.5px}.commit-bar{padding:6px 0 10px;position:sticky;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(6,8,17,.92) 40%);z-index:20}.commit-bar button.primary{min-width:80%;font-size:14px;padding:14px 18px;letter-spacing:2px}.spell-banner{padding:16px 28px 14px;min-width:260px;max-width:88vw}.spell-banner-name{font-size:22px;letter-spacing:3px;gap:8px}.spell-banner-sparkle{font-size:16px}.spell-banner-kind{font-size:9px;letter-spacing:.36em}.spell-banner-effect{font-size:12px;padding:3px 10px}.spell-burst{width:360px;height:360px}.spell-rings{width:220px;height:220px}.event-flash{top:6px;font-size:15px;padding:7px 16px;gap:8px;letter-spacing:.14em}.battle-log-strip{padding:7px 10px;min-height:40px}.battle-log-msg{font-size:12px}.battle-log-label{font-size:9px;letter-spacing:.24em}button{min-height:40px}}@media(max-width:380px){.title{font-size:32px;letter-spacing:3px}.card{width:122px}.board-cell{min-height:96px}.hud-name{max-width:60px}.result-title{font-size:42px;letter-spacing:4px}.result-title.draw{font-size:32px}}@media(hover:none){.hand-row .card-wrap:hover{transform:none;filter:drop-shadow(var(--shadow-2))}.board-cell.clickable:hover{border-color:var(--border);box-shadow:inset 0 0 18px #00000080}.board-unit:hover{transform:none}.log-view li:hover{opacity:.9}.pending-info button:hover:not(:disabled){filter:none}.card-wrap:active{transform:scale(.97);transition:transform .1s}.board-cell.clickable:active{filter:brightness(1.15)}button:active:not(:disabled){transform:scale(.97)}}@supports (padding: max(0px)){.main-area{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(14px,env(safe-area-inset-bottom))}}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ad1;-webkit-backdrop-filter:blur(10px) saturate(.9);backdrop-filter:blur(10px) saturate(.9);display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:var(--s-4);animation:fadein var(--d-med) var(--ease-inked);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@keyframes fadein{0%{opacity:0}to{opacity:1}}.tut-modal{position:relative;background:var(--ink-obsidian);border:1px solid var(--hair-strong);border-radius:var(--r-3);padding:var(--s-7) var(--s-6) var(--s-5);max-width:580px;width:100%;margin:auto 0;box-shadow:var(--lift-3);animation:pop var(--d-med) var(--ease-inked)}.tut-modal:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid var(--hair);border-radius:var(--r-2);pointer-events:none}.tut-modal:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:linear-gradient(to right,var(--gilt) 12px,transparent 12px) top left / 13px 1px no-repeat,linear-gradient(to bottom,var(--gilt) 12px,transparent 12px) top left / 1px 13px no-repeat,linear-gradient(to left,var(--gilt) 12px,transparent 12px) top right / 13px 1px no-repeat,linear-gradient(to bottom,var(--gilt) 12px,transparent 12px) top right / 1px 13px no-repeat,linear-gradient(to right,var(--gilt) 12px,transparent 12px) bottom left / 13px 1px no-repeat,linear-gradient(to top,var(--gilt) 12px,transparent 12px) bottom left / 1px 13px no-repeat,linear-gradient(to left,var(--gilt) 12px,transparent 12px) bottom right / 13px 1px no-repeat,linear-gradient(to top,var(--gilt) 12px,transparent 12px) bottom right / 1px 13px no-repeat;opacity:.6;pointer-events:none}@keyframes pop{0%{transform:scale(.94) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.tut-header{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);position:relative}.tut-title{font-family:var(--font-display);font-style:italic;font-size:30px;font-weight:500;color:var(--parchment-bright);letter-spacing:.01em;text-align:center}.tut-title:after{content:"";display:block;width:40px;height:1px;background:var(--gilt);margin:var(--s-2) auto 0;opacity:.6}.tut-progress{display:flex;gap:var(--s-2);align-items:center}.tut-dot{width:6px;height:6px;border-radius:50%;background:var(--hair);transition:all var(--d-med) var(--ease-inked);border:1px solid var(--hair)}.tut-dot.active{background:var(--gilt);box-shadow:0 0 8px #c9a44a73;width:28px;border-radius:1px;border-color:var(--gilt)}.tut-body{color:var(--parchment);line-height:1.8;font-family:var(--font-serif-jp);font-size:14.5px;min-height:180px;margin-bottom:var(--s-5);position:relative}.tut-body p{margin:var(--s-3) 0}.tut-list{text-align:left;padding-left:var(--s-5);margin:var(--s-3) 0;list-style:none}.tut-list li{margin:var(--s-2) 0;position:relative}.tut-list li:before{content:"❦";position:absolute;left:-20px;top:2px;color:var(--gilt);font-size:9px;opacity:.7}.tut-hl{color:var(--gilt-bright);font-weight:700;font-style:italic;font-family:var(--font-display);font-size:1.02em}.tut-footer{display:flex;justify-content:center;gap:var(--s-3);align-items:center;flex-wrap:wrap;padding-top:var(--s-3);border-top:1px solid var(--hair)}.tut-footer button{min-width:110px;padding:var(--s-2) var(--s-5);font-size:13px}.tut-skip{background:transparent;border:1px solid var(--hair-strong);color:var(--parchment-faint);padding:var(--s-2) var(--s-4);border-radius:var(--r-2);font-family:var(--font-rune);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;transition:all var(--d-fast) var(--ease-inked)}.tut-skip:hover{color:var(--parchment);border-color:var(--gilt-ash)}.tut-close{position:absolute;top:10px;right:10px;width:34px;height:34px;min-width:0;border:1px solid var(--hair);background:transparent;color:var(--parchment-faint);border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all var(--d-fast) var(--ease-inked);z-index:2}.tut-close:hover{color:var(--gilt-bright);border-color:var(--gilt-ash)}.tut-page-label{font-family:var(--font-rune);font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--parchment-faint);text-transform:uppercase}.tut-hint{margin-top:10px;font-size:10px;color:var(--parchment-faint);text-align:center;letter-spacing:.06em;opacity:.7}.tut-progress .tut-dot{padding:0;cursor:pointer}.tut-progress .tut-dot:focus-visible{outline:2px solid var(--gilt);outline-offset:2px}.tut-hero{display:flex;align-items:center;justify-content:center;gap:20px;margin:18px 0 10px;padding:14px 12px;border:1px solid var(--hair);border-radius:var(--r-2);background:#0c101a66}.tut-hero-life{font-family:var(--font-display);font-style:italic;font-size:28px;color:#ff7a8c;text-shadow:0 0 10px rgba(255,122,140,.35)}.tut-hero-vs{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--gilt);letter-spacing:.2em}.tut-flow{counter-reset:tutflow}.tut-flow li{counter-increment:tutflow}.tut-flow li:before{content:counter(tutflow);background:var(--gilt);color:var(--ink-pitch);border-radius:50%;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;left:-26px;top:2px;opacity:1;font-family:var(--font-sans)}.tut-lines{margin:14px auto;padding:10px;border:1px solid var(--hair);border-radius:var(--r-2);background:#0c101a80;max-width:360px}.tut-lines-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tut-lines-slot{padding:10px 4px;border:1px solid var(--hair);border-radius:4px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;background:#ffffff08;color:var(--parchment)}.tut-lines-row.enemy .tut-lines-slot{color:#ff9ea8;border-color:#ff9ea84d}.tut-lines-row.self .tut-lines-slot{color:#9ecbff;border-color:#9ecbff4d}.tut-lines-slot.empty{opacity:.35;border-style:dashed}.tut-lines-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}.tut-arrow{text-align:center;font-size:14px;color:var(--gilt-ash);letter-spacing:.1em}.tut-arrow.open{color:var(--gilt-bright);font-weight:900;text-shadow:0 0 8px rgba(201,164,74,.5)}.tut-kw-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.tut-kw-list li{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;border:1px solid var(--hair);border-radius:var(--r-2);background:#0c101a66}.tut-kw-list li>div{display:flex;flex-direction:column;gap:2px;flex:1;text-align:left}.tut-kw-list li strong{color:var(--gilt-bright);font-size:14px;letter-spacing:.05em}.tut-kw-list li span{font-size:12.5px;color:var(--parchment);line-height:1.5}.tut-kw-icon{font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c9a44a1f;border:1px solid var(--gilt-ash);flex-shrink:0}.help-btn{background:linear-gradient(180deg,#646480,#3a3a54)!important;font-size:14px!important;padding:10px 22px!important}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;max-width:560px;width:100%}.stats-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 18px;text-align:center;box-shadow:var(--shadow-1)}.stats-card.win{border-color:#5ccc9566;box-shadow:0 0 16px #5ccc9526}.stats-card.lose{border-color:#ff454566;box-shadow:0 0 16px #ff454526}.stats-label{font-size:12px;color:var(--text-faint);letter-spacing:1px;margin-bottom:6px}.stats-value{font-size:28px;font-weight:700;color:var(--gold);font-family:Cinzel,serif}.stats-card.win .stats-value{color:var(--success)}.stats-card.lose .stats-value{color:var(--danger)}.stats-log-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;padding:20px;max-width:560px;width:100%}.stats-log-title{font-size:14px;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;text-align:left}.stats-empty{padding:40px 20px;color:var(--text-faint);text-align:center;font-size:13px;line-height:1.7;letter-spacing:.04em;position:relative}.stats-empty:before{content:"❦";display:block;font-size:28px;color:#e8cb6d8c;margin-bottom:10px;letter-spacing:0}.stats-table{width:100%;border-collapse:collapse;font-size:13px}.stats-table th{text-align:left;padding:8px 6px;color:var(--text-faint);font-weight:500;border-bottom:1px solid var(--border-subtle);font-size:11px;letter-spacing:1px}.stats-table td{padding:8px 6px;border-bottom:1px solid rgba(42,50,74,.5);color:var(--text)}.stats-table td.muted{color:var(--text-faint);font-size:12px}.stats-chip{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:1px}.stats-chip.win{background:#5ccc9533;color:var(--success);border:1px solid rgba(92,204,149,.4)}.stats-chip.lose{background:#ff454526;color:var(--danger-soft);border:1px solid rgba(255,69,69,.35)}.card-clickable{cursor:zoom-in}.card-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#03050ae0;-webkit-backdrop-filter:blur(12px) saturate(.8);backdrop-filter:blur(12px) saturate(.8);animation:card-detail-bg-in var(--d-med) var(--ease-inked);cursor:zoom-out}@keyframes card-detail-bg-in{0%{background:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background:#03050ae0;-webkit-backdrop-filter:blur(12px) saturate(.8);backdrop-filter:blur(12px) saturate(.8)}}.card-detail-content{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);animation:card-detail-pop var(--d-slow) var(--ease-inked) both;cursor:default;position:relative;outline:none}.card-detail-close{position:absolute;top:-36px;right:-36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hair);background:var(--ink-pitch);color:var(--parchment-dim);font-size:22px;line-height:1;cursor:pointer;transition:background var(--d-fast) var(--ease-inked),color var(--d-fast) var(--ease-inked),border-color var(--d-fast) var(--ease-inked),transform var(--d-fast) var(--ease-inked);z-index:2}.card-detail-close:hover,.card-detail-close:focus-visible{background:var(--sigil-crimson);color:var(--parchment-bright);border-color:var(--sigil-crimson-hi);transform:rotate(90deg);outline:none}@media(max-width:640px){.card-detail-close{top:-44px;right:0}}.card-detail-content:before,.card-detail-content:after{content:"";position:absolute;left:50%;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gilt),transparent);transform:translate(-50%);opacity:.5}.card-detail-content:before{top:-20px}.card-detail-content:after{bottom:-20px}@keyframes card-detail-pop{0%{transform:scale(.85) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-detail-card .card{width:280px;min-height:430px;font-size:14px;cursor:default;box-shadow:var(--lift-3),0 0 56px #c9a44a2e}.card-detail-info{text-align:center;max-width:320px}.card-detail-name{font-family:var(--font-display);font-style:italic;font-size:26px;font-weight:500;color:var(--parchment-bright);letter-spacing:.01em;margin-bottom:var(--s-1)}.card-detail-flavor{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--parchment-dim);line-height:1.7}.card-detail-flavor:before,.card-detail-flavor:after{content:"";display:inline-block;width:6px;height:6px;margin:0 8px;vertical-align:3px;background:var(--gilt);opacity:.5;transform:rotate(45deg)}@media(max-width:640px){.card-detail-card .card{width:220px;height:338px;font-size:12px}.card-detail-name{font-size:18px}}.share-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:12px 0}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--surface-hi);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-weight:600;letter-spacing:1px;transition:all .15s}.share-btn:hover{background:var(--border);transform:translateY(-1px)}.share-btn.x{background:#000;border-color:#333}.share-btn.x:hover{background:#1a1a1a;box-shadow:0 0 12px #ffffff26}.share-icon{font-weight:900;font-size:15px}.lobby-screen{gap:20px;max-width:440px;margin:0 auto}.lobby-header{text-align:center}.lobby-title{font-size:56px!important;letter-spacing:10px!important}.lobby-warning{background:#ffc8641a;border:1px solid rgba(255,200,100,.3);border-radius:10px;padding:10px 18px;color:var(--gold);font-size:13px;text-align:center}.lobby-name-field{display:flex;align-items:center;gap:10px;width:100%;max-width:320px}.lobby-name-label{font-size:13px;color:var(--text-muted);white-space:nowrap}.lobby-name-input{flex:1}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px}.lobby-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.lobby-divider{width:100%;position:relative;text-align:center;height:1px;background:var(--border-subtle)}.lobby-divider-text{position:relative;top:-10px;background:var(--bg-base);padding:0 16px;font-size:12px;color:var(--text-faint);letter-spacing:2px;text-transform:uppercase}.lobby-join-row{display:flex;gap:10px;width:100%}.lobby-room-input{flex:1;text-align:center;font-size:20px!important;letter-spacing:4px;font-weight:700;text-transform:uppercase}.lobby-join-row .lobby-btn{width:auto;min-width:80px}.lobby-waiting{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:360px}.lobby-room-display{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-panel);border:1px solid rgba(255,213,74,.3);border-radius:14px;padding:20px 32px;width:100%;box-shadow:var(--shadow-2),0 0 20px #ffd54a14}.lobby-room-label{font-size:11px;color:var(--text-faint);letter-spacing:3px;text-transform:uppercase}.lobby-room-id{font-family:Cinzel,serif;font-size:36px;font-weight:800;color:var(--gold);letter-spacing:6px;text-shadow:0 0 16px rgba(255,213,74,.4);-webkit-user-select:all;user-select:all}.lobby-waiting-text{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-muted);animation:lobby-waiting-pulse 2s ease-in-out infinite alternate}@keyframes lobby-waiting-pulse{0%{opacity:.6}to{opacity:1}}.lobby-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--gold);border-radius:50%;animation:conn-spin .9s linear infinite;flex-shrink:0}.lobby-error{background:#ff45451a;border:1px solid rgba(255,69,69,.3);border-radius:10px;padding:10px 18px;color:var(--danger-soft);font-size:13px;text-align:center;width:100%;max-width:360px}.lobby-back{margin-top:8px;min-width:160px}.lobby-screen{max-width:520px}.lobby-hint{width:100%;max-width:460px;background:#5b8bff0f;border:1px solid rgba(91,139,255,.28);border-radius:12px;padding:12px 14px 14px;overflow:hidden}.lobby-hint-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.lobby-hint-mark{color:#5b8bff;font-size:14px}.lobby-hint-title{flex:1;font-weight:700;letter-spacing:.04em;font-size:13px;color:#b6c4ff}.lobby-hint-close{background:none;border:0;color:var(--text-faint);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;line-height:1}.lobby-hint-close:hover{background:#ffffff0f;color:var(--text-muted)}.lobby-hint-list{margin:0;padding-left:20px;font-size:12.5px;line-height:1.55;color:var(--text-muted)}.lobby-hint-list li+li{margin-top:4px}.lobby-hint-list b{color:var(--text)}.lobby-deck-preview{width:100%;max-width:460px;background:#ffffff06;border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.lobby-deck-preview.preset{border-color:#ffc8644d;background:#ffc8640d}.lobby-deck-head{display:flex;align-items:center;gap:8px}.lobby-deck-tag{font-size:10px;letter-spacing:.1em;font-weight:700;padding:2px 8px;border-radius:4px;background:#ffffff0f;color:var(--text-muted);text-transform:uppercase}.lobby-deck-preview.preset .lobby-deck-tag{background:#ffc8642e;color:var(--gold)}.lobby-deck-name{flex:1;font-weight:600;font-size:14px;color:var(--text)}.lobby-deck-count{font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;padding:2px 8px;border-radius:999px}.lobby-deck-count.ok{background:#7effa026;color:#7effa0}.lobby-deck-count.warn{background:#ff90902e;color:#ff9090}.lobby-deck-top{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lobby-deck-top-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-muted)}.lobby-deck-top-cost{width:20px;height:20px;border-radius:50%;background:#3a5bb0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.lobby-deck-top-name{flex:1}.lobby-deck-top-n{color:var(--gold);font-weight:700;font-size:11px}.lobby-deck-warning-text{font-size:11px;color:var(--gold);opacity:.8;line-height:1.4}.lobby-join-block{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:8px}.lobby-join-label{font-size:12px;color:var(--text-muted);letter-spacing:.04em;text-align:center}.room-id-boxes{display:flex;justify-content:center;gap:8px}.room-id-box{width:44px;height:56px;background:#00000059;border:1.5px solid var(--border);border-radius:8px;font-family:Cinzel,Courier New,monospace;font-size:26px;font-weight:700;text-align:center;color:var(--text);text-transform:uppercase;caret-color:var(--gold);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;padding:0}.room-id-box:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #ffd54a33}.room-id-box.filled{background:#ffd54a14;border-color:#ffd54a8c;color:var(--gold)}.lobby-join-hint{text-align:center;font-size:11.5px;color:var(--text-faint);letter-spacing:.02em;min-height:16px}.lobby-error{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#ff45451a;border:1px solid rgba(255,69,69,.32);border-radius:10px;padding:10px 14px;color:var(--danger-soft);font-size:13px;width:100%;max-width:460px;text-align:left}.lobby-error-icon{font-size:16px;flex-shrink:0}.lobby-error-text{flex:1;line-height:1.4}.lobby-room-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.lobby-room-actions .share-btn{font-size:12px;padding:6px 12px}.lobby-waiting-elapsed{margin-left:6px;font-variant-numeric:tabular-nums;color:var(--text-faint);font-size:12px}@media(max-width:640px){.lobby-deck-preview,.lobby-hint,.lobby-error{max-width:none}.room-id-boxes{gap:6px}.room-id-box{width:38px;height:50px;font-size:22px}}@media(max-width:640px){.lobby-screen{padding:0 12px}.lobby-title{font-size:38px!important;letter-spacing:6px!important}.lobby-room-input{font-size:17px!important;letter-spacing:3px}.lobby-name-field,.lobby-actions{max-width:none;width:100%}.lobby-btn{min-height:48px}}.quick-play-modal{max-width:680px}.qp-section{margin:18px 0}.qp-section-label{font-size:12px;letter-spacing:2px;color:var(--text-faint);margin-bottom:10px;text-align:left}.qp-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.qp-option{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-left:3px solid var(--border-subtle);border-radius:8px;padding:10px 14px;text-align:left;color:var(--text);transition:border-color .15s,background .15s,box-shadow .15s,transform .12s;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:68px}.qp-option:hover:not(.active){border-color:var(--border);background:var(--surface-hi);transform:translateY(-1px)}.qp-option:focus-visible{outline:none;box-shadow:0 0 0 2px #e8cb6d80}.qp-option:active{transform:translateY(0) scale(.99)}.qp-option.active{border-color:var(--gold);background:#ffd54a1a;box-shadow:0 0 0 1px var(--gold) inset,0 0 16px #ffd54a38}.qp-option.active .qp-option-name{color:var(--gilt-bright)}.qp-option.active:after{content:"✓";position:absolute;top:-7px;right:-7px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:var(--gold);color:var(--ink-void);font-size:12px;font-weight:900;box-shadow:0 2px 8px #00000080;z-index:2}.qp-option.playstyle-starter{border-left-color:#5ccc95}.qp-option.playstyle-aggro{border-left-color:#ff6b6b}.qp-option.playstyle-control{border-left-color:#5b8bff}.qp-option.playstyle-midrange{border-left-color:#d4af37}.qp-option.playstyle-combo{border-left-color:#b47eff}.qp-option.qp-option-custom{border-left-color:var(--gilt)}.qp-option-head{display:flex;align-items:center;gap:8px;justify-content:space-between}.qp-option-name{font-weight:700;font-size:14px;min-width:0;flex:1;line-height:1.25;word-break:keep-all;overflow-wrap:anywhere}.qp-option-desc{font-size:11px;color:var(--text-faint);line-height:1.45}.qp-option-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--text-faint);letter-spacing:.04em}.qp-option-equipped{font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;background:#5ccc9529;color:#8be0b3;border:1px solid rgba(92,204,149,.4);letter-spacing:.15em;text-transform:uppercase}.qp-option-tag{flex-shrink:0;display:inline-block;font-size:9px;padding:2px 7px;background:#5b8bff2e;color:var(--info);border:1px solid rgba(91,139,255,.3);border-radius:999px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.qp-option-style{flex-shrink:0;display:inline-block;font-size:9px;font-weight:800;letter-spacing:.18em;padding:2px 7px;border-radius:999px;border:1px solid currentColor;opacity:.9}.qp-option-style.style-starter{color:#8be0b3;background:#5ccc951a}.qp-option-style.style-aggro{color:#ff9b9b;background:#ff6b6b1f}.qp-option-style.style-control{color:#a8c0ff;background:#5b8bff1f}.qp-option-style.style-midrange{color:#e6c869;background:#d4af371f}.qp-option-style.style-combo{color:#d2b8ff;background:#b47eff1f}.qp-close{top:8px;right:8px}.qp-difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qp-diff{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-top:3px solid var(--border-subtle);border-radius:8px;padding:12px;text-align:center;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .12s,box-shadow .15s}.qp-diff:hover:not(.active){background:var(--surface-hi);transform:translateY(-1px)}.qp-diff:focus-visible{outline:none;box-shadow:0 0 0 2px #e8cb6d80}.qp-diff:active{transform:translateY(0) scale(.99)}.qp-diff-label{font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.qp-diff.easy{border-top-color:#5ccc9580}.qp-diff.normal{border-top-color:#5b8bff80}.qp-diff.hard{border-top-color:#ff6b6b80}.qp-diff.easy .qp-diff-label{color:var(--success)}.qp-diff.normal .qp-diff-label{color:var(--info)}.qp-diff.hard .qp-diff-label{color:var(--danger-soft)}.qp-diff.active{background:#ffd54a14;box-shadow:0 0 0 1px var(--gold) inset,0 0 12px #ffd54a33}.qp-diff.active.easy{border-top-color:var(--success)}.qp-diff.active.normal{border-top-color:var(--info)}.qp-diff.active.hard{border-top-color:var(--danger-soft)}.qp-diff-deck{font-size:11px;color:var(--text-muted);margin-bottom:4px}.qp-diff-desc{font-size:10px;color:var(--text-faint);line-height:1.3}@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-log-panel{padding:14px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-table{min-width:360px}.qp-options,.qp-difficulty{grid-template-columns:1fr}.qp-section{margin:12px 0}.qp-diff{padding:10px}.quick-play-modal .tut-footer{position:sticky;bottom:calc(-1 * var(--s-5));margin:var(--s-3) calc(-1 * var(--s-3)) calc(-1 * var(--s-3));padding:var(--s-3) var(--s-3) calc(var(--s-3) + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--ink-obsidian) 82%,transparent);border-top:1px solid var(--hair);z-index:2}.tut-overlay{padding:12px 10px calc(12px + env(safe-area-inset-bottom,0px));align-items:flex-start}.tut-modal{padding:18px 14px 14px}.tut-modal:before{top:6px;right:6px;bottom:6px;left:6px}.tut-modal:after{top:12px;right:12px;bottom:12px;left:12px}.tut-header{margin-bottom:14px}.tut-title{font-size:20px}.tut-footer{gap:8px}.tut-footer button{min-width:0;flex:1 1 45%;padding:10px 12px;font-size:12px}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr}.stats-value{font-size:22px}}.conn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:auto}.conn-panel{background:linear-gradient(160deg,#1a2038,#131729);border:1px solid rgba(255,213,74,.2);border-radius:14px;padding:28px 36px;text-align:center;box-shadow:0 12px 40px #000000b3;min-width:260px}.conn-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(91,139,255,.25);border-top-color:var(--info);animation:conn-spin .9s linear infinite;margin:0 auto 14px}.conn-spinner.warn{border-color:#ffa50040;border-top-color:orange}@keyframes conn-spin{to{transform:rotate(360deg)}}.conn-title{font-size:18px;font-weight:700;color:var(--gold);margin-bottom:6px;letter-spacing:1.5px}.conn-title.warn{color:orange}.conn-title.lose{color:var(--danger-soft)}.conn-sub{color:var(--text-muted);font-size:13px}.conn-progress{margin:14px auto 0;max-width:260px}.conn-progress-track{position:relative;width:100%;height:6px;background:var(--ink-void);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px #0009}.conn-progress-track.slim{margin-top:10px;height:4px}.conn-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--info) 0%,var(--gilt-bright) 100%);border-radius:999px;transition:width .3s var(--ease-inked)}.conn-progress-fill.warn{background:linear-gradient(90deg,var(--gilt-bright) 0%,#ffa500 100%)}.conn-progress-fill.crit{background:linear-gradient(90deg,#ffa500 0%,var(--sigil-crimson-hi) 100%)}.conn-progress-label{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;font-family:var(--font-rune);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--parchment-dim)}.conn-progress-num{font-family:var(--font-display);font-style:italic;font-size:14px;letter-spacing:0;color:var(--parchment-bright);font-variant-numeric:tabular-nums}.conn-progress-sep,.conn-progress-max{color:var(--parchment-faint)}.conn-countdown{display:inline-flex;align-items:baseline;gap:3px;margin:10px auto 4px;font-family:var(--font-display);font-style:italic;color:orange;font-variant-numeric:tabular-nums}.conn-countdown-num{font-size:40px;font-weight:600;line-height:1;text-shadow:0 0 16px rgba(255,165,0,.45)}.conn-countdown-unit{font-size:14px;color:var(--parchment-faint);margin-left:2px}.conn-countdown.pulse{animation:conn-countdown-pulse .6s ease-in-out infinite alternate;color:var(--sigil-crimson-hi)}.conn-countdown.pulse .conn-countdown-num{text-shadow:0 0 22px rgba(214,69,96,.65)}@keyframes conn-countdown-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.conn-note{margin-top:10px;font-size:12px;letter-spacing:.1em;color:var(--parchment-dim)}.conn-note.warn{color:var(--sigil-crimson-hi)}.conn-overlay.critical .conn-panel{border-color:#d6456073;box-shadow:0 12px 40px #000000b3,0 0 26px #d6456040}.toast-host{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:10000;pointer-events:none;max-width:calc(100vw - 48px)}.toast{pointer-events:auto;display:grid;grid-template-columns:32px 1fr auto;align-items:start;gap:12px;min-width:280px;max-width:380px;padding:12px 14px;background:linear-gradient(180deg,#101420f7,#0a0d14f7);border:1px solid var(--hair);border-left-width:3px;border-radius:var(--r-2);box-shadow:var(--lift-3);color:var(--parchment-bright);font-size:13px;line-height:1.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-family:var(--font-display);font-weight:600;font-size:16px;background:var(--ink-void)}.toast-body{display:flex;flex-direction:column;gap:2px;min-width:0}.toast-title{font-family:var(--font-display);font-style:italic;font-size:15px;font-weight:600;color:var(--parchment-bright);letter-spacing:.01em}.toast-text{color:var(--parchment-dim);word-break:break-word}.toast-close{width:24px;height:24px;display:grid;place-items:center;border:0;background:transparent;color:var(--parchment-faint);font-size:18px;line-height:1;cursor:pointer;border-radius:50%;transition:background var(--d-fast),color var(--d-fast)}.toast-close:hover,.toast-close:focus-visible{background:#ffffff14;color:var(--parchment-bright);outline:none}.toast-success{border-left-color:var(--sigil-verdigris-hi, #6cb693)}.toast-success .toast-icon{color:#6cb693;box-shadow:inset 0 0 0 1px #6cb69373}.toast-error{border-left-color:var(--sigil-crimson-hi)}.toast-error .toast-icon{color:var(--sigil-crimson-hi);box-shadow:inset 0 0 0 1px #d645608c}.toast-info{border-left-color:var(--sigil-lapis-hi)}.toast-info .toast-icon{color:var(--sigil-lapis-hi);box-shadow:inset 0 0 0 1px #6e9aff73}.toast-warn{border-left-color:var(--gilt-bright)}.toast-warn .toast-icon{color:var(--gilt-bright);box-shadow:inset 0 0 0 1px #e8cb6d80}@media(max-width:640px){.toast-host{top:auto;bottom:72px;right:12px;left:12px}.toast{min-width:0;max-width:none}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9800;display:grid;place-items:center;background:#03050ab8;-webkit-backdrop-filter:blur(8px) saturate(.8);backdrop-filter:blur(8px) saturate(.8)}.confirm-modal{position:relative;width:min(420px,calc(100vw - 32px));padding:22px 26px 20px;background:linear-gradient(180deg,#131729,#0a0d14);border:1px solid var(--hair);border-radius:var(--r-3);box-shadow:var(--lift-3),0 0 0 1px #c9a44a14;color:var(--parchment-bright);outline:none}.confirm-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gilt),transparent);opacity:.6}.confirm-modal.danger:before{background:linear-gradient(90deg,transparent,var(--sigil-crimson-hi),transparent)}.confirm-head{font-family:var(--font-display);font-style:italic;font-size:22px;font-weight:600;color:var(--parchment-bright);letter-spacing:.01em;margin-bottom:10px}.confirm-modal.danger .confirm-head{color:var(--sigil-crimson-hi)}.confirm-body{font-size:14px;line-height:1.6;color:var(--parchment-dim);margin-bottom:20px}.confirm-actions{display:flex;justify-content:flex-end;gap:10px}.confirm-actions .primary.danger{background:linear-gradient(180deg,#d64560,#a6283a);border-color:#d64560a6;color:#fff}.confirm-actions .primary.danger:hover,.confirm-actions .primary.danger:focus-visible{background:linear-gradient(180deg,#e65670,#b93448);box-shadow:0 0 16px #d6456059;outline:none}@media(max-width:640px){.confirm-modal{padding:18px 18px 16px}.confirm-head{font-size:19px}}.ach-toast-stack{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:250;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#2a2046,#1a1628);border:1px solid var(--gold);border-radius:10px;padding:12px 16px;min-width:260px;box-shadow:0 8px 24px #0009,0 0 18px #ffd54a4d;animation:ach-slidein .35s var(--ease-pop)}@keyframes ach-slidein{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.ach-toast-icon{font-size:32px;line-height:1;filter:drop-shadow(0 2px 6px rgba(255,213,74,.5))}.ach-toast-body{text-align:left}.ach-toast-label{font-size:10px;color:var(--gold);letter-spacing:2px;margin-bottom:2px}.ach-toast-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:2px}.ach-toast-desc{font-size:11px;color:var(--text-muted)}.lb-profile{width:100%;max-width:560px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 18px}.lb-profile-label{font-size:11px;letter-spacing:2px;color:var(--text-faint);margin-bottom:8px;text-align:left}.lb-profile-row{display:flex;gap:8px}.lb-profile-input{flex:1;padding:8px 12px;background:#1a1a22;border:1px solid #444;color:var(--text);border-radius:6px;font-size:15px}.lb-panel{width:100%;max-width:680px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:10px;padding:18px 22px}.lb-header{font-size:14px;letter-spacing:2px;color:var(--gold);margin-bottom:12px;text-align:left;font-weight:700}.lb-table th:first-child,.lb-table td:first-child{width:48px}.lb-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:700;font-size:13px;background:var(--surface-hi);color:var(--text)}.lb-rank.rank-1{background:linear-gradient(135deg,gold,#b8860b);color:#222;box-shadow:0 0 12px #ffd70080}.lb-rank.rank-2{background:linear-gradient(135deg,silver,gray);color:#222}.lb-rank.rank-3{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff}.lb-name{font-weight:600}.ach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.ach-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 12px;text-align:center;transition:all .2s}.ach-card.unlocked{border-color:#ffd54a80;box-shadow:0 0 12px #ffd54a26}.ach-card.locked{opacity:.55;filter:grayscale(.6)}.ach-card-icon{font-size:32px;line-height:1;margin-bottom:8px}.ach-card-name{font-weight:700;font-size:13px;color:var(--text);margin-bottom:3px}.ach-card-desc{font-size:10px;color:var(--text-faint);line-height:1.4}.mute-toggle{position:fixed;right:calc(env(safe-area-inset-right,0px) + 14px);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);width:44px;height:44px;border-radius:50%;background:#121622c7;border:1px solid rgba(212,175,55,.35);color:#d4af37;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:.78;transition:transform .15s,background .15s,border-color .15s,opacity .2s}.mute-toggle:hover,.mute-toggle:focus-visible{background:#1e2434e6;border-color:#d4af37b3;transform:scale(1.06);opacity:1}.mute-toggle:active{transform:scale(.95)}.market-head{display:flex;align-items:center;gap:16px;width:100%;max-width:1200px;justify-content:center;position:relative}.market-head .ghost{position:absolute;left:0}.market-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;max-width:1200px}.market-sort{display:flex;gap:8px}.market-search{display:flex;gap:8px;align-items:center}.market-search .text-input{min-width:220px}.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;width:100%;max-width:1200px;padding:4px 8px 80px}.market-grid>.empty-state{grid-column:1 / -1}.market-card{background:#12162299;border:1px solid rgba(212,175,55,.25);border-radius:10px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s,border-color .15s,box-shadow .15s}.market-card:hover{transform:translateY(-3px);border-color:#d4af37a6;box-shadow:0 8px 18px #00000073}.market-card.mine{border-color:#d4af37b3;background:#2e26128c}.market-card-meta{width:100%;display:flex;flex-direction:column;gap:4px;font-size:12px}.market-card-author{color:#cfd7e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.market-card-stats{display:flex;justify-content:space-between;color:#a9b2c4}.market-card-stats .liked{color:#ff6b8a;font-weight:600}.market-modal{max-width:520px}.market-modal>.app-modal-body{display:flex;flex-direction:column;gap:14px;align-items:center;padding-top:28px}.market-modal-card{display:flex;justify-content:center}.market-modal .market-modal-body{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.market-modal-title{font-size:22px;font-weight:700;color:#d4af37}.market-modal-stats{display:flex;gap:18px;font-size:14px;color:#cfd7e6}.market-modal-flavor{font-style:italic;color:#8f97a8;font-size:13px;max-width:420px}.market-modal-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}@media(max-width:640px){.market-head{flex-direction:column;gap:8px;padding:0 8px}.market-head .ghost{position:static;align-self:flex-start}.market-head .title{font-size:28px!important}.market-controls{flex-direction:column;gap:10px;padding:0 8px}.market-sort{flex-wrap:wrap;justify-content:center}.market-search{width:100%;flex-wrap:wrap}.market-search .text-input{flex:1;min-width:0}.market-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:4px 6px 80px}.market-card{padding:8px;gap:6px}.market-card-meta{font-size:11px}.market-modal{padding:20px 16px 16px}.market-modal-title{font-size:18px}.market-modal-actions button{min-height:44px}}.icon-picker-wrap{display:flex;flex-direction:column;gap:10px;width:100%}.icon-custom{display:flex;flex-direction:column;gap:4px}.icon-custom-label{font-size:11px;color:#8f97a8;letter-spacing:.05em}.icon-custom-input{width:100%;max-width:240px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Noto Sans CJK JP,system-ui,sans-serif;font-size:18px}.icon-custom-input.active{border-color:#d4af37cc;background:#2e261273}.share-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;margin:0 16px 12px;background:#121622b3;border:1px solid rgba(212,175,55,.35);border-radius:8px}.share-url-input{flex:1 1 240px;min-width:200px;font-size:12px;color:#d4e2ff}.autoplay-bar{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 18px;background:#121622e6;border:1px solid rgba(255,213,74,.5);border-radius:24px;z-index:350;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 16px #00000080,0 0 12px #ffd54a26}.autoplay-badge{font-size:12px;font-weight:900;letter-spacing:3px;color:var(--gold);text-shadow:0 0 8px rgba(255,213,74,.4);animation:autoplay-glow 2s ease-in-out infinite alternate}@keyframes autoplay-glow{0%{opacity:.7}to{opacity:1}}.autoplay-stop{padding:5px 14px;background:linear-gradient(180deg,#ff7a7a,#c93535);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.autoplay-stop:hover{filter:brightness(1.15);transform:scale(1.05)}.autoplay-confirm{max-width:420px}.autoplay-confirm-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.autoplay-confirm-actions button{width:100%;max-width:280px}.app-battle{grid-template-rows:auto 1fr;height:100vh;height:100dvh}.app-battle>.main-area{max-height:none;min-height:0}.battle-topbar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--ink-pitch);border-bottom:1px solid var(--hair)}.battle-topbar-spacer{flex:1 1 auto}.battle-exit-wrap{display:inline-flex}.battle-exit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--hair-strong);border-radius:var(--r-2);color:var(--parchment);font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.battle-exit-btn:hover{background:#281414e6;border-color:#ff4545b3;color:#ffb3b3;transform:scale(1.04)}@media(max-width:640px){.battle-topbar{padding:6px 10px;gap:6px}.battle-exit-btn{padding:6px 10px;font-size:12px}}.rec-btn-wrap{display:inline-flex}.rec-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:transparent;border:1px solid rgba(255,69,69,.4);border-radius:var(--r-2);color:var(--parchment);font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.rec-btn:hover{background:#1e1414e6;border-color:#ff4545b3;transform:scale(1.04)}.rec-btn.active{background:#3c0f0fe6;border-color:#ff4545;box-shadow:0 0 16px #ff454566}.rec-btn.stopping{opacity:.6;cursor:wait}.rec-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff4545;flex-shrink:0}.rec-dot.pulse{animation:rec-pulse 1s ease-in-out infinite}.rec-dot.stopping{background:#888}@keyframes rec-pulse{0%,to{opacity:1;box-shadow:0 0 #ff454599}50%{opacity:.4;box-shadow:0 0 0 6px #ff454500}}.editor-title{font-family:Cinzel,serif;font-size:36px;font-weight:900;letter-spacing:6px;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.4),0 0 20px rgba(255,213,74,.3)}.editor-video-wrap{position:relative;width:100%;max-width:720px;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-3);background:#000}.editor-video{display:block;width:100%;max-height:420px;object-fit:contain;cursor:pointer;background:#000}.editor-time-badge{position:absolute;bottom:10px;right:12px;background:#000000bf;color:var(--text);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;pointer-events:none}.editor-controls{display:flex;gap:10px;justify-content:center}.editor-play-btn{padding:10px 28px;background:var(--surface-hi);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .15s}.editor-play-btn:hover{background:var(--border);transform:translateY(-1px)}.editor-trim-section{width:100%;max-width:720px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;padding:18px 24px}.editor-trim-label{font-size:13px;letter-spacing:2px;color:var(--text-faint);margin-bottom:12px;font-weight:700}.editor-trim-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.trim-label{font-size:12px;color:var(--text-muted);min-width:36px;font-weight:600}.trim-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--surface);outline:none}.trim-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;border:2px solid rgba(0,0,0,.3);box-shadow:0 2px 6px #0006}.trim-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;border:2px solid rgba(0,0,0,.3)}.trim-value{font-size:13px;color:var(--gold);font-weight:700;min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.trim-duration{text-align:center;font-size:12px;color:var(--text-muted);margin-top:4px}.editor-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.editor-format-note{width:100%;max-width:720px;margin:8px auto 0;padding:10px 14px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;font-size:13px;color:var(--text-secondary);text-align:center;display:flex;flex-direction:column;gap:4px}.editor-format-note strong{color:var(--gold)}.editor-format-hint{font-size:12px;opacity:.85}.editor-format-hint a{color:var(--gold);text-decoration:underline;margin:0 2px}@media(max-width:640px){.editor-title{font-size:24px;letter-spacing:3px}.editor-video{max-height:280px}.editor-trim-section{padding:14px 16px}.editor-trim-row{gap:8px}}.autoplay-modal{max-width:620px}.autoplay-deck-row{display:flex;gap:12px;padding:4px 0 8px;align-items:flex-start}.autoplay-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;margin-top:14px;border-top:1px solid var(--hair, rgba(255, 255, 255, .08));flex-wrap:wrap}@media(max-width:520px){.autoplay-actions{justify-content:stretch}.autoplay-actions>button{flex:1 1 auto;min-width:0}}.autoplay-vs{flex-shrink:0;align-self:center;font-family:Cinzel,serif;font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 0 12px rgba(255,213,74,.5);letter-spacing:4px;padding:0 4px}.autoplay-deck-picker{flex:1;min-width:0}.autoplay-deck-label{font-size:14px;font-weight:800;letter-spacing:2px;color:var(--text-muted);margin-bottom:8px;text-align:center}.autoplay-deck-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.autoplay-deck-group-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--text-faint);padding:2px 4px}.autoplay-deck-btn{display:block;width:100%;text-align:left;background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text);padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.autoplay-deck-btn:hover{background:#ffffff14;border-color:var(--border)}.autoplay-deck-btn.active{background:#5b8bff26;border-color:#5b8bff;color:#a8c8ff;box-shadow:0 0 8px #5b8bff4d}@media(max-width:520px){.autoplay-deck-row{flex-direction:column;align-items:stretch}.autoplay-vs{text-align:center;font-size:22px;padding:4px 0}}.center-screen{animation:screen-fade-in .35s ease-out}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.builder-view{animation:screen-fade-in .3s ease-out}button.primary:active:not(:disabled){transform:translateY(1px) scale(.97);transition:transform .08s}.pool-card-click:hover:not(.disabled){transform:scale(1.04);z-index:2}button.ghost:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px);transition:all .15s var(--ease-out)}button.ghost:active:not(:disabled){transform:translateY(1px) scale(.98);transition-duration:70ms}.menu-status .status-item{animation:status-pop .4s var(--ease-pop) both}.menu-status .status-item:nth-child(1){animation-delay:.1s}.menu-status .status-item:nth-child(2){animation-delay:.15s}.menu-status .status-item:nth-child(3){animation-delay:.2s}@keyframes status-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.menu-card{animation:menu-card-in .4s var(--ease-pop) both}.battle-row .menu-card:nth-child(1){animation-delay:.08s}.battle-row .menu-card:nth-child(2){animation-delay:.14s}.build-row .menu-card:nth-child(1){animation-delay:.2s}.build-row .menu-card:nth-child(2){animation-delay:.26s}.explore-row .menu-card:nth-child(1){animation-delay:.32s}.explore-row .menu-card:nth-child(2){animation-delay:.35s}.explore-row .menu-card:nth-child(3){animation-delay:.38s}.explore-row .menu-card:nth-child(4){animation-delay:.41s}.explore-row .menu-card:nth-child(5){animation-delay:.44s}@keyframes menu-card-in{0%{transform:translateY(16px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.share-row .share-btn{transition:all .15s var(--ease-out)}.share-row .share-btn:hover{transform:translateY(-2px)}.share-row .share-btn:active{transform:translateY(0) scale(.97)}.text-input:focus,.lobby-room-input:focus,.lobby-name-input:focus{border-color:var(--info);box-shadow:0 0 0 3px #5b8bff33;outline:none}.deck-list-item{transition:background .15s,border-color .15s,transform .1s}.deck-list-item:active{transform:scale(.98)}@keyframes pool-card-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.pool-grid .pool-card{animation:pool-card-pop .25s var(--ease-pop) both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#03050ad1;-webkit-backdrop-filter:blur(8px) saturate(.9);backdrop-filter:blur(8px) saturate(.9);display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadein .18s ease-out}.modal{position:relative;background:var(--ink-obsidian, #0a0d14);border:1px solid var(--hair-strong, rgba(255, 255, 255, .18));border-radius:12px;padding:24px 22px 20px;max-width:580px;width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 50px #000000a6;animation:pop .22s cubic-bezier(.2,.8,.25,1)}.modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid var(--hair, rgba(255, 255, 255, .12));background:transparent;color:var(--text-muted, #a9b2c4);border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s;z-index:2}.modal-close:hover{color:var(--gilt-bright, #f3e7bf);border-color:#d4af3799;background:#d4af371a}.preset-picker-modal{max-width:680px}.preset-picker-title{margin:0 0 4px;font-family:Cinzel,serif;font-size:20px;font-weight:800;letter-spacing:.05em;color:#f3e7bf;text-align:center}.preset-picker-sub{margin:0 0 16px;font-size:12px;color:#a9b2c4;text-align:center}.preset-picker-list{display:flex;flex-direction:column;gap:10px}.preset-picker-card{display:block;text-align:left;background:#12162299;border:1px solid rgba(212,175,55,.22);border-radius:10px;padding:14px 16px;color:inherit;cursor:pointer;transition:all .18s;width:100%;position:relative}.preset-picker-card:hover{border-color:#d4af37bf;background:#1a1e2abf;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.preset-picker-card.playstyle-aggro{border-left:3px solid #ff6b6b}.preset-picker-card.playstyle-control{border-left:3px solid #5b8bff}.preset-picker-card.playstyle-combo{border-left:3px solid #b47eff}.preset-picker-card.playstyle-starter{border-left:3px solid #5ccc95}.preset-picker-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.preset-picker-name{font-size:16px;font-weight:800;color:#f3e7bf;letter-spacing:.03em}.preset-picker-badge{font-size:10px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#cfd7e6}.preset-picker-desc{margin:0 0 8px;font-size:12.5px;line-height:1.55;color:#cfd7e6}.preset-picker-stats{display:flex;gap:14px;font-size:11px;color:#a9b2c4;letter-spacing:.05em}.preset-picker-stats b{color:#f3e7bf;font-size:13px;font-weight:800}.preset-picker-cta{display:block;margin-top:10px;text-align:right;font-size:11px;font-weight:800;letter-spacing:.15em;color:#d4af37;text-transform:uppercase}@media(max-width:520px){.preset-picker-head{flex-direction:column;align-items:flex-start;gap:4px}.preset-picker-stats{flex-wrap:wrap;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}.balance-screen{width:min(1100px,96vw);margin:0 auto;padding:24px 16px 60px;align-items:stretch}.balance-summary{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:12px 16px;background:#14182699;border:1px solid rgba(255,255,255,.08);border-radius:10px}.balance-sum-item{text-align:center;min-width:80px}.balance-sum-num{font-size:22px;font-weight:700;color:#ffd54a}.balance-sum-lbl{font-size:11px;color:#ffffff8c;margin-top:2px}.balance-tabs{display:flex;gap:6px;justify-content:center}.balance-tab{padding:8px 18px;border-radius:8px;background:#ffffff0f;color:#ffffffbf;border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:13px}.balance-tab.active{background:linear-gradient(135deg,#5b8bff,#6b5bff);color:#fff;border-color:#fff3}.balance-panel{background:#0f121eb3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px}.balance-controls{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.balance-control-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.balance-control-label{font-size:12px;color:#ffffff8c;margin-right:4px}.balance-pill{padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffffb3;font-size:12px;cursor:pointer}.balance-pill.active{background:#ffd54a;color:#1a1a1a;border-color:#ffd54a}.balance-num-input{width:70px;padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fff;font-size:13px}.balance-table-wrap{overflow-x:auto;max-height:60vh}.balance-table{width:100%;font-size:12.5px}.balance-table th{position:sticky;top:0;background:#141826f2;z-index:1}.balance-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.balance-cell-name{font-weight:600;color:#fff}.balance-stat-tag{margin-left:6px;font-size:11px;font-weight:400;color:#ffd54ad9}.balance-wr-good{color:#5ccc95;font-weight:700}.balance-wr-bad{color:#ff6868;font-weight:700}.balance-verdict{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.balance-verdict-ok{color:#5ccc95;background:#5ccc951f;border-color:#5ccc9566}.balance-verdict-up{color:#ff8a4c;background:#ff8a4c24;border-color:#ff8a4c73}.balance-verdict-down{color:#5b8bff;background:#5b8bff24;border-color:#5b8bff73}.balance-verdict-muted{color:#ffffff73;background:#ffffff0a;border-color:#ffffff26}.balance-help{font-size:12px;color:#ffffff8c;margin-bottom:12px;line-height:1.6}.balance-stat-head{font-size:14px;color:#ffd54a;font-weight:700;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid rgba(255,213,74,.25)}@media(max-width:720px){.balance-table{font-size:11.5px}.balance-summary{gap:8px}.balance-sum-num{font-size:18px}}.hud-life-v2{position:relative;align-items:center;gap:10px;padding:4px 10px 4px 6px;border-radius:var(--r-3);border:1px solid transparent;background:transparent;transition:border-color var(--d-med) var(--ease-inked),background var(--d-med) var(--ease-inked),box-shadow var(--d-med) var(--ease-inked)}.hud-life-v2.life-low{border-color:#d645606b;background:linear-gradient(180deg,#a6283a29,#a6283a0a)}.hud-life-v2.life-critical{border-color:#ff5a6ea6;background:linear-gradient(180deg,#d6456038,#a6283a0f);box-shadow:0 0 18px #d6456073,inset 0 0 12px #ff506440;animation:hud-life-critical-pulse 1.05s var(--ease-inked) infinite}.hud-life-v2.life-dead{filter:grayscale(.7);opacity:.7}.hud-life-v2.damaged{animation:hud-life-impact .45s var(--ease-pop)}.hud-life-v2.healed{box-shadow:0 0 22px #6cb69366}.hud-life-stack{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:78px}.hud-life-num-row{display:inline-flex;align-items:baseline;gap:3px;line-height:1}.hud-life-num{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:22px;color:var(--sigil-crimson-hi);font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(0,0,0,.45)}.hud-life-v2.life-critical .hud-life-num{color:#ff6e84;text-shadow:0 0 10px rgba(255,90,110,.55)}.hud-life-max{font-family:var(--font-rune);font-size:11px;letter-spacing:.12em;color:var(--parchment-faint);font-variant-numeric:tabular-nums}.hud-life-bar{position:relative;height:6px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(0,0,0,.35);overflow:hidden}.hud-life-bar-fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,var(--sigil-crimson) 0%,var(--sigil-crimson-hi) 70%,#ffb3c1 100%);box-shadow:0 0 6px #d6456099;transition:width .48s var(--ease-inked),background .24s ease}.hud-life-v2.life-low .hud-life-bar-fill{background:linear-gradient(90deg,#ff8a4a,#ffb14a);box-shadow:0 0 8px #ffaa5aa6}.hud-life-v2.life-critical .hud-life-bar-fill{background:linear-gradient(90deg,#ff5066,#ff8c00);box-shadow:0 0 10px #ff6464d9}.hud-life-v2.life-dead .hud-life-bar-fill{background:#ffffff1f;box-shadow:none}.hud-life-bar-pulse{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:translate(-100%);opacity:0}.hud-life-v2.damaged .hud-life-bar-pulse{animation:hud-life-bar-shimmer .55s var(--ease-out)}.hud-life-delta{position:absolute;right:6px;top:-4px;font-family:var(--font-display);font-style:italic;font-weight:800;font-size:22px;font-variant-numeric:tabular-nums;pointer-events:none;z-index:5;text-shadow:0 0 6px rgba(0,0,0,.85),0 0 14px currentColor}.hud-life-delta.down{color:#ff647f}.hud-life-delta.up{color:var(--sigil-verdigris-hi)}@keyframes hud-life-impact{0%{transform:translate(0)}20%{transform:translate(-3px) scale(1.04)}45%{transform:translate(4px)}70%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes hud-life-critical-pulse{0%,to{box-shadow:0 0 14px #d6456052,inset 0 0 10px #ff50642e}50%{box-shadow:0 0 26px #ff6478b3,inset 0 0 18px #ff5a6e6b}}@keyframes hud-life-bar-shimmer{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}to{opacity:0;transform:translate(100%)}}.mana-crystal.spark{animation:mana-spark-pop .85s var(--ease-flare);box-shadow:0 0 14px #ffffffd9,0 0 28px #e8cb6db3}.mana-crystal.spark:before{content:"";position:absolute;top:-180%;right:-180%;bottom:-180%;left:-180%;background:radial-gradient(circle,rgba(255,248,200,.85) 0%,rgba(255,213,74,.4) 30%,transparent 65%);pointer-events:none;animation:mana-spark-burst .85s var(--ease-out) forwards;z-index:-1}@keyframes mana-spark-pop{0%{transform:scale(.4);filter:brightness(2.5)}35%{transform:scale(1.45);filter:brightness(1.6)}60%{transform:scale(.95);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}@keyframes mana-spark-burst{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.6)}}.damage-popup.huge{font-size:64px;color:#fff39a;text-shadow:0 0 8px #000,0 0 16px #000,0 0 26px rgba(255,110,60,1),0 0 46px rgba(255,60,60,.8),3px 3px 0 #5b0000,-3px -3px 0 #5b0000,3px -3px 0 #5b0000,-3px 3px 0 #5b0000;-webkit-text-stroke:1.5px #5b0000}.damage-popup.lethal{font-size:80px;color:#fff;text-shadow:0 0 8px #000,0 0 18px #000,0 0 32px rgba(255,80,80,1),0 0 60px rgba(255,60,60,.9),3px 3px 0 #5b0000,-3px -3px 0 #5b0000,3px -3px 0 #5b0000,-3px 3px 0 #5b0000;-webkit-text-stroke:2px #5b0000}.ko-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-family:Cinzel,Times New Roman,serif;font-weight:900;font-size:56px;letter-spacing:6px;color:#ffe9a8;text-shadow:0 0 12px rgba(0,0,0,.9),0 0 24px rgba(255,80,60,.85),3px 3px 0 #5b0000,-3px -3px 0 #5b0000;-webkit-text-stroke:2px #5b0000;pointer-events:none;z-index:60}.phase-banner.round-banner-fx{background:radial-gradient(ellipse at center,#000000b3,#00000026 75%)}.phase-banner.round-banner-fx .phase-text{font-family:Cinzel,Times New Roman,serif;color:var(--parchment-bright);text-shadow:0 2px 0 #000,0 0 24px rgba(232,203,109,.55),0 0 60px rgba(232,203,109,.35);letter-spacing:14px}.phase-banner.round-banner-fx .phase-text .round-num{display:inline-block;margin-left:.4em;color:var(--gilt-bright);text-shadow:0 2px 0 #000,0 0 30px rgba(232,203,109,.85)}.result-cinematic-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none}.result-cinematic-flash.win{background:radial-gradient(ellipse at 50% 40%,#ffeba0d9,#ffd54a66 30%,#0000 70%)}.result-cinematic-flash.lose{background:radial-gradient(ellipse at 50% 40%,#ff505aa6,#781e284d 30%,#0000 70%)}.result-shockwave{position:fixed;top:38%;left:50%;width:200px;height:200px;border-radius:50%;pointer-events:none;z-index:94;border:4px solid rgba(255,235,160,.85);box-shadow:0 0 60px #ffd54a80,inset 0 0 60px #ffd54a66}.result-shockwave.lose{border-color:#ff646ed9;box-shadow:0 0 60px #d645608c,inset 0 0 60px #d6456066}@media(max-width:640px){.hud-life-v2{gap:6px;padding:3px 6px 3px 4px}.hud-life-stack{min-width:64px}.hud-life-num{font-size:18px}.hud-life-max{font-size:10px}.hud-life-bar{height:4px}.ko-mark{font-size:36px;letter-spacing:4px}.damage-popup.huge{font-size:48px!important}.damage-popup.lethal{font-size:60px!important}}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:16px;background:#03050ad1;backdrop-filter:blur(10px) saturate(.9);-webkit-backdrop-filter:blur(10px) saturate(.9);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app-modal{position:relative;width:100%;margin:auto 0;background:linear-gradient(180deg,#131729,#0a0d14);border:1px solid var(--hair-strong, rgba(255, 255, 255, .18));border-radius:var(--r-3, 12px);box-shadow:var(--lift-3, 0 20px 50px rgba(0, 0, 0, .65));outline:none;color:var(--parchment-bright, #f3e7bf)}.app-modal:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,var(--gilt, #d4af37),transparent);opacity:.55;pointer-events:none}.app-modal--sm{max-width:420px}.app-modal--md{max-width:580px}.app-modal--lg{max-width:760px}.app-modal--auto{max-width:min(820px,calc(100vw - 32px))}.app-modal-body{padding:24px 22px 20px;max-height:calc(100dvh - 48px);overflow-y:auto}.app-modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid var(--hair, rgba(255, 255, 255, .12));background:#0a0d1499;color:var(--text-muted, #a9b2c4);border-radius:50%;cursor:pointer;font-size:14px;display:grid;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s,transform .15s;z-index:3}.app-modal-close:hover,.app-modal-close:focus-visible{color:var(--gilt-bright, #f3e7bf);border-color:#d4af3799;background:#d4af371f;outline:none;transform:rotate(90deg)}.app-modal-head{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding-right:36px}.app-modal-title{margin:0;font-family:var(--font-display, "Cinzel", serif);font-style:italic;font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--parchment-bright, #f3e7bf)}.app-modal-sub{margin:0;font-size:12.5px;color:var(--text-muted, #a9b2c4);line-height:1.55}@media(max-width:520px){.app-modal-overlay{padding:8px}.app-modal-body{padding:20px 16px 16px}.app-modal-title{font-size:18px}.app-modal-head{padding-right:30px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-faint, #818b9d);text-align:center;font-size:13px;line-height:1.7;letter-spacing:.04em}.empty-state--compact{padding:18px 12px}.empty-state-mark{font-size:30px;line-height:1;margin-bottom:4px;color:#e8cb6d8c}.empty-state-title{font-family:var(--font-display, "Cinzel", serif);font-style:italic;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--parchment-bright, #f3e7bf)}.empty-state-body{color:var(--text-muted, #a9b2c4);max-width:360px;font-size:12.5px}.empty-state-action{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.empty-state--warn .empty-state-mark{color:#ffc460b3}.empty-state--warn .empty-state-title{color:#ffc460}.empty-state--error .empty-state-mark{color:#ff6e6eb3}.empty-state--error .empty-state-title{color:#ff8b8b}.empty-state.is-loading .empty-state-spinner{width:28px;height:28px;border:2px solid rgba(232,203,109,.18);border-top-color:var(--gilt, #d4af37);border-radius:50%;animation:empty-state-spin .85s linear infinite;margin-bottom:6px}@keyframes empty-state-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.empty-state.is-loading .empty-state-spinner{animation-duration:1.6s}}.menu-buttons{display:flex;flex-direction:column;gap:14px;margin-top:32px;min-width:260px}.menu-buttons button{min-height:54px;font-size:20px}.menu-hint{margin-top:18px;color:#8892a5;font-size:13px}.menu-screen{align-items:stretch;justify-content:flex-start;gap:var(--s-6);padding:var(--s-6) clamp(20px,5vw,56px) var(--s-7);text-align:left;max-width:1100px;margin:0 auto}.menu-ledger{display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-2) 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);color:var(--parchment-faint);font-family:var(--font-rune);font-size:10px;letter-spacing:.32em;text-transform:uppercase}.menu-ledger-sep{color:var(--gilt);font-size:8px;opacity:.8}.menu-ledger-mark{color:var(--gilt-bright);font-weight:700}.menu-ledger-edition{font-variant-numeric:tabular-nums}.menu-hero{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:var(--s-5);row-gap:var(--s-2);align-items:center;padding:var(--s-6) 0 var(--s-5);position:relative}.menu-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--hair-strong) 15%,var(--gilt) 50%,var(--hair-strong) 85%,transparent 100%);opacity:.6}.menu-hero-crest{grid-row:1 / 4;color:var(--gilt);animation:crest-rotate 90s linear infinite;filter:drop-shadow(0 0 16px rgba(201,164,74,.25))}@keyframes crest-rotate{to{transform:rotate(360deg)}}.menu-eyebrow{font-family:var(--font-rune);font-size:10px;font-weight:600;letter-spacing:.48em;color:var(--parchment-faint);text-transform:uppercase;padding-top:var(--s-1)}.title.menu-title{font-family:var(--font-display);font-size:clamp(52px,9vw,104px);font-weight:500;font-style:italic;line-height:.9;letter-spacing:-.01em;color:var(--parchment-bright);text-shadow:none;margin:0;animation:none;display:flex;align-items:baseline;gap:.12em;flex-wrap:wrap}.title.menu-title .title-line{font-style:normal;font-weight:500;color:var(--parchment-bright)}.title.menu-title .title-line-italic{font-style:italic;color:var(--gilt-bright);font-weight:500}.title.menu-title .title-amp{font-family:var(--font-display);font-style:italic;font-weight:500;color:var(--gilt);font-size:.9em;opacity:.85;padding:0 .04em;transform:translateY(-.04em)}.menu-hero .subtitle{font-family:var(--font-serif-jp);font-size:13px;color:var(--parchment-dim);letter-spacing:.18em;margin-top:0;display:inline-flex;align-items:center;gap:var(--s-3)}.subtitle-rule{width:24px;height:1px;background:var(--hair-strong)}.menu-status{display:grid;grid-template-columns:auto auto 1fr;gap:0;justify-content:flex-start;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(236,224,193,.02) 0%,transparent 100%)}.status-item{background:none;border:none;border-right:1px solid var(--hair);border-radius:0;padding:var(--s-3) var(--s-5);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:var(--s-2);row-gap:0;align-items:baseline;min-width:0}.status-item:last-child{border-right:none}.status-item.wide{min-width:0;padding-right:var(--s-5)}.status-label{grid-row:1;grid-column:1;font-family:var(--font-rune);font-size:9px;font-weight:600;color:var(--parchment-faint);letter-spacing:.3em;text-transform:uppercase;align-self:end}.status-value{grid-row:2;grid-column:1 / 3;font-family:var(--font-display);font-size:28px;font-weight:500;font-style:italic;color:var(--gilt-bright);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-unit{grid-row:1;grid-column:2;font-family:var(--font-rune);font-size:9px;color:var(--parchment-faint);letter-spacing:.2em;text-transform:uppercase;align-self:end}.status-item.wide .status-value{font-size:15px;font-style:normal;font-family:var(--font-body);font-weight:500;color:var(--parchment-bright);letter-spacing:.02em}.menu-grid{display:grid;grid-template-columns:1fr;gap:var(--s-6);width:100%;max-width:none}.menu-section{display:flex;flex-direction:column;gap:var(--s-4)}.menu-section-head{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--s-3)}.menu-section-num{font-family:var(--font-display);font-size:20px;font-style:italic;font-weight:500;color:var(--gilt);line-height:1;padding-right:var(--s-2);border-right:1px solid var(--hair-strong)}.menu-section-label{font-family:var(--font-display);font-size:22px;font-weight:500;font-style:italic;letter-spacing:.01em;color:var(--parchment-bright);text-transform:none;text-align:left}.menu-section-hair{height:1px;background:linear-gradient(90deg,var(--hair-strong),transparent)}.menu-section-side{font-family:var(--font-serif-jp);font-size:11px;color:var(--parchment-faint);letter-spacing:.35em;text-transform:uppercase}.menu-row{display:grid;gap:var(--s-3)}.battle-row,.build-row{grid-template-columns:1fr 1fr}.explore-row{grid-template-columns:repeat(6,1fr)}.menu-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:var(--s-1) var(--s-4);padding:var(--s-5);min-width:0;background:var(--ink-pitch);border:1px solid var(--hair);border-radius:var(--r-2);cursor:pointer;font-family:var(--font-body);text-align:left;overflow:hidden;color:var(--parchment);transition:transform var(--d-fast) var(--ease-inked),border-color var(--d-med) var(--ease-inked),background-color var(--d-med) var(--ease-inked),box-shadow var(--d-med) var(--ease-inked)}.menu-card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid transparent;border-radius:var(--r-1);pointer-events:none;opacity:0;transition:opacity var(--d-med) var(--ease-inked)}.menu-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,164,74,.1) 0%,transparent 70%);opacity:0;transition:opacity var(--d-med) var(--ease-inked)}.menu-card:hover:not(:disabled),.menu-card:focus-visible:not(:disabled){transform:translateY(-2px);border-color:var(--hair-strong);box-shadow:var(--lift-2);outline:none}.menu-card:focus-visible:not(:disabled){border-color:var(--gilt);box-shadow:var(--lift-2),0 0 0 2px #e8cb6d59}.menu-card:hover:not(:disabled):before,.menu-card:focus-visible:not(:disabled):before{opacity:1;border-color:var(--hair-strong)}.menu-card:hover:not(:disabled):after,.menu-card:focus-visible:not(:disabled):after{opacity:1}.menu-card:active:not(:disabled){transform:translateY(0) scale(.985);transition-duration:80ms}.menu-card:disabled{opacity:.4;cursor:not-allowed;filter:saturate(.25)}.menu-card-index{grid-row:1;grid-column:1;font-family:var(--font-display);font-style:italic;font-size:12px;font-weight:500;color:var(--gilt);letter-spacing:.08em;opacity:.85;align-self:start;padding-top:2px}.menu-card-icon{grid-row:1 / 3;grid-column:1;font-size:36px;line-height:1;filter:none;align-self:center;padding-top:var(--s-3)}.menu-card-feature .menu-card-index{grid-row:1;grid-column:3;text-align:right;align-self:start}.menu-card-feature .menu-card-icon{grid-row:1 / 3;grid-column:1;padding-top:0}.menu-card-title{grid-row:1;grid-column:2;font-family:var(--font-display);font-style:italic;font-size:22px;font-weight:500;letter-spacing:.005em;color:var(--parchment-bright);text-shadow:none;margin:0;line-height:1.1;align-self:end;min-width:0;overflow-wrap:break-word;word-break:keep-all;line-break:strict}.menu-card-desc{grid-row:2;grid-column:2;font-family:var(--font-serif-jp);font-size:11.5px;color:var(--parchment-dim);letter-spacing:.08em;align-self:start;min-width:0;overflow-wrap:break-word;word-break:keep-all}.menu-card-arrow{grid-row:1 / 3;grid-column:3;align-self:center;justify-self:end;font-family:var(--font-display);font-size:22px;color:var(--gilt);opacity:.35;transform:translate(0);transition:transform var(--d-med) var(--ease-inked),opacity var(--d-med) var(--ease-inked)}.menu-card:hover:not(:disabled) .menu-card-arrow{opacity:1;transform:translate(4px)}.menu-card-lock{position:absolute;top:10px;right:14px;font-size:13px;opacity:.55;filter:grayscale(1)}.menu-card.gold{background:radial-gradient(ellipse 120% 100% at 0% 100%,rgba(201,164,74,.08) 0%,transparent 55%),var(--ink-pitch);border-color:#c9a44a47}.menu-card.gold:hover:not(:disabled){border-color:var(--gilt);box-shadow:var(--lift-2),0 0 0 1px #c9a44a1f inset,0 0 32px #c9a44a1f}.menu-card.gold .menu-card-title{color:var(--gilt-bright)}.menu-card.blue{background:radial-gradient(ellipse 120% 100% at 0% 100%,rgba(52,90,168,.1) 0%,transparent 55%),var(--ink-pitch);border-color:#6e9aff2e}.menu-card.blue:hover:not(:disabled){border-color:#6e9aff99;box-shadow:var(--lift-2),0 0 32px #6e9aff1f}.menu-card.blue .menu-card-title{color:#c9d6ff}.menu-card.compact{grid-template-columns:1fr;grid-template-rows:auto auto;gap:var(--s-2);padding:var(--s-4) var(--s-3);justify-items:center;align-items:center;text-align:center;background:transparent;border-color:var(--hair-faint)}.menu-card.compact:hover:not(:disabled){background:#ece0c108;border-color:var(--hair-strong)}.menu-card.compact .menu-card-icon{grid-row:1;grid-column:1;font-size:22px;padding-top:0;align-self:center}.menu-card.compact .menu-card-title{grid-row:2;grid-column:1;font-family:var(--font-serif-jp);font-style:normal;font-size:12px;font-weight:500;color:var(--parchment-dim);letter-spacing:.15em}.menu-card.compact:hover:not(:disabled) .menu-card-title{color:var(--parchment-bright)}.menu-footer{display:flex;align-items:center;justify-content:center;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--hair);font-family:var(--font-display);font-style:italic;font-size:12px;color:var(--parchment-faint);letter-spacing:.14em}.menu-footer-mark{color:var(--gilt);font-size:9px;opacity:.75}@media(max-width:900px){.menu-screen{padding:var(--s-5) var(--s-4) var(--s-6);gap:var(--s-5)}.menu-status{grid-template-columns:1fr 1fr}.status-item.wide{grid-column:1 / 3;border-top:1px solid var(--hair);border-right:none}.status-item{border-right:1px solid var(--hair)}.status-item:nth-child(2){border-right:none}}@media(max-width:640px){.menu-screen{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}.menu-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.menu-hero-crest{grid-row:auto}.menu-hero .subtitle,.title.menu-title{justify-content:center}.explore-row{grid-template-columns:repeat(3,1fr)}.menu-card{padding:var(--s-3) var(--s-4);gap:2px var(--s-3)}.menu-card-title{font-size:17px;letter-spacing:0}.menu-card-desc{font-size:10.5px;letter-spacing:.04em}.menu-card-icon{font-size:26px;padding-top:0}.menu-card-feature .menu-card-icon{padding-top:0}.menu-card-arrow{font-size:16px}.menu-card-index{font-size:10px}.menu-card.compact .menu-card-title{font-size:11px;letter-spacing:.08em}.menu-section-label{font-size:18px}.menu-ledger{font-size:9px;letter-spacing:.25em;gap:var(--s-2)}.menu-status{grid-template-columns:1fr 1fr}.status-item{padding:var(--s-2) var(--s-3)}.status-value{font-size:22px}.status-item.wide .status-value{font-size:13px}}@media(max-width:420px){.explore-row{grid-template-columns:repeat(3,1fr)}.menu-card.compact .menu-card-title{font-size:10px;letter-spacing:.06em}.menu-card-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-card.compact .menu-card-title{white-space:normal;overflow:visible}.menu-card-desc{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-card-arrow{display:none}.menu-card{grid-template-columns:auto minmax(0,1fr);padding:var(--s-3)}.menu-card-feature{grid-template-columns:auto minmax(0,1fr)}.menu-card-feature .menu-card-index{display:none}.menu-card.compact{grid-template-columns:1fr;padding:var(--s-3) var(--s-2)}.status-value{font-size:20px}}.muted-hint{color:#6a7590;font-size:11px;line-height:1.4}.pool-search{width:100%;margin-bottom:8px}.pool-count{font-size:11px;color:#8892a5;margin-bottom:8px;text-align:right}.effect-part-wrap{display:flex;gap:6px;align-items:stretch}.effect-part-wrap .effect-part{flex:1}.effect-part-order{display:flex;flex-direction:column;gap:4px;justify-content:center}.effect-part-order button{padding:2px 6px;min-width:28px;font-size:11px}.mana-curve{display:grid;grid-template-columns:repeat(11,1fr);gap:3px;height:80px;margin-bottom:14px;padding:6px 2px 0;background:#0003;border-radius:6px}.curve-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;font-size:10px}.curve-bar{width:100%;background:linear-gradient(180deg,#6a8cff,#3a5bb0);border-radius:3px 3px 0 0;min-height:2px;display:flex;align-items:flex-start;justify-content:center;padding-top:2px}.curve-num{font-size:9px;font-weight:700;color:#fff}.curve-label{margin-top:2px;color:#8892a5;font-size:10px}.pool-disabled-overlay{background:#ffc8641a;border:1px dashed rgba(255,200,100,.3);border-radius:8px;padding:14px;color:#ffd47a;text-align:center;margin-bottom:12px;font-size:13px}.builder-view{min-height:100vh;padding:18px 28px 40px;max-width:1400px;margin:0 auto;color:var(--text)}.builder-header{display:flex;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.builder-header h2{margin:0;font-size:22px;flex:1}.builder-actions{display:flex;align-items:center;gap:10px}.save-ok{color:#7effa0;font-size:13px}.builder-body{display:grid;grid-template-columns:1fr 280px;gap:24px;margin-top:18px}.builder-form{display:flex;flex-direction:column;gap:20px}.builder-preview{position:sticky;top:16px;align-self:start;display:flex;flex-direction:column;gap:10px;align-items:center}.builder-preview-inner{display:flex;justify-content:center}.cost-preview{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%;font-size:14px;line-height:1.7;text-align:center}.cost-meter{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%;display:flex;flex-direction:column;gap:8px}.cost-meter-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.1em}.cost-meter-title{color:#a9b2c4;text-transform:uppercase;font-weight:700}.cost-meter-status{padding:2px 8px;border-radius:10px;font-weight:700;font-size:11px;border:1px solid transparent}.cost-meter-status.ok{color:#8aff9b;background:#8aff9b1f;border-color:#8aff9b66}.cost-meter-status.info{color:#a8c8ff;background:#a8c8ff1f;border-color:#a8c8ff66}.cost-meter-status.warn{color:#ffd47a;background:#ffd47a1f;border-color:#ffd47a73}.cost-meter-status.err{color:#ff8a8a;background:#ff8a8a1f;border-color:#ff8a8a80}.cost-meter-track{position:relative;height:8px;background:#ffffff0d;border:1px solid var(--hair, rgba(255,255,255,.1));border-radius:4px;overflow:hidden}.cost-meter-min{position:absolute;top:-3px;bottom:-3px;width:2px;background:#ffd47a;z-index:2;box-shadow:0 0 6px #ffd47a99;transform:translate(-1px)}.cost-meter-fill{height:100%;transition:width .2s ease-out,background .2s}.cost-meter-fill.ok{background:linear-gradient(90deg,#4dd37a,#8aff9b)}.cost-meter-fill.info{background:linear-gradient(90deg,#5b8bff,#a8c8ff)}.cost-meter-fill.warn{background:linear-gradient(90deg,#b57a20,#ffd47a)}.cost-meter-fill.err{background:linear-gradient(90deg,#c23b3b,#ff8a8a)}.cost-meter-legend{display:flex;justify-content:space-between;font-size:12px;color:#a9b2c4}.cost-meter-legend b{color:#f3e7bf}.form-section{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:14px 16px}.form-section h3{margin:0 0 10px;font-size:15px;color:#c5d0e0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-head h3{margin:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:13px;color:#c5d0e0}.field>span{font-weight:600;color:#a0acc0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-row .field{margin-bottom:0}.text-input,.select{background:#0000004d;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px;font-size:14px;font-family:inherit}.text-input:focus,.select:focus{outline:none;border-color:#6a8cff}.warn-text{color:#ff9090;font-size:12px}.keyword-picker{display:flex;flex-wrap:wrap;gap:8px}.keyword-chip,.chip{background:#ffffff0d;border:1px solid var(--border);color:#c5d0e0;padding:6px 12px;border-radius:16px;font-size:13px;cursor:pointer;min-height:32px;line-height:1.2}@media(max-width:640px){.keyword-chip,.chip{min-height:40px;padding:8px 14px;font-size:13px}}.keyword-chip.active,.chip.active{background:#3a5bb0;border-color:#6a8cff;color:#fff}.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.icon-chip{background:#ffffff0d;border:1px solid var(--border);height:40px;border-radius:6px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-chip.active{background:#2c4680;border-color:#6a8cff}.color-picker{display:flex;flex-wrap:wrap;gap:6px}.color-chip{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-chip.active{border-color:#fff;box-shadow:0 0 0 2px #6a8cff}.effect-part{background:#00000040;border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px}.effect-part-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.effect-part-body{margin-top:8px}.num-field{display:flex;align-items:center;gap:6px;font-size:12px;color:#a0acc0}.num-field input{width:70px;padding:6px 8px;background:#0000004d;border:1px solid var(--border);color:var(--text);border-radius:5px;font-size:13px;font-family:inherit}button.ghost{background:transparent;border:1px solid var(--border);color:#c5d0e0;padding:8px 14px;border-radius:6px;cursor:pointer;font-family:inherit}button.ghost:hover:not(:disabled){background:#ffffff0d}button.ghost.small{padding:4px 10px;font-size:12px}button.ghost.danger{color:#ff9090;border-color:#ff646466}button.ghost.block{width:100%;margin-bottom:8px}.muted{color:#6a7590;font-size:13px;font-style:italic}.deck-layout{display:grid;grid-template-columns:200px 1fr 1fr;gap:16px;margin-top:16px}.deck-sidebar{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:14px;height:fit-content}.deck-sidebar h3{margin:0 0 10px;font-size:15px}.deck-sidebar-actions{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.deck-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.deck-list-item{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent}.deck-list-item:hover{background:#ffffff0a}.deck-list-item.selected{background:#6a8cff26;border-color:#6a8cff}.deck-list-empty{padding:28px 14px;text-align:center;line-height:1.7;font-size:12px;color:var(--text-faint, #6d7790);border:1px dashed rgba(212,175,55,.22);border-radius:8px;background:#0f121c59}.deck-list-empty-mark{display:block;font-size:22px;color:#e8cb6d80;margin-bottom:8px}.deck-name{display:flex;align-items:center;gap:6px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-meta{color:#8892a5;font-size:11px;flex-shrink:0}.deck-dup-btn{flex-shrink:0;width:26px;height:26px;border:1px solid var(--hair, rgba(255,255,255,.12));background:transparent;color:#a9b2c4;border-radius:5px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;padding:0;margin-left:6px}.deck-dup-btn:hover{color:#f3e7bf;border-color:#d4af3799;background:#d4af371a}.badge{font-size:10px;padding:2px 6px;border-radius:8px;background:#ffffff1a}.badge.gold{background:#d4a04a;color:#1a1203;font-weight:700}.deck-edit{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:14px;max-height:calc(100vh - 120px);overflow-y:auto}.deck-edit-head{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.deck-name-input{flex:1;min-width:140px}.deck-count{font-size:13px;padding:6px 10px;border-radius:6px}.deck-count.ok{background:#7effa026;color:#7effa0}.deck-count.warn{background:#ff909026;color:#ff9090}.deck-cards{display:flex;flex-direction:column;gap:4px}.deck-card-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#0003;border-radius:5px;font-size:13px}.deck-card-cost{width:22px;height:22px;border-radius:50%;background:#3a5bb0;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.deck-card-name{flex:1}.deck-card-kind{font-size:11px;color:#8892a5;background:#ffffff0f;padding:2px 6px;border-radius:3px}.deck-card-controls{display:flex;align-items:center;gap:6px}.count-num{min-width:20px;text-align:center;font-weight:700}.count-num.small{font-size:11px;color:#8892a5;min-width:24px}.deck-pool{background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:14px;max-height:calc(100vh - 120px);overflow-y:auto}.pool-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pool-card{display:flex;flex-direction:column;align-items:center;gap:6px}.pool-card-click{cursor:pointer;transform-origin:center;transition:transform .15s}.pool-card-click:hover:not(.disabled){transform:scale(1.04)}.pool-card-click.disabled{opacity:.5;cursor:not-allowed}.pool-card-click .card{width:140px;height:214px;font-size:12px}.pool-card-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.pool-card-click{position:relative}.pool-card-badge{position:absolute;top:6px;right:6px;background:#d4a04a;color:#1a1203;font-weight:800;font-size:13px;padding:2px 8px;border-radius:10px;pointer-events:none;box-shadow:0 1px 3px #00000080}.pool-toolbar{display:flex;gap:6px;align-items:center}.pool-toolbar .pool-search{flex:1;margin-bottom:0}.deck-card-row{position:relative}.deck-card-hover{position:absolute;left:100%;top:0;z-index:30;margin-left:10px;display:none;pointer-events:none}.deck-card-row:hover .deck-card-hover{display:block}@media(hover:none){.deck-card-hover{display:none!important}}.deck-edit,.deck-pool{position:relative;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.pool-card-click.draggable,.deck-card-row.draggable{cursor:grab}.pool-card-click.draggable:active,.deck-card-row.draggable:active{cursor:grabbing}.deck-edit.drop-listening{border-color:#d4a04a8c;box-shadow:inset 0 0 0 1px #d4a04a40}.deck-edit.drop-active{border-color:#d4a04a;background:#d4a04a14;box-shadow:inset 0 0 0 2px #d4a04a99,0 0 22px #d4a04a59}.deck-edit.drop-active:after{content:"＋ ここにドロップで追加";position:absolute;top:10px;right:14px;padding:4px 10px;border-radius:999px;background:#d4a04aeb;color:#1a1203;font-weight:700;font-size:12px;letter-spacing:.04em;pointer-events:none;animation:drop-cta-pulse 1s ease-in-out infinite}@keyframes drop-cta-pulse{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-2px);opacity:.85}}.deck-edit.drop-reject{animation:drop-reject-shake .4s ease;border-color:#c93535!important;box-shadow:inset 0 0 0 2px #c935358c!important}@keyframes drop-reject-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.deck-pool.drop-listening{border-color:#c9353573;box-shadow:inset 0 0 0 1px #c9353540}.deck-pool.drop-active.remove-zone{border-color:#c93535;background:#c9353514;box-shadow:inset 0 0 0 2px #c9353599,0 0 22px #c935354d}.pool-remove-hint{position:sticky;top:0;z-index:25;margin:-14px -14px 10px;padding:8px 14px;background:linear-gradient(180deg,#c93535eb,#a02323eb);color:#fff7f5;font-weight:700;font-size:13px;letter-spacing:.04em;display:flex;align-items:center;gap:8px;border-radius:10px 10px 0 0;box-shadow:0 2px 10px #c9353573;pointer-events:none}.pool-remove-hint .remove-hint-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.cost-filter,.kw-filter{align-items:center}.filter-label{font-size:11px;color:#8a92a8;letter-spacing:.08em;margin-right:4px;text-transform:uppercase;font-weight:700}.cost-chip{font-variant-numeric:tabular-nums;font-weight:700;min-width:44px}.kw-chip{font-size:12px}.kw-chip.active{background:linear-gradient(180deg,#5b8bff,#3a5bb0);color:#fff;border-color:#5b8bff}.cost-chip.active{background:linear-gradient(180deg,#d4a04a,#a07026);color:#1a1203;border-color:#d4a04a}.deck-cards-empty,.pool-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 16px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;background:#ffffff05;font-size:13px;color:#8892a5;text-align:center}.pool-empty{grid-column:1 / -1}.deck-cards-empty .empty-mark,.pool-empty .empty-mark{font-size:18px;color:#d4a04ab3}.pool-card-click:focus-visible{outline:2px solid #d4a04a;outline-offset:3px;border-radius:6px}@media(pointer:coarse){.deck-edit.drop-active:after{display:none}}.deck-mobile-tabs{display:none}@media(max-width:900px){.builder-body{grid-template-columns:1fr}.builder-preview{position:sticky;top:0;z-index:10;background:#0a0e18eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);padding:8px 0;flex-direction:row;justify-content:center;align-items:center;gap:16px;order:-1}.builder-preview-inner .card{width:110px;height:172px;font-size:10px}.cost-preview{width:auto;padding:6px 10px;font-size:12px;line-height:1.4}.deck-layout{grid-template-columns:1fr}.deck-edit,.deck-pool{max-height:none}.deck-mobile-tabs{display:flex;gap:4px;margin-top:12px;background:#00000040;border-radius:10px;padding:4px}.deck-tab{flex:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 6px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:700;font-family:inherit;border-radius:8px;cursor:pointer;transition:all .15s;letter-spacing:.08em}.deck-tab.active{background:linear-gradient(180deg,#3a4a88,#2a3568);color:var(--gold);box-shadow:0 2px 8px #0000004d}.deck-tab-label{font-size:13px}.deck-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:22px;padding:0 8px;border-radius:999px;font-family:var(--font-display);font-style:italic;font-weight:600;font-size:12px;letter-spacing:0;font-variant-numeric:tabular-nums;background:#00000059;color:var(--parchment-dim);border:1px solid rgba(255,255,255,.06)}.deck-tab.active .deck-tab-badge{background:#00000073;color:var(--gold);border-color:#e8cb6d59}.deck-tab-badge.ok{color:#6cb693;border-color:#6cb69359}.deck-tab-badge.warn{color:var(--gilt-bright);border-color:#e8cb6d59}.deck-tab-badge.muted{color:var(--parchment-faint)}.deck-layout[data-mobile-tab=list] .deck-panel-edit,.deck-layout[data-mobile-tab=list] .deck-panel-pool,.deck-layout[data-mobile-tab=edit] .deck-panel-list,.deck-layout[data-mobile-tab=edit] .deck-panel-pool,.deck-layout[data-mobile-tab=pool] .deck-panel-list,.deck-layout[data-mobile-tab=pool] .deck-panel-edit{display:none}.deck-mobile-footer{position:sticky;bottom:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0));margin:12px -12px 0;background:linear-gradient(180deg,#0a0d14b3,#07090ff7);border-top:1px solid var(--hair-faint);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.deck-mobile-footer-info{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}.deck-mobile-footer-name{font-family:var(--font-display);font-style:italic;font-size:15px;color:var(--parchment-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-mobile-footer-count{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums;flex-shrink:0}.deck-mobile-footer-count.ok{color:#6cb693}.deck-mobile-footer-count.warn{color:var(--gilt-bright)}.deck-mobile-footer .primary{min-height:44px;flex-shrink:0;font-size:13px;padding:8px 16px;letter-spacing:.08em}.deck-card-controls .ghost.small{min-width:44px;min-height:44px;font-size:18px;font-weight:700}.deck-card-controls .count-num{min-width:28px;text-align:center;font-size:15px}}.deck-mobile-footer{display:none}@media(max-width:640px){.builder-view{padding:12px 12px 24px}.builder-header{flex-wrap:wrap;gap:8px}.builder-header h2{font-size:18px;flex:1 0 100%;order:-1;word-break:keep-all}.builder-actions{flex-wrap:wrap;gap:8px;width:100%;justify-content:flex-end}.stat-row{grid-template-columns:repeat(3,1fr);gap:6px}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.pool-card-click .card{width:128px;height:196px}.text-input,.select,.pool-search .text-input{min-height:44px;font-size:16px;padding:10px 12px}.pool-filter,.cost-filter,.kw-filter{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.pool-filter::-webkit-scrollbar,.cost-filter::-webkit-scrollbar,.kw-filter::-webkit-scrollbar{height:4px}.pool-filter>*,.cost-filter>*,.kw-filter>*{flex-shrink:0}}