: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;--t-ritl: #c4548f;--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");--grain-size: 140px;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:var(--grain-size) var(--grain-size)}.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-mark{width:clamp(46px,6.2vw,74px);color:#dedbe8;margin-bottom:2px}.brand-mark svg{width:100%;height:100%;display:block}.menu-home .brand-wordmark{position:relative}.brand-splash{position:absolute;left:100%;top:.06em;margin-left:.12em;font-family:var(--font-display);font-weight:700;font-size:.3em;letter-spacing:.04em;white-space:nowrap;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff5;text-shadow:2px 2px 0 #3f3f15;transform-origin:left center;transform:rotate(-17deg);animation:splash-bob .62s ease-in-out infinite alternate;pointer-events:none}@keyframes splash-bob{0%{transform:rotate(-17deg) scale(1)}to{transform:rotate(-17deg) scale(1.11)}}@media (prefers-reduced-motion: reduce){.brand-splash{animation:none}}.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}.story-modal.char-wizard,.path-select.char-wizard,.matchup-side.char-wizard{--char-name: var(--char-wizard-name);--char-body: var(--char-wizard-body)}.story-modal.char-paladin,.path-select.char-paladin,.matchup-side.char-paladin{--char-name: var(--char-paladin-name);--char-body: var(--char-paladin-body)}.story-modal.char-middle-brother,.path-select.char-middle-brother,.matchup-side.char-middle-brother{--char-name: var(--char-middle-brother-name);--char-body: var(--char-middle-brother-body)}.story-modal.char-necromancer,.path-select.char-necromancer,.matchup-side.char-necromancer{--char-name: var(--char-necromancer-name);--char-body: var(--char-necromancer-body)}.story-modal.char-blood-witch,.path-select.char-blood-witch,.matchup-side.char-blood-witch{--char-name: var(--char-blood-witch-name);--char-body: var(--char-blood-witch-body)}.story-modal.char-monarch{--char-name: var(--char-monarch-name, var(--muted));--char-body: var(--char-monarch-body, var(--text))}.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-diff-badge{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:#0a0a0e9e;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.char-diff-badge .diff-word{line-height:1}.char-stat.diff{gap:7px}.diff-pips{display:inline-flex;align-items:center;gap:3px}.diff-pip{width:6px;height:6px;border-radius:50%;background:#ffffff21;box-shadow:inset 0 0 0 1px #ffffff57}.diff-pip.on{background:#ffffffeb;box-shadow:none}.minion-chip.no-choice{opacity:.55}.minion-chip.ordered{box-shadow:0 0 0 2px var(--accent),0 0 12px -2px var(--accent)}.minion-chip.aimed{box-shadow:0 0 0 2px var(--t-atk),0 0 14px -2px var(--t-atk)}.minion-dmg.buffed,.minion-heal.buffed,.minion-hp.buffed{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,transparent)}.minion-heal.buffed{color:var(--t-heal);text-shadow:0 0 8px color-mix(in srgb,var(--t-heal) 55%,transparent)}.status.muster{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent);color:var(--text)}.status.muster.ready{background:color-mix(in srgb,var(--accent) 26%,transparent);border-color:var(--accent)}.status.muster svg{width:13px;height:13px}#order-arrows{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;width:100%;height:100%;pointer-events:none;overflow:visible}#order-arrows path{fill:none;stroke:var(--t-atk);stroke-width:3;stroke-linecap:round}#order-arrows .head{fill:var(--t-atk);stroke:none}@media (prefers-reduced-motion: no-preference){#order-arrows path{animation:order-arrow-in .18s ease-out both}}@keyframes order-arrow-in{0%{opacity:0}to{opacity:1}}.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{flex:1 1 0;min-height:0}.col-actions>.actions{min-height:0}.col-actions>.actions.opp{flex:0 0 auto}.col-actions>.actions.me{flex:1 1 auto}.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}.rhp{display:none}.status.buff{color:var(--ok)}.status.finality{gap:3px}.fin-pip{width:7px;height:7px;border-radius:50%;border:1.5px solid currentColor;display:inline-block;flex:none}.fin-pip.filled{background:currentColor}.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}.actions.acts-tight .stats-panel{display:none}.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;min-height:0}.actions.acts-tight .units-toggle-row{flex:0 1 auto}.actions.acts-tight .units-panel{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hi) transparent}.actions.acts-tight .units-panel::-webkit-scrollbar{width:6px}.actions.acts-tight .units-panel::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}.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-ritl{border-radius:18px 18px 4px 4px;border-color:color-mix(in srgb,var(--t-ritl) 65%,transparent);box-shadow:0 4px 12px #0006,inset 0 0 0 1px color-mix(in srgb,var(--t-ritl) 22%,transparent)}.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}.status.wither{color:#b76ad9;animation:fx-ambient-wither 2.8s ease-in-out infinite}.status.look,.status.scry,.status.surveil{color:#cbc6bb}@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}}@keyframes fx-ambient-wither{0%,to{box-shadow:0 0 #b76ad900}50%{box-shadow:0 0 8px #b76ad980}}@media (prefers-reduced-motion: reduce){.status.burn,.status.bleed,.status.freeze,.status.poison,.status.wither{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:var(--grain);background-size:var(--grain-size) var(--grain-size);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-wither{--status-dot:#c684e0;--status-tint:rgba(183,106,217,.14);--status-line:rgba(183,106,217,.4)}.card-status.status-cleave{--status-dot:#c4ccd8;--status-tint:rgba(196,204,216,.14);--status-line:rgba(196,204,216,.4)}.card-status.status-look,.card-status.status-scry,.card-status.status-surveil{--status-dot:#cbc6bb;--status-tint:rgba(203,198,187,.14);--status-line:rgba(203,198,187,.4)}.card-status.status-muster{--status-dot:#7fa8d8;--status-tint:rgba(127,168,216,.14);--status-line:rgba(127,168,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-wither .ctip-ico{color:#c684e0}.card-tip-row.status-cleave .ctip-ico{color:#c4ccd8}.card-tip-row.status-look .ctip-ico,.card-tip-row.status-scry .ctip-ico,.card-tip-row.status-surveil .ctip-ico{color:#cbc6bb}.card-tip-row.status-muster .ctip-ico{color:#7fa8d8}.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))}.ctip-head{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);opacity:.75;padding-bottom:1px;border-bottom:1px solid var(--border, rgba(255,255,255,.12))}.ctip-head~.ctip-head{margin-top:4px}.card-tip-row.tip-reminder{padding-left:30px}.card-tip-row.tip-reminder .ctip-text b{font-size:.72rem;font-weight:600;color:var(--muted)}.card-tip-row.tip-reminder .ctip-desc{font-style:italic;opacity:.85}.story-head{display:flex;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:4px;border-bottom:1px solid var(--border)}.story-portrait{flex:0 0 92px;width:92px;height:92px;object-fit:contain;border-radius:var(--radius);background:var(--surface-2)}.story-source{display:flex;flex-direction:column;gap:5px;min-width:0}.story-source-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--char-body, var(--accent))}.story-source-cost{font-size:.86rem;color:var(--muted);line-height:1.45}.story-para{margin:0 0 11px;font-size:.92rem;line-height:1.62;color:var(--text)}.story-para:last-child{margin-bottom:0}.story-relations{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted)}.story-relations b{color:var(--text);font-weight:600}.card-tip-row.tip-flavor{padding-top:6px;border-top:1px solid var(--border, rgba(255,255,255,.12))}.card-tip-row.tip-flavor .ctip-desc{font-style:italic;opacity:.72;line-height:1.45}.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.look{cursor:default}.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)}}.tut-veiled{opacity:0!important;pointer-events:none!important}.tut-reveal-in{animation:tut-reveal .5s ease-out both}@keyframes tut-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.tut-reveal-in{animation:none}}.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 14px}.tut-complete-card p:first-of-type{color:var(--text)}.tut-complete-card .tut-complete-next{font-size:.88rem;margin-bottom:22px}.tut-complete-card .tut-complete-next b{color:var(--text)}.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;position:sticky;bottom:calc(-1 * var(--ov-pad));margin:0 calc(-1 * var(--ov-pad)) calc(-1 * var(--ov-pad));padding:10px var(--ov-pad) var(--ov-pad);background:linear-gradient(to bottom,transparent,var(--surface) 14px)}.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}.modal-hand .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}.fx-num.wither{color:#b76ad9;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,2.2vh,44px)}.menu-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:16px;width:min(1080px,100%)}.menu-doors{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-firsttime{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 42%,var(--border));border-radius:var(--radius-lg);padding:10px 14px}.menu-firsttime-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.menu-firsttime-txt b{color:var(--text);font-size:.92rem}.menu-firsttime-txt span{color:var(--muted);font-size:.8rem;line-height:1.4}.menu-firsttime-acts{display:flex;align-items:center;gap:10px;flex:0 0 auto}.menu-firsttime-yes{background:var(--accent);border:1px solid var(--accent);color:#10101a;font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border-radius:999px;cursor:pointer}.menu-firsttime-yes:hover{filter:brightness(1.12)}.menu-firsttime-no{background:none;border:none;padding:4px 2px;font:inherit;color:var(--muted);font-size:.78rem;cursor:pointer}.menu-firsttime-no:hover{color:var(--text)}.menu-phone-warn{display:none}body.mobile .menu-phone-warn{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 14px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--warn) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 42%,var(--border))}body.mobile .menu-phone-warn b{color:var(--warn);font-size:.88rem}body.mobile .menu-phone-warn span{color:var(--muted);font-size:.78rem;line-height:1.4}.news-surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px;position:relative;overflow:hidden}.news-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain);background-size:var(--grain-size) var(--grain-size);opacity:.05;mix-blend-mode:overlay}.news-surface>*{position:relative;z-index:1}.menu-news{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;text-align:left}.news-incoming{grid-column:1 / -1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;padding-bottom:9px;margin-bottom:1px;border-bottom:1px solid var(--border)}.news-when{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--char-paladin-body, #d8ab4a);border:1px solid color-mix(in srgb,var(--char-paladin-body, #d8ab4a) 55%,transparent);border-radius:999px;padding:3px 9px}.news-incoming-title{color:var(--text);font-size:.9rem}.news-incoming-line{color:var(--muted);font-size:.8rem;line-height:1.45;flex:1 1 260px}.news-eyebrow{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.news-note p{margin:0 0 6px;color:var(--muted);font-size:.83rem;line-height:1.45}.news-note p:first-of-type{color:var(--text)}.news-note p:last-child{margin-bottom:0}.news-latest{border-left:1px solid var(--border);padding-left:18px}.news-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.news-head .news-eyebrow{margin-bottom:6px}.news-date{color:var(--muted);font-size:.68rem}.news-title{display:block;color:var(--text);font-size:.9rem;margin-bottom:4px}.news-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:var(--muted);font-size:.8rem;line-height:1.45}.news-all{margin-top:10px;background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--accent-hi, var(--accent));font-size:.78rem}.news-all:after{content:" →"}.news-all:hover{color:#fff}.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:var(--grain-size) var(--grain-size)}.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}}.door-row{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:18px;align-items:stretch}.door-modes{display:flex;flex-direction:column;gap:12px;min-width:0}.mode-group{display:flex;flex-direction:column;gap:8px}.mode-group-label{margin:0;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left}.mode-group-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{--swatch: var(--accent);display:grid;grid-template-columns:auto 1fr;gap:15px;align-items:center;text-align:left;min-height:96px;padding:16px 18px;border-radius:var(--radius-lg);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}.mode-card: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}.mode-card:active:not(:disabled){transform:translateY(0)}.mode-card.tall{min-height:132px}.mode-card.wide{min-height:64px}.mode-card.quiet{opacity:.86}.mode-card.quiet:hover{opacity:1}.mode-card-ico{width:52px;height:52px;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))}.mode-card-ico svg{width:56%;height:56%}.mode-card-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.mode-card-title{font-family:var(--font-display);font-weight:700;font-size:1.06rem;color:var(--text)}.mode-card-sub{font-size:.82rem;color:var(--muted);line-height:1.38;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.mode-card-meta{margin-top:4px;font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--muted) 78%,transparent)}.mode-card-meta i{font-style:normal}.mode-card-meta i+i:before{content:"·";margin:0 7px;color:var(--border-hi)}.door-hero{min-height:104px;padding:16px 20px}.door-hero .menu-hero-title{font-size:clamp(1.3rem,2vw,1.8rem)}.door-hero .menu-hero-emblem{width:clamp(120px,34%,200px)}.door-news{display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0}.door-news-head{display:flex;align-items:center;gap:8px}.news-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.news-item{padding-top:10px;border-top:1px solid var(--border)}.news-item:first-child{padding-top:0;border-top:none}.news-item-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.news-item .news-title{font-size:.86rem;margin-bottom:3px}.news-item .news-line{-webkit-line-clamp:2;font-size:.77rem}.door-news .news-all{margin-top:auto;padding-top:8px}.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)}.fb-addr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}.fb-email{flex:1 1 auto;min-width:0;-webkit-user-select:all;user-select:all;word-break:break-all;color:var(--text);font-size:.9rem}.fb-copy{flex:0 0 auto;padding:5px 14px;font-size:.78rem}.fb-or{margin:14px 0 8px;color:var(--muted);font-size:.82rem}.fb-links{display:flex;gap:8px;flex-wrap:wrap}.fb-link{flex:1 1 auto;text-align:center;padding:9px 14px;border-radius:9px;border:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.82rem;transition:border-color .12s,background .12s}.fb-link:hover{border-color:var(--border-hi);background:color-mix(in srgb,var(--text) 6%,transparent)}.fb-note{margin:14px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.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,.mode-card: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}.door-row{grid-template-columns:1fr}}@media (max-width: 700px){.door-row,.mode-group-row{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 .mode-card{padding:11px 13px}body.mobile .menu-foot{gap:8px}body.mobile .menu-home .brand-mark{display:none}body.mobile .menu-home .select-brand{padding-top:6px}body.mobile .menu-body{gap:10px}body.mobile .menu-news{grid-template-columns:1fr;gap:8px;padding:10px 13px}body.mobile .news-incoming{padding-bottom:8px}body.mobile .news-incoming-title{font-size:.82rem}body.mobile .news-incoming-line{font-size:.74rem;flex-basis:100%}body.mobile .menu-firsttime{flex-direction:column;align-items:stretch;gap:8px}body.mobile .menu-firsttime-acts{justify-content:space-between}body.mobile .menu-firsttime-yes{flex:1 1 auto;text-align:center}body.mobile .news-note p{font-size:.74rem;line-height:1.42}body.mobile .news-note p:not(:first-of-type){display:none}body.mobile .news-latest{border-left:none;padding-left:0}body.mobile .news-latest .news-head,body.mobile .news-latest .news-title,body.mobile .news-latest .news-line{display:none}body.mobile .news-all{margin-top:0}body.mobile .menu-pill{padding:7px 12px;font-size:.68rem;letter-spacing:.1em}@media (max-height: 860px){.menu-home .brand-mark{display:none}.menu-home .select-brand{gap:3px;padding-top:0}.menu-home .brand-sub{font-size:.95rem}.menu-home .menu-body{gap:11px}.menu-home .menu-firsttime{padding:8px 14px}.menu-home .menu-firsttime-txt span{font-size:.78rem}.menu-home .menu-news{padding:10px 14px}.menu-home .news-incoming{padding-bottom:8px}.menu-home .news-note p{font-size:.79rem;line-height:1.4;margin-bottom:5px}.menu-home .news-line{-webkit-line-clamp:2}.menu-door-home .mode-card{min-height:84px;padding:13px 15px}.menu-door-home .mode-card.tall{min-height:104px}.menu-door-home .mode-card-ico{width:44px;height:44px}.menu-door-home .mode-card-title{font-size:1rem}.menu-door-home .door-hero{min-height:90px;padding:13px 18px}.menu-door-home .door-modes{gap:10px}.menu-door-home .news-item:nth-child(3){display:none}}@media (max-height: 750px){.menu-home .brand-sub{display:none}.menu-home .news-note p:not(:first-of-type){display:none}.menu-door-home .mode-card-meta,.menu-door-home .mode-group-label{display:none}.menu-door-home .mode-group{gap:0}.menu-door-home .mode-card-sub{-webkit-line-clamp:1}.menu-door-home .news-item:nth-child(2){display:none}.menu-home .menu-body{gap:9px}}.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:0;flex-wrap:wrap;flex:0 0 auto}.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;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.rules-intro{width:min(96vw,1040px);text-align:left}.rules-intro .rules-row{grid-template-columns:140px 1fr}.rules-steps .rules-row{grid-template-columns:20px 1fr}.rules-steps .rules-row b{color:var(--accent)}.rules-statuses .rules-row b{display:flex;align-items:center;gap:7px}.rules-stat-ico.status{animation:none;border:none;padding:0;border-radius:0;width:17px;height:17px;flex:0 0 auto;display:inline-block}.rules-stat-ico.status svg{width:100%;height:100%;display:block}.rules-tour{width:min(96vw,1040px);margin-top:18px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.rules-tour h2{margin:0 0 4px;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.rules-lede{margin:0 0 14px;color:var(--muted);font-size:.86rem}.tour-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}.rules-cardtour .tour-panes{grid-template-columns:minmax(0,1fr) 240px}.tour-fig{position:relative;margin:0;align-self:start;position:sticky;top:16px}.tour-fig img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid var(--border)}.tour-text{display:flex;flex-direction:column;gap:2px}.tour-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;width:100%;text-align:left;cursor:pointer;background:none;border:1px solid transparent;border-radius:9px;padding:8px 9px;font:inherit;color:inherit;transition:background .14s ease,border-color .14s ease}.tour-row-txt{display:block}.tour-row b{display:block;color:var(--text);font-size:.88rem;margin-bottom:2px}.tour-row span span,.tour-row-txt>span{color:var(--muted);font-size:.82rem;line-height:1.45}.tour-num{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:.72rem;font-weight:700}.tour-row:hover,.tour-row.tour-on{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 34%,transparent)}.tour-row.tour-on .tour-num{background:var(--accent);color:#0a0a0b}.tour-board{overflow:hidden;border-radius:10px}.tour-pin{position:absolute;border:1.5px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .16s ease,box-shadow .22s ease}.tour-pin i{position:absolute;left:4px;top:4px;display:grid;place-items:center;width:19px;height:19px;border-radius:999px;background:color-mix(in srgb,var(--bg) 72%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);font-size:.66rem;font-weight:700;font-style:normal;transition:background .16s ease,color .16s ease}.tour-pin.tour-on{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),0 0 0 9999px #08080ca8}.tour-pin.tour-on i{background:var(--accent);color:#0a0a0b}.tour-cardfig{display:grid;place-items:center;padding:10px 0}.tour-cardfig .card{width:160px;height:240px}.tour-lit{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;background:color-mix(in srgb,var(--accent) 22%,transparent)}@media (max-width: 860px){.tour-panes{grid-template-columns:1fr}.tour-fig{position:static;order:-1}.rules-intro .rules-row,.rules-row{grid-template-columns:1fr;gap:2px}}.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)}.menu-pill.updates{gap:7px}.menu-pill.updates.has-new{color:var(--text);border-color:var(--border-hi)}.pill-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:var(--accent);color:#0a0a0b;font-size:.62rem;font-weight:700;letter-spacing:0}.updates-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.upd-chip{padding:6px 14px;border-radius:99px;cursor:pointer;font:inherit;font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.06em;background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:color .12s,border-color .12s,background .12s}.upd-chip:hover{border-color:var(--border-hi);color:var(--text)}.upd-chip.on{border-color:var(--accent);color:var(--accent-hi);background:color-mix(in srgb,var(--accent) 12%,transparent)}.upd-chip-n{opacity:.6;margin-left:3px;font-weight:600}.updates-empty{color:var(--muted);text-align:center;padding:24px 0}.updates-list{width:min(96vw,760px);margin-top:8px;text-align:left;display:flex;flex-direction:column;gap:12px}.update-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.update-entry.is-new{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.update-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.update-head h3{margin:0;font-family:var(--font-display);font-size:.95rem;letter-spacing:.02em;color:var(--text)}.update-new{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0a0a0b;background:var(--accent);padding:2px 7px;border-radius:999px}.update-date{margin-top:3px;font-size:.74rem;letter-spacing:.04em;color:var(--muted)}.update-list{list-style:none;margin:10px 0 0;padding:0}.update-list li{position:relative;padding:4px 0 4px 15px;color:var(--muted);font-size:.86rem;line-height:1.45}.update-list li:before{content:"";position:absolute;left:0;top:.68em;width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--accent) 60%,transparent)}body.mobile .updates-list{width:100%}.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-list.world{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.comp-list.world .comp-desc{line-height:1.55}.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}.screen.run-reward .brand-rule{margin:5px 0}.screen.run-reward .run-rewards{margin-top:4px}.screen.run-reward .brand-wordmark{font-size:clamp(1.7rem,3vw,2.4rem)}.screen.run-reward .brand-sub{font-size:.86rem}.run-rewards.mods.grouped .mod-group-cards>.run-reward-card{padding:7px 7px 9px;gap:4px}.run-rewards.mods.grouped .rr-desc{font-size:.73rem;line-height:1.28}.run-rewards.mods.grouped .mod-group{padding:6px 6px 7px;gap:4px}}@media (max-height: 810px){.screen.run-reward .run-deck-strip .card{zoom:.68}.screen.run-reward .run-deck-strip{width:min(96vw,600px)}.screen.run-reward .run-start-deck .state-label{font-size:.62rem}.screen.run-reward .select-brand{padding-top:4px}}.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.grouped{gap:10px;align-items:stretch;width:min(94vw,1100px);flex-wrap:nowrap}.mod-group{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 10px 12px;min-width:0;flex:var(--n, 1) 1 0;border:1px solid color-mix(in srgb,var(--group-tint, var(--border)) 58%,transparent);border-radius:14px;background:color-mix(in srgb,var(--group-tint, transparent) 7%,transparent)}.mod-group[data-slot=atk]{--group-tint: var(--t-atk)}.mod-group[data-slot=heal]{--group-tint: var(--t-heal)}.mod-group[data-slot=shld]{--group-tint: var(--t-shld)}.mod-group[data-slot=draw]{--group-tint: var(--t-draw)}.mod-group[data-slot=any]{--group-tint: var(--accent)}.mod-group-head{margin:0;font-family:var(--font-display, inherit);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--group-tint, var(--muted)) 78%,var(--fg))}.mod-group-cards{display:flex;gap:10px;align-items:stretch;min-width:0}.mod-group-cards>.run-reward-card{flex:1 1 0;min-width:0;padding:14px 10px 16px}.run-rewards.mods .rr-desc{margin-top:6px;font-size:.8rem}.run-rewards.mods .rr-ico{width:36px;height:36px}.run-rewards.mods .rr-name{font-size:.98rem}.run-rewards.mods.grouped .mod-group-cards>.run-reward-card{padding:9px 8px 11px;gap:5px}.run-rewards.mods.grouped .rr-desc{margin-top:4px;padding-top:0;font-size:.76rem;line-height:1.32}.run-rewards.mods.grouped .rr-name{font-size:.88rem}.run-rewards.mods.grouped .mod-group{padding:7px 7px 9px;gap:5px}.run-rewards.mods.grouped .mod-group-cards{gap:7px}.run-rewards.mods.grouped .mod-group-head{font-size:.63rem;letter-spacing:.11em}.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:30px;height:30px}.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.board-compact .stats-panel,body.board-compact .state-sec.items,body.board-compact .state-id{display:none}body.board-compact .lane-opphand{zoom:.3}body.board-compact .state.opp .opp-hand-chip{display:inline-flex}body.board-compact .screen.board:not(.online) .ov-clock{display:none}body.board-compact .hp-ring{zoom:.82}body.board-compact .field-crest{width:auto;height:78%}body.board-compact .state-sec.passive .state-label.sub{display:none}body.board-compact .passive-row .item-ico,body.board-compact .path-row .item-ico{width:30px;height:30px}body.board-compact .passive-row .item-ds,body.board-compact .path-row .item-ds{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}body.board-compact .act-piles{zoom:.46}body.board-compact .state{gap:4px}body.board-compact .col-lane .hand{padding-top:22px}body.board-compact .screen.board{padding:4px max(6px,env(safe-area-inset-left)) 4px max(6px,env(safe-area-inset-right))}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}.card-inspect{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9200;display:none;align-items:center;justify-content:center;padding:12px;background:#06050ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-inspect.show{display:flex}.card-inspect-panel{display:flex;flex-direction:column;align-items:center;gap:10px}.card-inspect-card{flex:0 0 auto}.card-inspect-card .card{width:160px;height:240px;margin:0!important;transform:none!important;cursor:default;box-shadow:0 18px 50px #0009,0 0 0 1px #ffffff0f}.card-inspect-card .card.unplayable{filter:none;opacity:.94}.card-inspect-actions{display:flex;gap:10px;align-items:center}.card-inspect-actions button{padding:10px 22px;border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.ci-play.is-blocked{opacity:.55}@media (prefers-reduced-motion: no-preference){.card-inspect.show .card-inspect-panel{animation:ci-in .14s ease-out}@keyframes ci-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}}.screen.lab{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px 16px}.lab-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:min(97vw,1320px)}.lab-head-title{display:flex;flex-direction:column;gap:2px}.screen.lab .brand-wordmark{font-size:clamp(1.6rem,2.6vw,2.3rem);margin:0}.lab-setup{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(97vw,1320px)}.lab-side{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);position:relative}.lab-side-tag{font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex:0 0 100%}.lab-you{border-left:3px solid var(--char-monarch-body, var(--accent))}.lab-foe{border-left:3px solid var(--warn, #c0503c)}.lab-foe-line{flex:0 0 100%;font-style:normal;font-size:.78rem;color:var(--muted)}.lab-dial{display:flex;align-items:center;gap:8px}.lab-dial-lbl{font-size:.76rem;color:var(--muted)}.lab-dial-ctl{display:flex;align-items:center;gap:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.lab-step{width:26px;height:26px;display:grid;place-items:center;background:none;border:0;color:var(--fg);cursor:pointer;font-size:1rem;line-height:1;border-radius:6px}.lab-step:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,transparent)}.lab-step:disabled{opacity:.25;cursor:default}.lab-dial-val{min-width:44px;text-align:center;font-family:var(--font-display);font-size:.9rem;font-weight:700}.lab-pick{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 12px;border-radius:8px;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--fg)}.lab-pick:hover{border-color:var(--accent)}.lab-pick-lbl{font-size:.68rem;color:var(--muted)}.lab-pick-val{font-family:var(--font-display);font-size:.88rem;font-weight:700}.lab-seg{display:flex;gap:6px;flex:1 1 260px}.lab-seg .ov-opt{flex:1 1 0;padding:6px 10px}.lab-seg .ov-opt-ico{width:24px;height:24px}.lab-seg .ov-opt-label{font-size:.82rem}.lab-body{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;gap:2px}.lab-body .state-label{align-self:flex-start}.run-deck-strip.lab-bench{width:min(97vw,900px);align-items:flex-start}.lab-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.lab-slot>.card{cursor:pointer}.lab-slot>.card:hover{outline:2px solid var(--accent);outline-offset:2px}.lab-slot.picking>.card{outline:2px solid var(--accent);outline-offset:2px}.lab-slot.full>.card{cursor:default}.lab-slot-hint{font-size:.62rem;color:var(--muted);opacity:.75}.card-mod-rm{cursor:pointer}.card-mod-rm i{font-style:normal;opacity:0;max-width:0;overflow:hidden;transition:opacity .11s ease,max-width .11s ease}.card-mod-rm:hover,.card-mod-rm:focus-visible{filter:brightness(1.3);outline:1px solid var(--bg)}.card-mod-rm:hover i,.card-mod-rm:focus-visible i{opacity:1;max-width:12px;margin-left:3px}@media (prefers-reduced-motion: reduce){.card-mod-rm i{transition:none}}.lab-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.lab-fight{min-width:180px}.lab-cap-note{flex:0 0 100%;text-align:center;font-style:normal;font-size:.7rem;color:var(--muted);opacity:.7}.lab-report{display:flex;flex-direction:column;gap:4px;align-items:center;margin-top:14px;padding:10px 20px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border)}.lab-report .state-label{align-self:center}.screen.win .lab-report{align-items:center;width:min(94vw,900px);margin:0 auto}.lab-won{font-style:normal;color:var(--ok, #5fbf72)}.lab-lost{font-style:normal;color:var(--warn, #c0503c)}.lab-stats{display:flex;flex-wrap:wrap;gap:4px 22px;justify-content:center}.screen.win .lab-stats{justify-content:center;gap:6px 26px}.lab-stat{display:flex;flex-direction:column;align-items:center}.screen.win .lab-stat{align-items:center}.lab-stat-lbl{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.lab-stat-val{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:1.02rem;font-weight:700}.lab-delta{font-style:normal;font-size:.68rem;font-weight:700}.lab-delta.good{color:var(--ok, #5fbf72)}.lab-delta.bad{color:var(--warn, #c0503c)}.lab-delta.flat{color:var(--muted);opacity:.8}.lab-caveat{font-style:normal;font-size:.66rem;color:var(--muted);opacity:.7}.lab-strip-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--bg) 55%,transparent)}.lab-strip{display:flex;gap:16px;width:min(99vw,1420px);max-height:62dvh;padding:14px 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:14px 14px 0 0;box-shadow:0 -18px 44px #0000008c}.lab-strip-card{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.lab-preview .card{height:240px}.lab-strip-note{font-style:normal;font-size:.66rem;color:var(--muted);opacity:.75;max-width:160px}.lab-lib{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.lab-lib-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-lib-body{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.lab-lib-group{display:flex;flex-direction:column;gap:4px}.lab-lib-title{margin:0;font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.lab-lib-row{display:flex;flex-wrap:wrap;gap:5px}.lab-lib-mod{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:9px;cursor:pointer;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-left:3px solid var(--swatch, #888)}.lab-lib-mod:hover,.lab-lib-mod:focus-visible{border-color:var(--swatch, var(--accent));background:color-mix(in srgb,var(--swatch, var(--accent)) 18%,var(--surface))}.lab-lib-ico{width:20px;height:20px;display:grid;place-items:center;color:var(--swatch, var(--fg))}.lab-lib-ico svg{width:100%;height:100%}.lab-lib-nm{font-size:.78rem;font-weight:600;white-space:nowrap}.lab-strip-empty{color:var(--muted);padding:20px 0}.lab-relic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.lab-relic-grid .ov-opt{padding:7px 12px}.lab-foe-diff{display:flex;gap:10px;width:min(94vw,720px);margin:0 auto 14px}.lab-foe-diff .ov-opt{flex:1 1 0}@media (max-height: 950px){.screen.lab{gap:8px;padding:12px 12px 10px}.screen.lab .brand-wordmark{font-size:clamp(1.3rem,2.1vw,1.7rem)}.lab-side{padding:7px 12px;gap:6px 12px}.lab-side-tag{font-size:.55rem}.lab-cap-note,.lab-caveat{display:none}.run-deck-strip.lab-bench{width:min(97vw,760px)}.lab-strip{max-height:68dvh}.lab-foe-screen .brand-wordmark{font-size:clamp(1.5rem,2.6vw,2rem)}.lab-foe-screen .brand-rule{margin:5px 0}.lab-foe-screen .brand-sub{display:none}.lab-foe-screen .select-brand{padding-top:6px}.lab-foe-diff{margin-bottom:8px}.lab-foe-diff .ov-opt{padding:6px 12px}.lab-foe-diff .ov-opt-sub{display:none}}@media (max-width: 900px){.lab-setup{grid-template-columns:1fr}.lab-head{flex-direction:column;gap:8px}.lab-report{align-items:flex-start;width:100%}.lab-stats{justify-content:flex-start}.lab-strip{flex-direction:column}.lab-strip-card{flex-direction:row;align-items:center;gap:10px}.lab-relic-grid{grid-template-columns:1fr}}.comp-tryit{margin:6px 0 2px}.search-box{display:flex;align-items:center;gap:10px;width:min(96vw,1040px);margin-top:14px}.search-input{flex:1 1 auto;min-width:0;font:inherit;font-size:.9rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:9px 16px;transition:border-color .12s ease,background .12s ease}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-empty{font-size:.85rem;color:var(--muted);white-space:nowrap}.search-hidden{display:none!important}.lab-lib .search-box{width:auto;margin:8px 0 2px}.rearrange-card.surveil{cursor:pointer}.rearrange-card.surveil .surveil-tag{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;white-space:nowrap;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.rearrange-card.surveil.binned{opacity:.55}.rearrange-card.surveil.binned .surveil-tag{background:color-mix(in srgb,var(--danger, #c0453f) 24%,var(--surface-2));border-color:color-mix(in srgb,var(--danger, #c0453f) 55%,var(--border));color:var(--text)}.choice-card.unaffordable{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}:root{--mon-a: #c0813f;--mon-b: #4f9c93;--mon-ink-a: #2a1a08;--mon-ink-b: #062220}.state.wave{gap:8px}.wave-bodies{display:flex;flex-direction:column;gap:8px}.mon-dossier{--mon: var(--mon-a);display:flex;flex-direction:column;gap:8px;padding:10px 11px;text-align:left;width:100%;background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--mon);border-radius:var(--radius);color:inherit;font:inherit}.wave-bodies .mon-dossier:nth-child(2){--mon: var(--mon-b)}button.mon-dossier{cursor:pointer}button.mon-dossier:hover{border-color:var(--border-hi)}.wave-bodies .mon-dossier.focused:not(:only-child){box-shadow:0 0 0 1px var(--accent),0 0 18px -8px var(--accent)}.mon-dossier.dead{opacity:.38;filter:saturate(.3)}.mon-top{display:flex;gap:10px;align-items:center}.mon-sigil{width:48px;height:48px;flex:0 0 48px;border-radius:11px;display:grid;place-items:center;color:var(--mon);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--mon) 32%,transparent),transparent 70%),var(--surface-2);border:1px solid color-mix(in srgb,var(--mon) 45%,transparent)}.mon-sigil svg{width:28px;height:28px}.mon-id{display:flex;flex-direction:column;gap:2px;min-width:0}.mon-lvl{font-family:var(--font-display);font-size:.56rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mon)}.mon-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.1}.mon-hp{position:relative;height:16px;border-radius:4px;overflow:hidden;background:#241a1a;border:1px solid #3a2626}.mon-hp>i{display:block;height:100%;background:linear-gradient(180deg,#e0757e,#b8434d);transition:width .25s ease}.mon-hp>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-display);font-size:.66rem;font-weight:700;color:#fff;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.mon-passive{padding:7px 9px;border-radius:8px;background:color-mix(in srgb,var(--mon) 9%,var(--surface-2));border:1px solid color-mix(in srgb,var(--mon) 24%,transparent);border-left:3px solid var(--mon)}.mon-passive.brand{--mon: var(--warn)}.mon-pn{display:block;font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--mon)}.mon-pd{display:block;font-size:.7rem;line-height:1.35;color:#b9b9c4;margin-top:1px}.mon-signs{display:flex;flex-direction:column;gap:4px}.mon-sign{display:flex;gap:7px;align-items:flex-start;font-size:.69rem;line-height:1.34;color:#a8a8b3}.mon-sign b{flex:0 0 auto;width:14px;text-align:center;color:var(--text);font-weight:700}.mon-sign.sig{color:#d0d0d8}.mon-sign.sig b{color:var(--mon-a)}.wave-strip{display:flex;flex-direction:column;gap:6px;padding:9px 11px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.wave-flanks{display:flex;justify-content:space-between;gap:8px;min-height:20px}.wave-note{margin:0;font-size:.66rem;line-height:1.4;color:var(--muted)}.intent-row{display:flex;flex-direction:column;align-items:center;gap:5px}.intent-label{font-family:var(--font-display);font-size:.58rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.intent-cards{display:flex;gap:9px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.intent-card{width:148px;border-radius:9px;overflow:hidden;background:var(--mon-a);color:var(--mon-ink-a);border:1px solid color-mix(in srgb,var(--mon-a) 70%,#000);box-shadow:0 3px 10px #00000080}.intent-row .intent-card.mon-b{background:var(--mon-b);color:var(--mon-ink-b);border-color:color-mix(in srgb,var(--mon-b) 70%,#000)}.intent-head{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;background:color-mix(in srgb,var(--mon-a) 74%,#000);color:#fff}.intent-card.mon-b .intent-head{background:color-mix(in srgb,var(--mon-b) 74%,#000)}.intent-nm{font-family:var(--font-display);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.intent-sign{flex:0 0 auto;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#00000059;font-size:.62rem;font-weight:700}.intent-stats{display:flex;gap:5px;padding:8px 8px 0}.istat{flex:1;border-radius:6px;padding:3px 0 2px;text-align:center;background:#00000029}.istat b{display:block;font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.istat i{font-size:.48rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-style:normal;opacity:.72}.istat.dmg b{color:#7a1a22}.istat.shld b{color:#6a4a05}.istat.heal b{color:#14501f}.intent-text{margin:7px 8px 8px;padding:5px 6px;border-radius:6px;background:#00000024;font-size:.67rem;line-height:1.3;font-weight:500}.intent-owner{display:block;padding:0 8px 7px;font-family:var(--font-display);font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.foe-monsters{display:flex;flex-direction:column;gap:8px}.foe-mon{display:flex;gap:10px;align-items:flex-start}.foe-mon .mon-sigil{--mon: var(--mon-a);width:40px;height:40px;flex-basis:40px}.foe-mon:nth-child(2) .mon-sigil{--mon: var(--mon-b)}.foe-mon-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.foe-mon-nm{font-family:var(--font-display);font-weight:700;font-size:.88rem}.foe-mon-sub{font-size:.7rem;color:var(--muted)}.foe-mon-ps{font-size:.7rem;line-height:1.35;color:#b9b9c4;margin-top:2px}@media (prefers-reduced-motion: reduce){.mon-hp>i{transition:none}}.action-pile{display:flex;flex-direction:column;gap:7px;width:100%;padding:10px 11px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.action-pile-counts{display:flex;gap:7px}.apc{flex:1;text-align:center;border-radius:7px;padding:6px 0 4px;background:var(--surface-2);border:1px solid var(--border)}.apc b{display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1;color:var(--mon-a);font-variant-numeric:tabular-nums}.apc.used b{color:var(--muted)}.apc i{font-size:.5rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--muted)}.action-pile-note{margin:0;font-size:.64rem;line-height:1.4;color:var(--muted)}.state.wave .wave-bodies{flex:1 1 auto}.wave-bodies .mon-dossier:only-child{flex:1 1 auto;justify-content:space-evenly}.wave-bodies .mon-dossier:only-child .mon-sigil{width:58px;height:58px;flex-basis:58px}.wave-bodies .mon-dossier:only-child .mon-sigil svg{width:34px;height:34px}.wave-bodies .mon-dossier:only-child .mon-name{font-size:1.05rem}.wave-bodies .mon-dossier:only-child .mon-sign{font-size:.73rem}.wave-bodies .mon-dossier:only-child .mon-pd{font-size:.73rem}.lab-monsters{display:flex;flex-direction:column;gap:8px;width:min(96vw,1100px);margin:0 auto 18px}.lab-mon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:8px}.lab-mon{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:var(--radius);cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text);font:inherit;text-align:center}.lab-mon:hover{border-color:var(--border-hi)}.lab-mon .mon-sigil{--mon: var(--mon-a);width:38px;height:38px;flex-basis:38px;border-radius:9px}.lab-mon .mon-sigil svg{width:22px;height:22px}.lab-mon.front{border-color:var(--mon-a);box-shadow:0 0 0 1px var(--mon-a)}.lab-mon.back{border-color:var(--mon-b);box-shadow:0 0 0 1px var(--mon-b)}.lab-mon.back .mon-sigil{--mon: var(--mon-b)}.lab-mon-nm{font-family:var(--font-display);font-weight:700;font-size:.84rem}.lab-mon-sub{font-size:.66rem;color:var(--muted)}.lab-mon-tag{position:absolute;top:5px;right:6px;font-family:var(--font-display);font-size:.5rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mon-a)}.lab-mon-tag.second{color:var(--mon-b)}.lab-brand-row{display:flex;flex-wrap:wrap;gap:6px}.lab-brand{padding:5px 11px;border-radius:99px;cursor:pointer;font:inherit;font-size:.76rem;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.lab-brand:hover{border-color:var(--border-hi);color:var(--text)}.lab-brand.on{border-color:var(--warn);color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}.tile-badge{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:99px;font-family:var(--font-display);font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;vertical-align:middle;color:var(--warn);border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.card-tip-row.tip-desc{padding-left:0}.card-tip-row.tip-desc .ctip-desc{color:var(--text);opacity:.92}.menu-item.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-item.menu-toggle .menu-toggle-state{font-weight:700;color:var(--muted);font-size:.82rem}.menu-item.menu-toggle[aria-pressed=false] .menu-toggle-state{color:var(--accent)}:root{--d1: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM2%202h1v1H2z%27/%3E%3C/svg%3E);--d2: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM2%200h1v1H2zM0%202h1v1H0zM2%202h1v1H2z%27/%3E%3C/svg%3E);--d3: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM2%200h1v1H2zM1%201h1v1H1zM0%202h1v1H0zM2%202h1v1H2zM3%203h1v1H3z%27/%3E%3C/svg%3E);--d4: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM2%200h1v1H2zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM2%202h1v1H2zM1%203h1v1H1zM3%203h1v1H3z%27/%3E%3C/svg%3E);--d5: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM1%200h1v1H1zM2%200h1v1H2zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM2%202h1v1H2zM3%202h1v1H3zM1%203h1v1H1zM3%203h1v1H3z%27/%3E%3C/svg%3E);--d6: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM1%200h1v1H1zM2%200h1v1H2zM3%200h1v1H3zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM1%202h1v1H1zM2%202h1v1H2zM3%202h1v1H3zM1%203h1v1H1zM3%203h1v1H3z%27/%3E%3C/svg%3E);--d7: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20d=%27M0%200h1v1H0zM1%200h1v1H1zM2%200h1v1H2zM3%200h1v1H3zM0%201h1v1H0zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM1%202h1v1H1zM2%202h1v1H2zM3%202h1v1H3zM1%203h1v1H1zM2%203h1v1H2zM3%203h1v1H3z%27/%3E%3C/svg%3E)}body.dither{--dith-cell: calc(1px / var(--board-scale, 1));--dith-tile: calc(4 * var(--dith-cell));--dith-band: 11.111%;--dith-tex: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20fill-opacity=%27.14%27%20d=%27M0%200h1v1H0zM2%200h1v1H2zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM2%202h1v1H2zM1%203h1v1H1zM3%203h1v1H3z%27/%3E%3Cpath%20fill=%27%23000%27%20fill-opacity=%27.17%27%20d=%27M1%200h1v1H1zM3%200h1v1H3zM0%201h1v1H0zM2%201h1v1H2zM1%202h1v1H1zM3%202h1v1H3zM0%203h1v1H0zM2%203h1v1H2z%27/%3E%3C/svg%3E);--dith-tex-lt: url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%204%204%27%20shape-rendering=%27crispEdges%27%3E%3Cpath%20fill=%27%23fff%27%20fill-opacity=%27.18%27%20d=%27M0%200h1v1H0zM2%200h1v1H2zM1%201h1v1H1zM3%201h1v1H3zM0%202h1v1H0zM2%202h1v1H2zM1%203h1v1H1zM3%203h1v1H3z%27/%3E%3Cpath%20fill=%27%23000%27%20fill-opacity=%27.09%27%20d=%27M1%200h1v1H1zM3%200h1v1H3zM0%201h1v1H0zM2%201h1v1H2zM1%202h1v1H1zM3%202h1v1H3zM0%203h1v1H0zM2%203h1v1H2z%27/%3E%3C/svg%3E);--dith-icon-cell: calc(2px / var(--board-scale, 1));--dith-icon-tile: calc(4 * var(--dith-icon-cell));--grain: none}body.dither .board-scale{--dith-cell: calc(1px / var(--board-scale, 1));--dith-tile: calc(4 * var(--dith-cell));--dith-icon-cell: calc(2px / var(--board-scale, 1));--dith-icon-tile: calc(4 * var(--dith-icon-cell))}body.dither .act-piles{--dith-cell: calc(1px / (var(--board-scale, 1) * (.78 - .32 * var(--density, .5))));--dith-tile: calc(4 * var(--dith-cell));--dith-icon-cell: calc(2px / (var(--board-scale, 1) * (.78 - .32 * var(--density, .5))));--dith-icon-tile: calc(4 * var(--dith-icon-cell))}body.dither.board-compact .act-piles{--dith-cell: calc(1px / (var(--board-scale, 1) * .46));--dith-tile: calc(4 * var(--dith-cell));--dith-icon-cell: calc(2px / (var(--board-scale, 1) * .46));--dith-icon-tile: calc(4 * var(--dith-icon-cell))}body.dither.board-compact .lane-opphand{--dith-cell: calc(1px / (var(--board-scale, 1) * .3));--dith-tile: calc(4 * var(--dith-cell))}@supports (mask-composite: intersect){body.dither .card-body:after,body.dither .card-back:after{--b: var(--dith-band);-webkit-mask-image:linear-gradient(160deg,transparent 0 calc(8 * var(--b)),#fff calc(8 * var(--b))),var(--d7),linear-gradient(160deg,transparent 0 calc(7 * var(--b)),#fff calc(7 * var(--b)) calc(8 * var(--b)),transparent calc(8 * var(--b))),var(--d6),linear-gradient(160deg,transparent 0 calc(6 * var(--b)),#fff calc(6 * var(--b)) calc(7 * var(--b)),transparent calc(7 * var(--b))),var(--d5),linear-gradient(160deg,transparent 0 calc(5 * var(--b)),#fff calc(5 * var(--b)) calc(6 * var(--b)),transparent calc(6 * var(--b))),var(--d4),linear-gradient(160deg,transparent 0 calc(4 * var(--b)),#fff calc(4 * var(--b)) calc(5 * var(--b)),transparent calc(5 * var(--b))),var(--d3),linear-gradient(160deg,transparent 0 calc(3 * var(--b)),#fff calc(3 * var(--b)) calc(4 * var(--b)),transparent calc(4 * var(--b))),var(--d2),linear-gradient(160deg,transparent 0 calc(2 * var(--b)),#fff calc(2 * var(--b)) calc(3 * var(--b)),transparent calc(3 * var(--b))),var(--d1),linear-gradient(160deg,transparent 0 var(--b),#fff var(--b) calc(2 * var(--b)),transparent calc(2 * var(--b)));mask-image:linear-gradient(160deg,transparent 0 calc(8 * var(--b)),#fff calc(8 * var(--b))),var(--d7),linear-gradient(160deg,transparent 0 calc(7 * var(--b)),#fff calc(7 * var(--b)) calc(8 * var(--b)),transparent calc(8 * var(--b))),var(--d6),linear-gradient(160deg,transparent 0 calc(6 * var(--b)),#fff calc(6 * var(--b)) calc(7 * var(--b)),transparent calc(7 * var(--b))),var(--d5),linear-gradient(160deg,transparent 0 calc(5 * var(--b)),#fff calc(5 * var(--b)) calc(6 * var(--b)),transparent calc(6 * var(--b))),var(--d4),linear-gradient(160deg,transparent 0 calc(4 * var(--b)),#fff calc(4 * var(--b)) calc(5 * var(--b)),transparent calc(5 * var(--b))),var(--d3),linear-gradient(160deg,transparent 0 calc(3 * var(--b)),#fff calc(3 * var(--b)) calc(4 * var(--b)),transparent calc(4 * var(--b))),var(--d2),linear-gradient(160deg,transparent 0 calc(2 * var(--b)),#fff calc(2 * var(--b)) calc(3 * var(--b)),transparent calc(3 * var(--b))),var(--d1),linear-gradient(160deg,transparent 0 var(--b),#fff var(--b) calc(2 * var(--b)),transparent calc(2 * var(--b)));-webkit-mask-size:100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%;mask-size:100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%,var(--dith-tile) var(--dith-tile),100% 100%;-webkit-mask-repeat:no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat;mask-repeat:no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat;-webkit-mask-composite:source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over;mask-composite:add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add}}body.dither .card-body{background:var(--char-body)}body.dither .card-body:after{background-image:linear-gradient(160deg,var(--char-name, var(--char-body)) 0 35%,var(--char-ink) 75%);background-size:auto;opacity:1;mix-blend-mode:normal}body.dither .card-icon,body.dither .card-id-row{z-index:2}body.dither .card-icon svg{-webkit-mask-image:var(--d5);mask-image:var(--d5);-webkit-mask-size:var(--dith-icon-tile) var(--dith-icon-tile);mask-size:var(--dith-icon-tile) var(--dith-icon-tile);-webkit-mask-repeat:repeat;mask-repeat:repeat}body.dither .card-icon{background:color-mix(in srgb,var(--char-ink) 14%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 8%,transparent)}body.dither .card.type-actv .card-body{background:linear-gradient(135deg,#64dcff2e 0,#64dcff2e 20%,#96a0ff2e 20%,#96a0ff2e 40%,#c864ff2e 40%,#c864ff2e 60%,#e482b226 60%,#e482b226 80%,#ffa0641f 80%),var(--char-body)}@keyframes dith-foil{0%,to{background:linear-gradient(135deg,#64dcff2e 0,#64dcff2e 20%,#96a0ff2e 20%,#96a0ff2e 40%,#c864ff2e 40%,#c864ff2e 60%,#e482b226 60%,#e482b226 80%,#ffa0641f 80%),var(--char-body)}33%{background:linear-gradient(135deg,#c864ff29 0,#c864ff29 20%,#e482b229 20%,#e482b229 40%,#ffa06429 40%,#ffa06429 60%,#b2beb224 60%,#b2beb224 80%,#64dcff1f 80%),var(--char-body)}66%{background:linear-gradient(135deg,#ffa06429 0,#ffa06429 20%,#b2beb22b 20%,#b2beb22b 40%,#64dcff2e 40%,#64dcff2e 60%,#96a0ff26 60%,#96a0ff26 80%,#c864ff1f 80%),var(--char-body)}}@media (prefers-reduced-motion: no-preference){body.dither .card.type-actv .card-body{animation-name:dith-foil}}body.dither .card .card-name{background:var(--char-name)}body.dither .corner-power{background:color-mix(in srgb,var(--char-body) 86%,#fff);box-shadow:0 1px 3px #00000059,inset 0 0 0 1px #0000002e}body.dither .card-back{background:var(--char-body)}body.dither .card-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(160deg,var(--char-name, var(--char-body)) 0 35%,var(--char-ink) 75%)}body.dither .card-back:before,body.dither .card-back-emblem{z-index:2}body.dither .field.opp{background:radial-gradient(ellipse 60% 90% at 50% 100%,color-mix(in srgb,var(--field-accent) 13%,transparent) 0 22%,color-mix(in srgb,var(--field-accent) 9%,transparent) 22% 40%,color-mix(in srgb,var(--field-accent) 5%,transparent) 40% 58%,color-mix(in srgb,var(--field-accent) 2%,transparent) 58% 72%,transparent 72%)}body.dither .field.me{background:radial-gradient(ellipse 60% 90% at 50% 0%,color-mix(in srgb,var(--field-accent) 15%,transparent) 0 22%,color-mix(in srgb,var(--field-accent) 10%,transparent) 22% 40%,color-mix(in srgb,var(--field-accent) 6%,transparent) 40% 58%,color-mix(in srgb,var(--field-accent) 2%,transparent) 58% 72%,transparent 72%)}body.dither .field-crest{opacity:.16;-webkit-mask-image:var(--d4);mask-image:var(--d4);-webkit-mask-size:var(--dith-tile) var(--dith-tile);mask-size:var(--dith-tile) var(--dith-tile);-webkit-mask-repeat:repeat;mask-repeat:repeat}body.dither .select-bg{background:radial-gradient(58% 48% at 50% 44%,rgba(42,37,80,.5) 0 18%,rgba(36,31,68,.38) 18% 34%,rgba(30,26,52,.26) 34% 50%,rgba(24,21,38,.16) 50% 66%,rgba(22,19,31,.08) 66% 80%,transparent 80%),linear-gradient(180deg,#0a0910 0,#0a0910 20%,#0d0b14 20%,#0d0b14 38%,#110f1a 38%,#110f1a 60%,#0d0b13 60%,#0d0b13 80%,#08070d 80%)}body.dither .select-bg:before{background:radial-gradient(80% 80% at 50% 48%,transparent 0 56%,rgba(0,0,0,.16) 56% 68%,rgba(0,0,0,.32) 68% 80%,rgba(0,0,0,.46) 80% 92%,rgba(0,0,0,.55) 92%)}body.dither .select-bg-emblem{opacity:.1;-webkit-mask-image:var(--d4);mask-image:var(--d4);-webkit-mask-size:var(--dith-tile) var(--dith-tile);mask-size:var(--dith-tile) var(--dith-tile);-webkit-mask-repeat:repeat;mask-repeat:repeat}body.dither .menu-hero-emblem{opacity:.18;-webkit-mask-image:var(--d4);mask-image:var(--d4);-webkit-mask-size:var(--dith-tile) var(--dith-tile);mask-size:var(--dith-tile) var(--dith-tile);-webkit-mask-repeat:repeat;mask-repeat:repeat}body.dither .select-bg:after,body.dither .news-surface:after,body.dither .menu-hero-card:after{background-image:var(--d4);background-size:var(--dith-tile) var(--dith-tile);background-repeat:repeat;mix-blend-mode:normal;opacity:.055}body.dither .state{background:linear-gradient(180deg,color-mix(in srgb,var(--st-accent) 9%,var(--surface)) 0 12%,color-mix(in srgb,var(--st-accent) 6%,var(--surface)) 12% 24%,color-mix(in srgb,var(--st-accent) 3%,var(--surface)) 24% 34%,var(--surface) 42%)}body.dither .card-foot,body.dither .actions,body.dither .item-ico,body.dither .passive-row,body.dither .stack-outline,body.dither .deck-stack-full:before,body.dither .deck-stack-full:after{background-image:var(--dith-tex);background-size:var(--dith-tile) var(--dith-tile);background-repeat:repeat}body.dither .minion-chip{background-image:var(--dith-tex),linear-gradient(180deg,#ffffff0d 0,#ffffff0d 25%,#fff0 25%,#fff0 50%,#0000001c 50%,#0000001c 75%,#00000038 75%);background-size:var(--dith-tile) var(--dith-tile),100% 100%;background-repeat:repeat,no-repeat}body.dither .actions .primary,body.dither .actions .resolve-btn{background-image:var(--dith-tex-lt);background-size:var(--dith-tile) var(--dith-tile);background-repeat:repeat}body.dither .actions .primary:hover:not(:disabled){background-color:var(--accent-hi)}body.dither .battle-clock{box-shadow:0 0 0 5px var(--bg),0 8px #0000006b,inset 0 0 0 1px #ffffff08;background-image:var(--dith-tex),radial-gradient(120% 90% at 50% 45%,transparent 0 46%,rgba(0,0,0,.1) 46% 62%,rgba(0,0,0,.19) 62% 78%,rgba(0,0,0,.28) 78%);background-size:var(--dith-tile) var(--dith-tile),100% 100%;background-repeat:repeat,no-repeat}body.dither .stack-outline{box-shadow:0 0 0 5px var(--bg),0 6px #00000061,0 12px #0003}body.dither .card{box-shadow:0 2px #00000059,inset 0 1px #ffffff0f}body.dither .state-sec.items{-webkit-mask-image:linear-gradient(to bottom,#000 0 calc(100% - 14px),rgba(0,0,0,.66) calc(100% - 14px) calc(100% - 9px),rgba(0,0,0,.33) calc(100% - 9px) calc(100% - 4px),transparent calc(100% - 4px));mask-image:linear-gradient(to bottom,#000 0 calc(100% - 14px),rgba(0,0,0,.66) calc(100% - 14px) calc(100% - 9px),rgba(0,0,0,.33) calc(100% - 9px) calc(100% - 4px),transparent calc(100% - 4px))}body.dither .field-seam{background:linear-gradient(90deg,transparent 0 14%,color-mix(in srgb,var(--turn-accent) 18%,transparent) 14% 28%,color-mix(in srgb,var(--turn-accent) 38%,transparent) 28% 42%,color-mix(in srgb,var(--turn-accent) 55%,transparent) 42% 58%,color-mix(in srgb,var(--turn-accent) 38%,transparent) 58% 72%,color-mix(in srgb,var(--turn-accent) 18%,transparent) 72% 86%,transparent 86%)}body.dither #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) 0 22%,color-mix(in srgb,var(--field-accent) 18%,transparent) 22% 40%,color-mix(in srgb,var(--field-accent) 11%,transparent) 40% 58%,color-mix(in srgb,var(--field-accent) 4%,transparent) 58% 72%,transparent 72%)}body.dither .ov-panel,body.dither .win-scoreboard,body.dither .news-surface,body.dither .mode-card,body.dither .mode-card-ico,body.dither .menu-btn,body.dither .menu-firsttime,body.dither .run-reward-card,body.dither .run-hint,body.dither .mon-dossier,body.dither .mon-passive,body.dither .lab-side,body.dither .comp-entry,body.dither .comp-tabs,body.dither .color-key,body.dither .decision-fold-chip,body.dither .card-tip-float,body.dither .item-tip-float,body.dither .item-tip,body.dither .shield-tip{background-image:var(--dith-tex);background-size:var(--dith-tile) var(--dith-tile);background-repeat:repeat}body.dither .mode-card:hover{background-color:color-mix(in srgb,var(--swatch) 11%,var(--surface))}body.dither .menu-btn:hover{background-color:var(--surface-2)}body.dither .menu-hero-card{background:radial-gradient(130% 160% at 86% 14%,color-mix(in srgb,var(--hero-tone) 13%,transparent) 0 18%,color-mix(in srgb,var(--hero-tone) 9%,transparent) 18% 32%,color-mix(in srgb,var(--hero-tone) 5%,transparent) 32% 45%,transparent 55%),linear-gradient(160deg,#16141d 0,#16141d 26%,#131119 26%,#131119 48%,#110f17 48%,#110f17 68%,#0f0d14 68%,#0f0d14 86%,#0d0b11 86%)}body.dither .ov-actions{background:linear-gradient(to bottom,transparent 0 40%,color-mix(in srgb,var(--surface) 45%,transparent) 40% 70%,var(--surface) 70%)}body.dither .mon-sigil{background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--mon) 32%,transparent) 0 26%,color-mix(in srgb,var(--mon) 22%,transparent) 26% 44%,color-mix(in srgb,var(--mon) 12%,transparent) 44% 60%,transparent 70%),var(--surface-2)}body.dither .brand-rule span{background:linear-gradient(90deg,transparent 0 30%,color-mix(in srgb,var(--accent) 30%,transparent) 30% 55%,color-mix(in srgb,var(--accent) 62%,transparent) 55% 80%,var(--accent) 80%)}body.dither .brand-rule span:last-child{background:linear-gradient(90deg,var(--accent) 0 20%,color-mix(in srgb,var(--accent) 62%,transparent) 20% 45%,color-mix(in srgb,var(--accent) 30%,transparent) 45% 70%,transparent 70%)}body.dither .decision-fold-chip{box-shadow:0 5px #0000006b}body.dither .card-tip-float,body.dither .item-tip-float,body.dither .item-tip,body.dither .shield-tip{box-shadow:0 5px #00000073}body.dither{--ov-blur: 0px}body.dither .ov-back{background:radial-gradient(120% 120% at 50% 45%,#00000085 0,#00000085 30%,#0009 30%,#0009 55%,#000000ad 55%,#000000ad 78%,#000000bd 78%)}body.dither .char-diff-badge,body.dither .card-inspect{backdrop-filter:none;-webkit-backdrop-filter:none}body.dither img[data-dither-src]{image-rendering:pixelated}body.retro-duel :is(.screen.board,.tut-overlay){--r-void: #05060f;--r-edge: #020309;--r-lit: #e9e1c6;--r-shade: #4c4866;--r-gold: #c9a24a;--r-gold-hi: #f2d27a;--r-win-top: #2c3d9c;--r-win-bot: #0f1650;--r-win-mid: #1c2a78;--r-sunk: #080c2c;--r-sunk-hi: #2a3380;--r-ink: #f5efdc;--r-dim: #a6aedf;--r-font: "DotGothic16", ui-monospace, monospace;--r-font-display: var(--r-font);--r-card-text: var(--r-font);--r-cell: calc(2px / var(--board-scale, 1));--r-tile: calc(4 * var(--r-cell));--r-frame: inset 0 0 0 2px var(--r-edge), inset 2px 2px 0 2px var(--r-lit), inset -2px -2px 0 2px var(--r-shade), inset 0 0 0 5px var(--r-gold);--r-sunken: inset 0 0 0 1px var(--r-edge), inset 2px 2px 0 1px #000, inset -2px -2px 0 1px var(--r-sunk-hi);--r-raised: inset 0 0 0 2px var(--r-edge), inset 2px 2px 0 2px rgba(255,255,255,.45), inset -2px -2px 0 2px rgba(0,0,0,.45);--r-pressed: inset 0 0 0 2px var(--r-edge), inset 2px 2px 0 2px rgba(0,0,0,.5), inset -2px -2px 0 2px rgba(255,255,255,.2);--r-dots: repeating-linear-gradient(90deg, var(--r-gold) 0 2px, transparent 2px 4px);--r-stipple: url("data:image/svg+xml,%3Csvg xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27 viewBox%3D%270 0 2 2%27 shape-rendering%3D%27crispEdges%27%3E%3Cpath fill%3D%27%232a3a96%27 d%3D%27M0 0h1v1H0zM1 1h1v1H1z%27%2F%3E%3Cpath fill%3D%27%231b2870%27 d%3D%27M1 0h1v1H1zM0 1h1v1H0z%27%2F%3E%3C%2Fsvg%3E");--font-display: var(--r-font-display);--text: var(--r-ink);--muted: var(--r-dim);--surface: var(--r-win-mid);--surface-2: var(--r-sunk);--border: var(--r-shade);--border-hi: var(--r-lit);--accent: #6aa8ff;--accent-hi: #a8ccff;--bg: var(--r-void);--grain: none;--ov-blur: 0px;--ov-shadow: none;--ov-scrim-board: rgba(2,3,12,.45);--ov-scrim-full: rgba(2,3,12,.72);--ov-pad: 22px;font-family:var(--r-font);font-synthesis:none;color:var(--r-ink);text-shadow:1px 1px 0 #000}body.retro-duel .screen.board{background:var(--r-void)}body.retro-duel .board-scale{--r-cell: calc(2px / var(--board-scale, 1));--r-tile: calc(4 * var(--r-cell))}body.retro-duel .screen.board *,body.retro-duel .screen.board *:before,body.retro-duel .screen.board *:after{border-radius:0}body.retro-duel .screen.board .ov-back{-webkit-backdrop-filter:none;backdrop-filter:none}body.retro-duel .screen.board .board-scale{gap:0}body.retro-duel .screen.board :is(.col-state,.col-actions){gap:0}body.retro-duel .screen.board :is(.col-state,.col-actions)>*+*{margin-top:-2px}body.retro-duel .screen.board .col-lane{gap:6px}body.retro-duel .screen.board :is(.state,.actions,.battle-clock,.ov-panel){position:relative;isolation:isolate;background:var(--r-win-top);border:0;box-shadow:var(--r-frame)}body.retro-duel .screen.board .state{padding:calc(14px - 3px * var(--density, .5)) calc(16px - 3px * var(--density, .5))}body.retro-duel .screen.board .actions{padding:calc(14px - 3px * var(--density, .5)) 16px}body.retro-duel .screen.board .battle-clock{padding:16px 13px}body.retro-duel .screen.board .act-footer{background:var(--r-win-bot);box-shadow:var(--r-frame);padding:9px}@supports (mask-composite: intersect){body.retro-duel .screen.board :is(.state,.actions,.battle-clock,.field):before{--b: 11.111%;content:"";position:absolute;inset:var(--r-in, 5px);z-index:-1;pointer-events:none;background:var(--r-ramp, var(--r-win-bot));-webkit-mask-image:linear-gradient(var(--r-ang, 180deg),transparent 0 calc(8 * var(--b)),#fff calc(8 * var(--b))),var(--d7),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(7 * var(--b)),#fff calc(7 * var(--b)) calc(8 * var(--b)),transparent calc(8 * var(--b))),var(--d6),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(6 * var(--b)),#fff calc(6 * var(--b)) calc(7 * var(--b)),transparent calc(7 * var(--b))),var(--d5),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(5 * var(--b)),#fff calc(5 * var(--b)) calc(6 * var(--b)),transparent calc(6 * var(--b))),var(--d4),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(4 * var(--b)),#fff calc(4 * var(--b)) calc(5 * var(--b)),transparent calc(5 * var(--b))),var(--d3),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(3 * var(--b)),#fff calc(3 * var(--b)) calc(4 * var(--b)),transparent calc(4 * var(--b))),var(--d2),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(2 * var(--b)),#fff calc(2 * var(--b)) calc(3 * var(--b)),transparent calc(3 * var(--b))),var(--d1),linear-gradient(var(--r-ang, 180deg),transparent 0 var(--b),#fff var(--b) calc(2 * var(--b)),transparent calc(2 * var(--b)));mask-image:linear-gradient(var(--r-ang, 180deg),transparent 0 calc(8 * var(--b)),#fff calc(8 * var(--b))),var(--d7),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(7 * var(--b)),#fff calc(7 * var(--b)) calc(8 * var(--b)),transparent calc(8 * var(--b))),var(--d6),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(6 * var(--b)),#fff calc(6 * var(--b)) calc(7 * var(--b)),transparent calc(7 * var(--b))),var(--d5),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(5 * var(--b)),#fff calc(5 * var(--b)) calc(6 * var(--b)),transparent calc(6 * var(--b))),var(--d4),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(4 * var(--b)),#fff calc(4 * var(--b)) calc(5 * var(--b)),transparent calc(5 * var(--b))),var(--d3),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(3 * var(--b)),#fff calc(3 * var(--b)) calc(4 * var(--b)),transparent calc(4 * var(--b))),var(--d2),linear-gradient(var(--r-ang, 180deg),transparent 0 calc(2 * var(--b)),#fff calc(2 * var(--b)) calc(3 * var(--b)),transparent calc(3 * var(--b))),var(--d1),linear-gradient(var(--r-ang, 180deg),transparent 0 var(--b),#fff var(--b) calc(2 * var(--b)),transparent calc(2 * var(--b)));-webkit-mask-size:100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%;mask-size:100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%,var(--r-tile) var(--r-tile),100% 100%;-webkit-mask-repeat:no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat;mask-repeat:no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat,repeat,no-repeat;-webkit-mask-composite:source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over,source-in,source-over;mask-composite:add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add,intersect,add}}body.retro-duel .screen.board .state-head-block{border-bottom:0;padding-bottom:8px;background:var(--r-dots) bottom / 100% 2px no-repeat}body.retro-duel .screen.board .ring-svg{visibility:hidden}body.retro-duel .screen.board .ring-portrait{top:0;right:0;bottom:0;left:0;padding:4px;border:0;background:var(--st-accent);box-shadow:inset 0 0 0 2px var(--r-edge),inset 2px 2px 0 2px var(--r-lit),inset -2px -2px 0 2px var(--r-shade)}body.retro-duel .screen.board .ring-hp{visibility:hidden}body.retro-duel .screen.board .ring-hp[data-spend]:after{visibility:visible;padding:1px 5px;font-family:var(--r-font-display);background:var(--r-edge);box-shadow:inset 0 0 0 1px var(--danger)}body.retro-duel .screen.board .state-id.center{flex-direction:row;align-items:baseline;justify-content:center;gap:10px;line-height:1.1}body.retro-duel .screen.board .state-name{font-family:var(--r-font-display);font-size:1.2rem;letter-spacing:.06em}body.retro-duel .screen.board .state-sub{color:var(--r-dim);font-size:.78rem}body.retro-duel .screen.board .rhp,body.retro-duel .screen.board .mana-row{display:flex;align-items:center;gap:8px;width:100%;max-width:270px;line-height:1}body.retro-duel .screen.board .rhp-lbl,body.retro-duel .screen.board .mana-row:before{flex:0 0 24px;font-family:var(--r-font-display);font-weight:700;font-size:.82rem;color:var(--r-gold-hi)}body.retro-duel .screen.board .mana-row:before{content:"MP"}body.retro-duel .screen.board .rhp-track{flex:1 1 auto;display:flex;height:15px;padding:3px;background:var(--r-sunk);box-shadow:var(--r-sunken)}body.retro-duel .screen.board .rhp-fill{display:block;height:100%;transition:width .25s;background:linear-gradient(180deg,#c6f7cf 0,#c6f7cf 3px,#3fcf62 3px)}body.retro-duel .screen.board .rhp-fill.mid{background:linear-gradient(180deg,#fff1b0 0,#fff1b0 3px,#f0c63a 3px)}body.retro-duel .screen.board .rhp-fill.lo{background:linear-gradient(180deg,#ffc9c0 0,#ffc9c0 3px,#e8483c 3px)}body.retro-duel .screen.board .rhp-num,body.retro-duel .screen.board .mana-row .mana-text{flex:0 0 58px;text-align:right;font-family:var(--r-font-display);font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}body.retro-duel .screen.board .rhp-num{color:var(--r-ink)}body.retro-duel .screen.board .rhp-num span,body.retro-duel .screen.board .mana-text{color:var(--r-dim)}body.retro-duel .screen.board .rhp-num span{font-size:.8rem}body.retro-duel .screen.board .mana-row .mana-text{color:#9fd0ff}body.retro-duel .screen.board .mana-bar{flex:1 1 auto;width:auto;height:15px;gap:2px;padding:3px;background:var(--r-sunk);box-shadow:var(--r-sunken)}body.retro-duel .screen.board .mana-seg{border:0;background:#1a2260;box-shadow:none}body.retro-duel .screen.board .mana-seg.full{background:linear-gradient(180deg,#bfe0ff 0,#bfe0ff 3px,#3f8cff 3px)}body.retro-duel .screen.board .mana-seg.bonus{background:linear-gradient(180deg,#fff 0,#fff 3px,#9fdcff 3px)}body.retro-duel .screen.board .mana-seg.passive{background:linear-gradient(180deg,#c9f5cf 0,#c9f5cf 3px,#3fa656 3px)}body.retro-duel .screen.board .mana-seg.ghost{background:#1a2260;box-shadow:inset 0 0 0 1px #3f8cff;opacity:1}body.retro-duel .screen.board .mana-seg.spend-hi{background:#fff;animation:r-blink .6s steps(1) infinite}body.retro-duel .screen.board .mana-bar.spend-short{box-shadow:var(--r-sunken),inset 0 0 0 1px var(--danger)}body.retro-duel .screen.board .mana-bar.spend-short .mana-seg.spend-hi{background:var(--danger)}body.retro-duel .screen.board .state-label{font-family:var(--r-font-display);line-height:1.1;font-size:.72rem;letter-spacing:.14em;color:var(--r-gold-hi)}body.retro-duel .screen.board .state-label.sec-toggle{color:var(--r-gold-hi)}body.retro-duel .screen.board .state-label.sec-toggle:hover{color:#fff}body.retro-duel .screen.board .state-label.sec-toggle:after{height:2px;background:var(--r-dots)}body.retro-duel .screen.board .sec-chevron{color:var(--r-gold-hi)}body.retro-duel .screen.board .passive-row{background:var(--r-sunk);border:0;box-shadow:var(--r-sunken);padding:8px 10px}body.retro-duel .screen.board .item-txt,body.retro-duel .screen.board .item-ds{line-height:1.15}body.retro-duel .screen.board .passive-row .item-nm{font-family:var(--r-font-display);color:color-mix(in srgb,var(--st-accent) 50%,#ffffff)}body.retro-duel .screen.board .passive-row .item-ds{color:var(--r-dim)}body.retro-duel .screen.board .item-ico{background:var(--r-sunk);border:0;box-shadow:var(--r-sunken);color:color-mix(in srgb,var(--st-accent) 50%,#ffffff)}body.retro-duel .screen.board .item-nm{font-weight:400}body.retro-duel .screen.board .state-sec.items{-webkit-mask-image:none;mask-image:none}body.retro-duel .screen.board .state-sec.items::-webkit-scrollbar-thumb{background:var(--r-gold)}body.retro-duel .screen.board .item-list.big .item-row{padding-left:16px}body.retro-duel .screen.board .item-list.big .item-row:before{content:"▶";position:absolute;left:1px;top:50%;transform:translateY(-50%);font-size:.66rem;line-height:1;color:var(--r-gold-hi);visibility:hidden}body.retro-duel .screen.board .item-list.big .item-row:is(:hover,.item-hi,.proc-live):before{visibility:visible}body.retro-duel .screen.board .item-list.big .item-row:hover,body.retro-duel .screen.board .item-row.item-hi{background:#ffffff12;box-shadow:none}body.retro-duel .screen.board .item-row.item-hi .item-ico{box-shadow:var(--r-sunken),inset 0 0 0 2px var(--r-gold-hi)}body.retro-duel .screen.board .item-row.proc-live{box-shadow:none;animation:r-row-blink .8s steps(1) infinite}body.retro-duel .screen.board .item-row.proc-live .item-ico{background:var(--r-sunk);box-shadow:var(--r-sunken),inset 0 0 0 2px var(--r-gold-hi)}body.retro-duel .screen.board .item-row.st-ready .item-ico,body.retro-duel .screen.board .item-row.st-armed .item-ico{animation:r-slot-blink 1.2s steps(1) infinite}body.retro-duel .screen.board .item-row.proc-live .item-ico{animation:none}body.retro-duel .screen.board .state .status{border:1px solid currentColor;background:var(--r-sunk);padding:2px 6px;box-shadow:none;animation:none;font-family:var(--r-font-display)}body.retro-duel .screen.board .flank-sign{font-family:var(--r-font-display)}body.retro-duel .screen.board .opp-hand-chip{background:var(--r-sunk);box-shadow:var(--r-sunken);border:0}body.retro-duel .screen.board .state.face-target{outline:3px solid var(--danger);outline-offset:-3px}body.retro-duel .screen.board .actions .end-turn-btn{font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase}body.retro-duel .screen.board :is(.end-turn-key,.resolve-key,.takeback-key){font-family:var(--r-font);opacity:.7}body.retro-duel .screen.board .pile-head{font-family:var(--r-font-display);color:var(--r-gold-hi)}body.retro-duel .screen.board .waiting-turn{font-family:var(--r-font-display);color:var(--r-dim)}body.retro-duel .screen.board .waiting-dot{animation:r-blink 1s steps(1) infinite}body.retro-duel .screen.board .stats-title{font-family:var(--r-font-display);color:var(--r-gold-hi);letter-spacing:.14em}body.retro-duel .screen.board .stat-box{font-family:var(--r-font-display)}body.retro-duel .screen.board .stat-box.dealt,body.retro-duel .screen.board .stat-box.self{background:color-mix(in srgb,var(--c) 24%,var(--r-sunk));box-shadow:inset 0 0 0 1px var(--r-edge)}body.retro-duel .screen.board .stat-box.taken,body.retro-duel .screen.board .stat-box.opp{border:0;background:var(--r-sunk);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 60%,transparent)}body.retro-duel .screen.board .stat-cols.util{border-top:0;background:var(--r-dots) top / 100% 2px no-repeat}body.retro-duel .screen.board .battlefield{margin:0 -2px;padding:7px;gap:0;justify-content:stretch;background:var(--r-void);box-shadow:var(--r-frame)}body.retro-duel .screen.board .field{isolation:isolate;max-height:none;border:0;box-shadow:none;background:var(--r-void);--r-in: 0px;--r-ramp: color-mix(in srgb, var(--field-accent) 38%, #0a0e2a)}body.retro-duel .screen.board .field.opp{--r-ang: 180deg}body.retro-duel .screen.board .field.me{--r-ang: 0deg}body.retro-duel .screen.board .field-crest{display:none}body.retro-duel .screen.board .field-label{top:8px;left:10px;padding:3px 8px 2px;font-family:var(--r-font-display);font-size:.7rem;letter-spacing:.14em;color:var(--r-gold-hi);background:var(--r-edge);box-shadow:inset 0 -2px color-mix(in srgb,var(--field-accent) 80%,#000)}body.retro-duel .screen.board .field-empty{font-family:var(--r-font-display);font-size:.8rem;letter-spacing:.22em;color:#f5efdc52}body.retro-duel .screen.board .field-seam{height:6px;margin:0;background:linear-gradient(180deg,var(--r-edge) 0 2px,color-mix(in srgb,var(--turn-accent) 70%,#ffffff) 2px 4px,var(--r-edge) 4px 6px)}body.retro-duel .screen.board .ov-clock{right:16px}body.retro-duel .screen.board .ov-stack{left:16px}body.retro-duel .screen.board .minion-chip{background:var(--r-sunk);border:0;box-shadow:inset 0 0 0 2px var(--r-edge),inset 2px 2px 0 2px #000,inset -2px -2px 0 2px color-mix(in srgb,var(--field-accent, var(--accent)) 60%,#000)}body.retro-duel .screen.board .minion-chip :is(.minion-dmg,.minion-hp){font-family:var(--r-font-display)}body.retro-duel .screen.board .shield-token-hp-num{font-family:var(--r-font-display)}body.retro-duel .screen.board .shield-tip{background:var(--r-win-mid);border:0;box-shadow:inset 0 0 0 2px var(--r-edge),inset 0 0 0 3px var(--r-gold)}body.retro-duel .screen.board .bc-mid{background:var(--r-sunk);border:0;box-shadow:var(--r-sunken);padding:12px 6px}body.retro-duel .screen.board .bc-shot-time{font-family:var(--r-font-display);font-size:2rem;color:var(--r-gold-hi)}body.retro-duel .screen.board .bc-shot-time.low{color:#ff5a4a;animation:r-blink 1s steps(1) infinite}body.retro-duel .screen.board .bc-bank-time{font-family:var(--r-font-display);font-size:1.4rem}body.retro-duel .screen.board :is(.bc-bank-name,.bc-shot-label){font-family:var(--r-font-display);color:var(--r-dim);letter-spacing:.12em}body.retro-duel .screen.board .stack-outline{background:var(--r-sunk);border:2px dashed var(--r-shade);box-shadow:var(--r-sunken)}body.retro-duel .screen.board .stack-outline span{font-family:var(--r-font-display);color:var(--r-shade)}body.retro-duel #app.dragging-spell .nml-stack .stack-outline{border-style:dashed;border-color:var(--r-gold-hi);animation:r-drop-blink .5s steps(1) infinite}body.retro-duel #app.dragging-spell .nml-stack .stack-outline span{color:var(--r-gold-hi)}body.retro-duel .screen.board .stack-item.top{filter:none}body.retro-duel .screen.board .stack-item.card-item .card{box-shadow:4px 4px #0009}body.retro-duel .screen.board .stack-item.top.card-item .card{outline:2px solid var(--r-gold-hi);outline-offset:2px}body.retro-duel .screen.board :is(button.primary,button.secondary,button.opt,.act-foot-btn,.ov-close,.item-activate-btn){font-family:var(--r-font-display);font-weight:600;letter-spacing:.04em;color:var(--r-ink);border:0;background:linear-gradient(180deg,#3d50b4 0,#3d50b4 50%,#2f3f9c 50%,#2f3f9c);box-shadow:var(--r-raised);text-shadow:1px 1px 0 #000;transition:none}body.retro-duel .screen.board :is(button.primary,button.secondary,button.opt,.act-foot-btn,.ov-close,.item-activate-btn):hover:not(:disabled){background:linear-gradient(180deg,#4d62cc 0,#4d62cc 50%,#3b4db2 50%,#3b4db2);border:0}body.retro-duel .screen.board :is(button.primary,button.secondary,button.opt,.act-foot-btn,.ov-close,.item-activate-btn):active:not(:disabled){box-shadow:var(--r-pressed);transform:translate(1px,1px)}body.retro-duel .screen.board button.primary{background:linear-gradient(180deg,#f6d06a 0,#f6d06a 50%,#dca83a 50%,#dca83a);color:#2a1a00;text-shadow:1px 1px 0 rgba(255,255,255,.45)}body.retro-duel .screen.board button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ffe08a 0,#ffe08a 50%,#eab94c 50%,#eab94c)}body.retro-duel .screen.board button.primary.danger{background:linear-gradient(180deg,#e8645a 0,#e8645a 50%,#c24034 50%,#c24034);color:#fff;text-shadow:1px 1px 0 #000}body.retro-duel .screen.board :is(button.primary,button.secondary,button.opt,.act-foot-btn,.ov-close,.item-activate-btn):disabled{background:#34374f;color:#8a8da8;box-shadow:inset 0 0 0 2px var(--r-edge);text-shadow:none;opacity:1}body.retro-duel .screen.board .ov-panel{background:var(--r-stipple) 0 0 / var(--r-tile) var(--r-tile) repeat local,var(--r-win-mid)}body.retro-duel .screen.board .ov-title{font-family:var(--r-font-display);font-size:1.15rem;letter-spacing:.04em;color:var(--r-gold-hi)}body.retro-duel .screen.board .ov-sub{color:var(--r-dim)}body.retro-duel .screen.board .ov-actions{bottom:-17px;margin:0 -17px -17px;padding:10px 17px 17px;background:var(--r-dots) top / 100% 2px no-repeat,#223183}body.retro-duel .screen.board .ov-ico{background:var(--r-sunk);border:0;box-shadow:var(--r-sunken)}body.retro-duel .screen.board .ov-opt{position:relative;padding-left:26px;background:var(--r-sunk);border:0;border-left:4px solid var(--swatch);box-shadow:var(--r-sunken);transition:none}body.retro-duel .screen.board .ov-opt:before{content:"▶";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:.66rem;color:var(--r-gold-hi);visibility:hidden}body.retro-duel .screen.board .ov-opt:hover:not(:disabled){transform:none;background:#121848;border-color:var(--swatch);box-shadow:var(--r-sunken)}body.retro-duel .screen.board .ov-opt:is(:hover:not(:disabled),.sel):before{visibility:visible}body.retro-duel .screen.board .ov-opt.sel{background:#161d52;box-shadow:var(--r-sunken),inset 0 0 0 2px var(--r-gold-hi)}body.retro-duel .screen.board .ov-opt-ico{background:var(--r-win-mid);border:0;box-shadow:inset 0 0 0 1px var(--r-edge)}body.retro-duel .screen.board .ov-opt-label{font-family:var(--r-font-display)}body.retro-duel .screen.board .menu-item{position:relative;padding-left:28px;font-family:var(--r-font-display);background:transparent;border:0;box-shadow:none;text-align:left}body.retro-duel .screen.board .menu-item:before{content:"▶";position:absolute;left:9px;top:50%;transform:translateY(-50%);font-size:.66rem;color:var(--r-gold-hi);visibility:hidden}body.retro-duel .screen.board .menu-item:is(:hover,:focus-visible){background:#ffffff0f;border:0}body.retro-duel .screen.board .menu-item:is(:hover,:focus-visible):before{visibility:visible}body.retro-duel .tut-coach{border:0;border-radius:0;background:var(--r-stipple) 0 0 / var(--r-tile) var(--r-tile) repeat,var(--r-win-mid);box-shadow:var(--r-frame),6px 6px #0000008c}body.retro-duel .tut-coach-text b{color:var(--r-gold-hi)}body.retro-duel .tut-coach .tut-next-btn{font-family:var(--r-font-display);border:0;border-radius:0;color:#2a1a00;text-shadow:1px 1px 0 rgba(255,255,255,.45);background:linear-gradient(180deg,#f6d06a 0,#f6d06a 50%,#dca83a 50%,#dca83a);box-shadow:var(--r-raised);transition:none}body.retro-duel .tut-coach .tut-next-btn:hover:not(:disabled){background:linear-gradient(180deg,#ffe08a 0,#ffe08a 50%,#eab94c 50%,#eab94c)}body.retro-duel .tut-coach .tut-next-btn:active:not(:disabled){box-shadow:var(--r-pressed);transform:translate(1px,1px)}body.retro-duel .tut-coach .tut-skip{color:var(--r-dim)}body.retro-duel :is(.card-tip-float,.item-tip-float){border-radius:0;border:0;background:#1c2a78;box-shadow:inset 0 0 0 2px #020309,inset 0 0 0 3px #c9a24a;font-family:DotGothic16,ui-monospace,monospace;font-synthesis:none;color:#f5efdc;text-shadow:1px 1px 0 #000}body.retro-duel .item-tip-float .it-nm{font-family:DotGothic16,ui-monospace,monospace;color:#f2d27a}body.retro-duel .item-tip-float .it-ds{color:#a6aedf}body.retro-duel .screen.board .card{border:1px solid var(--r-edge);background:var(--r-sunk);box-shadow:none;font-family:var(--r-card-text);text-shadow:none;transition:transform .12s ease}body.retro-duel .screen.board .card .card-name{background:var(--char-name);font-family:var(--r-font-display);font-weight:600;font-size:.8rem;letter-spacing:.02em;padding:4px 8px 3px;border-bottom:2px solid var(--r-edge);box-shadow:inset 0 1px #ffffff4d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.retro-duel .screen.board .card-body{background:var(--char-body)}body.retro-duel .screen.board .card.type-actv .card-body{background:var(--char-body);animation:none}body.retro-duel .screen.board .card-body:before{top:4px;right:4px;bottom:4px;left:4px;border:0;box-shadow:inset 1px 1px #0000004d,inset -1px -1px #ffffff4d}body.retro-duel .screen.board .card-body:after{display:none}body.retro-duel .screen.board .card-icon{background:color-mix(in srgb,var(--char-ink) 14%,transparent);box-shadow:inset 2px 2px #00000052,inset -2px -2px #ffffff47}body.retro-duel .screen.board .card-id-row{font-family:var(--r-font-display);font-size:1.2rem}body.retro-duel .screen.board :is(.corner-power,.corner-cost){font-family:var(--r-font-display);font-size:1.12rem;font-weight:700}body.retro-duel .screen.board .corner-cost{box-shadow:inset 0 0 0 1px #ffffff38,2px 2px #0006}body.retro-duel .screen.board .corner-power{background:#00000029;box-shadow:inset 1px 1px #0000004d,inset -1px -1px #ffffff40}body.retro-duel .screen.board .card-foot{background:#0b1033;padding:4px 7px 5px}body.retro-duel .screen.board .card .card-desc{color:var(--r-ink);font-family:var(--r-card-text)}body.retro-duel .screen.board :is(.card-status,.card-mod){font-family:var(--r-font-display)}body.retro-duel .screen.board .new-badge{font-family:var(--r-font-display);box-shadow:2px 2px #00000080}body.retro-duel .screen.board .card.playable:hover{box-shadow:4px 4px #0000008c}@media (hover: hover){body.retro-duel .screen.board .col-lane .hand .hand-slot:hover>.card{box-shadow:5px 5px #0000008c}}body.retro-duel .screen.board .col-lane .hand .hand-slot.touch-selected>.card{box-shadow:5px 5px #0000008c,0 0 0 2px var(--r-gold-hi)}body.retro-duel .screen.board .card:before,body.retro-duel .screen.board .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}body.retro-duel .screen.board .card:before{box-shadow:inset 0 0 0 1px var(--r-edge)}body.retro-duel .screen.board .card.type-atk:before{box-shadow:inset 0 0 0 1px var(--r-edge),inset 0 0 0 3px #8a8fa8,inset 0 0 0 4px var(--r-edge)}body.retro-duel .screen.board .card.type-heal:after{--st: var(--r-edge);background:linear-gradient(var(--st),var(--st)) 0 0 / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 2px / 4px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 4px / 2px 4px no-repeat,linear-gradient(var(--st),var(--st)) 100% 0 / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% 2px / 4px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% 4px / 2px 4px no-repeat,linear-gradient(var(--st),var(--st)) 0 100% / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 calc(100% - 2px) / 4px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 calc(100% - 4px) / 2px 4px no-repeat,linear-gradient(var(--st),var(--st)) 100% 100% / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% calc(100% - 2px) / 4px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% calc(100% - 4px) / 2px 4px no-repeat}body.retro-duel .screen.board .card.type-shld{outline:2px solid var(--r-lit);outline-offset:2px}body.retro-duel .screen.board .card.type-shld:after{--rv: var(--r-gold-hi);background:linear-gradient(var(--rv),var(--rv)) 3px 3px / 4px 4px no-repeat,linear-gradient(var(--rv),var(--rv)) calc(100% - 3px) 3px / 4px 4px no-repeat,linear-gradient(var(--rv),var(--rv)) 3px calc(100% - 3px) / 4px 4px no-repeat,linear-gradient(var(--rv),var(--rv)) calc(100% - 3px) calc(100% - 3px) / 4px 4px no-repeat}body.retro-duel .screen.board .card.type-draw:after{background:linear-gradient(225deg,var(--r-edge) 0 9px,transparent 9px) top right / 13px 13px no-repeat,linear-gradient(45deg,var(--r-edge) 0 9px,transparent 9px) bottom left / 13px 13px no-repeat}body.retro-duel .screen.board .card.type-ritl{border-color:color-mix(in srgb,var(--t-ritl) 70%,#000)}body.retro-duel .screen.board .card.type-ritl:before{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t-ritl) 70%,#000)}body.retro-duel .screen.board .card.type-ritl:after{--st: var(--r-edge);background:linear-gradient(var(--st),var(--st)) 0 0 / 22px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 2px / 13px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 4px / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 0 6px / 5px 3px no-repeat,linear-gradient(var(--st),var(--st)) 0 9px / 2px 5px no-repeat,linear-gradient(var(--st),var(--st)) 100% 0 / 22px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% 2px / 13px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% 4px / 8px 2px no-repeat,linear-gradient(var(--st),var(--st)) 100% 6px / 5px 3px no-repeat,linear-gradient(var(--st),var(--st)) 100% 9px / 2px 5px no-repeat}body.retro-duel .screen.board .card.type-actv{border-color:#b98cff;animation:r-foil 2.4s steps(1) infinite}body.retro-duel .screen.board .card.type-actv:before{box-shadow:inset 0 0 0 1px #b98cff;animation:r-foil-ring 2.4s steps(1) infinite}body.retro-duel .screen.board .card-back{border:2px solid var(--r-edge);background:var(--char-body);box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #00000059}body.retro-duel .screen.board .card-back:before{top:7px;right:7px;bottom:7px;left:7px;border:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--char-ink) 45%,transparent)}body.retro-duel .screen.board .lane-opphand .opp-hand .card-back.full{box-shadow:-3px 3px #0000008c,inset 2px 2px #ffffff4d,inset -2px -2px #00000059}@keyframes r-blink{50%{opacity:.25}}@keyframes r-row-blink{50%{background:#f2d27a29}}@keyframes r-slot-blink{50%{box-shadow:var(--r-sunken),inset 0 0 0 2px var(--r-gold-hi)}}@keyframes r-drop-blink{50%{border-color:var(--r-gold);box-shadow:var(--r-sunken),inset 0 0 0 4px #f2d27a47}}@keyframes r-foil{0%{border-color:#b98cff}25%{border-color:#6fd8ff}50%{border-color:#ffb36b}75%{border-color:#ff7ad1}}@keyframes r-foil-ring{0%{box-shadow:inset 0 0 0 1px #b98cff}25%{box-shadow:inset 0 0 0 1px #6fd8ff}50%{box-shadow:inset 0 0 0 1px #ffb36b}75%{box-shadow:inset 0 0 0 1px #ff7ad1}}@media (prefers-reduced-motion: reduce){body.retro-duel .screen.board .card.type-actv:before{animation:none}body.retro-duel .screen.board :is(.card.type-actv,.item-row.proc-live,.item-row.st-ready .item-ico,.item-row.st-armed .item-ico,.mana-seg.spend-hi,.bc-shot-time.low,.waiting-dot){animation:none}body.retro-duel #app.dragging-spell .nml-stack .stack-outline{animation:none}}