:root,[data-theme=dark]{--ui-color-bg:#08090a;--ui-color-bg-soft:#0b0c0d;--ui-color-surface:#0f1011;--ui-color-surface-raised:#141516;--ui-color-surface-hover:#18191a;--ui-color-surface-inset:#050506;--ui-color-color-picker-checker-a:#050506;--ui-color-color-picker-checker-b:#141516;--ui-color-color-picker-white:#fff;--ui-color-color-picker-black:#000;--ui-color-border:#23252a;--ui-color-border-subtle:#1d1e22;--ui-color-border-strong:#3e3e44;--ui-color-border-control:#62666d;--ui-color-text:#f7f8f8;--ui-color-text-muted:#8a8f98;--ui-color-text-subtle:#757982;--ui-color-accent:#a78bff;--ui-color-accent-hover:#c7b7ff;--ui-color-accent-contrast:#141414;--ui-color-accent-text:#a78bff;--ui-color-accent-soft:#7747ff38;--ui-color-accent-soft-hover:#7747ff4d;--ui-color-accent-border:#7747ff80;--ui-color-voice-orb-cloud-listening:#6bdedb;--ui-color-voice-orb-cloud-thinking:#7975ed;--ui-color-voice-orb-cloud-speaking:#f3a1bd;--ui-color-danger:#cf3f3f;--ui-color-danger-hover:#c23b3b;--ui-color-danger-contrast:#fff;--ui-color-danger-text:#eb5757;--ui-color-danger-soft:#eb575714;--ui-color-danger-soft-hover:#eb57571f;--ui-color-danger-border:#eb575773;--ui-color-warning:#f2994a;--ui-color-warning-soft:#f2994a1f;--ui-color-success:#4cb782;--ui-color-success-soft:#4cb7821f;--ui-color-info:#4ea7fc;--ui-color-info-soft:#4ea7fc1f;--ui-color-focus-ring:#a78bff;--ui-color-signature-ink-black:#171717;--ui-color-signature-ink-blue:#1746a2;--ui-color-signature-ink-violet:#6230a3;--ui-color-card-face:#f4f4f5;--ui-color-card-ink:#000000de;--ui-color-card-red:#c8102e;--ui-color-chip-white:#e7e0d0;--ui-color-chip-red:#ad303b;--ui-color-chip-green:#217352;--ui-color-chip-black:#25272d;--ui-color-chip-purple:#7650a3;--ui-color-chip-gold:#b88b36;--ui-color-chip-spot:#fff0cc;--ui-color-chip-ink:#30271e;--ui-color-surface-glass:#141516eb;--ui-color-surface-highlight:#ffffff1f;--ui-color-surface-sheen:#a78bff0a;--ui-color-surface-holo-cyan:#6fd0cc0a;--ui-color-surface-holo-rose:#ff9b8f0a;--ui-color-scrim:#010203b8;--ui-color-syntax-keyword:#c4adff;--ui-color-syntax-string:#8fd4a4;--ui-color-syntax-constant:#f2b380;--ui-color-syntax-function:#82b6ff;--ui-color-syntax-type:#6fd0cc;--ui-color-syntax-tag:#ff9b8f;--ui-color-syntax-property:#e5c27f;--ui-color-syntax-comment:#8a8f98;--ui-color-syntax-punctuation:#a4a9b1;--ui-shadow-raised:0 1px 2px #0006;--ui-shadow-overlay:0 8px 24px #00000080;--ui-shadow-floating:0 16px 48px #0000008c;--ui-shadow-card-flight:0 10px 14px #0000004d;--ui-z-index-popover:100;--ui-z-index-modal:200;--ui-z-index-toast:300;--ui-z-index-card-flight:1000;--ui-card-material-blur:20px;--ui-card-material-tilt:14deg;--ui-card-material-perspective:800px;--ui-radius-sm:8px;--ui-radius-md:12px;--ui-radius-lg:18px;--ui-radius-xl:26px;--ui-radius-full:999px;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-text-size-xs:.75rem;--ui-text-size-sm:.875rem;--ui-text-size-md:1rem;--ui-text-size-lg:1.125rem;--ui-text-size-xl:1.375rem;--ui-text-size-2xl:1.75rem;--ui-text-size-3xl:2.25rem;--ui-line-height-tight:1.2;--ui-line-height-base:1.5;--ui-line-height-relaxed:1.65;--ui-font-weight-regular:400;--ui-font-weight-medium:500;--ui-font-weight-semibold:600;--ui-font-weight-bold:700;--ui-editorial-headline-lead:clamp(1.85rem, 3.6vw, 3.35rem);--ui-editorial-headline-secondary:clamp(1.35rem, 2.2vw, 2.05rem);--ui-editorial-headline-standard:clamp(1.35rem, 1.6vw, 1.5rem);--ui-editorial-headline-brief:clamp(1.15rem, 1.35vw, 1.3rem);--ui-editorial-dek:clamp(1.05rem, 1.4vw, 1.3rem);--ui-editorial-summary:.98rem;--ui-editorial-lede:1.05rem;--ui-editorial-body:1rem;--ui-editorial-meta:.72rem;--ui-editorial-kicker:.68rem;--ui-editorial-measure:65ch;--ui-editorial-centered-measure:46ch;--ui-editorial-drop-cap:clamp(3.4rem, 8vw, 5.1rem);--ui-editorial-hit:.4rem;--ui-editorial-line-height-lead:1.12;--ui-editorial-line-height-secondary:1.18;--ui-editorial-line-height-brief:1.375;--ui-editorial-line-height-drop-cap:.78;--ui-editorial-tracking-headline:-.02em;--ui-editorial-tracking-secondary:-.015em;--ui-editorial-tracking-standard:-.01em;--ui-editorial-tracking-label:.12em;--ui-editorial-tracking-kicker:.18em;--ui-editorial-rule-thin:1px;--ui-editorial-rule-strong:2px;--ui-editorial-breakpoint-columns:640px;--ui-editorial-breakpoint-desktop:1024px;--ui-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-mono:ui-monospace, "SF Mono", Menlo, monospace;--ui-motion-duration-fast:.12s;--ui-motion-duration-base:.16s;--ui-motion-duration-slow:.24s;--ui-motion-duration-presence:1.2s;--ui-motion-duration-card-flip:.3s;--ui-motion-duration-card-deal:.38s;--ui-motion-duration-card-deal-stagger:70ms;--ui-motion-duration-card-play-own:.4s;--ui-motion-duration-card-play:.52s;--ui-motion-duration-played-pile:.19s;--ui-motion-duration-call-fade:3s;--ui-motion-duration-call-slam:.52s;--ui-motion-duration-call-shake:.42s;--ui-motion-duration-call-shake-delay:.22s;--ui-motion-ease-standard:cubic-bezier(.2, .6, .2, 1);--ui-motion-ease-presence:ease-in-out;--ui-motion-ease-card-flip:ease;--ui-motion-ease-played-pile:cubic-bezier(.2, .8, .2, 1);--ui-motion-ease-played-pile-shadow:ease;--ui-size-control-sm:2rem;--ui-size-control-md:2.5rem;--ui-size-control-lg:3rem;--ui-size-touch:44px;--ui-size-person-avatar-lg:72px;--ui-size-emblem-sm:24px;--ui-size-emblem-md:32px;--ui-size-emblem-lg:40px;--ui-size-emblem-xl:56px;--ui-size-game-card-sm:32px;--ui-size-game-card-md:72px;--ui-size-game-card-lg:112px;--ui-size-game-card-xl:160px;--ui-size-game-card-perspective:28rem;--ui-size-gallery-editor-tile:12rem;--ui-size-gallery-editor-tile-compact:8rem;--ui-size-gallery-editor-empty-upload:10rem;--ui-size-dialog-stack-breakpoint:640px;--ui-size-dialog-stack-sheet-peek:10px;--ui-size-dialog-stack-dialog-peek:14px}[data-theme=light]{--ui-color-bg:oklch(100% 0 0);--ui-color-bg-soft:oklch(98.4% 0 0);--ui-color-surface:oklch(100% 0 0);--ui-color-surface-raised:oklch(100% 0 0);--ui-color-surface-hover:oklch(97.2% 0 0);--ui-color-surface-inset:oklch(96% 0 0);--ui-color-color-picker-checker-a:oklch(96% 0 0);--ui-color-color-picker-checker-b:oklch(100% 0 0);--ui-color-color-picker-white:#fff;--ui-color-color-picker-black:#000;--ui-color-border:oklch(93.5% 0 0);--ui-color-border-subtle:oklch(96.5% 0 0);--ui-color-border-strong:oklch(82% 0 0);--ui-color-border-control:oklch(60% 0 0);--ui-color-text:oklch(15% 0 0);--ui-color-text-muted:oklch(46% 0 0);--ui-color-text-subtle:oklch(50% 0 0);--ui-color-accent:#7747ff;--ui-color-accent-hover:#6539f0;--ui-color-accent-contrast:#fff;--ui-color-accent-text:#5f2ee0;--ui-color-accent-soft:#7747ff1f;--ui-color-accent-soft-hover:#7747ff2e;--ui-color-accent-border:#7747ff66;--ui-color-voice-orb-cloud-listening:#219eaa;--ui-color-voice-orb-cloud-thinking:#6551cc;--ui-color-voice-orb-cloud-speaking:#d56d98;--ui-color-danger:oklch(50% .21 25);--ui-color-danger-hover:oklch(44% .2 25);--ui-color-danger-contrast:#fff;--ui-color-danger-text:oklch(50% .21 25);--ui-color-danger-soft:oklch(50% .21 25/.1);--ui-color-danger-soft-hover:oklch(50% .21 25/.14);--ui-color-danger-border:oklch(50% .21 25/.32);--ui-color-warning:oklch(46% .17 75);--ui-color-warning-soft:oklch(52% .17 75/.12);--ui-color-success:oklch(42% .19 150);--ui-color-success-soft:oklch(49% .19 150/.12);--ui-color-info:oklch(50% .2 260);--ui-color-info-soft:oklch(50% .2 260/.12);--ui-color-focus-ring:#7747ff;--ui-color-signature-ink-black:#171717;--ui-color-signature-ink-blue:#1746a2;--ui-color-signature-ink-violet:#6230a3;--ui-color-card-face:#f4f4f5;--ui-color-card-ink:#000000de;--ui-color-card-red:#c8102e;--ui-color-chip-white:#e7e0d0;--ui-color-chip-red:#ad303b;--ui-color-chip-green:#217352;--ui-color-chip-black:#25272d;--ui-color-chip-purple:#7650a3;--ui-color-chip-gold:#b88b36;--ui-color-chip-spot:#fff0cc;--ui-color-chip-ink:#30271e;--ui-color-surface-glass:#fffffff0;--ui-color-surface-highlight:#fffc;--ui-color-surface-sheen:#7747ff0a;--ui-color-surface-holo-cyan:#1a8aa00a;--ui-color-surface-holo-rose:#be3a730a;--ui-color-scrim:oklch(20% 0 0/.4);--ui-color-syntax-keyword:oklch(48% .2 290);--ui-color-syntax-string:oklch(47% .12 150);--ui-color-syntax-constant:oklch(50% .13 55);--ui-color-syntax-function:oklch(48% .16 255);--ui-color-syntax-type:oklch(48% .09 195);--ui-color-syntax-tag:oklch(50% .17 25);--ui-color-syntax-property:oklch(49% .1 80);--ui-color-syntax-comment:oklch(50% .01 260);--ui-color-syntax-punctuation:oklch(42% 0 0);--ui-shadow-raised:0 1px 2px oklch(0% 0 0/.05);--ui-shadow-overlay:0 6px 18px oklch(0% 0 0/.08), 0 1px 3px oklch(0% 0 0/.04);--ui-shadow-floating:0 20px 48px oklch(0% 0 0/.12), 0 3px 10px oklch(0% 0 0/.05);--ui-shadow-card-flight:0 10px 14px #0000004d}[data-appearance=contrast]{--ui-color-surface-raised:#202226;--ui-color-surface-hover:#30323b;--ui-color-surface-inset:#191b20;--ui-color-border:#3b3e47;--ui-color-border-subtle:#31333a;--ui-color-border-strong:#4c4f59;--ui-color-border-control:#7d808a;--ui-color-text-subtle:#9a9ea7}*,:before,:after{box-sizing:border-box}body{background-color:var(--ui-color-bg);color:var(--ui-color-text);font-family:var(--ui-font-sans);margin:0}:root{--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;--sans:"Avenir Next Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, system-ui, sans-serif;--gap:8px;--radius:10px;--hud-h:52px;--ease-out:cubic-bezier(.2, .8, .2, 1);--beat:1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--ink);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:.01em;margin:0;font-weight:600}p{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.frame{background:radial-gradient(120% 90% at 50% 40%, transparent 55%, #000000bf 100%), radial-gradient(70% 60% at 50% 45%, #2a1d15 0%, #120d0a 70%, var(--ink) 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.frame[data-reduced-motion=true]{--beat:0}.frame :focus-visible{outline:3px solid var(--brass-bright);outline-offset:2px}.topbar{min-height:var(--hud-h);background:linear-gradient(#1c120d,#120b08);border-bottom:1px solid #3d2a1c;flex:none;align-items:center;gap:12px;padding:6px 16px;display:flex;box-shadow:0 2px 12px #0009}.topbar-title{flex:auto;align-items:baseline;gap:12px;min-width:0;display:flex}.topbar-title h1{color:var(--paper);white-space:nowrap;text-overflow:ellipsis;font-size:22px;overflow:hidden}.wordmark{font-family:var(--serif);letter-spacing:.28em;text-transform:uppercase;color:var(--brass);white-space:nowrap;font-size:15px}.screen{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.panel{border-radius:var(--radius);background:linear-gradient(#4a31218c,#2a1c14d9);border:1px solid #5a4430;box-shadow:inset 0 1px #f0cd841f,0 6px 18px #00000073}.panel-title{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-size:12px;font-weight:700}.scroll-y{overscroll-behavior:contain;scrollbar-color:#6b5134 transparent;scrollbar-width:thin;min-height:0;overflow-y:auto}.scroll-x{overscroll-behavior:contain;scrollbar-color:#6b5134 transparent;scrollbar-width:thin;min-width:0;overflow-x:auto}.muted{color:var(--paper-dim)}.numeral{font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:800}.error-toast{z-index:60;border-radius:var(--radius);border:1px solid var(--crimson);max-width:min(560px,100vw - 32px);color:var(--paper);background:#3a0f15;align-items:center;gap:12px;padding:10px 14px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%;box-shadow:0 8px 24px #0009}.error-toast p{overflow-wrap:anywhere;flex:auto;min-width:0}.error-toast strong{font-family:var(--serif);display:block}.reason{color:var(--paper-dim);font-size:12px}@media (prefers-reduced-motion:reduce){:root{--beat:0}}.card{--hue:var(--brass);--w:var(--card-w,124px);--orb:max(19cqi, 17px);box-sizing:border-box;width:var(--w);aspect-ratio:100/145;min-height:0;padding:calc(var(--w) * .05) calc(var(--w) * .05) calc(var(--w) * .04) calc(var(--w) * .08);gap:calc(var(--w) * .024);border-radius:calc(var(--w) * .06);border:calc(var(--w) * .016) solid #6b5134;background:radial-gradient(120% 60% at 50% 0%, #ffffff59, transparent 60%), repeating-linear-gradient(115deg, #785a320d 0 2px, transparent 2px 5px), var(--paper);color:var(--paper-ink);text-align:left;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 #fff0d280 inset, 0 calc(var(--w) * .03) calc(var(--w) * .07) #0000008c;flex-direction:column;display:flex;position:relative;container-type:inline-size}.card[data-faction=capitano]{--hue:var(--crimson)}.card[data-faction=pulcinella]{--hue:var(--violet)}.card[data-faction=arlecchino]{--hue:var(--turquoise)}.card[data-faction=token]{--hue:#8a7a62}.card[data-kind=lazzo]{background:radial-gradient(120% 60% at 50% 0,#ffffff4d,#0000 60%),#e8d4c4}.card-rail{background:var(--hue);border-radius:4cqi 0 0 4cqi;width:4.5cqi;position:absolute;top:0;bottom:0;left:0}.card-name{font-family:var(--serif);padding-left:calc(var(--orb) - 2cqi);text-wrap:balance;-webkit-hyphens:auto;hyphens:auto;align-items:center;min-height:15cqi;font-size:max(9cqi,10px);font-weight:700;line-height:1.05;display:flex}.card-cost{width:var(--orb);height:var(--orb);font-family:var(--sans);color:#fff5df;border:1cqi solid var(--brass);background:radial-gradient(circle at 35% 30%,#4d8fd1,#183a69 75%);border-radius:50%;place-items:center;font-size:max(12cqi,12px);font-weight:800;line-height:1;display:grid;position:absolute;top:3cqi;left:3cqi;box-shadow:0 1cqi 2cqi #00000073}.card-cost[data-discounted]{background:radial-gradient(circle at 35% 30%,#5cc7b3,#12564e 75%)}.card-art{background:#120c09;border:.8cqi solid #6b5134;border-radius:3cqi;flex:1 1 0;min-height:14cqi;display:block;overflow:hidden}.mask-art{width:100%;height:100%;display:block}.card-type{letter-spacing:.06em;text-transform:uppercase;color:#6b4a2e;font-size:max(6.4cqi,9px);font-weight:700;line-height:1.1}.card-body{font-family:var(--serif);overflow-wrap:break-word;min-height:0;font-size:max(7cqi,9.5px);line-height:1.2}.card-keys{flex-wrap:wrap;align-content:flex-start;gap:1.5cqi;min-height:9cqi;display:flex}.card-keys span{color:#4a3121;background:#2b21191f;border-radius:3cqi;padding:.6cqi 2.2cqi;font-size:max(6.6cqi,9px);font-weight:700;line-height:1.1}.card-stats{pointer-events:none;flex:none;justify-content:space-between;margin:auto -1cqi 0 -2cqi;display:flex}.shield{min-width:22cqi;height:21cqi;font-family:var(--sans);color:#fff5df;border:1cqi solid var(--brass);border-radius:4cqi 4cqi 9cqi 9cqi;justify-content:center;align-items:center;gap:.8cqi;padding:0 2cqi;font-size:max(13cqi,13px);font-weight:900;line-height:1;display:inline-flex;box-shadow:0 1cqi 2cqi #00000080}.shield small{opacity:.85;font-size:.5em;font-weight:800}.shield[data-stat=attack]{background:linear-gradient(#8c2a33,#5b161d)}.shield[data-stat=health]{background:linear-gradient(#2f6b45,#1b4029)}.shield[data-buffed]{background:linear-gradient(#c9822d,#7c4612)}.shield[data-hurt]{color:#fff;background:linear-gradient(#b8323f,#6f1019)}.card-layers{pointer-events:none;flex-direction:column;align-items:flex-end;gap:1.5cqi;display:flex;position:absolute;bottom:28cqi;right:-2cqi}.layer-chip{white-space:nowrap;color:#fff5df;background:#4a3121;border-radius:3cqi 0 0 3cqi;padding:1cqi 2.6cqi;font-size:max(6.4cqi,9px);font-weight:800;line-height:1.1;box-shadow:0 1cqi 2cqi #0006}.layer-chip[data-layer=barrier]{background:#2b5f8f}.layer-chip[data-layer=buff]{background:#9a5c18}.layer-chip[data-layer=discount]{background:var(--turquoise)}.layer-chip[data-layer=token]{background:#6b5d4a}.card[data-barrier]:after{content:"";pointer-events:none;border:1.4cqi solid #78beffd9;border-radius:8cqi;position:absolute;inset:-2.5cqi;box-shadow:0 0 6cqi #78beff99,inset 0 0 6cqi #78beff66}.card[data-variant=board]{padding-top:calc(var(--w) * .04);gap:calc(var(--w) * .02)}.card[data-variant=board] .card-name{font-size:max(10cqi,10px)}.card-back{background:repeating-linear-gradient(45deg, #4a121b 0 calc(var(--w) * .06), #3a0e15 calc(var(--w) * .06) calc(var(--w) * .12));border-color:var(--brass);place-items:center;padding:0;display:grid}.card-back-mark{aspect-ratio:1;border:2cqi solid var(--brass);background:radial-gradient(circle,#6b1a26,#2a0a10);border-radius:50%;width:50%}.card:not([data-variant=board]) .card-keys{display:none}@container (width<=100px){.card-body,.card[data-variant=board] .card-type{display:none}.card:not([data-variant=board]) .card-keys{display:flex}.card-keys span{font-size:9px}.card-name{padding-left:var(--orb);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:none;min-height:0;font-size:10px;display:-webkit-box;overflow:hidden}}@container (width<=72px){.card-type{display:none}}.match{flex-direction:column;flex:auto;min-height:0;display:flex}.board-host{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;container:board/size}.board{--strip-h:120px;--hand-h:clamp(150px, 27cqh, 250px);--side-w:clamp(196px, 15cqw, 236px);--rail-w:clamp(220px, 18cqw, 276px);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.hud{z-index:20;min-height:var(--hud-h);background:linear-gradient(#24160f,#140c09);border-bottom:1px solid #4d3522;flex:none;align-items:center;gap:12px;padding:6px 14px;display:flex;position:relative;box-shadow:0 3px 14px #0009}.hud-status{flex-wrap:wrap;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex}.hud-act{font-family:var(--serif);color:var(--paper);white-space:nowrap;font-size:22px;font-weight:700}.hud-chip{white-space:nowrap;background:#00000059;border:1px solid #6b5134;border-radius:999px;align-items:baseline;gap:6px;padding:3px 10px;font-size:14px;font-weight:700;display:inline-flex}.hud-chip small{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-size:10px}.hud-chip[data-owner=mine]{border-color:var(--brass);color:var(--brass-bright)}.hud-chip[data-available=false]{opacity:.7}.hud-priority[data-owner=mine]{background:#c9a15a2e}.hud-hint{color:var(--paper-dim);white-space:nowrap;font-size:13px}.hud-wordmark{flex:none}.hud-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.hud-actions>button{white-space:nowrap;flex:none}.hud-menu{position:relative}.menu-panel{z-index:40;background:#1f150f;flex-direction:column;gap:4px;min-width:210px;padding:8px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.rail-toggle{display:none}.board-middle{flex:1 1 0;gap:10px;min-height:0;padding:10px 12px 0;display:flex}.board-left{flex:0 0 var(--side-w);flex-direction:column;gap:10px;min-width:0;display:flex}.board-left .hero-panel{flex:auto}.board-rail{flex:0 0 var(--rail-w);flex-direction:column;min-width:0;min-height:0;display:flex}.stage{background:radial-gradient(60% 55%,#ffd69629,#0000 70%),repeating-linear-gradient(90deg,#0000002e 0 2px,#0000 2px 86px),linear-gradient(#3b2617 0%,#4c311c 50%,#3b2617 100%);border:2px solid #5a3d22;border-radius:14px;flex-direction:column;flex:auto;min-width:0;min-height:0;padding:8px 12px;display:flex;position:relative;box-shadow:inset 0 0 0 6px #3a1118d9,inset 0 0 60px #000000a6,0 10px 30px #0009}.scene-row{flex:1 1 0;min-height:0;display:flex;position:relative;container-type:size}.scene-row:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#ffdca024,#0000);border-radius:50%;position:absolute;inset:6% 2%}.scene-slots{--slot-gap:clamp(6px, 1.2cqw, 14px);--card-w:min(124px, calc((100cqw - 5 * var(--slot-gap) - 12px) / 6), calc((100cqh - 14px) / 1.45));justify-content:center;align-items:center;gap:var(--slot-gap);width:100%;height:100%;display:flex;position:relative}.slot-empty{width:var(--card-w);aspect-ratio:100/145;border-radius:calc(var(--card-w) * .06);background:#0000001f;border:2px dashed #c9a15a38;flex:none}.combat-zone{flex:0 0 clamp(56px,11cqh,104px);justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.combat-zone:before{content:"";border-top:1px solid #c9a15a59;position:absolute;top:50%;left:4%;right:4%}.actor{color:inherit;cursor:pointer;border-radius:calc(var(--card-w) * .07);transition:transform calc(.22s * var(--beat)) var(--ease-out), filter calc(.2s * var(--beat));background:0 0;border:0;flex:none;padding:0;position:relative}.scene-row[data-side=rival] .actor{transform-origin:top}.actor[data-ring]:before{content:"";border-radius:calc(var(--card-w) * .09);pointer-events:none;z-index:2;border:3px solid var(--brass);position:absolute;inset:-5px;box-shadow:0 0 14px #f0cd8499}.actor[data-ring=legal]:before{animation:ring-pulse calc(1.4s * var(--beat)) ease-in-out infinite}.actor[data-ring=ready]{transform:translateY(-6px)}.scene-row[data-side=rival] .actor[data-ring=ready]{transform:translateY(6px)}.actor[data-ring=chosen]:before,.actor[data-ring=paired]:before{border-color:var(--brass-bright);border-width:4px}.actor[data-ring=attacking]{transform:translateY(-12px)}.scene-row[data-side=rival] .actor[data-ring=attacking],.scene-row[data-side=rival] .actor[data-ring=paired],.scene-row[data-side=rival] .actor[data-ring=pending]{transform:translateY(12px)}.actor[data-ring=attacking]:before{border-color:var(--crimson);box-shadow:0 0 16px #b8323fbf}.actor[data-ring=pending]:before{border-color:var(--brass-bright);animation:ring-pulse calc(.9s * var(--beat)) ease-in-out infinite;border-style:double;border-width:6px}.actor[data-dim]{filter:saturate(.45)brightness(.62)}.actor:hover .card{box-shadow:0 0 0 2px #f0cd8480,0 4px 10px #0000008c}.slot-badge{z-index:3;white-space:nowrap;font-family:var(--sans);color:var(--ink);background:var(--brass-bright);border-radius:999px;padding:2px 9px;font-size:12px;font-weight:900;line-height:1.2;position:absolute;top:-10px;left:50%;translate:-50%;box-shadow:0 2px 6px #0009}.actor[data-ring=attacking] .slot-badge{background:var(--crimson);color:#fff}.actor[data-motion=enter]{animation:actor-enter calc(.52s * var(--beat)) var(--ease-out) both}.scene-row[data-side=mine] .actor[data-motion=lunge]{animation:lunge-up calc(.88s * var(--beat)) var(--ease-out)}.scene-row[data-side=rival] .actor[data-motion=lunge]{animation:lunge-down calc(.88s * var(--beat)) var(--ease-out)}.actor[data-motion=intercept]{animation:intercept calc(.88s * var(--beat)) var(--ease-out)}.actor[data-motion=hit]{animation:shake calc(.42s * var(--beat)) linear}.float-number{z-index:6;pointer-events:none;font-family:var(--sans);color:#ffdfd6;-webkit-text-stroke:2px #5b0f17;paint-order:stroke fill;text-shadow:0 3px 8px #000c;animation:float-up calc(.84s * var(--beat)) var(--ease-out) both;font-size:clamp(26px,30cqi,44px);font-weight:900;line-height:1;position:absolute;top:30%;left:50%;translate:-50%}.float-number[data-barrier]{color:#cfe7ff;-webkit-text-stroke:1px #123a63;font-size:clamp(14px,13cqi,20px)}.ghost{pointer-events:none;animation:dissolve calc(.88s * var(--beat)) ease-in both}.ghost[data-last-breath] .card{animation:last-breath calc(.44s * var(--beat)) ease-in-out 2}.ghost-name{text-align:center;font-family:var(--serif);color:#fff3e0;border-block:1px solid var(--crimson);background:#2b0a0feb;padding:4px 6px;font-size:max(9cqi,11px);font-weight:700;position:absolute;top:42%;left:-4%;right:-4%}.combat-links{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.combat-links line{stroke:var(--brass-bright);stroke-width:3px;stroke-dasharray:8 6;filter:drop-shadow(0 0 4px #000c)}.combat-links circle{fill:#1a0f0a;stroke:var(--brass-bright);stroke-width:2px}.combat-links text{fill:var(--brass-bright);font:900 13px var(--sans);text-anchor:middle}.combat-panel{z-index:5;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:4px 12px;display:flex;position:relative}.combat-prompt{font-family:var(--serif);color:var(--paper);text-align:center;background:#0c0b0ac7;border:1px solid #6b5134;border-radius:999px;padding:4px 14px;font-size:clamp(15px,1.4cqw,20px);font-weight:600}.combat-preview{border:1px solid var(--crimson);background:#3a1118eb;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:12px;padding:4px 14px;display:flex}.combat-preview strong{color:#ffd7c9;font-size:18px}.pair-list{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pair-chip{border:1px solid var(--brass);color:var(--paper);cursor:pointer;background:#1c120d;border-radius:999px;padding:3px 10px;font-size:13px}.pair-chip .numeral{color:var(--brass-bright)}.combat-ornament{background:radial-gradient(closest-side,#c9a15a8c,#0000);border-radius:50%;width:72px;height:10px}.stage-curtain{z-index:30;pointer-events:none;border-radius:12px;position:absolute;inset:0;overflow:hidden}.curtain-left,.curtain-right{background:repeating-linear-gradient(90deg,#5a1520 0 18px,#3a1118 18px 30px,#6a1a26 30px 40px);width:51%;position:absolute;top:0;bottom:0;box-shadow:inset 0 -40px 60px #00000080}.curtain-left{animation:curtain-left calc(1.5s * var(--beat)) var(--ease-out) both;left:0}.curtain-right{animation:curtain-right calc(1.5s * var(--beat)) var(--ease-out) both;right:0}.curtain-title{text-align:center;animation:curtain-title calc(1.5s * var(--beat)) ease both;place-content:center;display:grid;position:absolute;inset:0}.curtain-title span{font-family:var(--serif);color:var(--brass-bright);text-shadow:0 4px 18px #000;font-size:clamp(36px,6cqw,72px);font-weight:700}.curtain-title small{letter-spacing:.2em;text-transform:uppercase;color:var(--paper);font-size:clamp(14px,1.4cqw,20px)}.stage-cast{z-index:25;pointer-events:none;--card-w:clamp(120px, 12cqw, 176px);animation:cast-show calc(.95s * var(--beat)) var(--ease-out) both;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:50%}.stage-cast[data-kind=lazzo]{animation-name:cast-lazzo}.cast-caption{font-family:var(--serif);border:1px solid var(--brass);white-space:nowrap;background:#0c0b0ad9;border-radius:999px;padding:2px 12px;font-weight:700}.stage-banner{z-index:26;pointer-events:none;text-align:center;border-block:2px solid var(--brass);animation:banner calc(1.1s * var(--beat)) var(--ease-out) both;background:linear-gradient(90deg,#0000,#3a1118f2 20% 80%,#0000);padding:10px 40px;position:absolute;top:50%;left:50%;translate:-50% -50%}.stage-banner span{font-family:var(--serif);color:var(--brass-bright);font-size:clamp(26px,3cqw,44px);font-weight:700;display:block}.stage-banner small{letter-spacing:.2em;text-transform:uppercase;font-size:13px}.stage-banner[data-kind=level]{border-color:var(--brass-bright)}.hero-panel{--hue:var(--brass);border-radius:var(--radius);min-width:0;min-height:0;transition:box-shadow calc(.4s * var(--beat)), filter calc(.4s * var(--beat)), opacity calc(.4s * var(--beat));background:linear-gradient(#4a3121b3,#1e140eeb);border:1px solid #5a4430;gap:6px 10px;padding:10px;display:grid;position:relative;box-shadow:inset 0 1px #f0cd841f,0 6px 18px #00000073}.hero-panel[data-faction=capitano]{--hue:var(--crimson)}.hero-panel[data-faction=pulcinella]{--hue:var(--violet)}.hero-panel[data-faction=arlecchino]{--hue:var(--turquoise)}.hero-panel[data-lit=true]{border-color:var(--brass);background:radial-gradient(80% 70% at 50% 0,#ffdc9638,#0000 70%),linear-gradient(#5a3c26d9,#241810f2);box-shadow:0 0 0 2px #f0cd8473,0 0 34px #f0cd8447,inset 0 1px #f0cd844d}.hero-panel[data-lit=false]{filter:saturate(.8)brightness(.86)}.hero-panel[data-hit]{animation:shake calc(.42s * var(--beat)) linear}.hero-panel[data-side=rival]{grid-template:"mask ident""health mana""power power""progress progress""counts counts"minmax(0,1fr)/72px minmax(0,1fr)}.hero-panel[data-side=mine]{grid-template:"mask ident health mana power"1fr"mask progress health mana counts"1fr/84px minmax(120px,1fr) auto auto minmax(150px,auto);align-items:center}.hero-mask-button{cursor:pointer;background:0 0;border:0;border-radius:50%;grid-area:mask;align-self:center;padding:0;position:relative}.hero-mask{width:100%;height:auto;transition:filter calc(.3s * var(--beat));display:block}.hero-mask-button[data-ring]:before{content:"";border:3px solid var(--brass);border-radius:50%;position:absolute;inset:-4px;box-shadow:0 0 14px #f0cd8499}.hero-mask-button[data-ring=legal]:before{animation:ring-pulse calc(1.4s * var(--beat)) ease-in-out infinite}.hero-mask-button[data-dim]{filter:saturate(.4)brightness(.6)}.hero-mask-button[data-flash] .hero-mask{animation:mask-flash calc(1.1s * var(--beat)) ease both}.hero-identity{grid-area:ident;min-width:0}.hero-name{color:var(--paper);font-size:20px;line-height:1.05}.hero-title{color:var(--paper-dim);margin-top:2px;font-size:12px}.hero-health{border:2px solid var(--brass);background:linear-gradient(#7d1d28,#45090f);border-radius:12px 12px 26px 26px;flex-direction:column;grid-area:health;justify-content:center;align-items:center;min-width:64px;padding:4px 8px;display:flex;box-shadow:0 4px 12px #00000080}.hero-health .numeral{color:#fff3e0;font-size:36px;line-height:1}.hero-health small{letter-spacing:.16em;text-transform:uppercase;color:#f3c9c9;font-size:10px}.hero-mana{grid-area:mana;align-items:stretch;gap:6px;display:flex}.hero-panel[data-side=rival] .hero-mana{flex-direction:column}.mana-chip{background:#00000059;border:1px solid #6b5134;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:76px;padding:3px 9px;display:flex;position:relative}.mana-chip small{letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);font-size:10px}.mana-chip .numeral{font-size:22px;line-height:1}.mana-chip[data-kind=scene] .numeral{color:#9fd0ff}.mana-chip[data-kind=reserve] .numeral{color:var(--brass-bright)}.mana-chip[data-paid]{animation:chip-flash calc(.9s * var(--beat)) ease}.mana-chip[data-gain]{animation:chip-gain calc(.9s * var(--beat)) ease}.mana-delta{font:900 14px var(--sans);color:#ffd7c9;text-shadow:0 2px 4px #000;white-space:nowrap;animation:float-up calc(.9s * var(--beat)) var(--ease-out) both;position:absolute;top:-16px;right:4px}.mana-delta[data-gain]{color:var(--brass-bright)}.hero-power{grid-area:power;min-width:0;display:flex}.hero-power .action{width:100%}.power-chip{background:#0000004d;border:1px solid #6b5134;border-radius:8px;align-items:baseline;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.power-chip small{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-size:10px}.hero-power[data-state=used] .power-chip{opacity:.65;-webkit-text-decoration:line-through #f1e3c866;text-decoration:line-through #f1e3c866}.hero-progress{grid-area:progress;align-items:center;gap:8px;min-width:0;display:flex}.progress-track{background:#00000073;border:1px solid #6b5134;border-radius:4px;flex:auto;height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--hue), var(--brass-bright));height:100%;transition:inline-size calc(.5s * var(--beat));display:block}.hero-progress small{color:var(--paper-dim);white-space:nowrap;font-size:12px}.hero-counts{flex-direction:column;grid-area:counts;gap:6px;min-width:0;min-height:0;display:flex}.hero-tally{color:var(--paper-dim);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.hero-tally .numeral{color:var(--paper);font-size:15px}.hero-hand{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;container-type:size}.hero-hand-slot{--card-w:clamp(20px, calc(100cqh / 1.45), 72px);flex:0 1 var(--card-w);min-width:6px}.hero-hand-slot:last-child{flex-shrink:0}.token-dock{border-radius:var(--radius);background:#00000040;border:1px dashed #c9a15a4d;flex:0 0 clamp(92px,15cqh,140px);position:relative;container-type:size}.token-rail{border-left:2px dotted #c9a15a59;position:absolute;top:10px;bottom:10px;left:50%}.token{width:72px;height:50px;transition:transform calc(.7s * var(--beat)) var(--ease-out), filter calc(.3s * var(--beat)), opacity calc(.3s * var(--beat));margin-left:-36px;position:absolute;top:6px;left:50%}.token-dock[data-owner=mine] .token{transform:translateY(calc(100cqh - 62px))}.token-dock[data-available=false] .token{filter:grayscale(.9)brightness(.55);opacity:.7}.attack-mask{filter:drop-shadow(0 4px 10px #000000b3);width:100%;height:100%}.token-dock[data-available=true] .attack-mask{filter:drop-shadow(0 0 10px #f0cd84a6)}.rail{flex-direction:column;gap:10px;height:100%;min-height:0;display:flex}.rail-log{flex-direction:column;flex:3 1 0;gap:6px;min-height:0;padding:8px 10px;display:flex}.rail-discards{flex-direction:column;flex:2 1 0;gap:6px;min-height:0;padding:8px 10px;display:flex}.log-list{flex-direction:column;gap:6px;margin:0;padding:0 4px 0 0;font-size:13px;line-height:1.3;list-style:none;display:flex}.log-list>li{background:#00000038;border-left:3px solid #6b5134;border-radius:0 6px 6px 0;padding:4px 6px}.log-list>li[data-actor=mine]{border-left-color:var(--brass)}.log-headline{align-items:baseline;gap:6px;font-weight:700;display:flex}.log-act{color:var(--brass);min-width:14px;font-size:11px}.log-list ul{color:var(--paper-dim);margin:2px 0 0 20px;padding:0;font-size:12px}.discard-piles{flex-direction:column;gap:8px;display:flex}.discard-pile h3{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);font-size:12px}.discard-pile ul{flex-wrap:wrap;gap:4px;margin:4px 0 0;padding:0;list-style:none;display:flex}.discard-item{background:var(--paper);color:var(--paper-ink);font:600 12px var(--serif);cursor:pointer;border:1px solid #6b5134;border-left:4px solid var(--brass);border-radius:4px;padding:2px 7px}.discard-item[data-faction=capitano]{border-left-color:var(--crimson)}.discard-item[data-faction=pulcinella]{border-left-color:var(--violet)}.discard-item[data-faction=arlecchino]{border-left-color:var(--turquoise)}.board-strip{flex:0 0 var(--strip-h);gap:12px;min-height:0;padding:10px 12px 0;display:flex}.board-strip .hero-panel{flex:auto}.action-bar{flex:0 0 clamp(300px,30cqw,440px);min-width:0;display:flex}.actions{border-radius:var(--radius);background:linear-gradient(#3a1118bf,#22080deb);border:1px solid #5a4430;flex-wrap:wrap;flex:auto;place-content:center flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}.action-status{text-align:right;color:var(--paper-dim);flex:100%;min-height:1.2em;font-size:14px}.action[aria-disabled=true]{opacity:.5;cursor:not-allowed}.board-hand{flex:0 0 var(--hand-h);z-index:10;min-height:0;position:relative;container:hand-band/size}.hand{justify-content:center;height:100%;display:flex}.hand-fan{--card-ratio:1.45;--fan-lift:22px;--fan-arc:8px;--fan-angle:5deg;--fan-gap:4px;--card-max:168px;--card-w:min(var(--card-max), calc((100cqh - var(--fan-lift) - var(--fan-arc) - var(--fan-gap)) / (var(--card-ratio) + .5 * sin(var(--fan-angle)))));--fan-drop:calc(var(--fan-arc) + var(--card-w) * .5 * sin(var(--fan-angle)));--spread:max(1, (var(--count) - 1) / 2);flex:auto;justify-content:center;min-width:0;height:100%;padding:0 24px;display:flex}.hand-slot{--t:calc(var(--offset) / var(--spread));flex:0 1 var(--card-w);min-width:calc(var(--card-w) * .3);height:100%;position:relative}.hand-slot:last-child{flex-shrink:0}.hand-slot+.hand-slot{margin-left:8px}.hand-card{left:0;bottom:calc(var(--fan-gap) + var(--fan-drop));cursor:pointer;border-radius:calc(var(--card-w) * .07);transform-origin:50% 100%;transform:translateY(calc(var(--t) * var(--t) * var(--fan-arc))) rotate(calc(var(--t) * var(--fan-angle)));transition:transform calc(.2s * var(--beat)) var(--ease-out), filter calc(.2s * var(--beat));background:0 0;border:0;padding:0;position:absolute}.hand-slot:not([data-playable]) .hand-card .card{filter:saturate(.55)brightness(.82)}.hand-slot[data-playable] .hand-card .card{box-shadow:0 0 0 2px #f0cd84d9,0 0 18px #f0cd8466,0 6px 12px #0000008c}.hand-slot:hover,.hand-slot:focus-within,.hand-slot[data-selected]{z-index:5}.hand-slot:hover .hand-card,.hand-card:focus-visible{transform:translateY(calc(var(--fan-lift) * -.5)) rotate(0)}.hand-slot[data-selected] .hand-card{transform:translateY(calc(var(--fan-lift) * -1)) rotate(0)}.hand-slot[data-selected] .hand-card .card{box-shadow:0 0 0 3px var(--brass-bright), 0 0 26px #f0cd84b3, 0 12px 24px #000000b3}@container hand-band (height<=229px){.hand-card .card-body{display:none}}.mulligan-stage{overscroll-behavior:contain;flex-direction:column;flex:auto;align-items:center;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto;container-type:size}.mulligan-head{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:16px;display:flex}.mulligan-head h2{color:var(--brass-bright);font-size:clamp(22px,5cqh,30px)}.mulligan-rival{color:var(--paper-dim);font-size:14px}.mulligan-rival[data-ready]{color:var(--brass-bright)}.mulligan-wait{font-family:var(--serif);margin:auto;font-size:22px}.mulligan-picker{--ui-size-game-card-xl:clamp(96px, min(calc((100cqw - 64px) / 4), calc((100cqh - 180px) / 1.48)), 168px);margin:auto 0}.mulligan-picker .card{--card-w:var(--picker-card-width);aspect-ratio:auto;width:100%;height:100%}@container (width<=560px){.mulligan-picker{--ui-size-game-card-xl:min(150px, calc((100cqw - 40px) / 2))}}.inspector{z-index:35;right:12px;top:calc(var(--hud-h) + 10px);width:min(340px,100% - 24px);max-height:calc(100% - var(--hud-h) - 20px);background:#1f150f;flex-direction:column;display:flex;position:absolute}.inspector-head{border-bottom:1px solid #5a4430;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.inspector-head h2{font-size:20px}.inspector-body{flex-direction:column;flex:auto;gap:10px;padding:12px;display:flex}.inspector-card{--card-w:min(250px, 100%);justify-content:center;display:flex}.inspector-hero{flex-direction:column;gap:6px;display:flex}.inspector-hero .hero-mask{align-self:center;width:110px}.inspector-hero h3{letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-size:13px;font-family:var(--sans);margin-top:6px}@container board (height>=621px) and (height<=780px) and (orientation:landscape){.board{--strip-h:96px;--hand-h:clamp(160px, 29cqh, 210px)}.hud{min-height:46px}.hero-hand{display:none}.hero-panel[data-side=mine]{grid-template-columns:72px minmax(120px,1fr) auto auto minmax(150px,auto)}}@container board (width<=760px) and (orientation:portrait){.board{--strip-h:auto;--hand-h:clamp(120px, 24cqh, 214px)}.hud{flex-wrap:wrap;gap:4px 8px;padding:4px 8px}.hud-status{flex:100%;order:2;gap:6px}.hud-act{font-size:17px}.hud-chip{padding:2px 8px;font-size:12px}.hud-hint{display:none}.hud-wordmark{flex:auto;font-size:13px}.hud-actions{flex:none}.rail-toggle{display:inline-flex}.board-middle{flex-direction:column;gap:6px;padding:6px 8px 0}.board-left{flex-direction:row;flex:none;gap:6px}.token-dock{container-type:normal}.token-rail{display:none}.token{width:52px;height:36px;margin:-18px 0 0 -26px;top:50%}.token-dock[data-owner=mine] .token{transform:none}.token-dock[data-owner=mine]{border-color:var(--brass)}.stage{padding:4px 6px}.scene-slots{--card-w:min(108px, calc((100cqh - 12px) / 1.45));overscroll-behavior-x:contain;scrollbar-width:none;justify-content:flex-start;padding:0 6px;overflow-x:auto}.combat-zone{flex-basis:44px}.combat-prompt{font-size:14px}.board-rail{display:none}.board-rail[data-open]{z-index:30;display:flex;position:absolute;inset:70px 8px 8px}.board-strip{flex-direction:column;gap:6px;padding:6px 8px 0}.action-bar{flex:none}.actions{justify-content:stretch;gap:4px 6px;padding:4px 8px 6px}.actions>button{white-space:nowrap;flex:1 1 0}.action-status{text-align:left;flex:100%;min-height:0;font-size:12px}.hand-fan{--card-max:140px;--fan-lift:8px;--fan-arc:0px;--fan-angle:0deg;scrollbar-width:none;justify-content:flex-start;gap:6px;width:100%;padding:0 8px;overflow:auto hidden}.hand-slot{flex:0 0 var(--card-w)}.hand-slot:hover .hand-card,.hand-card:focus-visible{transform:none}.inspector{width:auto;max-height:none;inset:70px 8px 8px}}@container board ((width<=760px) and (orientation:portrait)) or (height<=620px) or (width<=900px){.hero-panel[data-side]{grid-template:"mask ident health mana"/40px minmax(0,1fr) auto auto;gap:4px 8px;padding:5px 8px}.hero-panel .hero-power,.hero-panel .hero-progress,.hero-panel .hero-counts,.hero-panel .hero-hand{display:none}.board-strip .hero-panel{grid-template-columns:40px minmax(0,1fr) auto auto auto;grid-template-areas:"mask ident health mana power"}.board-strip .hero-panel .hero-power{display:flex}.board-left .hero-panel{flex:none;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"mask ident""health mana"}.token-dock{flex:auto}.hero-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.hero-title{display:none}.hero-identity{align-self:center}.hero-health{border-radius:8px 8px 16px 16px;min-width:42px;padding:1px 6px}.hero-health .numeral{font-size:22px}.hero-health small{display:none}.hero-panel[data-side] .hero-mana{flex-direction:row}.mana-chip{flex-direction:column;gap:0;min-width:0;padding:2px 6px}.mana-chip small{font-size:9px}.mana-chip .numeral{font-size:16px}.hero-power .action{white-space:nowrap}}@container board (width<=900px){.board-strip .hero-panel{grid-template-columns:40px minmax(0,1fr) auto auto;grid-template-areas:"mask ident health mana""mask power power power"}}@container board (width<=760px) and (orientation:portrait){.board-left .hero-panel{flex:auto;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"mask ident health""mask mana mana"}.token-dock{flex:0 0 64px}}@container board (height<=620px) and (orientation:landscape){.board{--strip-h:auto;--hand-h:clamp(96px, 26cqh, 170px);--side-w:clamp(150px, 20cqw, 200px)}.hud{min-height:40px;padding:2px 10px}.hud-act{font-size:16px}.hud-hint{display:none}.rail-toggle{display:inline-flex}.board-middle{gap:6px;padding:6px 8px 0}.board-left{gap:6px}.board-rail{display:none}.board-rail[data-open]{z-index:30;width:min(320px,50%);display:flex;position:absolute;top:48px;bottom:8px;right:8px}.combat-zone{flex-basis:36px}.board-strip{flex:none;gap:8px;padding:6px 8px 0}.board-strip .hero-panel{flex:0 auto;min-width:0}.board-strip .hero-identity{display:none}.board-strip .hero-panel{grid-template-columns:40px auto auto auto;grid-template-areas:"mask health mana power"}.action-bar{flex:auto}.actions{padding:4px 8px}.actions>button{white-space:nowrap}.action-status{display:none}.inspector{top:48px}}@keyframes ring-pulse{50%{border-color:var(--brass-bright);box-shadow:0 0 22px #f0cd84f2}}@keyframes actor-enter{0%{opacity:0;transform:translateY(60%)scale(.7)}60%{opacity:1;transform:translateY(-6%)scale(1.06)}to{opacity:1;transform:none}}@keyframes lunge-up{0%{transform:translateY(-12px)}45%{transform:translateY(-48%)scale(1.06)}to{transform:translateY(-12px)}}@keyframes lunge-down{0%{transform:translateY(12px)}45%{transform:translateY(48%)scale(1.06)}to{transform:translateY(12px)}}@keyframes intercept{0%,30%{transform:none}50%{transform:scale(1.08)}to{transform:none}}@keyframes shake{0%,to{translate:0}20%{translate:-6px}40%{translate:5px}60%{translate:-4px}80%{translate:3px}}@keyframes float-up{0%{opacity:0;transform:translateY(10px)scale(.6)}20%{opacity:1;transform:translateY(0)scale(1.15)}to{opacity:0;transform:translateY(-46px)scale(1)}}@keyframes dissolve{0%,35%{opacity:1;filter:none}to{opacity:0;filter:blur(3px)sepia()brightness(.4);transform:translateY(8px)scale(.94)}}@keyframes last-breath{50%{box-shadow:0 0 0 4px var(--violet), 0 0 30px #8c64dce6}}@keyframes curtain-left{0%{transform:translate(-100%)}30%,62%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes curtain-right{0%{transform:translate(100%)}30%,62%{transform:translate(0)}to{transform:translate(100%)}}@keyframes curtain-title{0%,22%{opacity:0;transform:scale(.9)}35%,62%{opacity:1;transform:none}80%,to{opacity:0}}@keyframes cast-show{0%{opacity:0;transform:translate(-50%,30%)scale(.6)}25%,70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.5)}}@keyframes cast-lazzo{0%{opacity:0;transform:translate(-50%,30%)scale(.6)}25%,65%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(260%,-60%)scale(.35)rotate(12deg)}}@keyframes banner{0%{opacity:0;transform:scaleX(.4)}20%,75%{opacity:1;transform:none}to{opacity:0}}@keyframes mask-flash{0%{filter:none}30%{filter:brightness(1.8) drop-shadow(0 0 18px var(--brass-bright));transform:scale(1.12)}to{filter:none;transform:none}}@keyframes chip-flash{0%,to{box-shadow:none}30%{box-shadow:0 0 0 2px var(--crimson), 0 0 16px #b8323fe6}}@keyframes chip-gain{0%,to{box-shadow:none}40%{box-shadow:0 0 0 2px var(--brass-bright), 0 0 18px #f0cd84e6}}.home{justify-content:center;align-items:center;gap:clamp(10px,3vh,28px);padding:16px;position:relative}.home-stage{pointer-events:none;position:absolute;inset:0;overflow:hidden}.home-curtain{background:repeating-linear-gradient(90deg,#5a1520 0 22px,#3a1118 22px 36px,#6a1a26 36px 48px);width:22%;position:absolute;top:0;bottom:0;box-shadow:inset 0 -60px 90px #0000008c,0 0 40px #000c}.home-curtain[data-side=left]{border-radius:0 0 60%/0 0 12%;left:0}.home-curtain[data-side=right]{border-radius:0 0 0 60%/0 0 0 12%;right:0}.home-valance{border-bottom:3px solid var(--brass);background:repeating-linear-gradient(90deg,#6a1a26 0 30px,#4a121b 30px 60px);border-radius:0 0 50% 50%/0 0 40% 40%;height:9%;position:absolute;top:0;left:0;right:0;box-shadow:0 10px 30px #000000b3}.home-light{background:radial-gradient(50% 60% at 50% 30%,#ffdc9633,#0000 70%);width:70%;height:110%;position:absolute;top:-10%;left:50%;translate:-50%}.home-boards{transform-origin:bottom;background:repeating-linear-gradient(90deg,#00000038 0 2px,#0000 2px 90px),linear-gradient(#4c311c,#2a1c14);height:22%;position:absolute;bottom:0;left:10%;right:10%;transform:perspective(600px)rotateX(38deg)}.home-masks{align-items:flex-end;gap:clamp(8px,3vw,40px);display:flex;position:relative}.home-mask{filter:drop-shadow(0 10px 18px #000000b3);width:clamp(64px,12vh,132px)}.home-mask:nth-child(2){width:clamp(80px,16vh,172px)}.home-mask .hero-mask{width:100%;height:auto;display:block}.home-title{text-align:center;position:relative}.home-title h1{color:var(--brass-bright);letter-spacing:.06em;text-shadow:0 4px #5a3d22,0 10px 30px #000c;font-size:clamp(44px,11vh,112px);line-height:.95}.home-title p{font-family:var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--paper);font-size:clamp(16px,3vh,26px)}.home-menu{flex-direction:column;align-items:stretch;gap:10px;width:min(340px,100%);display:flex;position:relative}.home-play{min-height:58px;font-family:var(--serif);letter-spacing:.08em;font-size:24px;box-shadow:0 0 30px #f0cd8459}.home-continue{flex-direction:column;min-height:52px;display:flex}.home-continue small{opacity:.85;font-size:12px}.home-secondary{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.setup{gap:0}.hero-picks{overscroll-behavior:contain;border:0;flex:auto;gap:14px;min-height:0;margin:0;padding:14px 16px;display:flex;overflow-y:auto}.hero-pick{--hue:var(--brass);cursor:pointer;min-width:0;color:var(--paper);transition:transform calc(.2s * var(--beat)), box-shadow calc(.2s * var(--beat));background:radial-gradient(90% 40% at 50% 0,#ffdc961f,#0000 70%),linear-gradient(#2f2017,#160e0a);border:2px solid #5a4430;border-radius:14px;flex-direction:column;flex:1 1 0;gap:10px;padding:16px;display:flex;position:relative;box-shadow:0 10px 26px #0000008c}.hero-pick[data-faction=capitano]{--hue:var(--crimson)}.hero-pick[data-faction=pulcinella]{--hue:var(--violet)}.hero-pick[data-faction=arlecchino]{--hue:var(--turquoise)}.hero-pick:before{content:"";background:var(--hue);border-radius:12px 12px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.hero-pick[data-checked]{border-color:var(--brass-bright);box-shadow:0 0 0 2px var(--brass), 0 0 36px #f0cd844d, 0 10px 26px #0000008c;transform:translateY(-4px)}.hero-pick:has(input:focus-visible){outline:3px solid var(--brass-bright);outline-offset:3px}.hero-pick input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.hero-pick-mask{align-self:center;width:clamp(64px,12vh,120px)}.hero-pick-mask .hero-mask{width:100%;height:auto;display:block}.hero-pick-head{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.hero-pick-name{font-family:var(--serif);font-size:clamp(22px,3.4vh,32px);font-weight:700}.hero-pick-style{color:var(--paper-dim);font-size:14px}.hero-pick-power,.hero-pick-evolution,.hero-pick-deck{font-family:var(--serif);flex-direction:column;gap:4px;font-size:15px;line-height:1.3;display:flex}.hero-pick-label{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--brass);font-size:11px;font-weight:700}.curve{align-items:flex-end;gap:4px;height:40px;display:flex}.curve-bin{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.curve-bar{background:linear-gradient(var(--brass-bright), var(--hue));border-radius:2px 2px 0 0;width:100%;min-height:2px}.curve-bin small{font:700 10px var(--sans);color:var(--paper-dim)}.setup-footer{background:linear-gradient(#1a110c,#120b08);border-top:1px solid #3d2a1c;flex-wrap:wrap;flex:none;align-items:center;gap:16px 24px;padding:10px 16px;display:flex}.choice-row{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;display:flex}.choice-row legend{float:left;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);margin-right:8px;font-size:11px;font-weight:700}.choice{cursor:pointer;border:1px solid #6b5134;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice[data-checked]{border-color:var(--brass-bright);color:var(--brass-bright);background:#c9a15a33}.choice:has(input:focus-visible){outline:3px solid var(--brass-bright);outline-offset:2px}.setup-start{min-height:52px;font-family:var(--serif);margin-left:auto;font-size:20px}@media (width<=760px){.hero-picks{flex-direction:column;gap:10px;padding:10px}.hero-pick{flex:none;grid-template-columns:64px 1fr;grid-template-areas:"mask head""power power""evo evo""deck deck";gap:6px;padding:12px;display:grid}.hero-pick-mask{grid-area:mask;width:64px}.hero-pick-head{text-align:left;grid-area:head;align-items:flex-start}.hero-pick-power{grid-area:power;font-size:13px}.hero-pick-evolution{grid-area:evo;font-size:13px}.hero-pick-deck{grid-area:deck}.hero-pick:not([data-checked]) .hero-pick-power,.hero-pick:not([data-checked]) .hero-pick-evolution,.hero-pick:not([data-checked]) .hero-pick-deck{display:none}.setup-footer{gap:8px;padding:8px 10px}.setup-start{width:100%;margin-left:0}}.result{justify-content:center;align-items:center;padding:16px;position:relative}.result-stage{pointer-events:none;position:absolute;inset:0}.result-card{text-align:center;flex-direction:column;align-items:center;gap:clamp(8px,2vh,18px);width:100%;max-width:720px;display:flex;position:relative}.result-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--paper-dim);font-size:13px}.result-card h1{color:var(--brass-bright);text-shadow:0 4px #5a3d22,0 10px 30px #000c;font-size:clamp(40px,9vh,88px)}.result[data-outcome=loss] .result-card h1{color:#e6a3a3}.result-cast{align-items:flex-end;gap:clamp(16px,6vw,72px);display:flex}.result-hero{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.result-hero .hero-mask{width:clamp(72px,16vh,150px);height:auto}.result-hero[data-won] .hero-mask{filter:drop-shadow(0 0 24px #f0cd848c);width:clamp(96px,22vh,200px)}.result-hero[data-fell]{opacity:.7;filter:grayscale(.6)}.result-hero figcaption{flex-direction:column;gap:2px;display:flex}.result-hero strong{font-family:var(--serif);font-size:20px}.result-hero span{color:var(--paper-dim);font-size:13px}.result-summary{gap:28px;margin:0;display:flex}.result-summary div{flex-direction:column;align-items:center;display:flex}.result-summary dt{letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-size:11px}.result-summary dd{margin:0;font-size:26px}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.topbar-count{color:var(--paper-dim);white-space:nowrap}.filter-bar{border-bottom:1px solid #3d2a1c;flex-wrap:wrap;flex:none;gap:8px 24px;padding:10px 16px;display:flex}.file-button{border:1px solid var(--brass);color:var(--brass-bright);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;padding:6px 14px;font-weight:700;display:inline-flex;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-button:has(input:focus-visible){outline:3px solid var(--brass-bright);outline-offset:2px}.catalog-body{flex:auto;min-height:0;display:flex;position:relative}.card-grid{--card-w:clamp(132px, 13vw, 176px);flex-wrap:wrap;flex:auto;place-content:flex-start center;gap:16px;margin:0;padding:16px;list-style:none;display:flex}.card-grid>li{flex-direction:column;align-items:center;gap:4px;display:flex}.catalog-card{cursor:pointer;border-radius:calc(var(--card-w) * .07);transition:transform calc(.16s * var(--beat));background:0 0;border:0;padding:0}.catalog-card:hover,.catalog-card[aria-pressed=true]{transform:translateY(-4px)}.catalog-card[aria-pressed=true] .card{box-shadow:0 0 0 3px var(--brass-bright), 0 10px 20px #0009}.catalog-copies{color:var(--brass);font-size:12px}.catalog .inspector{top:10px}.lab-status{color:var(--paper-dim);white-space:nowrap;font-size:13px}.lab-meta{flex:none;align-items:flex-end;gap:16px;max-width:720px;padding:8px 16px;display:flex}.lab-tabs{flex-direction:column;flex:auto;min-height:0;padding:0 16px 12px;display:flex}.lab-tabs>[role=tabpanel]{flex:auto;min-height:0;display:flex}.lab-panel{flex-direction:column;flex:auto;gap:12px;padding:12px 4px;display:flex}.lab-fields{flex-wrap:wrap;gap:10px 16px;display:flex}.lab-fields>*{flex:0 220px;min-width:160px}.lab-filters{flex-wrap:wrap;align-items:flex-end;gap:10px 20px;display:flex}.lab-card{gap:16px;padding:12px;display:flex}.lab-card-face{--card-w:150px;flex:none}.lab-card-edit{flex-direction:column;flex:auto;gap:8px;min-width:0;font-size:14px;display:flex}.lab-card-edit h3{font-size:18px}.lab-scenarios{flex:auto;gap:12px;min-height:0;display:flex}.scenario-list{flex-direction:column;flex:0 0 260px;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scenario-list li{flex-direction:column;gap:2px;display:flex}.scenario-board{border:1px solid #5a4430;border-radius:12px;flex:auto;min-width:0;min-height:420px;display:flex;overflow:hidden}.lab-diff pre{white-space:pre-wrap;font-family:var(--ui-font-mono,monospace);background:#0006;border-radius:8px;margin:0 0 10px;padding:12px;font-size:13px}.lab-experiments{flex-direction:column;gap:12px;display:flex}.lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lab-report{flex-direction:column;gap:6px;padding:12px;display:flex}.replays-body{flex:auto;gap:10px;min-height:0;padding:10px;display:flex}.replay-list{flex-direction:column;flex:0 0 clamp(220px,20vw,300px);gap:6px;min-height:0;padding:10px;display:flex}.replay-list ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.replay-item{text-align:left;width:100%;color:var(--paper);cursor:pointer;background:#0000004d;border:1px solid #5a4430;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.replay-item[aria-current=true]{border-color:var(--brass-bright);background:#c9a15a29}.replay-item strong{font-family:var(--serif)}.replay-item span,.replay-item small{color:var(--paper-dim);font-size:12px}.replay-stage{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.replay-stage .board{border:1px solid #3d2a1c;border-radius:12px;overflow:hidden}.replay-transport{flex-wrap:wrap;flex:0 auto;justify-content:center;gap:4px;display:flex}.replay-issues{padding:16px}@media (width<=760px) and (orientation:portrait){.filter-bar{gap:6px;padding:8px 10px}.card-grid{--card-w:calc((100vw - 52px) / 2);gap:10px;padding:10px}.lab-card,.lab-scenarios{flex-direction:column}.scenario-list{flex:none}.replays-body{flex-direction:column;padding:6px}.replay-list{flex:none}.replay-list ul{overscroll-behavior-x:contain;flex-direction:row;overflow-x:auto}.replay-list li{flex:0 0 min(240px,80%)}.replay-stage{flex:auto}}.actions .choice-row{flex:100%;justify-content:flex-end}@media (width<=760px) and (orientation:portrait){.topbar{flex-wrap:wrap;gap:4px 8px;padding:4px 8px}.topbar .topbar-title h1{font-size:18px}.topbar button{white-space:nowrap}.lab-status{display:none}.replay-hud .replay-transport{flex:100%;order:3}}.replay-close{display:none}@media (height<=620px){.replays-body:has(.replay-stage .board) .replay-list{display:none}.replay-close{display:inline-flex}.replay-stage{overscroll-behavior:contain;overflow-y:auto}.replay-stage .board-host{flex:1 0 auto;min-height:540px}.replay-hud{flex-wrap:wrap}.replay-hud .replay-transport{flex:100%;order:3}}