:root{--bg: #0a0a0b;--surface: #14141a;--surface-2: #1a1a22;--border: #26262e;--border-hi: #3a3a45;--text: #ebebef;--muted: #888892;--accent: #7693f0;--accent-hi: #93acff;--danger: #d9656e;--warn: #d9a958;--ok: #58b97a;--t-atk: #d9656e;--t-heal: #58b97a;--t-shld: #d9a958;--t-draw: #5985d9;--t-actv: #a378d9;--char-wizard-body: #6856f5;--char-wizard-name: #5746d6;--char-wizard-ink: #1a1130;--char-paladin-body: #f0c853;--char-paladin-name: #d4ab37;--char-paladin-ink: #2a1f00;--char-middle-brother-body: #b73c6e;--char-middle-brother-name: #93305a;--char-middle-brother-ink: #2a0a18;--char-necromancer-body: #4fa65b;--char-necromancer-name: #3a8a48;--char-necromancer-ink: #0d2a18;--char-blood-witch-body: #b21f3a;--char-blood-witch-name: #8c1530;--char-blood-witch-ink: #2c0810;--run-base-body: #d7d5d0;--run-base-name: #b4b1aa;--run-base-ink: #1a1917;--char-monarch-body: #9d9a94;--char-monarch-name: #7c7973;--char-monarch-ink: #161513;--radius: 10px;--radius-lg: 14px;--pad: 12px;--pad-lg: 18px;--gap: 10px;--z-decision: 50;--z-modal: 60;--z-leave: 80;--z-menu: 85;--ov-scrim-board: rgba(0,0,0,.5);--ov-scrim-full: rgba(0,0,0,.66);--ov-blur: 6px;--ov-radius: var(--radius-lg);--ov-pad: var(--pad-lg);--ov-shadow: 0 20px 60px rgba(0,0,0,.6);--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-size:15px;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;min-height:100dvh;overscroll-behavior:contain}#app{min-height:100dvh}h1,h2,h3{font-weight:600;letter-spacing:-.01em;margin:0}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0;line-height:1.45}.muted{color:var(--muted)}.warn{color:var(--warn)}em{font-style:normal;color:var(--accent)}strong{font-weight:600}button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:background .12s,border-color .12s,transform .06s}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-hi)}button:active:not(:disabled){transform:scale(.985)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:#0a0a0b;border-color:transparent;font-weight:600}.primary:hover:not(:disabled){background:var(--accent-hi)}.screen{padding:var(--pad-lg);max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:var(--pad-lg);min-height:100dvh}.select h1,.blank h1,.handoff h1,.win h1{margin-bottom:6px}.blank,.handoff{justify-content:center;align-items:center;text-align:center}.blank .primary,.handoff .primary{margin-top:12px;min-width:220px}.screen.select{max-width:2200px}.select-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(58% 48% at 50% 44%,rgba(42,37,80,.5),rgba(22,19,31,.14) 55%,transparent 80%),linear-gradient(180deg,#0a0910,#110f1a 56%,#08070d)}.select-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 80% at 50% 48%,transparent 56%,rgba(0,0,0,.55) 100%)}.select-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:var(--grain);background-size:140px 140px}.select-bg-emblem{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:min(760px,56vw);aspect-ratio:1;opacity:.05;color:#cfcae8}.select-bg-emblem svg{width:100%;height:100%}.select-brand{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding-top:4px}.brand-eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);padding-left:.42em}.select-brand .brand-wordmark{margin:0;font-family:var(--font-display);font-weight:700;line-height:1;font-size:clamp(2.6rem,5vw,4.3rem);letter-spacing:.18em;padding-left:.18em;background:linear-gradient(180deg,#fff,#c3c1d4);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-rule{display:flex;align-items:center;gap:12px;margin-top:2px}.brand-rule span{display:block;width:92px;height:2px;background:linear-gradient(90deg,transparent,var(--accent))}.brand-rule span:last-child{background:linear-gradient(90deg,var(--accent),transparent)}.brand-rule i{width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}.brand-sub{color:var(--text);opacity:.82;font-size:1.05rem;letter-spacing:.04em}.select-foot{text-align:center;color:var(--muted);font-size:.84rem}.path-select .path-fork{position:relative;display:flex;justify-content:center;gap:28px;width:100%;max-width:760px;margin:30px auto 0;padding-top:34px}.path-fork .path-trunk{position:absolute;top:0;left:50%;width:2px;height:22px;transform:translate(-1px);background:linear-gradient(var(--char-name, var(--accent)),transparent)}.path-panel .path-branch{position:absolute;top:-12px;left:50%;width:2px;height:12px;transform:translate(-1px);background:var(--char-name, var(--accent));opacity:.5}.path-panel{position:relative;flex:1 1 0;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 20px 22px;background:var(--surface);border:1px solid var(--border, #2a2a35);border-radius:14px;color:var(--text);cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease}.path-panel:hover,.path-panel:focus-visible{transform:translateY(-4px);background:var(--surface-2);border-color:var(--char-name, var(--accent));box-shadow:0 10px 30px #00000059;outline:none}.path-panel:hover .path-branch,.path-panel:focus-visible .path-branch{opacity:1}.path-ico{width:44px;height:44px;color:var(--char-name, var(--accent))}.path-ico svg{width:100%;height:100%}.path-name{margin:2px 0 0;font-size:1.15rem;color:var(--text)}.path-blurb{margin:0;font-size:.84rem;color:var(--muted);line-height:1.4;text-align:center}.path-row{align-items:flex-start;gap:9px;padding:6px 9px;border-radius:10px;background:transparent;border:1px dashed color-mix(in srgb,var(--st-accent) 42%,var(--border))}.path-row .item-ico{width:28px;height:28px;border-radius:50%;border-color:color-mix(in srgb,var(--st-accent) 50%,var(--border));background:color-mix(in srgb,var(--st-accent) 10%,transparent)}.path-row .item-nm{color:var(--st-accent);font-size:.8rem;white-space:normal;overflow:visible}.path-row .item-ds{color:color-mix(in srgb,var(--text) 50%,var(--muted));font-size:.72rem;line-height:1.25}.path-select.char-wizard,.matchup-side.char-wizard{--char-name: var(--char-wizard-name);--char-body: var(--char-wizard-body)}.path-select.char-paladin,.matchup-side.char-paladin{--char-name: var(--char-paladin-name);--char-body: var(--char-paladin-body)}.path-select.char-middle-brother,.matchup-side.char-middle-brother{--char-name: var(--char-middle-brother-name);--char-body: var(--char-middle-brother-body)}.path-select.char-necromancer,.matchup-side.char-necromancer{--char-name: var(--char-necromancer-name);--char-body: var(--char-necromancer-body)}.path-select.char-blood-witch,.matchup-side.char-blood-witch{--char-name: var(--char-blood-witch-name);--char-body: var(--char-blood-witch-body)}.path-matchup{flex:1 1 auto;display:flex;align-items:stretch;justify-content:center;gap:30px;width:100%;max-width:1640px;margin:0 auto;min-height:0}.path-select .select-brand{gap:2px;padding-top:0}.path-select .brand-wordmark{font-size:clamp(1.9rem,3vw,3rem)}.path-select .brand-rule{margin:2px 0}.path-select.screen{gap:10px}.matchup-side{flex:1 1 0;max-width:660px;display:flex;flex-direction:column;gap:clamp(16px,2.6vh,30px);padding:clamp(20px,3vh,38px) clamp(22px,2.4vw,36px);background:color-mix(in srgb,var(--char-name, var(--accent)) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--char-name, var(--accent)) 32%,var(--border));border-radius:20px}.matchup-side.me{border-color:color-mix(in srgb,var(--char-name, var(--accent)) 60%,transparent);box-shadow:0 0 44px color-mix(in srgb,var(--char-name, var(--accent)) 18%,transparent)}.matchup-side.opp{opacity:.94}.matchup-hero{display:flex;gap:clamp(16px,1.6vw,26px);align-items:center}.matchup-portrait{width:clamp(140px,14.5vh,196px);height:clamp(188px,19.5vh,264px);flex:0 0 auto;object-fit:cover;object-position:top center;border-radius:14px;border:1px solid color-mix(in srgb,var(--char-name, var(--accent)) 45%,transparent);background:color-mix(in srgb,var(--char-name, var(--accent)) 22%,#000)}.matchup-id{display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);min-width:0}.matchup-name{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,3.4vh,2.7rem);line-height:1.04;color:var(--text)}.matchup-side .char-chip{font-size:.8rem;padding:5px 12px}.matchup-id .char-stats{margin-top:4px;gap:12px}.matchup-id .char-stat{font-size:1.12rem;padding:8px 14px;gap:8px}.matchup-id .char-stat svg{width:19px;height:20px}.matchup-passive{margin:0;font-size:1.12rem;color:var(--muted);line-height:1.55}.matchup-passive .char-passive-ico{width:20px;height:20px;vertical-align:-3px}.matchup-paths{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.matchup-paths-label{display:block;margin-bottom:12px;font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:color-mix(in srgb,var(--char-name, var(--accent)) 70%,var(--muted))}.path-pair{display:flex;gap:20px;flex:1 1 auto;min-height:0}.path-pair .path-panel{flex:1 1 0;max-width:none;padding:clamp(22px,4vh,48px) 26px;gap:clamp(10px,1.8vh,20px);border-radius:16px;justify-content:center}.path-pair .path-ico{width:clamp(48px,6.5vh,72px);height:clamp(48px,6.5vh,72px)}.path-pair .path-name{font-size:clamp(1.25rem,2.6vh,1.6rem)}.path-pair .path-blurb{font-size:clamp(.92rem,1.9vh,1.1rem);line-height:1.5}.path-panel.readonly{cursor:default}.path-panel.readonly:hover{transform:none;background:var(--surface);border-color:var(--border, #2a2a35);box-shadow:none}.matchup-btns{margin-top:4px}.matchup-btns .char-cardlist-btn{padding:12px 16px;font-size:.92rem}.matchup-vs{flex:0 0 auto;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.matchup-vs-word{font-family:var(--font-display);font-weight:700;font-size:2.4rem;letter-spacing:.14em;color:var(--muted)}.path-timer{font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;font-size:3.6rem;padding:16px 28px;border-radius:16px;color:color-mix(in srgb,var(--char-name, var(--accent)) 72%,#ffffff);border:2px solid color-mix(in srgb,var(--char-name, var(--accent)) 50%,transparent);background:#08061099}.path-timer.low{color:var(--danger, #e0564f);border-color:var(--danger, #e0564f);animation:path-timer-pulse 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.path-timer.low{animation:none}}@keyframes path-timer-pulse{50%{box-shadow:0 0 22px color-mix(in srgb,var(--danger, #e0564f) 60%,transparent)}}.matchup-vs-sub{max-width:150px;text-align:center;font-size:.8rem;color:var(--muted)}@media (max-width: 1000px){.path-matchup{flex-direction:column;align-items:center}.matchup-vs{flex-direction:row;gap:22px}}.char-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);flex:1 1 auto;align-content:center;min-height:0}@media (min-width: 720px){.char-grid{grid-template-columns:repeat(5,1fr)}}.char-card.coming-soon{display:flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px dashed var(--border-hi);cursor:default}.char-card.coming-soon:hover{transform:none;box-shadow:none;border-color:var(--border-hi)}.coming-soon-inner{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);opacity:.55}.coming-soon-emblem{width:58px;height:58px}.coming-soon-emblem svg{width:100%;height:100%}.coming-soon-label{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase}.char-slot{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:0}.char-card{position:relative;width:100%;aspect-ratio:1 / 2;max-height:calc(100dvh - 230px);margin:0 auto;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.char-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.char-card-footer{position:absolute;left:0;right:0;bottom:0;padding:60px 18px 18px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,#080610f2,#080610e0 38%,#0806108c 70%,#08061000)}.char-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.char-card-footer h3{font-size:1.5rem;font-family:var(--font-display)}.char-chip{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;padding:3px 9px;border-radius:999px;color:color-mix(in srgb,var(--hero-accent, var(--accent)) 62%,#ffffff);background:#080610b8;border:1px solid color-mix(in srgb,var(--hero-accent, var(--accent)) 60%,transparent)}.char-tag{color:var(--hero-accent, var(--accent));font-size:.95rem;font-weight:600}.char-passive{color:var(--muted);font-size:.86rem;line-height:1.35}.char-passive-ico{display:inline-flex;width:15px;height:15px;vertical-align:-2px;color:var(--hero-accent, var(--accent))}.char-passive-ico svg{width:100%;height:100%}.char-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}.char-stats{display:inline-flex;align-items:center;gap:7px}.char-stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.char-stat svg{width:13px;height:14px}.char-stat.hp svg{color:var(--t-heal)}.char-stat.mana svg{color:var(--accent)}.char-stat.deck svg{color:var(--text);opacity:.8}.char-sig{display:inline-flex;gap:8px}.char-sig-ico{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--hero-accent, var(--accent));background:color-mix(in srgb,var(--hero-accent, var(--accent)) 16%,transparent);border:1px solid color-mix(in srgb,var(--hero-accent, var(--accent)) 50%,transparent)}.char-sig-ico svg{width:60%;height:60%}.char-card.char-wizard{--hero-accent: var(--char-wizard-name)}.char-card.char-paladin{--hero-accent: var(--char-paladin-name)}.char-card.char-middle-brother{--hero-accent: var(--char-middle-brother-name)}.char-card.char-necromancer{--hero-accent: var(--char-necromancer-name)}.char-card.char-blood-witch{--hero-accent: var(--char-blood-witch-name)}.char-card:hover{transform:translateY(-6px);border-color:var(--hero-accent, var(--accent));box-shadow:0 12px 32px #0000008c,0 0 0 2px var(--hero-accent, var(--accent))}.char-cardlist-btn{width:100%;padding:9px 14px;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;color:color-mix(in srgb,var(--hero-accent, var(--accent)) 70%,#ffffff);background:#ffffff0a;border:1px solid color-mix(in srgb,var(--hero-accent, var(--accent)) 45%,transparent);border-radius:var(--radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.char-cardlist-btn.char-wizard{--hero-accent: var(--char-wizard-name)}.char-cardlist-btn.char-paladin{--hero-accent: var(--char-paladin-name)}.char-cardlist-btn.char-middle-brother{--hero-accent: var(--char-middle-brother-name)}.char-cardlist-btn.char-necromancer{--hero-accent: var(--char-necromancer-name)}.char-cardlist-btn.char-blood-witch{--hero-accent: var(--char-blood-witch-name)}.char-cardlist-btn:hover{color:#fff;background:color-mix(in srgb,var(--hero-accent, var(--accent)) 22%,transparent);border-color:var(--hero-accent, var(--accent))}.screen.board{height:100dvh;max-height:100dvh;overflow:auto;max-width:none;margin:0;padding:12px 16px;flex-direction:row;align-items:safe center;justify-content:safe center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body.mobile .screen.board{user-select:none;-webkit-user-select:none}.board-scale{flex:0 0 auto;width:1366px;height:1360px;display:flex;flex-direction:row;align-items:stretch;gap:12px;zoom:var(--board-scale, 1)}.col-state,.col-actions{flex:0 0 332px;display:flex;flex-direction:column;gap:12px;min-height:0}.col-lane{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:8px;min-height:0}.battlefield{position:relative;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px}.field-seam{--turn-accent: var(--accent);flex:0 0 auto;height:2px;margin:4px 10px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--turn-accent) 55%,transparent),transparent)}.field-seam.char-wizard{--turn-accent: var(--char-wizard-name)}.field-seam.char-paladin{--turn-accent: var(--char-paladin-name)}.field-seam.char-middle-brother{--turn-accent: var(--char-middle-brother-name)}.field-seam.char-necromancer{--turn-accent: var(--char-necromancer-name)}.field-seam.char-blood-witch{--turn-accent: var(--char-blood-witch-name)}.battle-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.ov-clock{position:absolute;right:4px;top:50%;transform:translateY(-50%)}.ov-stack{position:absolute;left:4px;top:50%;transform:translateY(-50%);pointer-events:auto;display:flex;align-items:center;justify-content:center}.battle-clock,.stack-outline,.ov-stack .stack-display{width:160px}.battle-clock{height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 12px;border-radius:var(--radius-lg);border:1px solid var(--border-hi);background:var(--surface-2);box-shadow:0 0 0 5px var(--bg),0 16px 30px #0000008c,inset 0 0 0 1px #ffffff08,inset 0 0 40px #00000047}.bc-bank{display:flex;flex-direction:column;align-items:center;gap:2px}.bc-bank-name{font-family:var(--font-display);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-bank-time{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text);font-variant-numeric:tabular-nums}.bc-mid{display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 6px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,rgba(10,9,16,.5));border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.bc-shot-time{font-family:var(--font-display);font-weight:800;font-size:1.7rem;line-height:1;color:var(--accent-hi);text-align:center;font-variant-numeric:tabular-nums}.bc-shot-time.low{color:#ff6b6b;animation:bc-pulse 1s ease-in-out infinite}.bc-shot-label{font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}@keyframes bc-pulse{0%,to{opacity:1}50%{opacity:.55}}.bc-bank.draining .bc-bank-time{color:#ff6b6b}.stack-outline{height:240px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-hi);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 0 0 5px var(--bg),0 12px 26px #00000080}.stack-outline span{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--border-hi)}#app.dragging-spell .nml-stack .stack-outline{border-style:solid;border-color:color-mix(in srgb,var(--accent) 80%,transparent);animation:stack-drop-pulse 1.25s ease-in-out infinite}#app.dragging-spell .nml-stack .stack-outline span{color:var(--accent-hi)}#app.dragging-spell .nml-stack.drop-hover .stack-outline{border-color:var(--accent-hi);animation-duration:.75s}@keyframes stack-drop-pulse{0%,to{box-shadow:0 0 0 5px var(--bg),0 12px 26px #00000080,0 0 7px color-mix(in srgb,var(--accent) 22%,transparent)}50%{box-shadow:0 0 0 5px var(--bg),0 12px 26px #00000080,0 0 22px 4px color-mix(in srgb,var(--accent) 48%,transparent)}}@media (prefers-reduced-motion: reduce){#app.dragging-spell .nml-stack .stack-outline{animation:none;box-shadow:0 0 0 5px var(--bg),0 12px 26px #00000080,0 0 14px 2px color-mix(in srgb,var(--accent) 38%,transparent)}}#app.dragging-shld .field.me{border-color:color-mix(in srgb,var(--field-accent) 75%,transparent);border-style:dashed;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--field-accent) 35%,transparent),inset 0 0 70px #00000047}#app.dragging-shld .field.me.drop-hover{background:radial-gradient(ellipse 60% 90% at 50% 0%,color-mix(in srgb,var(--field-accent) 26%,transparent),transparent 72%)}#app.dragging-shld .field.me:after{content:"Raise shield here";position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--field-accent) 70%,var(--text));pointer-events:none;z-index:2}.card[draggable=true]{cursor:grab}#app.dragging .lane-hand .card[draggable=true]:active{cursor:grabbing}.stack-display{pointer-events:none;min-width:0;display:flex;flex-direction:column;align-items:center}.stack-items{display:flex;flex-direction:column;align-items:center}.stack-item.is-fresh{animation:stack-in .2s ease-out}.stack-item.card-item{margin-top:-178px;position:relative}.stack-item.card-item:first-child{margin-top:0}.stack-item.ability{margin-top:-64px}.stack-item.ability:first-child{margin-top:0}.stack-item.card-item .card{width:160px;height:240px;box-shadow:0 14px 30px #0000009e}.stack-item.card-item .card .card-body{flex:0 0 auto}.stack-item.card-item .card .card-foot{flex:1 1 0;min-height:0;overflow:hidden}.stack-item.top{position:relative;z-index:5;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 55%,transparent))}.stack-item.top.card-item .card{outline:2px solid var(--accent-hi);outline-offset:1px}@keyframes stack-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.stack-ability{--tok: var(--accent);--tok-body: var(--surface-2);width:116px;height:116px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(160deg,color-mix(in srgb,var(--tok-body) 34%,#14131c),#100f17);border:1px solid color-mix(in srgb,var(--tok) 70%,transparent);box-shadow:0 12px 30px #0009,0 0 0 3px color-mix(in srgb,var(--tok) 18%,transparent);color:var(--text)}.stack-ability.char-wizard{--tok: var(--char-wizard-name);--tok-body: var(--char-wizard-body)}.stack-ability.char-paladin{--tok: var(--char-paladin-name);--tok-body: var(--char-paladin-body)}.stack-ability.char-middle-brother{--tok: var(--char-middle-brother-name);--tok-body: var(--char-middle-brother-body)}.stack-ability.char-necromancer{--tok: var(--char-necromancer-name);--tok-body: var(--char-necromancer-body)}.stack-ability.char-blood-witch{--tok: var(--char-blood-witch-name);--tok-body: var(--char-blood-witch-body)}.stack-ability .ability-ico{width:34px;height:34px;display:flex;color:color-mix(in srgb,var(--tok) 55%,#ffffff)}.stack-ability .ability-ico svg{width:100%;height:100%}.stack-ability .ability-val{font-family:var(--font-display);font-weight:800;font-size:1.6rem;line-height:1;color:#fff}.stack-ability .ability-label{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stack-ability .ability-from{font-size:.54rem;color:var(--muted);opacity:.85}.stack-ability.item-token{--tok: var(--warn);--tok-body: #2a2418}.stack-ability.item-token .ability-label{text-transform:none;letter-spacing:.01em;font-size:.6rem;line-height:1.05;color:color-mix(in srgb,var(--warn) 62%,#fff);padding:0 4px}.card-proc-rail{position:absolute;left:100%;top:50%;transform:translate(8px,-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none;z-index:6}.card-proc-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:52px;height:52px;border-radius:11px;background:linear-gradient(160deg,color-mix(in srgb,#2a2418 40%,#14131c),#100f17);border:1px solid color-mix(in srgb,var(--warn) 70%,transparent);box-shadow:0 6px 16px #0000008c,0 0 0 3px color-mix(in srgb,var(--warn) 16%,transparent)}.stack-item.is-fresh .card-proc-badge{animation:cpb-pop .18s ease-out}.card-proc-badge .cpb-ico{width:20px;height:20px;display:flex;color:color-mix(in srgb,var(--warn) 55%,#fff)}.card-proc-badge .cpb-ico svg{width:100%;height:100%}.card-proc-badge .cpb-val{font-family:var(--font-display);font-weight:800;font-size:.92rem;line-height:1;color:#fff}@keyframes cpb-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.stack-item.is-fresh .card-proc-badge{animation:none}}.corner-power.boosted{color:var(--ok);text-shadow:0 0 8px color-mix(in srgb,var(--ok) 55%,transparent)}@media (prefers-reduced-motion: reduce){.stack-item.is-fresh{animation:none}}.col-state>.state,.col-actions>.actions{flex:1 1 0;min-height:0}.state{--st-accent: var(--accent);display:flex;flex-direction:column;gap:calc(8px - 3px * var(--density, .5));background:linear-gradient(180deg,color-mix(in srgb,var(--st-accent) 9%,var(--surface)),var(--surface) 42%);border:1px solid var(--border);border-top:3px solid var(--st-accent);border-radius:var(--radius-lg);padding:calc(14px - 5px * var(--density, .5)) calc(16px - 5px * var(--density, .5));overflow:hidden}.state.char-wizard{--st-accent: var(--char-wizard-body)}.state.char-paladin{--st-accent: var(--char-paladin-body)}.state.char-middle-brother{--st-accent: var(--char-middle-brother-body)}.state.char-necromancer{--st-accent: var(--char-necromancer-body)}.state.char-blood-witch{--st-accent: var(--char-blood-witch-body)}.state.char-monarch{--st-accent: var(--char-monarch-body)}.state-head-block{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:calc(4px - 1px * var(--density, .5));padding-bottom:calc(9px - 3px * var(--density, .5));border-bottom:1px solid color-mix(in srgb,var(--st-accent) 22%,var(--border))}.state-head-block .mana-row{justify-content:center}.state-head{display:flex;align-items:center;gap:14px}.portrait-sq{--char-body: var(--surface-2);flex:0 0 auto;width:86px;height:86px;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#ffffff1a,#0000002e),var(--char-body);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 6px #00000059}.portrait-sq.char-wizard{--char-body: var(--char-wizard-body)}.portrait-sq.char-paladin{--char-body: var(--char-paladin-body)}.portrait-sq.char-middle-brother{--char-body: var(--char-middle-brother-body)}.portrait-sq.char-necromancer{--char-body: var(--char-necromancer-body)}.portrait-sq.char-blood-witch{--char-body: var(--char-blood-witch-body)}.portrait-sq img{width:100%;height:100%;object-fit:cover;display:block}.state-id{display:flex;flex-direction:column;gap:2px;min-width:0}.state-id.center{align-items:center;text-align:center}.state-name{font-family:var(--font-display);font-weight:700;font-size:1.18rem;letter-spacing:.02em;text-transform:uppercase}.state-sub{color:var(--muted);font-size:.82rem}.state-sec{display:flex;flex-direction:column;gap:calc(6px - 2px * var(--density, .5))}.state-sec.items{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 14px),transparent)}.state-sec.items::-webkit-scrollbar{width:6px}.state-sec.items::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.state-sec.items::-webkit-scrollbar-track{background:transparent}.state-sec.collapsed{flex:0 0 auto}.state-label{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.state-label.sub{opacity:.9}.state-label.sec-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:2px 0;background:none;border:0;cursor:pointer;color:color-mix(in srgb,var(--st-accent) 55%,var(--muted));text-align:left}.state-label.sec-toggle:after{content:"";flex:1 1 auto;height:1px;background:color-mix(in srgb,var(--st-accent) 16%,var(--border))}.state-label.sec-toggle:hover{color:var(--st-accent)}.sec-chevron{font-size:.7rem;line-height:1;color:var(--st-accent)}.mana-row{display:flex;align-items:center;gap:8px}.mana-row .mana-text{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums}.ring-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.flank{display:flex;flex-direction:column;gap:6px;min-width:0}.flank.neg{align-items:flex-start}.flank.pos{align-items:flex-end}.flank-sign{font-family:var(--font-display);font-weight:700;font-size:1rem;line-height:1}.flank.neg .flank-sign{color:var(--danger)}.flank.pos .flank-sign{color:var(--ok)}.hp-ring{position:relative;width:calc(114px - 18px * var(--density, .5));height:calc(114px - 18px * var(--density, .5));flex:0 0 auto;justify-self:center}.ring-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ring-track{fill:none;stroke:#2a1418;stroke-width:9}.ring-fill{fill:none;stroke:var(--danger);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .25s}.ring-portrait{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:50%;overflow:hidden;background:var(--st-accent);border:1px solid rgba(255,255,255,.14)}.ring-portrait img{width:100%;height:100%;object-fit:cover;display:block}.ring-hp{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);background:var(--surface-2);border:1.5px solid var(--danger);border-radius:999px;padding:2px 13px;font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 2px 8px #0006}.ring-hp span{color:var(--muted);font-weight:600;font-size:.82rem}.status.buff{color:var(--ok)}.item-list{display:flex;flex-wrap:wrap;gap:6px}.item-list.big{flex-direction:column;flex-wrap:nowrap;gap:4px;overflow:visible}.state-sec.items .item-ico{width:calc(28px - 5px * var(--density, .5));height:calc(28px - 5px * var(--density, .5))}.item-row{position:relative;display:flex;align-items:center;gap:10px;border-radius:8px}.item-ico{flex:0 0 auto;width:36px;height:36px;border-radius:9px;background:var(--surface-2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--st-accent)}.item-ico svg{width:64%;height:64%}.item-txt{display:flex;flex-direction:column;min-width:0}.item-nm{font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-ds{color:var(--muted);font-size:.74rem;line-height:1.2}.item-list.big .item-row>.item-nm{flex:1 1 auto;min-width:0}.item-activate-btn{flex:0 0 auto;margin-left:auto;font-family:var(--font-display);font-size:.72rem;line-height:1;padding:4px 9px;border-radius:6px;border:1px solid var(--st-accent);background:color-mix(in srgb,var(--st-accent) 16%,transparent);color:var(--st-accent);cursor:pointer;white-space:nowrap}.item-activate-btn:hover:not(:disabled){background:color-mix(in srgb,var(--st-accent) 30%,transparent)}.item-activate-btn:disabled{opacity:.4;cursor:default}.item-activate-btn .ia-cost{opacity:.8}.item-tip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);width:max-content;max-width:240px;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:8px;padding:8px 11px;box-shadow:0 10px 26px #0009;font-size:.8rem;text-align:left;display:none;z-index:60;pointer-events:none}.item-tip strong{display:block;font-family:var(--font-display);color:var(--accent-hi);margin-bottom:3px}.item-tip span{color:var(--muted);line-height:1.35}.item-list.big .item-row:hover .item-tip{display:block}.item-list.big .item-row:hover{background:color-mix(in srgb,var(--st-accent) 8%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--st-accent) 28%,transparent)}.item-row{transition:box-shadow .15s ease,background .15s ease}.item-row.st-used{opacity:.5}.item-row.st-ready .item-ico,.item-row.st-armed .item-ico{color:var(--st-accent);border-color:color-mix(in srgb,var(--st-accent) 55%,var(--border));animation:item-breathe 2.4s ease-in-out infinite}.item-row.st-armed .item-nm{color:var(--st-accent)}@keyframes item-breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--st-accent) 0%,transparent)}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--st-accent) 26%,transparent)}}.item-row.proc-live{opacity:1;border-radius:8px;animation:item-proc-pulse 1.05s ease-in-out infinite}.item-row.proc-live .item-ico{color:var(--st-accent);border-color:var(--st-accent);background:color-mix(in srgb,var(--st-accent) 16%,var(--surface-2));animation:none}.item-row.proc-live .item-nm{color:var(--st-accent)}@keyframes item-proc-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--st-accent) 0%,transparent)}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--st-accent) 40%,transparent),0 0 14px 2px color-mix(in srgb,var(--st-accent) 46%,transparent)}}.item-chip.proc-live{border-color:var(--st-accent);color:var(--st-accent);animation:item-proc-pulse 1.05s ease-in-out infinite}.item-row.item-hi{background:color-mix(in srgb,var(--st-accent) 12%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--st-accent) 45%,transparent),0 0 14px 1px color-mix(in srgb,var(--st-accent) 30%,transparent)}.item-row.item-hi .item-ico{border-color:var(--st-accent);color:var(--st-accent)}.item-row.flash-fired{animation:item-fired-pulse .55s ease-out}@keyframes item-fired-pulse{0%{background:color-mix(in srgb,var(--st-accent) 32%,transparent)}to{background:transparent}}.item-chip.st-used{opacity:.5}.item-chip.st-ready,.item-chip.st-fired{border-color:color-mix(in srgb,var(--st-accent) 55%,var(--border))}.item-chip.st-armed{border-color:color-mix(in srgb,var(--st-accent) 60%,var(--border));color:var(--st-accent)}@media (prefers-reduced-motion: reduce){.item-row.flash-fired,.item-row.st-ready .item-ico,.item-row.st-armed .item-ico,.item-row.proc-live,.item-chip.proc-live{animation:none}.item-row.proc-live{box-shadow:0 0 0 2px color-mix(in srgb,var(--st-accent) 34%,transparent)}}.state-sec.passive{flex:0 0 auto}.passive-row{align-items:flex-start;gap:calc(11px - 3px * var(--density, .5));padding:calc(10px - 4px * var(--density, .5)) calc(11px - 3px * var(--density, .5));border-radius:10px;background:color-mix(in srgb,var(--st-accent) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--st-accent) 28%,var(--border));border-left:3px solid var(--st-accent)}.passive-row .item-ico{width:calc(42px - 10px * var(--density, .5));height:calc(42px - 10px * var(--density, .5));border-radius:10px;border-color:color-mix(in srgb,var(--st-accent) 45%,var(--border));background:color-mix(in srgb,var(--st-accent) 14%,var(--surface-2))}.passive-row .item-nm{color:var(--st-accent);font-size:.92rem;white-space:normal;overflow:visible}.passive-row .item-ds{color:color-mix(in srgb,var(--text) 50%,var(--muted))}.actions{display:flex;flex-direction:column;gap:calc(12px - 6px * var(--density, .5));align-items:center;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius-lg);padding:calc(14px - 5px * var(--density, .5)) 16px;overflow:hidden}.actions.opp{border-top-color:var(--border-hi)}.actions .end-turn-btn{align-self:stretch;padding:calc(14px - 4px * var(--density, .5));font-size:1.15rem}.act-piles{display:flex;gap:12px;justify-content:center;zoom:calc(.78 - .32 * var(--density, .5))}.act-piles .pile-slot{align-items:center}.act-piles .pile-head{text-align:center;align-self:center}.act-piles .deck-stack-full{margin:6px auto 0}.act-piles .discard-stack{margin:6px auto}.act-piles .discard-stack .card{height:240px}.act-piles .discard-stack .card .card-foot{flex:1 1 auto}.stats-panel{align-self:stretch;display:flex;flex-direction:column;gap:calc(8px - 4px * var(--density, .5));margin-top:auto}.stats-head{display:flex;align-items:center;justify-content:space-between}.stats-title{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stats-legend{display:flex;align-items:center;gap:5px;font-size:.64rem;color:var(--muted)}.stats-legend .sw{width:9px;height:9px;border-radius:2px;display:inline-block}.stats-legend .sw.dealt{background:var(--muted)}.stats-legend .sw.taken{border:1px solid var(--muted)}.stat-cols{display:flex;gap:6px}.stat-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--c)}.stat-gly{width:15px;height:15px;display:flex}.stat-gly svg{width:100%;height:100%}.stat-box{width:100%;text-align:center;border-radius:5px;padding:2px 0;font-family:var(--font-display);font-weight:700;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--c)}.stat-box.dealt,.stat-box.self{background:color-mix(in srgb,var(--c) 16%,transparent)}.stat-box.taken,.stat-box.opp{border:1px solid color-mix(in srgb,var(--c) 55%,transparent)}.stat-cols.util{margin-top:2px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.audio-ctl{position:absolute;top:12px;right:12px;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 10px;background:color-mix(in srgb,var(--surface) 85%,transparent);border:1px solid var(--border);border-radius:var(--radius)}.audio-mute{padding:6px;line-height:0;background:transparent;border:none;color:var(--muted)}.audio-mute:hover:not(:disabled){color:var(--text);background:transparent}.audio-mute svg{width:18px;height:18px;display:block}.audio-mute[aria-pressed=true]{color:var(--danger)}.audio-vol{width:84px;accent-color:var(--accent);cursor:pointer}.audio-vol:disabled{opacity:.4;cursor:default}.audio-music-ico{color:var(--muted);line-height:0;display:flex;margin-left:2px}.audio-music-ico svg{width:16px;height:16px;display:block}.audio-vol.music{accent-color:color-mix(in srgb,var(--accent) 55%,var(--muted))}.lane-opphand{flex:0 0 auto;display:flex;justify-content:center;align-items:flex-start}.lane-opphand .opp-hand{margin:0;padding:0}.lane-opphand .opp-hand .card-back.full{margin-left:-72px;box-shadow:-4px 3px 10px #00000080}.lane-opphand .opp-hand .card-back.full:first-child{margin-left:0}.lane-opphand .opp-hand-count{margin-left:10px;align-self:center}.lane-hand{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.freeze-note{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.03em;color:color-mix(in srgb,#6cb8e6 82%,#ffffff);background:color-mix(in srgb,#6cb8e6 16%,var(--surface));border:1px solid color-mix(in srgb,#6cb8e6 45%,transparent);border-radius:999px;padding:4px 12px}.freeze-note .freeze-ico{width:14px;height:14px;display:inline-flex;color:#6cb8e6}.freeze-note .freeze-ico svg{width:100%;height:100%}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px 18px}.topbar-hand{flex:1 1 auto;display:flex;justify-content:center;min-width:0}.topbar-piles{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.topbar-hand .opp-hand{margin:0;padding:0}.topbar-hand .opp-hand .card-back.full{width:54px;height:80px;margin-left:-36px;border-radius:7px;box-shadow:-2px 1px 4px #00000080}.topbar-hand .opp-hand .card-back.full:first-child{margin-left:0}.topbar-hand .opp-hand-count{margin-left:10px}.pile-chip{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 13px;white-space:nowrap}button.pile-chip{cursor:pointer}button.pile-chip:hover{color:var(--text);border-color:var(--accent)}.pile-chip .num{color:var(--text);margin-left:4px;font-variant-numeric:tabular-nums}.plate{display:flex;align-items:center;gap:14px;flex:0 1 auto;min-width:0}.dock-bar .plate{flex:1 1 auto}.id-badge{--char-body: var(--surface-2);--char-ink: var(--text);flex:0 0 auto;width:72px;height:72px;border-radius:16px;background:linear-gradient(160deg,#ffffff1a,#0000002e),var(--char-body);border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff14;display:flex;align-items:center;justify-content:center;overflow:hidden}.id-badge-portrait{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.id-badge.char-wizard{--char-body: var(--char-wizard-body);--char-ink: var(--char-wizard-ink)}.id-badge.char-paladin{--char-body: var(--char-paladin-body);--char-ink: var(--char-paladin-ink)}.id-badge.char-middle-brother{--char-body: var(--char-middle-brother-body);--char-ink: var(--char-middle-brother-ink)}.id-badge.char-necromancer{--char-body: var(--char-necromancer-body);--char-ink: var(--char-necromancer-ink)}.id-badge.char-blood-witch{--char-body: var(--char-blood-witch-body);--char-ink: var(--char-blood-witch-ink)}.plate-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.dock-bar .plate-main{max-width:480px}.plate-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.id-name{font-family:var(--font-display);font-weight:600;font-size:1.12rem}.id-title{color:var(--muted);font-size:.85rem}.id-stats{color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums;white-space:nowrap}.id-stats strong{color:var(--text)}.plate-sub{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:18px;font-size:.85rem;color:var(--muted)}.mana-text{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}.fields{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.field{--field-accent: var(--accent);flex:1 1 0;min-height:0;max-height:calc(340px - 90px * var(--density, .5));position:relative;overflow:visible;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px #ffffff05,inset 0 0 70px #00000047}.field.char-wizard{--field-accent: var(--char-wizard-name)}.field.char-paladin{--field-accent: var(--char-paladin-name)}.field.char-middle-brother{--field-accent: var(--char-middle-brother-name)}.field.char-necromancer{--field-accent: var(--char-necromancer-name)}.field.char-blood-witch{--field-accent: var(--char-blood-witch-name)}.field.char-monarch{--field-accent: var(--char-monarch-name)}.field.opp{background:radial-gradient(ellipse 60% 90% at 50% 100%,color-mix(in srgb,var(--field-accent) 13%,transparent),transparent 72%)}.field.me{background:radial-gradient(ellipse 60% 90% at 50% 0%,color-mix(in srgb,var(--field-accent) 15%,transparent),transparent 72%)}.field-crest{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(58%,300px);aspect-ratio:1;color:var(--field-accent);opacity:.08;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.field-crest svg{width:100%;height:100%}.field-label{position:absolute;top:10px;left:16px;z-index:1;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--field-accent) 60%,var(--muted));pointer-events:none}.field-empty{position:relative;z-index:1;align-self:center;text-align:center;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--border-hi)}.turn-banner{flex:0 0 auto;display:inline-flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--turn-accent);border-radius:999px;padding:6px 18px;white-space:nowrap;font-family:var(--font-display);box-shadow:0 0 0 4px color-mix(in srgb,var(--turn-accent) 12%,transparent)}.turn-num{font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--turn-accent)}.turn-sep{width:1px;height:13px;background:color-mix(in srgb,var(--turn-accent) 50%,transparent)}.turn-move{font-weight:600;font-size:.86rem;color:var(--text)}.turn-chevron{color:var(--turn-accent);font-size:.74rem;line-height:1}.dock{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;min-height:0}.dock-bar{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--radius-lg);padding:8px 18px}.dock-hand{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.dock-hand .hand{flex:0 1 auto}.dock-hand .pile-slot{flex:0 0 auto}.dock .discard-stack .card{height:240px}.dock .discard-stack .card .card-foot{flex:1 1 auto}.hp{position:relative;height:28px;background:#2a1418;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.hp-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(180deg,#d9656e,#a83a44);transition:width .25s}.hp-text{position:relative;text-align:center;font-size:.86rem;line-height:28px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums;font-weight:600}.mana-bar{display:flex;gap:2px;width:190px;height:14px}.mana-seg{flex:1 1 0;min-width:0;border:1px solid var(--accent);background:transparent;border-radius:2px}.mana-bar .mana-seg:first-child{border-radius:7px 2px 2px 7px}.mana-bar .mana-seg:last-child{border-radius:2px 7px 7px 2px}.mana-seg.full{background:var(--accent);box-shadow:0 0 6px #7693f066}.mana-seg.bonus{background:color-mix(in srgb,var(--accent-hi) 70%,#ffffff);border-color:color-mix(in srgb,var(--accent-hi) 70%,#ffffff);box-shadow:0 0 8px color-mix(in srgb,var(--accent-hi) 60%,transparent)}.mana-seg.passive{background:var(--char-necromancer-name, var(--accent));border-color:var(--char-necromancer-name, var(--accent));box-shadow:0 0 6px color-mix(in srgb,var(--char-necromancer-name, var(--accent)) 50%,transparent)}.mana-seg.ghost{border:1px dashed color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 22%,transparent);opacity:.75}.mana-seg.spend-hi{background:color-mix(in srgb,var(--accent) 55%,#ffffff);border-color:color-mix(in srgb,var(--accent) 55%,#ffffff);animation:mana-spend-pulse 1.1s ease-in-out infinite}.mana-bar.spend-short{box-shadow:0 0 8px color-mix(in srgb,var(--danger) 45%,transparent)}.mana-bar.spend-short .mana-seg.spend-hi{background:var(--danger);border-color:var(--danger)}@keyframes mana-spend-pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.mana-seg.spend-hi{animation:none}}.ring-hp[data-spend]:after{content:"−" attr(data-spend) " HP";margin-left:5px;font-size:.7rem;font-weight:700;color:var(--danger)}.flank.neg[data-pay]:after{content:attr(data-pay);display:inline-block;font-size:.68rem;font-weight:700;color:var(--danger);border:1px dashed color-mix(in srgb,var(--danger) 70%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent);border-radius:999px;padding:1px 7px;margin-top:4px}.meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--muted)}.meta .warn{color:var(--warn)}.disc-btn{background:transparent;border:none;padding:0;margin:0;font:inherit;color:var(--muted);cursor:pointer;text-decoration:underline dotted transparent;text-underline-offset:2px}.disc-btn:hover{color:var(--text);text-decoration-color:var(--accent)}.disc-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.modal-head h2{margin:0}.shield-field{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:0}.shield-tile{display:flex;flex-direction:column;gap:5px;min-width:170px;max-width:230px;padding:8px 10px;background:linear-gradient(180deg,color-mix(in srgb,var(--t-shld) 18%,transparent),color-mix(in srgb,var(--t-shld) 6%,transparent));border:1px solid var(--t-shld);border-radius:var(--radius);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t-shld) 15%,transparent),0 2px 4px #0000004d}.shield-tile-head{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--t-shld);font-weight:700}.shield-tile-hp{position:relative;height:18px;background:#0006;border-radius:4px;overflow:hidden;border:1px solid color-mix(in srgb,var(--t-shld) 40%,transparent)}.shield-tile-hp .hp-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--t-shld) 85%,#ffffff),color-mix(in srgb,var(--t-shld) 75%,#000000))}.shield-tile-hp .hp-text{position:relative;text-align:center;font-size:.8rem;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.shield-tile-decay{font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.shield-tile-trigger{font-size:.78rem;padding:3px 6px;border-radius:4px;background:#ffffff0a;border-left:3px solid var(--t-shld);color:var(--text);line-height:1.25}.shield-tile-trigger.break{border-left-color:var(--danger)}.shield-tile-trigger.turn{border-left-color:var(--warn)}.shield-token{position:relative;display:flex;flex-direction:column;gap:4px;width:160px;padding:0;margin:0;background:none;border:none}.shield-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:240px;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:8px;padding:8px 11px;box-shadow:0 10px 26px #0009;font-size:.8rem;text-align:left;display:none;z-index:60;pointer-events:none}.shield-tip strong{display:block;font-family:var(--font-display);color:var(--accent-hi);margin-bottom:3px}.shield-tip>span{color:var(--muted);line-height:1.35}.shield-tip-rows{display:flex;flex-direction:column;gap:7px;margin-top:6px}@media (hover: hover){.shield-token:hover .shield-tip{display:block}}.shield-token.tip-open .shield-tip{display:block}button.shield-token{font:inherit;text-align:left;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.card.in-token{width:160px}.card.in-token .card-foot{display:none}.card.in-token .card-body{min-height:132px}.shield-token-meter{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 3px}.shield-token-hp-num{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--t-shld);font-variant-numeric:tabular-nums}.shield-token-hp-num .max{color:var(--muted);font-weight:600;font-size:.78rem}.shield-token-decay{font-size:.68rem;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.shield-token.targetable,.shield-token.targetable *{cursor:pointer}.shield-token.targetable .card{border-color:var(--danger);animation:shield-target-pulse 1.15s ease-in-out infinite}@media (hover: hover){.shield-token.targetable:hover .card{transform:translateY(-2px)}}button.shield-tile{font:inherit;text-align:left;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.shield-tile.targetable{cursor:pointer;border-color:var(--danger);animation:shield-target-pulse 1.15s ease-in-out infinite}.shield-tile.targetable:hover{transform:translateY(-2px);border-color:var(--danger)}@keyframes shield-target-pulse{0%,to{box-shadow:inset 0 0 0 1px #d9656e40,0 0 #d9656e00}50%{box-shadow:inset 0 0 0 1px #d9656e73,0 0 0 5px #d9656e4d}}.minion-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:6px 0}.minion-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:78px;height:90px;padding:5px;border-radius:10px;color:var(--field-accent, var(--accent));background:linear-gradient(180deg,#ffffff0d,#00000038),var(--surface-2);border:1px solid color-mix(in srgb,var(--field-accent, var(--accent)) 45%,var(--border));box-shadow:inset 0 1px #ffffff0d,0 2px 5px #00000059}.minion-chip .minion-ico{width:46px;height:46px;display:flex;align-items:center;justify-content:center}.minion-chip .minion-ico svg{width:100%;height:100%}.minion-chip .minion-dmg{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.minion-chip .minion-hp{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1}.minion-chip .minion-hp .max{opacity:.55}.minion-chip .minion-buff{position:absolute;top:-5px;right:-5px;padding:1px 3px;font-family:var(--font-display);font-weight:700;font-size:.6rem;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff;background:#555;border:1px solid rgba(0,0,0,.4);border-radius:5px;box-shadow:0 1px 3px #00000073;pointer-events:none}.minion-chip .minion-heal{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1;color:var(--good, #5fbf6a);font-variant-numeric:tabular-nums}.minion-chip .minion-block{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1;color:color-mix(in srgb,var(--field-accent, var(--accent)) 60%,var(--text));font-variant-numeric:tabular-nums}.minion-chip.knight,.minion-chip.champion{width:90px;height:102px;border-color:color-mix(in srgb,var(--field-accent, var(--accent)) 70%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--field-accent, var(--accent)) 28%,transparent),0 3px 7px #0006}.minion-chip.knight .minion-ico,.minion-chip.champion .minion-ico{width:56px;height:56px}.minion-chip.angel{border-color:color-mix(in srgb,var(--field-accent, var(--accent)) 62%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--field-accent, var(--accent)) 24%,transparent),0 3px 7px #0006}.minion-chip.guard{border-color:color-mix(in srgb,var(--field-accent, var(--accent)) 55%,var(--border))}button.minion-chip{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.minion-chip.targetable,.minion-chip.targetable *{cursor:pointer}.minion-chip.targetable{border-color:var(--danger);animation:shield-target-pulse 1.15s ease-in-out infinite}.minion-chip.targetable:hover{transform:translateY(-2px)}.minion-chip.selected{border-color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger),0 0 0 3px color-mix(in srgb,var(--danger) 35%,transparent);opacity:.6;filter:grayscale(.3)}.minion-chip.selected:after{content:"✕";position:absolute;top:2px;right:5px;font-size:.8rem;font-weight:700;line-height:1;color:var(--danger)}.card.tutor-selected{outline:3px solid var(--accent);outline-offset:1px;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}.tutor-budget{font-weight:700;font-size:.85rem;color:var(--muted);margin-right:6px;align-self:center}.convert-knight-btn{align-self:stretch;padding:9px 12px;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.04em;color:color-mix(in srgb,var(--char-necromancer-name) 75%,#ffffff);background:color-mix(in srgb,var(--char-necromancer-name) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--char-necromancer-name) 50%,transparent)}.convert-knight-btn:hover:not(:disabled){background:color-mix(in srgb,var(--char-necromancer-name) 24%,var(--surface));border-color:var(--char-necromancer-name)}.convert-knight-btn .cv-cost{opacity:.7;font-weight:600;font-size:.85em;margin-left:5px}.passive-actions{display:flex;flex-direction:column;gap:6px;align-self:stretch}.char-slot-btns{display:flex;gap:6px}.char-slot-btns .char-cardlist-btn{flex:1}.modal.units-modal{max-width:min(560px,94vw)}.units-modal.char-necromancer,.units-panel.char-necromancer,.ov-panel.char-necromancer{--u-accent: var(--char-necromancer-name)}.units-modal.char-middle-brother,.units-panel.char-middle-brother,.ov-panel.char-middle-brother{--u-accent: var(--char-middle-brother-name)}.units-modal-grid{display:flex;flex-direction:column;gap:10px;padding:4px 0}.units-modal-row{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px 14px;background:color-mix(in srgb,var(--u-accent, var(--accent)) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--u-accent, var(--accent)) 22%,var(--border));border-left:3px solid var(--u-accent, var(--accent));border-radius:12px}.units-modal-ico{width:50px;height:50px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--u-accent, var(--accent));background:color-mix(in srgb,var(--u-accent, var(--accent)) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--u-accent, var(--accent)) 35%,var(--border))}.units-modal-ico svg{width:62%;height:62%}.units-modal-body{min-width:0}.units-modal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.units-modal-name{font-family:var(--font-display);font-weight:700;font-size:1.06rem;color:var(--text)}.units-modal-chips{display:inline-flex;gap:6px;flex:0 0 auto}.um-chip{font-weight:700;font-size:.76rem;padding:3px 9px;border-radius:999px;white-space:nowrap}.um-chip.hp{color:var(--muted);background:#ffffff0d;border:1px solid var(--border)}.um-chip.stat{color:color-mix(in srgb,var(--u-accent, var(--accent)) 80%,#fff);background:color-mix(in srgb,var(--u-accent, var(--accent)) 14%,transparent);border:1px solid color-mix(in srgb,var(--u-accent, var(--accent)) 38%,transparent)}.units-modal-sub{font-size:.85rem;color:var(--muted);margin-top:4px;line-height:1.4}.units-toggle-row{display:flex;flex-direction:column;gap:6px;align-self:stretch}.units-btn{align-self:stretch;padding:7px 12px;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.04em}.units-btn.active{border-color:var(--accent);color:var(--accent)}.units-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;display:flex;flex-direction:column;gap:4px;font-size:.77rem}.units-row{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;column-gap:8px;row-gap:0;align-items:center;padding:4px 5px;border-radius:6px}.units-row:hover{background:#ffffff0a}.units-ico{grid-row:1 / span 2;grid-column:1;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:var(--u-accent, var(--accent))}.units-ico svg{width:100%;height:100%}.units-name{font-weight:700;color:var(--text);grid-row:1;grid-column:2;align-self:end}.units-hp{font-weight:600;color:var(--muted);grid-row:1;grid-column:3;text-align:right;align-self:end}.units-stat{font-weight:600;color:var(--u-accent, var(--accent));grid-row:1;grid-column:4;text-align:right;align-self:end}.units-sub{font-size:.88em;color:var(--muted);grid-row:2;grid-column:2 / -1;opacity:.75}.card.type-actv .card-body{background:linear-gradient(135deg,#64dcff2e,#c864ff2e,#ffa0641f),var(--char-body)}.card.type-actv{border-color:#b48cff8c}.card.hologram .card-icon{top:8px;right:12px;bottom:8px;left:12px;background:transparent}@media (prefers-reduced-motion: no-preference){.card.type-actv .card-body{animation:hologram-shimmer 5s ease-in-out infinite}}@keyframes hologram-shimmer{0%,to{background:linear-gradient(135deg,#64dcff2e,#c864ff2e,#ffa0641f),var(--char-body)}33%{background:linear-gradient(135deg,#c864ff29,#ffa06429,#64dcff1f),var(--char-body)}66%{background:linear-gradient(135deg,#ffa06429,#64dcff2e,#c864ff1f),var(--char-body)}}.card.type-atk{border-radius:3px;border-width:2px}.card.type-heal{border-radius:20px;box-shadow:0 7px 18px #00000073,inset 0 1px #ffffff0f}.card.type-draw{border-radius:2px 16px}.card.type-shld{outline:1.5px solid var(--border);outline-offset:3px}.spellcraft-btn{color:color-mix(in srgb,var(--char-blood-witch-name) 78%,#ffffff);background:color-mix(in srgb,var(--char-blood-witch-name) 14%,var(--surface));border-color:color-mix(in srgb,var(--char-blood-witch-name) 50%,transparent)}.spellcraft-btn:hover:not(:disabled){background:color-mix(in srgb,var(--char-blood-witch-name) 24%,var(--surface));border-color:var(--char-blood-witch-name)}.card-attack-amt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;font-family:var(--font-display);font-weight:800;font-size:2.6rem;line-height:1;color:#ff2f2f;text-shadow:0 2px 6px rgba(0,0,0,.85),0 0 14px rgba(0,0,0,.6);animation:atk-pop .18s ease-out}.card.in-stack .card-attack-amt{font-size:2.9rem}@keyframes atk-pop{0%{transform:translate(-50%,-50%) scale(1.45);opacity:.2}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.state.face-target{cursor:pointer;border-radius:var(--radius);animation:shield-target-pulse 1.15s ease-in-out infinite}.state.face-target:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}.card-back{--char-body: var(--surface-2);--char-ink: var(--text);position:relative;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(160deg,#ffffff14,#00000029),var(--char-body);box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff0f;overflow:hidden;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.card-back:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.14);border-radius:6px}.card-back-emblem{width:52%;color:var(--char-ink);opacity:.55;display:flex}.card-back-emblem svg{width:100%;height:100%}.card-back.full{width:160px;height:240px}.pile-slot{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:none;border:none;padding:0;margin:0;text-align:left;width:160px;overflow:visible}button.pile-slot{cursor:pointer;font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pile-head{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.pile-head .pile-num{display:inline-block;margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums}.pile-empty{border:1px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.card-full-sized{width:160px;height:240px}.deck-stack-full{position:relative;z-index:0;width:160px;margin:10px 12px 0 0}.deck-stack-full:before,.deck-stack-full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);z-index:-1}.deck-stack-full:before{transform:translate(5px,-5px)}.deck-stack-full:after{transform:translate(10px,-10px)}.discard-stack{position:relative;width:160px;margin:8px 10px 8px 8px}.discard-card{pointer-events:none;position:relative}.discard-card:not(.top){position:absolute;top:0;left:0;filter:brightness(.9)}.discard-slot:hover .discard-card.top{transform:translateY(-3px)!important}.discard-slot:hover .discard-card.top .card{box-shadow:0 8px 18px #00000080,inset 0 1px #ffffff0f}.discard-card.harvestable{pointer-events:auto;cursor:pointer;border-radius:var(--radius);animation:harvest-pulse 1.5s ease-in-out infinite}@media (hover: hover){.discard-card.harvestable:hover{transform:translateY(-6px)!important}.discard-card.harvestable:hover .card{box-shadow:0 10px 22px #0000008c,0 0 0 2px var(--danger)}}@keyframes harvest-pulse{0%,to{box-shadow:0 0 #d9656e00}50%{box-shadow:0 0 0 6px #d9656e38}}.harvest-cost{position:absolute;top:-7px;right:-7px;z-index:12;padding:2px 7px;border-radius:999px;background:var(--danger);color:#fff;border:1px solid rgba(0,0,0,.35);font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;box-shadow:0 2px 6px #00000073}.harvest-cost.off{background:var(--surface-2);color:var(--muted);border-color:var(--border);box-shadow:none}.discard-card.harvest-blocked .card{filter:saturate(.7) brightness(.88)}.harvest-hint{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--danger);text-align:left;max-width:160px;line-height:1.25}.harvest-hint.off{color:var(--muted)}.pile-exiled{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--danger) 18%,transparent);border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.discard-card.harvestable{animation:none;box-shadow:0 0 0 2px #d9656e59}}@media (max-width: 760px){.arena{flex-direction:column}.side-rail{width:auto}}.opp-hand{display:flex;align-items:center;margin-top:8px;padding-left:4px}.opp-hand .card-back.full{margin-left:-104px;box-shadow:-3px 2px 6px #00000080}.opp-hand .card-back.full:first-child{margin-left:0}.opp-hand-count{margin-left:16px;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--muted)}.opp-hand.empty{color:var(--muted);font-size:.85rem;font-style:italic;margin-top:8px}.statuses{display:flex;gap:6px;flex-wrap:wrap}.status{font-size:.78rem;padding:3px 8px;border-radius:999px;border:1px solid currentColor}.status.burn{color:#e89a5a;animation:fx-ambient-burn 2s ease-in-out infinite}.status.bleed{color:#d9656e;animation:fx-ambient-bleed 2.4s ease-in-out infinite}.status.freeze{color:#6cb8e6;animation:fx-ambient-freeze 3s ease-in-out infinite}.status.poison{color:#aacc3d;animation:fx-ambient-poison 2.6s ease-in-out infinite}@keyframes fx-ambient-burn{0%,to{box-shadow:0 0 #e89a5a00}50%{box-shadow:0 0 9px #e89a5a8c}}@keyframes fx-ambient-bleed{0%,to{box-shadow:0 0 #d9656e00}50%{box-shadow:0 0 8px #d9656e80}}@keyframes fx-ambient-freeze{0%,to{box-shadow:0 0 #6cb8e600;opacity:.85}50%{box-shadow:0 0 8px #6cb8e680;opacity:1}}@keyframes fx-ambient-poison{0%,to{box-shadow:0 0 #aacc3d00}50%{box-shadow:0 0 8px #aacc3d80}}@media (prefers-reduced-motion: reduce){.status.burn,.status.bleed,.status.freeze,.status.poison{animation:none}}.hand{display:flex;flex-wrap:nowrap;justify-content:center;margin-top:2px;padding-top:6px;align-items:flex-end}.hand .card{margin-left:-40px;transition:transform .12s ease,box-shadow .12s ease}.hand .card:first-child{margin-left:0}.hand .card{height:240px}.hand .card .card-body{flex:0 0 auto}.hand .card .card-foot{flex:1 1 0;min-height:0;overflow:hidden}.hand .card:hover{transform:translateY(-14px);z-index:6;box-shadow:0 12px 26px #0000008c,inset 0 1px #ffffff0f}.hand .card:nth-child(n){z-index:1}.hand .card:nth-child(2){z-index:2}.hand .card:nth-child(3){z-index:3}.hand .card:nth-child(4){z-index:4}.hand .card:nth-child(5){z-index:5}.hand .card:nth-child(6){z-index:6}.hand .card:nth-child(7){z-index:7}.hand .card:hover{z-index:20}.col-lane .hand{padding-top:30px;padding-bottom:16px}.col-lane .hand .hand-slot{flex:0 0 auto;position:relative;margin-left:var(--ml, -40px);transform:rotate(var(--rot, 0deg));transform-origin:50% 100%;transition:transform .14s ease;will-change:transform}.col-lane .hand .hand-slot:first-child,.col-lane .hand .hand-slot .card{margin-left:0}.col-lane .hand .hand-slot .card:hover{transform:none}.col-lane .hand .hand-slot:nth-child(1){z-index:1}.col-lane .hand .hand-slot:nth-child(2){z-index:2}.col-lane .hand .hand-slot:nth-child(3){z-index:3}.col-lane .hand .hand-slot:nth-child(4){z-index:4}.col-lane .hand .hand-slot:nth-child(5){z-index:5}.col-lane .hand .hand-slot:nth-child(6){z-index:6}.col-lane .hand .hand-slot:nth-child(7){z-index:7}.col-lane .hand .hand-slot:nth-child(8){z-index:8}.col-lane .hand .hand-slot:nth-child(9){z-index:9}.col-lane .hand .hand-slot:nth-child(10){z-index:10}@media (hover: hover){.col-lane .hand .hand-slot:hover{transform:translateY(-16px) rotate(0);z-index:30}.col-lane .hand .hand-slot:hover>.card{box-shadow:0 14px 30px #0000008c,inset 0 1px #ffffff0f}}.col-lane .hand .hand-slot.touch-selected{transform:translateY(-16px) rotate(0);z-index:30}.col-lane .hand .hand-slot.touch-selected>.card{box-shadow:0 14px 30px #0000008c,0 0 0 2px var(--accent),inset 0 1px #ffffff0f}.card{--char-body: var(--surface-2);--char-name: var(--border);--char-ink: var(--text);flex:0 0 auto;width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0;display:flex;flex-direction:column;text-align:left;font-size:.85rem;position:relative;overflow:hidden;color:var(--text);cursor:default;font-family:inherit;box-shadow:0 2px 6px #00000059,inset 0 1px #ffffff0f;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.card.char-wizard,.card-back.char-wizard{--char-body: var(--char-wizard-body);--char-name: var(--char-wizard-name);--char-ink: var(--char-wizard-ink)}.card.char-paladin,.card-back.char-paladin{--char-body: var(--char-paladin-body);--char-name: var(--char-paladin-name);--char-ink: var(--char-paladin-ink)}.card.char-middle-brother,.card-back.char-middle-brother{--char-body: var(--char-middle-brother-body);--char-name: var(--char-middle-brother-name);--char-ink: var(--char-middle-brother-ink)}.card.char-necromancer,.card-back.char-necromancer{--char-body: var(--char-necromancer-body);--char-name: var(--char-necromancer-name);--char-ink: var(--char-necromancer-ink)}.card.char-blood-witch,.card-back.char-blood-witch{--char-body: var(--char-blood-witch-body);--char-name: var(--char-blood-witch-name);--char-ink: var(--char-blood-witch-ink)}.card.char-monarch,.card-back.char-monarch{--char-body: var(--char-monarch-body);--char-name: var(--char-monarch-name);--char-ink: var(--char-monarch-ink)}.card.type-atk:not([class*=char-]),.card.type-heal:not([class*=char-]),.card.type-shld:not([class*=char-]),.card.type-draw:not([class*=char-]){--char-body: var(--run-base-body);--char-name: var(--run-base-name);--char-ink: var(--run-base-ink)}.card .card-name{background:linear-gradient(180deg,#ffffff0f,#0000001a),var(--char-name);color:var(--char-ink);font-family:var(--font-display);font-weight:600;font-size:.78rem;letter-spacing:.01em;padding:5px 10px;text-align:center;border-bottom:1px solid rgba(0,0,0,.22)}.card-body{position:relative;background:linear-gradient(160deg,#ffffff1a,#00000024),var(--char-body);color:var(--char-ink);padding:12px 11px 38px;min-height:150px;display:flex;flex-direction:column}.card-body:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,255,255,.14);border-radius:6px;pointer-events:none;z-index:1}.card-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.07;mix-blend-mode:overlay}.card-id-row{position:relative;display:flex;align-items:baseline;font-family:var(--font-display);font-weight:700;font-size:1.25rem;letter-spacing:.02em;color:var(--char-ink);padding-left:2px}.card-icon{position:absolute;top:38px;right:15px;bottom:38px;left:15px;display:flex;align-items:center;justify-content:center;opacity:.95;pointer-events:none;background:#0000001a;border-radius:8px;box-shadow:inset 0 1px 3px #0003,inset 0 0 0 1px #ffffff0f;padding:8px}.card-icon svg{width:100%;height:100%;max-width:108px;max-height:130px}.card-corners{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:8px;pointer-events:none;z-index:1}.corner-power,.corner-cost{font-family:var(--font-display);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;line-height:1;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:8px}.corner-power{color:var(--char-ink);background:#0000001f;box-shadow:inset 0 0 0 1px #ffffff1a}.corner-power:empty{display:none}.corner-cost{color:var(--char-body);background:var(--char-ink);box-shadow:0 1px 3px #00000059,inset 0 1px #ffffff1f}.corner-cost.discounted s{opacity:.6;font-weight:600;margin-left:4px;font-size:.72rem}.new-badge{position:absolute;top:28px;right:-2px;background:var(--accent);color:#0a0a0b;font-size:.68rem;font-weight:800;letter-spacing:.03em;padding:2px 7px;border-radius:4px 0 0 4px;box-shadow:0 1px 3px #0000008c;text-transform:uppercase;z-index:1}.card-foot{padding:5px 9px 6px;display:flex;flex-direction:column;gap:3px;background:var(--surface);flex:1 1 0;min-height:0;overflow:hidden}.card-foot:empty{display:none}.card-status-row{display:flex;flex-wrap:wrap;gap:4px}.card-mod-row{display:flex;flex-wrap:wrap;gap:2px 3px}.card-mod{display:inline-flex;align-items:center;font-weight:700;font-size:.65rem;letter-spacing:.01em;padding:0 6px;border-radius:999px;color:var(--swatch, var(--text));background:color-mix(in srgb,var(--swatch, #888) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--swatch, #888) 42%,transparent);white-space:nowrap}.card-status{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-size:.74rem;letter-spacing:.01em;padding:1px 7px 1px 5px;border-radius:999px;color:var(--status-dot, #fff);background:var(--status-tint, rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px var(--status-line, rgba(255,255,255,.12))}.card-status svg{width:13px;height:13px;display:block;flex:0 0 auto}.card-status .cs-amt{line-height:1}.card-status.status-burn{--status-dot:#f0a05e;--status-tint:rgba(240,160,94,.14);--status-line:rgba(240,160,94,.4)}.card-status.status-bleed{--status-dot:#e07078;--status-tint:rgba(224,112,120,.14);--status-line:rgba(224,112,120,.4)}.card-status.status-freeze{--status-dot:#74c2eb;--status-tint:rgba(116,194,235,.14);--status-line:rgba(116,194,235,.4)}.card-status.status-trample{--status-dot:#d4a64a;--status-tint:rgba(212,166,74,.14);--status-line:rgba(212,166,74,.4)}.card-status.status-poison{--status-dot:#bcd94e;--status-tint:rgba(170,204,61,.14);--status-line:rgba(170,204,61,.4)}.card-status.status-cleave{--status-dot:#c4ccd8;--status-tint:rgba(196,204,216,.14);--status-line:rgba(196,204,216,.4)}.card-tip{display:none}.card-tip-float{position:fixed;z-index:9000;max-width:250px;padding:8px 10px;border-radius:10px;background:var(--surface-2, #1b1b22);border:1px solid var(--border, rgba(255,255,255,.12));box-shadow:0 10px 28px #0000008c;display:none;flex-direction:column;gap:7px;pointer-events:none}.card-tip-float.show{display:flex}.item-tip-float{position:fixed;z-index:9000;max-width:232px;padding:8px 11px;border-radius:10px;background:var(--surface-2, #1b1b22);border:1px solid var(--border, rgba(255,255,255,.12));box-shadow:0 10px 28px #0000008c;display:none;flex-direction:column;gap:3px;pointer-events:none}.item-tip-float.show{display:flex}.item-tip-float .it-nm{font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--text)}.item-tip-float .it-ds{font-size:.75rem;line-height:1.35;color:var(--muted)}.card-tip-row{display:flex;align-items:flex-start;gap:8px}.card-tip-row .ctip-ico{flex:0 0 auto;display:block;margin-top:1px}.card-tip-row .ctip-ico svg{width:22px;height:22px;display:block}.card-tip-row .ctip-text{display:flex;flex-direction:column;gap:1px}.card-tip-row .ctip-text b{font-size:.78rem;font-weight:700;color:var(--text)}.card-tip-row .ctip-desc{font-size:.72rem;line-height:1.3;color:var(--muted)}.card-tip-row.status-burn .ctip-ico{color:#f0a05e}.card-tip-row.status-bleed .ctip-ico{color:#e07078}.card-tip-row.status-freeze .ctip-ico{color:#74c2eb}.card-tip-row.status-trample .ctip-ico{color:#d4a64a}.card-tip-row.status-poison .ctip-ico{color:#bcd94e}.card-tip-row.status-cleave .ctip-ico{color:#c4ccd8}.card-tip-row.tip-mod .ctip-ico{color:var(--swatch, var(--accent))}.card-tip-row.tip-mod .ctip-text b{color:var(--swatch, var(--text))}.status{display:inline-flex;align-items:center;gap:2px}.status svg{width:12px;height:12px;display:block;flex:0 0 auto}.status .st-amt{font-weight:700;line-height:1}.rearrange-card{position:relative;background:none;border:none;padding:0;cursor:pointer}.rearrange-card.picked{opacity:.55}.rearrange-card .rearrange-num{position:absolute;top:-8px;right:-8px;z-index:3;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#0b0b10;font-weight:800;font-size:.85rem;box-shadow:0 2px 8px #00000080}.reveal-block{margin-bottom:10px}.reveal-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.tut-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;pointer-events:none}.tut-coach{position:fixed;left:50%;top:22px;transform:translate(-50%);width:min(640px,94vw);pointer-events:auto;background:var(--surface-2, #1b1b22);border:2px solid var(--accent);border-radius:16px;padding:20px 24px;box-shadow:0 18px 50px #000000a6,0 0 0 5px #00000059}.tut-coach.pos-bottom{top:auto;bottom:22px}.tut-coach.pos-center{top:50%;transform:translate(-50%,-50%);width:min(680px,92vw);padding:26px 30px}.tut-coach-text{font-size:1.12rem;line-height:1.5;color:var(--text)}.tut-coach.pos-center .tut-coach-text{font-size:1.2rem}.tut-coach-text b{color:var(--accent-hi, var(--accent));font-weight:700}.tut-status-list{margin:10px 0 4px;padding-left:0;list-style:none;display:grid;gap:7px}.tut-status-list li{font-size:.95em;line-height:1.4;padding-left:14px;position:relative}.tut-status-list li:before{content:"•";position:absolute;left:2px;color:var(--accent)}.tut-aside{display:block;margin-top:8px;font-size:.85em;color:var(--muted)}.tut-coach-actions{display:flex;align-items:center;gap:14px;margin-top:16px}.tut-skip{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:.82rem;text-decoration:underline}.tut-skip:hover{color:var(--text)}.tut-highlight{position:relative;z-index:8100!important;border-radius:10px;animation:tut-pulse 1.1s ease-in-out infinite}@keyframes tut-pulse{0%,to{box-shadow:0 0 0 3px var(--accent)}50%{box-shadow:0 0 0 3px var(--accent),0 0 18px 5px color-mix(in srgb,var(--accent) 70%,transparent)}}@media (prefers-reduced-motion: reduce){.tut-highlight{animation:none;box-shadow:0 0 0 3px var(--accent)}}.screen.tut-complete{display:flex;align-items:center;justify-content:center;min-height:100dvh}.tut-complete-card{text-align:center;max-width:460px;padding:34px;background:var(--surface, #15151c);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px #00000080}.tut-complete-card h1{font-family:var(--font-display);margin:0 0 12px}.tut-complete-card p{color:var(--muted);line-height:1.5;margin:0 0 22px}.card .card-desc{color:var(--muted);font-size:.74rem;line-height:1.25}.card.playable{cursor:pointer}.card.playable:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 24px #0000008c,inset 0 1px #ffffff14}.card.unplayable{opacity:1;cursor:not-allowed;filter:brightness(.6) saturate(.65)}.card.mini{width:138px;height:240px}.card.mini .card-icon{top:40px;right:14px;bottom:42px;left:14px}.card.mini .card-icon svg{max-width:96px;max-height:116px}.card.in-token .card-corners{display:none}.card.just-drawn{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset,0 4px 12px #7693f040}.item-bar{flex:0 1 auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:380px}.item-bar-head{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:2px}.item-chip{font-size:.72rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 8px;cursor:default;white-space:nowrap}.item-chip:hover{border-color:var(--border-hi)}.end-turn-btn{flex:0 0 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:1px;padding:12px 28px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;white-space:nowrap}.end-turn-btn .end-turn-key{font-size:.66rem;font-weight:600;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.resolve-btn{flex:0 0 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 28px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;white-space:nowrap;background:var(--accent);border-color:var(--accent);color:#fff;animation:resolve-glow 1.6s ease-in-out infinite}.resolve-btn .resolve-key{font-size:.66rem;font-weight:600;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.resolve-btn:hover{filter:brightness(1.08)}@keyframes resolve-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 0%,transparent)}50%{box-shadow:0 0 16px 1px color-mix(in srgb,var(--accent) 48%,transparent)}}@media (prefers-reduced-motion: reduce){.resolve-btn{animation:none}}.takeback-btn{flex:0 0 auto;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 28px;font-family:var(--font-display);font-weight:700;font-size:1rem;white-space:nowrap;background:transparent;border-color:var(--border-hi);color:var(--muted)}.takeback-btn .takeback-key{font-size:.66rem;font-weight:600;letter-spacing:.08em;opacity:.7;text-transform:uppercase}.takeback-btn:hover{border-color:var(--accent);color:var(--text)}.ov-back{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;padding:20px;background:var(--ov-scrim-full);-webkit-backdrop-filter:blur(var(--ov-blur));backdrop-filter:blur(var(--ov-blur));z-index:var(--z-modal)}.ov-back--center{align-items:center}.ov-back--top{align-items:flex-start;padding:clamp(18px,8vh,84px) 20px 20px;background:var(--ov-scrim-board);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:var(--z-decision)}.ov-back--pass{pointer-events:none;background:transparent}.ov-back--pass>.ov-panel{pointer-events:auto}body.decision-active .ov-back--center{background:#0000006b}.ov-back--leave{z-index:var(--z-leave)}.ov-back--menu{z-index:var(--z-menu)}.ov-panel{width:min(94vw,var(--ov-w, 460px));max-width:none;max-height:90dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-hi);border-radius:var(--ov-radius);padding:var(--ov-pad);box-shadow:var(--ov-shadow);display:flex;flex-direction:column;gap:14px}.ov-w-xs{--ov-w: 380px}.ov-w-sm{--ov-w: 420px}.ov-w-md{--ov-w: 560px}.ov-w-lg{--ov-w: 640px}.ov-w-xl{--ov-w: 960px}.ov-w-xxl{--ov-w: 1120px}.ov-head{display:flex;align-items:flex-start;gap:12px}.ov-head-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ov-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1.25;color:var(--text)}.ov-sub{font-size:.85rem;color:var(--muted);line-height:1.4}.ov-tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.ov-ico{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--ov-accent, var(--accent));background:color-mix(in srgb,var(--ov-accent, var(--accent)) 14%,var(--surface-2));border:1px solid color-mix(in srgb,var(--ov-accent, var(--accent)) 32%,var(--border))}.ov-ico svg{width:62%;height:62%}.ov-close{width:30px;height:30px;border-radius:8px;padding:0;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.95rem;line-height:1;cursor:pointer}.ov-close:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface-2)}.ov-body{display:flex;flex-direction:column;gap:8px;align-items:stretch}.ov-actions{display:flex;justify-content:flex-end;gap:8px}.ov-panel.anim-in{animation:ov-in .18s cubic-bezier(.2,.8,.3,1)}@keyframes ov-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.ov-panel.anim-in{animation:none}}.ov-opt{--swatch: var(--border-hi);display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;width:100%;text-align:left;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--swatch) 7%,var(--surface-2));border:1px solid color-mix(in srgb,var(--swatch) 22%,var(--border));border-left:3px solid var(--swatch);transition:background .12s,border-color .12s,transform .12s,box-shadow .12s}.ov-opt:hover:not(:disabled){background:color-mix(in srgb,var(--swatch) 12%,var(--surface-2));border-color:var(--swatch);transform:translateY(-2px);box-shadow:0 8px 22px #00000059}.ov-opt:active:not(:disabled){transform:translateY(0)}.ov-opt:disabled{opacity:.45;cursor:not-allowed}.ov-opt.sel{background:color-mix(in srgb,var(--swatch) 20%,var(--surface-2));border-color:var(--swatch);box-shadow:inset 0 0 0 1px var(--swatch)}.ov-opt-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--swatch);background:color-mix(in srgb,var(--swatch) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--swatch) 35%,var(--border))}.ov-opt-ico svg{width:60%;height:60%}.ov-opt-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.ov-opt-label{font-weight:600;font-size:.98rem;color:var(--text)}.ov-opt-sub{font-size:.8rem;color:var(--muted);line-height:1.35}.ov-opt--seg{grid-template-columns:auto auto;gap:8px;padding:7px 10px;border-left-width:2px;border-radius:9px}.ov-opt--seg .ov-opt-ico{width:22px;height:22px;border-radius:6px}.ov-opt--seg .ov-opt-label{font-size:.82rem}.tone-atk{--swatch: var(--t-atk)}.tone-heal{--swatch: var(--t-heal)}.tone-shld{--swatch: var(--t-shld)}.tone-draw{--swatch: var(--t-draw)}.tone-actv{--swatch: var(--t-actv)}.tone-unit{--swatch: var(--u-accent, var(--accent))}.tone-danger{--swatch: var(--danger)}.tone-muted{--swatch: var(--border-hi)}.cardlist-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;overflow-y:auto;max-height:72dvh}.cardlist-grid .card{height:240px}.cardlist-grid.exiled .card{filter:saturate(.6) brightness(.85)}.cardlist-subhead{margin:14px 0 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--danger);text-align:center}.opts{display:flex;flex-direction:column;gap:8px}.opt{text-align:left}.opt.small{padding:6px 10px;font-size:.85rem}.opt.sel{background:var(--accent);color:#0a0a0b;border-color:transparent}.gaze-row{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.gaze-row .card{flex:1 1 auto;max-width:none}.gaze-opts{display:flex;flex-direction:row;gap:6px;justify-content:stretch}@media (min-width: 520px){.gaze-row{flex-direction:row;align-items:flex-start;gap:12px}.gaze-opts{flex-direction:column;justify-content:flex-start;flex:0 0 auto}}.modal-hand{gap:10px}.pyre-strip .card{height:240px}.modal-hand .card[data-action]:not(:disabled){cursor:pointer}.modal-hand .card[data-action=resolve-discard]:not(:disabled):hover,.modal-hand .card[data-action=resolve-wiz-discard]:not(:disabled):hover,.modal-hand .card[data-action=pyre-toggle]:not(:disabled):hover,.modal-hand .card[data-action=resolve-exchange-discard]:not(:disabled):hover{border-color:var(--danger);transform:translateY(-2px);box-shadow:0 6px 18px #d9656e59}.modal-hand .card[data-action=resolve-exchange-pick]:not(:disabled):hover,.modal-hand .card[data-action=resolve-search-pick]:not(:disabled):hover,.modal-hand .card[data-action=tutor-toggle]:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px 18px #7693f059}.decision-panel.kind-target{--ov-w: 440px;text-align:center}.decision-panel.kind-target .decision-actions{justify-content:center}.target-readout{font-size:.95rem;color:var(--text);font-variant-numeric:tabular-nums}.target-readout strong{color:var(--text)}.target-readout strong.dmg{color:#ff5a4d}.decision-panel.kind-gaze,.decision-panel.kind-discard{--ov-w: 880px}.decision-panel{--ov-w: 560px}.decision-min{white-space:nowrap}.decision-timer{font-family:var(--font-display);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums;color:var(--text);padding:3px 9px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border)}.decision-timer.low{color:#ff6b6b;border-color:#ff6b6b;animation:bc-pulse 1s ease-in-out infinite}.decision-timer.draining{color:#ff6b6b;border-color:#ff6b6b}.decision-body>.opt{text-align:center;min-width:200px;padding:12px 14px}.choice-strip-cards{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;justify-content:center}.gaze-strip-inner{display:flex;gap:12px;align-items:flex-start;justify-content:center;flex-wrap:wrap}.gaze-strip-inner .gaze-row{flex:0 1 auto;display:flex;flex-direction:row;align-items:flex-start;gap:8px;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.gaze-strip-inner .gaze-opts{display:flex;flex-direction:column;justify-content:flex-start;flex:0 0 auto;gap:5px;align-self:stretch}.gaze-strip-inner .gaze-opts .ov-opt{min-width:100px}.decision-fold-chip{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--accent);box-shadow:0 8px 24px #00000080;cursor:pointer;color:var(--text)}.decision-fold-chip:hover{background:var(--surface-2)}.decision-fold-label{font-weight:600;font-size:.9rem}.decision-fold-cue{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-hi)}.win{justify-content:center;align-items:center;text-align:left;gap:14px}.win>*{width:100%;max-width:560px}.win h1{margin:0}.win h1 em{color:var(--accent)}.win .win-portrait{width:96px;height:96px;flex:0 0 auto}.win-portrait,.handoff-portrait{width:180px;height:180px;object-fit:cover;border-radius:20px;border:1px solid var(--border);box-shadow:0 6px 20px #00000073}.win-head{display:flex;align-items:center;gap:16px}.win-head-txt{min-width:0}.win-head-txt .muted{margin:2px 0 0;font-size:.9rem}.win-scoreboard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:7px}.win-sb-head,.win-sb-row{display:grid;grid-template-columns:1fr 64px 64px;align-items:center;gap:8px}.win-sb-head{padding-bottom:6px;border-bottom:1px solid var(--border);margin-bottom:2px}.win-sb-p{text-align:right;font-family:var(--font-display);font-weight:700;font-size:.9rem;display:flex;flex-direction:column}.win-sb-p small{font-weight:400;font-size:.7rem;color:var(--muted)}.win-sb-lbl{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.88rem}.win-sb-ico{width:16px;height:16px;display:inline-flex;color:var(--muted);flex:0 0 auto}.win-sb-ico svg{width:100%;height:100%}.win-sb-val{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:.96rem;color:var(--text)}.win-sb-val.lead{color:var(--accent-hi)}.win-log-wrap{display:flex;flex-direction:column;gap:6px;min-height:0}.win-log-head{display:flex;align-items:center;justify-content:space-between}.win-copy{padding:5px 12px;font-size:.82rem}.win-log{max-height:30dvh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:var(--font-mono, ui-monospace, monospace);font-size:.74rem;line-height:1.5;color:color-mix(in srgb,var(--text) 70%,var(--muted))}.win-log-line{white-space:pre-wrap}.win-log-line:not(.turn){padding-left:12px}.win-log-line.turn{color:var(--accent-hi);margin-top:5px;font-weight:600}.win-log-line.turn:first-child{margin-top:0}.win-actions{display:flex;gap:10px}.win-actions .primary,.win-actions .secondary{flex:1}.summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--pad-lg);display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;width:100%;max-width:480px;text-align:left}.summary>div{display:flex;justify-content:space-between}.summary .lbl{color:var(--muted);font-size:.88rem}.summary .val{font-variant-numeric:tabular-nums;font-weight:600}.win.victory h1{color:var(--accent-hi);letter-spacing:.04em;text-shadow:0 0 26px color-mix(in srgb,var(--accent) 55%,transparent)}.win.victory .win-portrait{border-color:var(--accent);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 45%,transparent),0 6px 20px #00000080}.win.defeat h1{color:#e1566a;letter-spacing:.07em;text-shadow:0 0 24px rgba(180,28,50,.5)}.win.defeat .win-portrait{filter:grayscale(1) brightness(.6);border-color:#5a2030}.win.defeat .muted{color:#b1858c}.win.win-enter>*{animation:win-enter-rise .52s cubic-bezier(.2,.7,.3,1) both}.win.win-enter>*:nth-child(1){animation-delay:40ms}.win.win-enter>*:nth-child(2){animation-delay:.13s}.win.win-enter>*:nth-child(3){animation-delay:.21s}.win.win-enter>*:nth-child(4){animation-delay:.3s}.win.win-enter>*:nth-child(5){animation-delay:.4s}@keyframes win-enter-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.flash-err{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:10px 16px;border-radius:6px;font-size:.9rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}.flash-err.show{opacity:1}.flash-notice{position:fixed;top:16px;left:50%;transform:translate(-50%,-8px);background:var(--warn);color:#1a1300;font-weight:600;padding:10px 18px;border-radius:6px;font-size:.92rem;max-width:min(560px,90vw);text-align:center;box-shadow:0 6px 20px #0000008c;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:100;margin-bottom:6px}.flash-notice.show{opacity:1;transform:translate(-50%)}.crash-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#06080cb8}.crash-panel{background:var(--surface-2, #171b24);border:1px solid var(--danger);border-radius:10px;padding:22px 26px;max-width:min(420px,90vw);text-align:center;box-shadow:0 18px 50px #0009}.crash-panel h2{margin:0 0 8px;font-size:1.15rem}.crash-panel p{margin:0 0 16px;font-size:.92rem;opacity:.85;line-height:1.45}.crash-menu-btn{padding:9px 22px;border-radius:7px;cursor:pointer;border:1px solid var(--danger);background:transparent;color:inherit;font:inherit;font-weight:600}.crash-menu-btn:hover{background:var(--danger);color:#fff}#fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9000;filter:brightness(1)}#fx-layer>*{position:absolute;pointer-events:none}body.decision-active #fx-layer,body.overlay-active #fx-layer{filter:brightness(.3)}body.matchover #app{filter:grayscale(.92) brightness(.42);transition:filter .9s ease}body.matchover-shake #app{animation:matchover-shake .6s ease-in-out}.state.matchover-winner{position:relative;z-index:2;border-radius:14px;transform:scale(1.03);box-shadow:0 0 0 2px #ffffff8c,0 0 34px #ffffff52;transition:transform .7s ease,box-shadow .7s ease}@media (prefers-reduced-motion: reduce){.state.matchover-winner{transition:none;transform:none}}@keyframes matchover-shake{0%,to{transform:translate(0)}12%{transform:translate(-7px,4px)}26%{transform:translate(6px,-5px)}40%{transform:translate(-6px,-3px)}55%{transform:translate(5px,4px)}70%{transform:translate(-3px,2px)}85%{transform:translate(2px,-2px)}}.fx-matchover-vignette{top:0;right:0;bottom:0;left:0;z-index:9100;background:radial-gradient(ellipse at center,#0000 28%,#46060e8c 66%,#1c0004eb);opacity:0;animation:matchover-vig-in .9s ease-out forwards}.fx-matchover-vignette.victory{background:radial-gradient(ellipse at center,#0000 30%,color-mix(in srgb,var(--accent) 28%,rgba(0,0,0,.5)) 72%,#04081ae6)}@keyframes matchover-vig-in{0%{opacity:0}to{opacity:1}}.fx-portrait-crumble{z-index:9120;object-fit:cover;border-radius:50%;filter:grayscale(1) brightness(.5);animation:matchover-crumble 1.2s cubic-bezier(.45,.05,.6,1) forwards}@keyframes matchover-crumble{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}28%{opacity:1;transform:translateY(6px) rotate(-4deg) scale(1.02)}to{opacity:0;transform:translateY(120px) rotate(-26deg) scale(.8)}}.fx-matchover-word{left:50%;top:44%;transform:translate(-50%,-50%);z-index:9130;font-family:var(--font-display);font-weight:700;font-size:clamp(3.5rem,12vw,9rem);line-height:1;letter-spacing:.08em;text-transform:uppercase;transition:opacity .32s ease-out;animation:matchover-word-in .56s cubic-bezier(.2,.8,.3,1.2) both}.fx-matchover-word.defeat{color:#ff5067;text-shadow:0 0 42px rgba(190,20,45,.7),0 6px 30px rgba(0,0,0,.85)}.fx-matchover-word.victory{color:var(--accent-hi);text-shadow:0 0 46px color-mix(in srgb,var(--accent) 70%,transparent),0 6px 30px rgba(0,0,0,.85)}@keyframes matchover-word-in{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2);letter-spacing:.5em}60%{opacity:1;transform:translate(-50%,-50%) scale(.94);letter-spacing:.06em}to{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:.08em}}.fx-num-anchor{transform:translate(-50%)}.fx-num{display:inline-block;font-family:var(--font-display);font-weight:700;font-size:1.15rem;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.7);animation:fx-rise .76s ease-out forwards;will-change:transform,opacity}.fx-num.dmg{color:#ff6b74}.fx-num.heal{color:#6fe0a0}.fx-num.shield{color:var(--t-shld)}.fx-num.burn{color:#e89a5a;font-size:.95rem}.fx-num.bleed{color:#d9656e;font-size:.95rem}.fx-num.freeze{color:#6cb8e6;font-size:.95rem}.fx-num.poison{color:#aacc3d;font-size:.95rem}@keyframes fx-rise{0%{opacity:0;transform:translateY(3px) scale(.9)}18%{opacity:1;transform:translateY(-3px) scale(1)}to{opacity:0;transform:translateY(-26px) scale(1)}}.fx-hit{animation:fx-hit .32s ease-out}@keyframes fx-hit{0%,to{transform:translate(0);filter:none}25%{transform:translate(-3px);filter:brightness(var(--hit-bright, 1.45))}50%{transform:translate(3px)}75%{transform:translate(-1px);filter:brightness(1.2)}}.fx-enter{animation:fx-shield-drop .2s ease-out}@keyframes fx-shield-drop{0%{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.fx-shatter{border-radius:var(--radius);background:#8fbcff38;box-shadow:0 0 18px #8fbcff80,inset 0 0 0 1px #8fbcff99;animation:fx-shatter .42s ease-out forwards}@keyframes fx-shatter{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}.fx-card-ghost{margin:0!important;transform-origin:top left;box-shadow:0 10px 24px #00000080;z-index:9001}.fx-flip-outer{position:fixed;z-index:9001;margin:0!important;transform-origin:50% 100%;pointer-events:none;will-change:transform,opacity}.fx-flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.fx-flip-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);box-shadow:0 10px 24px #00000080}.fx-flip-face .card,.fx-flip-face .card-back{width:100%!important;height:100%!important}.fx-flip-face .card{display:flex;flex-direction:column}.fx-flip-face .card .card-body{flex:0 0 auto}.fx-flip-face .card .card-foot{flex:1 1 0;min-height:0;overflow:hidden}.fx-bolt{--bolt: #ff5a4a;width:34px;height:5px;border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--bolt) 58%,#fff 100%);box-shadow:0 0 10px 1px var(--bolt);transform-origin:center}.fx-impact{--bolt: #ff5a4a;width:18px;height:18px;border-radius:50%;border:2px solid var(--bolt);box-shadow:0 0 12px 2px var(--bolt);transform:translate(-50%,-50%);animation:fx-impact .4s ease-out forwards}@keyframes fx-impact{0%{opacity:.95;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.fx-arrow{--arrow: #cfe8a6;--asz: 1;width:calc((32px + 16px * var(--k, 1)) * var(--asz));height:calc(5px * var(--asz));border-radius:3px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--arrow) 55%,#f3ffe0 100%);box-shadow:0 0 calc(8px * var(--asz)) 1px var(--arrow);transform-origin:center}.fx-arrow:after{content:"";position:absolute;right:calc(-3px * var(--asz));top:50%;transform:translateY(-50%);border-left:calc(13px * var(--asz)) solid #f3ffe0;border-top:calc(7px * var(--asz)) solid transparent;border-bottom:calc(7px * var(--asz)) solid transparent;filter:drop-shadow(0 0 4px var(--arrow))}.fx-bow{--bow: #cfe8a6;position:absolute;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--ang, 0deg));filter:drop-shadow(0 0 5px var(--bow));animation:fx-bow .24s ease-out forwards}.fx-bow svg{width:100%;height:100%;display:block}.fx-bow svg .limb{fill:none;stroke:var(--bow);stroke-width:8;stroke-linecap:round}.fx-bow svg .string{fill:none;stroke:#f3ffe0;stroke-width:3;stroke-linejoin:round;opacity:.85}.fx-bow svg .shaft{fill:none;stroke:#f3ffe0;stroke-width:4;stroke-linecap:round}.fx-bow svg .ahead{fill:#f3ffe0;stroke:none}.fx-bow svg .fletch{fill:none;stroke:var(--bow);stroke-width:3;stroke-linecap:round}@keyframes fx-bow{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang,0deg)) scale(.55)}55%{opacity:1;transform:translate(-50%,-50%) rotate(var(--ang,0deg)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ang,0deg)) scale(1.12)}}.fx-slash{transform:translate(-50%,-50%);filter:drop-shadow(0 0 6px rgba(220,255,200,.95));animation:fx-slash .3s cubic-bezier(.2,.7,.3,1) forwards}.fx-slash svg{width:100%;height:100%;display:block}.fx-slash svg path{fill:#f3ffe0}@keyframes fx-slash{0%{opacity:0;transform:translate(-50%,-50%) rotate(-58deg) scale(.35)}35%{opacity:1;transform:translate(-50%,-50%) rotate(-42deg) scale(1.05)}to{opacity:0;transform:translate(-50%,-50%) rotate(-30deg) scale(1.18)}}.fx-mote{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#c8ffe0,#6fe0a0 75%);box-shadow:0 0 8px 2px #6fe0a0b3}.fx-mote-draw{background:radial-gradient(circle,#ffe6b0,#d9a958 75%);box-shadow:0 0 8px 2px #d9a958b3}.fx-heal-glow{width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#6fe0a080,#6fe0a000 70%);transform:translate(-50%,-50%);animation:fx-heal-glow .68s ease-out forwards}@keyframes fx-heal-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}.fx-heal-cross{transform:translate(-50%,-50%);color:#9bffc4;filter:drop-shadow(0 0 9px rgba(111,224,160,.95));animation:fx-heal-cross .54s ease-out forwards}.fx-heal-cross svg{width:100%;height:100%;display:block;fill:currentColor}@keyframes fx-heal-cross{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.06)}}.fx-ward{border-radius:var(--radius);border:2px solid rgba(143,188,255,.85);box-shadow:0 0 16px #8fbcff80;animation:fx-ward .34s ease-out forwards}@keyframes fx-ward{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.12)}}.fx-ward-soft{animation-name:fx-ward-soft}@keyframes fx-ward-soft{0%{opacity:.8;transform:scale(.97)}to{opacity:0;transform:scale(1.06)}}.fx-glint{border-radius:var(--radius);background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:250% 100%;animation:fx-glint .44s ease-out forwards}@keyframes fx-glint{0%{background-position:130% 0;opacity:0}30%{opacity:1}to{background-position:-30% 0;opacity:0}}.fx-deck-pulse{border-radius:var(--radius);border:2px solid rgba(217,169,88,.7);box-shadow:0 0 16px #d9a95873;transform:translate(-50%,-50%);animation:fx-deck-pulse .42s ease-out forwards}@keyframes fx-deck-pulse{0%{opacity:.85;transform:translate(-50%,-50%) scale(.7)}to{opacity:0;transform:translate(-50%,-50%) scale(1.25)}}@media (prefers-reduced-motion: reduce){.fx-num,.fx-hit,.fx-enter,.fx-shatter,.fx-bolt,.fx-impact,.fx-mote,.fx-heal-glow,.fx-heal-cross,.fx-ward,.fx-glint,.fx-deck-pulse,.fx-arrow,.fx-slash,.fx-bow,.fx-matchover-vignette,.fx-matchover-word,.fx-portrait-crumble{animation-duration:1ms!important}.fx-card-ghost,body.matchover #app{transition:none!important}body.matchover-shake #app{animation:none!important}.win.win-enter>*{animation:none!important}}.screen.menu{justify-content:center;align-items:center;text-align:center;gap:30px}.screen.menu-home{align-items:center;text-align:center}.screen.menu-home .select-brand{padding-top:clamp(10px,4vh,44px)}.menu-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:20px;width:min(1080px,100%)}.menu-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:18px}.menu-hero.solo{grid-template-columns:1fr}.menu-hero-card{--hero-tone: var(--accent);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;text-align:left;min-height:172px;padding:26px 30px;border-radius:var(--radius-lg);cursor:pointer;background:radial-gradient(130% 160% at 86% 14%,color-mix(in srgb,var(--hero-tone) 13%,transparent),transparent 55%),linear-gradient(160deg,#16141d,#110f17 55%,#0d0b11);border:1px solid color-mix(in srgb,var(--hero-tone) 30%,var(--border));transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.menu-hero-card.gold{--hero-tone: var(--char-paladin-body)}.menu-hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:var(--grain);background-size:140px 140px}.menu-hero-emblem{position:absolute;top:50%;right:-7%;transform:translateY(-50%);width:clamp(150px,46%,250px);aspect-ratio:1;color:var(--hero-tone);opacity:.09;pointer-events:none}.menu-hero-emblem svg{width:100%;height:100%}.menu-hero-card:hover:not(:disabled){transform:translateY(-6px);border-color:var(--hero-tone);box-shadow:0 12px 32px #0000008c,0 0 0 2px color-mix(in srgb,var(--hero-tone) 70%,transparent)}.menu-hero-card:active:not(:disabled){transform:translateY(-2px)}.menu-hero-eyebrow{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:color-mix(in srgb,var(--hero-tone) 75%,#ffffff)}.menu-hero-title{font-family:var(--font-display);font-weight:700;line-height:1.05;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#c9c6d6);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-hero-card.gold .menu-hero-title{background:linear-gradient(180deg,#ffe9a8,var(--char-paladin-body));-webkit-background-clip:text;background-clip:text;color:transparent}.menu-hero-sub{font-size:.88rem;color:var(--muted);line-height:1.35}.menu-door{min-height:264px;padding:30px 34px}.menu-door .menu-hero-title{font-size:clamp(2rem,3.6vw,3rem)}.door-duel{padding-right:52%}.door-run .menu-hero-sub{max-width:38ch}.duel-fan{position:absolute;top:50%;right:8%;width:clamp(160px,34%,260px);height:0;z-index:0;pointer-events:none;--face: clamp(48px, 6.1vw, 78px);--fan-step: 13px;--fan-rot: 3.5deg;--fan-drop: 3px;--fan-ease: cubic-bezier(.4, 0, .2, 1);--fan-spring: cubic-bezier(.34, 1.56, .64, 1)}.fan-face{position:absolute;top:0;left:50%;width:var(--face);height:var(--face);margin:calc(var(--face) / -2) 0 0 calc(var(--face) / -2);border-radius:24%;overflow:hidden;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--face-tone, var(--border-hi)) 55%,transparent);box-shadow:0 5px 14px #00000073;z-index:var(--z, 1);transform-origin:50% 100%;transform:translate(calc(var(--o) * var(--fan-step))) translateY(calc(var(--a) * var(--fan-drop))) rotate(calc(var(--o) * var(--fan-rot)));transition:transform .34s var(--fan-ease),box-shadow .34s var(--fan-ease);transition-delay:calc((2 - var(--a)) * 26ms)}.fan-face img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.fan-face.char-wizard{--face-tone: var(--char-wizard-name)}.fan-face.char-paladin{--face-tone: var(--char-paladin-name)}.fan-face.char-middle-brother{--face-tone: var(--char-middle-brother-name)}.fan-face.char-necromancer{--face-tone: var(--char-necromancer-name)}.fan-face.char-blood-witch{--face-tone: var(--char-blood-witch-name)}.door-duel:hover:not(:disabled) .duel-fan,.door-duel:focus-visible .duel-fan{--fan-step: 30px;--fan-rot: 9deg;--fan-drop: 8px}.door-duel:hover:not(:disabled) .fan-face,.door-duel:focus-visible .fan-face{transition:transform .5s var(--fan-spring),box-shadow .25s ease;transition-delay:calc(var(--a) * 40ms);box-shadow:0 10px 26px #0000008c,0 0 0 1px color-mix(in srgb,var(--face-tone) 85%,transparent)}.menu-door{transition:transform .3s var(--fan-spring, ease),box-shadow .16s ease,border-color .16s ease}@media (hover: hover){.fan-face{will-change:transform}}@media (hover: none){.duel-fan{--fan-step: 20px;--fan-rot: 6deg;--fan-drop: 6px}.fan-face{transition:none}}@media (prefers-reduced-motion: reduce){.duel-fan,.door-duel:hover:not(:disabled) .duel-fan,.door-duel:focus-visible .duel-fan{--fan-step: 30px;--fan-rot: 7deg;--fan-drop: 7px}.fan-face,.door-duel:hover:not(:disabled) .fan-face,.door-duel:focus-visible .fan-face{transition:none;transition-delay:0s;will-change:auto}.menu-door{transition:box-shadow .16s ease,border-color .16s ease}}.menu-duels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.menu-duels.cols-3{grid-template-columns:repeat(3,1fr)}.menu-tile{--swatch: var(--accent);display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;text-align:left;padding:14px 16px;border-radius:12px;cursor:pointer;background:color-mix(in srgb,var(--swatch) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--swatch) 16%,var(--border));transition:background .12s,border-color .12s,transform .12s,box-shadow .12s}.menu-tile:hover:not(:disabled){background:color-mix(in srgb,var(--swatch) 11%,var(--surface));border-color:color-mix(in srgb,var(--swatch) 55%,var(--border));transform:translateY(-3px);box-shadow:0 8px 22px #00000059}.menu-tile:active:not(:disabled){transform:translateY(0)}.menu-tile-ico{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--swatch);background:color-mix(in srgb,var(--swatch) 13%,var(--surface));border:1px solid color-mix(in srgb,var(--swatch) 32%,var(--border))}.menu-tile-ico svg{width:58%;height:58%}.menu-tile-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-tile-label{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text)}.menu-tile-sub{font-size:.78rem;color:var(--muted);line-height:1.3}.menu-foot{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}.menu-pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.menu-pill:hover{color:var(--text);border-color:var(--border-hi);background:color-mix(in srgb,var(--text) 5%,transparent)}.menu-pill.tutorial{color:var(--accent-hi);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.menu-pill.tutorial:hover{color:#fff;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}.menu-hero-card:focus-visible,.menu-tile:focus-visible,.menu-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 960px){.menu-hero,.menu-hero.solo,.menu-doors{grid-template-columns:1fr}.menu-hero-card{min-height:120px;padding:20px 22px}.menu-door{min-height:150px}.menu-door .menu-hero-sub{max-width:42ch}}@media (max-width: 700px){.menu-duels,.menu-duels.cols-3{grid-template-columns:1fr}}body.mobile .menu-body{gap:14px}body.mobile .menu-hero{gap:12px}body.mobile .menu-hero-card{min-height:96px;padding:16px 18px}body.mobile .menu-hero-title{font-size:1.45rem}body.mobile .menu-door{min-height:128px}body.mobile .menu-door .menu-hero-title{font-size:1.7rem}body.mobile .menu-door .menu-hero-sub{max-width:none;font-size:.8rem}body.mobile .door-duel{padding-right:52%}body.mobile .duel-fan{right:6%;width:130px;--face: clamp(36px, 10vw, 46px)}body.mobile .door-duel:hover:not(:disabled) .duel-fan,body.mobile .door-duel:focus-visible .duel-fan{--fan-step: 20px;--fan-rot: 6deg;--fan-drop: 6px}body.mobile .door-run .menu-hero-sub{max-width:none}body.mobile .menu-tile{padding:11px 13px}body.mobile .menu-foot{gap:8px}body.mobile .menu-pill{padding:7px 12px;font-size:.68rem;letter-spacing:.1em}.screen.sound-library{justify-content:flex-start;gap:12px;height:100dvh;overflow:hidden}.screen.sound-library .select-brand{gap:3px;padding-top:0}.screen.sound-library .brand-wordmark{font-size:clamp(1.9rem,3vw,2.8rem)}.screen.sound-library .brand-sub{font-size:.92rem}.sound-muted-note{color:var(--warn, #e6b450);font-size:.9rem;margin:-4px 0 0}.sound-catalog{width:100%;max-width:1180px;text-align:left;margin:0 auto;flex:1 1 auto;min-height:0;align-content:start;columns:3;column-gap:14px}.sound-group{break-inside:avoid;margin:0 0 12px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px}.sound-group-title{margin:0 0 8px;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sound-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sound-row{display:flex;align-items:center;gap:11px}.sound-play{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;padding:0;color:var(--bg);background:var(--accent);border:none;transition:transform .08s ease,filter .12s ease}.sound-play svg{width:14px;height:14px;display:block;fill:currentColor}.sound-play:hover{filter:brightness(1.12)}.sound-play:active{transform:scale(.92)}.sound-meta{display:flex;flex-direction:column;gap:1px;min-width:0}.sound-name{font-weight:700;font-size:.88rem;color:var(--text)}.sound-when{font-size:.76rem;color:var(--muted);line-height:1.22}.sound-lib-foot{display:flex;justify-content:center;padding:2px 0 4px;flex:0 0 auto}.path-archetype{margin:-6px 0 10px;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.path-row{display:flex;align-items:flex-start;gap:calc(11px - 3px * var(--density, .5));padding:calc(8px - 3px * var(--density, .5)) 0}.path-row+.path-row{border-top:1px solid var(--border)}.path-ico{flex:0 0 auto;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--accent);background:var(--surface-2);border:1px solid var(--border)}.path-ico svg{width:20px;height:20px}.path-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.path-name{font-weight:700;font-size:.92rem;color:var(--text)}.path-blurb{font-size:.8rem;color:var(--muted);line-height:1.3}.menu-actions{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;width:100%;max-width:780px}.menu-btn{flex:1 1 300px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.menu-btn:hover:not(:disabled){border-color:var(--border-hi);background:var(--surface-2)}.menu-btn .menu-btn-title{font-size:1.22rem;font-weight:600;color:var(--text)}.menu-btn .menu-btn-sub{font-size:.9rem;color:var(--muted);line-height:1.4}.menu-btn.featured{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.menu-btn.featured .menu-btn-title{color:var(--accent-hi)}.menu-btn.featured:hover:not(:disabled){box-shadow:0 0 0 1px var(--accent)}.lobby-cols{display:flex;gap:20px;align-items:stretch;justify-content:center;width:100%;max-width:800px;flex-wrap:wrap}.lobby-card{flex:1 1 280px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;text-align:left;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.lobby-card h2{font-size:1.12rem}.lobby-card .primary{margin-top:auto;align-self:stretch}.lobby-divider{display:flex;align-items:center;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.net-code-input{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.4em;text-align:center;text-transform:uppercase;width:100%;padding:10px 12px 10px 22px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.net-code-input:focus{outline:none;border-color:var(--accent)}.net-error{color:var(--danger);font-size:.9rem}.link-btn{background:none;border:none;color:var(--muted);padding:6px 10px;font-size:.9rem}.link-btn:hover{color:var(--text);background:none}.net-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 34px;max-width:460px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.room-code{font-family:var(--font-display);font-size:2.8rem;font-weight:700;letter-spacing:.3em;color:var(--accent-hi);padding:8px 8px 8px 22px;background:var(--bg);border:1px dashed var(--border-hi);border-radius:var(--radius)}.muted.small{font-size:.82rem}.net-room-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.app-version{position:fixed;top:10px;right:12px;z-index:5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.02em;color:var(--muted);opacity:.55;pointer-events:auto;-webkit-user-select:text;user-select:text}.app-version:hover{opacity:.9}.net-spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:net-spin .8s linear infinite}@keyframes net-spin{to{transform:rotate(360deg)}}.waiting-turn{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem;font-weight:600;padding:9px 12px}.waiting-dot,.opp-busy-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:net-pulse-dot 1.1s ease-in-out infinite}@keyframes net-pulse-dot{0%,to{opacity:.3}50%{opacity:1}}.opp-busy{position:fixed;left:50%;bottom:18px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 18px;background:var(--surface-2);border:1px solid var(--border-hi);border-radius:999px;color:var(--text);font-size:.95rem;box-shadow:0 8px 24px #00000080;z-index:40}@media (prefers-reduced-motion: reduce){.net-spinner,.waiting-dot,.opp-busy-dot{animation:none}}.act-footer{display:flex;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}.act-foot-btn{padding:5px 12px;font-size:.78rem;font-weight:600;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.act-foot-btn:hover{color:var(--text);border-color:var(--border-hi);background:color-mix(in srgb,var(--text) 6%,transparent)}.act-foot-btn.leave:hover{color:var(--danger);border-color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.ov-panel.rules-modal .rules-grid{width:100%;margin-top:0}.ov-panel.ov-confirm{text-align:center}.ov-panel.ov-confirm .ov-head{justify-content:center}.ov-panel.ov-confirm .ov-head-text{align-items:center}.ov-panel.ov-confirm .ov-actions{justify-content:center}.leave-actions{display:flex;gap:10px;justify-content:center}.btn.danger,.primary.danger{background:var(--danger);border-color:var(--danger);color:#fff}.primary.danger:hover{filter:brightness(1.06)}.act-foot-btn.menu-btn{display:inline-flex;align-items:center;gap:6px}.menu-gear{width:15px;height:15px;flex:0 0 auto}.ov-panel.menu-panel{text-align:center}.ov-panel.menu-panel .ov-body{gap:0}.menu-sound{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;margin-bottom:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.menu-sec-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.menu-sec-label b{color:var(--text);font-weight:700;margin-left:4px}.menu-sound .audio-ctl{position:static;margin:0}.menu-size{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;margin-bottom:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.ui-scale-slider{width:82%;accent-color:var(--accent);cursor:pointer}.menu-size-hint{font-size:.72rem;color:var(--muted)}.menu-list{display:flex;flex-direction:column;gap:8px}.menu-item{padding:11px 14px;font-size:.92rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.menu-item:hover{border-color:var(--border-hi);background:color-mix(in srgb,var(--text) 10%,transparent)}.menu-item.danger{color:var(--danger)}.menu-item.danger:hover{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.menu-shortcuts{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:.76rem;color:var(--muted)}.menu-shortcuts kbd{font-family:var(--font-display);font-size:.72rem;padding:1px 6px;margin-right:4px;background:var(--bg);border:1px solid var(--border-hi);border-radius:5px;color:var(--text)}.screen.rules{position:relative;min-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:28px 20px 40px}.rules-grid{display:grid;gap:16px;width:min(96vw,1040px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px}.rules-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.rules-card h2{margin:0 0 10px;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.rules-row{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--border)}.rules-row:first-of-type{border-top:none}.rules-row b{color:var(--text);font-size:.9rem}.rules-row span{color:var(--muted);font-size:.86rem;line-height:1.4}.rules-actions{margin-top:22px}.credit-list{list-style:none;margin:10px 0 0;padding:0}.credit-list li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;border-top:1px solid var(--border)}.credit-list li:first-child{border-top:none}.credit-list b{color:var(--text);font-size:.88rem;font-weight:600}.credit-list i{color:var(--muted);font-size:.78rem;font-style:normal;text-align:right}.screen.credits .rules-sec a{color:var(--accent)}.screen.compendium{position:relative;min-height:100dvh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:28px 20px 48px}.comp-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px}.comp-tab{font:inherit;font-size:.86rem;color:var(--muted);cursor:pointer;background:transparent;border:none;border-radius:999px;padding:7px 16px;transition:color .12s ease,background .12s ease}.comp-tab:hover{color:var(--text)}.comp-tab.active{color:var(--bg);background:var(--accent);font-weight:600}.comp-body{width:min(96vw,1040px);margin-top:18px}.comp-section{margin-bottom:26px}.comp-section h2{margin:0 0 10px;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.comp-blurb{font-size:.8rem;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400}.color-key{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:16px 18px}.ckey-axis{margin-top:14px}.ckey-axis h3{margin:0 0 8px;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.ckey-row{display:flex;flex-wrap:wrap;gap:10px 18px}.ckey-item{display:flex;align-items:center;gap:8px;min-width:0}.ckey-chip{flex:0 0 auto;width:24px;height:24px;border-radius:6px;border:1px solid rgba(0,0,0,.35);box-shadow:inset 0 1px #ffffff2e}.ckey-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0}.ckey-txt b{font-size:.78rem;color:var(--text);font-weight:600}.ckey-txt i{font-size:.72rem;color:var(--muted);font-style:normal}.ckey-foot{margin:14px 0 0;font-size:.76rem;color:var(--muted);line-height:1.5}.comp-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.comp-list.wide{grid-template-columns:repeat(auto-fill,minmax(440px,1fr))}.comp-list.champs{grid-template-columns:1fr}.comp-entry{--swatch: var(--border-hi);display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--swatch);border-radius:var(--radius);padding:11px 13px}.comp-ico{flex:0 0 42px;width:42px;height:42px;color:var(--swatch)}.comp-ico svg{width:100%;height:100%}.comp-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.comp-name{font-size:.92rem;font-weight:600;color:var(--text);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.comp-meta{font-size:.7rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:1px 8px}.comp-desc{font-size:.84rem;color:var(--muted);line-height:1.42}.comp-note{width:min(96vw,1040px);margin:12px 0 0;font-size:.84rem;color:var(--muted);line-height:1.45}.comp-entry.champ{align-items:center;gap:16px;padding:14px 16px}.comp-entry.champ .comp-portrait{flex:0 0 80px;width:80px;height:80px;object-fit:contain;border-radius:var(--radius);background:var(--surface-2)}.comp-entry.champ .comp-champ-btns{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;margin-left:auto;align-self:center}.comp-entry.champ .char-cardlist-btn{flex:0 0 auto;width:auto}.comp-entry.champ .comp-txt{flex:1 1 auto}.comp-entry.champ .comp-name{font-size:1.02rem}.comp-entry.champ .char-stats{margin-top:6px}.comp-entry.champ.char-wizard{--swatch: var(--char-wizard-body)}.comp-entry.champ.char-paladin{--swatch: var(--char-paladin-body)}.comp-entry.champ.char-middle-brother{--swatch: var(--char-middle-brother-body)}.comp-entry.champ.char-necromancer{--swatch: var(--char-necromancer-body)}.comp-entry.champ.char-blood-witch{--swatch: var(--char-blood-witch-body)}@media (max-height: 950px){.comp-body .run-deck-strip .card{zoom:.9}.comp-body .run-deck-strip{width:auto}}.screen.run-map,.screen.run-reward{display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:24px 20px 40px}.screen.run-map>:first-child,.screen.run-reward>:first-child{margin-top:auto}.screen.run-map>:last-child,.screen.run-reward>:last-child{margin-bottom:auto}.run-start-body,.comp-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.screen.rules .rules-grid{flex:1 1 auto;align-content:center}.run-spread{margin-top:14px;color:var(--muted);font-size:.88rem}.run-actions{display:flex;gap:12px;margin-top:18px}.run-hint{display:flex;align-items:center;gap:16px;width:min(96vw,760px);margin:4px auto 10px;padding:12px 16px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);text-align:left}.run-hint-txt{display:flex;flex-direction:column;gap:3px;font-size:.88rem}.run-hint-txt b{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.run-hint-txt span{color:var(--muted);line-height:1.4}.run-hint-dismiss{flex:0 0 auto;margin-left:auto;padding:7px 16px;border-radius:7px;cursor:pointer;border:1px solid var(--accent);background:transparent;color:inherit;font:inherit;font-size:.85rem;font-weight:600}.run-hint-dismiss:hover{background:var(--accent);color:var(--bg)}.run-brief{display:grid;grid-template-columns:300px 1fr;gap:20px;width:min(96vw,1180px);margin-top:10px;align-items:start}.run-brief-side,.run-brief-deck{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.run-brief-side{display:flex;flex-direction:column;gap:12px;align-items:center}.run-brief-who{display:flex;flex-direction:column;align-items:center;gap:2px}.run-brief-who b{font-size:1rem}.run-vs{display:flex;align-items:center;gap:14px;justify-content:center}.run-vs img{width:84px;height:84px;object-fit:contain}.run-vs-word{font-size:.78rem;letter-spacing:.14em;color:var(--muted)}.run-portrait{width:120px;height:120px;object-fit:contain}.run-brief-hp,.run-brief-relics,.run-brief-passive,.run-brief-foe{width:100%;display:flex;flex-direction:column;gap:6px}.foe-stats{display:flex;gap:8px}.foe-stat{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.foe-stat i{font-style:normal;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.foe-stat b{font-family:var(--font-display);font-size:1.05rem;color:var(--text);font-variant-numeric:tabular-nums}.foe-note{font-size:.72rem;line-height:1.35;margin:0}.run-brief-passive .passive-row{--st-accent: var(--char-monarch-body)}.vs-brief-body{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;width:min(96vw,900px);margin-top:14px}.vs-side{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.vs-side .passive-row{--st-accent: var(--char-monarch-body);width:100%}.vs-side .state-label,.vs-side .item-list{width:100%}.vs-portrait{width:84px;height:84px;object-fit:contain}.vs-name{font-size:1.05rem}.vs-brief-body>.run-vs-word{align-self:center}.vs-pips{display:flex;gap:6px}.vs-pip{width:12px;height:12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--char-paladin-body) 45%,var(--border));background:transparent}.vs-pip.won{background:var(--char-paladin-body);border-color:var(--char-paladin-body)}.run-hp-bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.run-hp-bar i{display:block;height:100%;background:var(--t-heal)}.run-deck-econ{font-style:normal;text-transform:none;letter-spacing:0;color:var(--muted);opacity:.8}.run-deck-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;width:min(96vw,856px);justify-content:center}.run-deck-strip .card,.draft-card .card{height:240px}.run-deck-strip.pickable .card{cursor:pointer}.draft-deck{margin-top:18px}.draft-card{position:relative;transition:opacity .14s ease,transform .14s ease}.draft-card.full>.card{opacity:.62}.draft-card.full:after{content:"FULL";position:absolute;bottom:6px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.1em;z-index:3;pointer-events:none}.draft-card.nofit{opacity:.28}.draft-card.fit{transform:translateY(-6px)}.draft-card.fit>.card{box-shadow:0 10px 22px #00000080,0 0 0 2px var(--accent)}@media (prefers-reduced-motion: reduce){.draft-card,.draft-card.fit{transition:none;transform:none}}.run-deck-strip.pickable .card:hover{outline:2px solid var(--swatch, var(--accent));outline-offset:2px}.run-start-body{width:min(96vw,1180px);margin-inline:auto;gap:20px;align-items:center}.run-start-passives{display:flex;flex-direction:column;gap:8px;width:min(96vw,860px)}.run-start-passives .ov-opt{--swatch: var(--char-monarch-body);padding:13px 16px}.run-start-passives .ov-opt-label{font-family:var(--font-display);font-size:1.06rem}.run-start-deck{display:flex;flex-direction:column;align-items:center;gap:2px}.run-start-deck .state-label{align-self:flex-start}@media (max-height: 950px){.run-start-body{gap:12px}.run-start-passives{gap:6px}.run-start-passives .ov-opt{padding:9px 14px}.run-start-passives .ov-opt-note{display:none}.run-start-passives .ov-opt-ico{width:32px;height:32px}.screen.run-select .brand-wordmark{font-size:clamp(2rem,3.4vw,2.9rem)}.screen.run-select .brand-sub{font-size:.92rem}.screen.run-select{padding-top:10px}}.ov-opt-note{font-size:.8rem;color:var(--muted);opacity:.72;line-height:1.35;font-style:italic}.run-rewards{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:16px;width:min(96vw,1240px);margin-top:14px}.run-rewards>.run-reward-card{flex:0 1 300px}.run-rewards.mods{gap:12px}.run-rewards.mods>.run-reward-card{flex:0 1 228px;padding:14px 12px 16px}.run-rewards.mods .rr-desc{margin-top:6px;font-size:.8rem}.run-rewards.mods .rr-ico{width:72px;height:72px}.run-rewards.mods .rr-name{font-size:.98rem}.run-reward-card{--swatch: var(--char-body, var(--accent));display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px 20px;font:inherit;color:var(--text);cursor:pointer;text-align:center;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.run-reward-card:hover{border-color:var(--swatch);transform:translateY(-2px);box-shadow:0 8px 22px #00000059}.rr-kind{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--swatch)}.rr-name{font-size:1.05rem;font-weight:600}.rr-desc{font-size:.85rem;color:var(--muted);line-height:1.4}@media (max-height: 950px){.run-spread{margin-top:8px;font-size:.82rem}.run-actions{margin-top:10px}.run-deck-strip .card{zoom:.8}.run-deck-strip{width:min(96vw,700px)}.run-portrait,.run-vs img{width:66px;height:66px}.run-reward-card{padding:12px 14px 14px}.run-rewards.mods>.run-reward-card{flex:0 1 200px;padding:10px 10px 12px}.run-rewards.mods .rr-ico{width:54px;height:54px}.screen.run-reward .brand-wordmark{font-size:clamp(1.8rem,3vw,2.5rem)}.screen.run-reward .brand-sub{font-size:.88rem}.screen.run-reward .select-brand{margin-bottom:6px}.screen.run-reward{padding-top:10px;padding-bottom:16px}.draft-deck{margin-top:10px}.draft-deck .state-label{font-size:.6rem}}.rr-ico{display:flex;align-items:center;justify-content:center;width:96px;height:96px;color:var(--swatch)}.rr-ico svg{width:100%;height:100%}@media (max-height: 950px){.rr-ico{width:68px;height:68px}}.run-reward-card{justify-content:flex-start}.run-reward-card .rr-desc{margin-top:auto;padding-top:10px}body.mobile .screen.board{padding:4px 6px}body.mobile .board-scale{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto minmax(120px,1fr) auto auto auto;grid-template-areas:"oppstate oppact" "battle   battle" "mestate  mestate" "hand     hand" "meact    meact";gap:6px;width:100%;height:100%;zoom:1}body.mobile .col-state,body.mobile .col-lane,body.mobile .col-actions{display:contents}body.mobile .state.opp{grid-area:oppstate}body.mobile .actions.opp{grid-area:oppact}body.mobile .battlefield{grid-area:battle;min-height:0}body.mobile .state.me{grid-area:mestate}body.mobile .lane-hand{grid-area:hand}body.mobile .actions.me{grid-area:meact}body.mobile .lane-opphand{display:none}body.mobile .state{flex-direction:row;align-items:center;gap:8px;padding:5px 10px;border-top-width:2px;overflow:visible}body.mobile .state-head-block{flex:1 1 auto;flex-direction:row;align-items:center;gap:8px;padding-bottom:0;border-bottom:none;min-width:0}body.mobile .hp-ring{zoom:.6}body.mobile .ring-row{gap:4px;flex:0 0 auto}body.mobile .state-id{display:none}body.mobile .state-head-block .mana-row{flex:1 1 auto;min-width:0}body.mobile .mana-bar{width:auto;flex:1 1 auto;min-width:70px;max-width:190px}body.mobile .state .state-sec,.opp-hand-chip{display:none}body.mobile .state.opp .opp-hand-chip{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:.9rem;font-weight:600;color:var(--muted)}body.mobile .state.opp .opp-hand-chip i{display:inline-block;width:13px;height:19px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border)}body.mobile .actions.opp{flex-direction:row;align-items:center;gap:4px}body.mobile .actions.opp .act-piles{zoom:.32}body.mobile .actions.opp .units-toggle-row{display:none}body.mobile .actions.me{flex-direction:row;align-items:center;gap:8px;padding:0 2px 4px}body.mobile .actions.me .end-turn-btn,body.mobile .actions.me .resolve-btn,body.mobile .actions.me .takeback-btn{height:auto;align-self:center;padding:13px 16px;font-size:.95rem}body.mobile .actions.me .act-footer{order:1;margin:0}body.mobile .actions.me .act-piles{order:2;zoom:.42}body.mobile .actions.me .units-toggle-row{order:3}body.mobile .actions.me .waiting-turn,body.mobile .actions.me .takeback-btn{order:4;margin-left:auto}body.mobile .actions.me .resolve-btn{order:5}body.mobile .actions.me .end-turn-btn{order:6;margin-left:auto}body.mobile .actions.me:has(.resolve-btn) .end-turn-btn[disabled]{display:none}body.mobile .stats-panel,body.mobile .end-turn-key,body.mobile .resolve-key,body.mobile .takeback-key{display:none}body.mobile .field{min-height:56px}body.mobile .field .shield-token{zoom:.65}body.mobile .ov-stack{zoom:.6;left:2px}body.mobile .screen.board:not(.online) .ov-clock{display:none}body.mobile .screen.board.online .ov-clock{zoom:.55;right:2px}body.mobile .lane-hand{min-width:0}body.mobile .col-lane .hand{padding-top:18px;max-width:100%}body.mobile .run-brief,body.mobile .vs-brief-body{grid-template-columns:minmax(0,1fr)}body.mobile .vs-brief-body>.run-vs-word{justify-self:center}body.mobile .run-deck-strip{width:100%;max-width:100%}body.mobile .run-hint{flex-direction:column;align-items:stretch}body.mobile .run-hint-dismiss{margin-left:0}body.mobile .menu-size{display:none}body.phone-land .screen.board{padding:4px max(6px,env(safe-area-inset-left)) 4px max(6px,env(safe-area-inset-right))}body.phone-land .board-scale{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"oppstate oppstate oppact" "battle   battle   battle" "mestate  hand     meact";gap:4px}body.phone-land .state{padding:3px 8px;gap:6px;border-top-width:2px;align-self:center}body.phone-land .hp-ring{zoom:.46}body.phone-land .mana-bar{height:11px;min-width:56px;max-width:132px}body.phone-land .status{font-size:.62rem;padding:1px 5px}body.phone-land .state.me{flex:0 0 auto;max-width:34vw}body.phone-land .state.me .state-head-block{flex:0 1 auto}body.phone-land .battlefield{gap:2px}body.phone-land .field{min-height:44px;max-height:none}body.phone-land .field .shield-token{zoom:.45}body.phone-land .field .minion-chip{zoom:.7}body.phone-land .field-label{font-size:.5rem;top:3px;left:6px}body.phone-land .field-empty{font-size:.58rem;letter-spacing:.12em}body.phone-land .field-crest{width:min(30%,120px)}body.phone-land .ov-stack{zoom:.42;left:0}body.phone-land .stack-outline{display:none}body.phone-land .screen.board.online .ov-clock{zoom:.4;right:0}body.phone-land .field-seam{margin:1px 8px}body.phone-land .actions.opp{align-self:center;padding:0;gap:0}body.phone-land .actions.opp .act-piles{zoom:.2}body.phone-land .actions.me{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:3px;padding:0 0 2px}body.phone-land .actions.me .act-piles{order:1;zoom:.2}body.phone-land .actions.me .act-footer{order:2;margin:0}body.phone-land .actions.me .act-foot-btn{padding:4px 8px;font-size:.66rem;gap:4px;width:100%}body.phone-land .actions.me .act-foot-btn svg{width:13px;height:13px}body.phone-land .actions.me .takeback-btn{order:3;margin:0}body.phone-land .actions.me .resolve-btn{order:4}body.phone-land .actions.me .end-turn-btn{order:5;margin:0}body.phone-land .actions.me .end-turn-btn,body.phone-land .actions.me .resolve-btn,body.phone-land .actions.me .takeback-btn{padding:8px 12px;font-size:.82rem;min-width:96px}body.phone-land .actions.me .waiting-turn{order:5;margin:0;font-size:.72rem}body.phone-land .lane-hand{min-width:0;align-self:end}body.phone-land .col-lane .hand{padding-top:10px;max-width:100%}body.phone-land .col-lane .hand .hand-slot.touch-selected{zoom:1.55;z-index:40;position:relative}.rotate-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;display:flex;align-items:center;justify-content:center;background:var(--bg);text-align:center;padding:24px}.rotate-gate-inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:300px}.rotate-gate h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:1.4rem;letter-spacing:.02em;color:var(--text)}.rotate-gate p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.rotate-phone{width:54px;height:92px;border:3px solid var(--accent);border-radius:10px;position:relative;animation:rotate-hint 2.4s ease-in-out infinite}.rotate-phone span{position:absolute;left:50%;bottom:7px;transform:translate(-50%);width:18px;height:3px;border-radius:2px;background:var(--accent)}@keyframes rotate-hint{0%,28%{transform:rotate(0)}55%,82%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion: reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}