:root{--bg: #14100c;--bg-soft: #1b1610;--panel: #241c14;--panel-2: #2e2419;--panel-inset: #100d09;--line: #3a2e20;--line-strong: #6b5636;--brass-lit: #a3814b;--wash-1: rgba(224, 123, 57, .07);--wash-2: rgba(0, 0, 0, .5);--header-bg: rgba(18, 14, 10, .92);--text: #f0e6cf;--text-2: #d6c9a8;--text-3: #9c8e70;--text-muted: #8a7c60;--accent: #c9973f;--accent-strong: #e8b95c;--accent-soft: rgba(224, 123, 57, .14);--accent-contrast: #241a08;--ember: #e07b39;--glow-ember: rgba(224, 123, 57, .18);--arcane: #67c4b8;--warn: #d9a13b;--warn-soft: rgba(217, 161, 59, .18);--danger: #d0604a;--danger-soft: rgba(192, 80, 60, .2);--good: #9db863;--ice: #67c4b8;--state-mark: #f28c50;--state-check: #ff6b5e;--state-last: #e6c37a;--state-target: #5fbfae;--focus-ring: #dcb56a;--focus-under: rgba(14, 12, 10, .9);--sq-light: #b9a179;--sq-dark: #6e4f33;--board-outline: rgba(16, 11, 7, .85);--board-frame: #2a1f14;--pill-h: 24px;--pill-pad: 0 10px;--pill-radius: 3px;--pill-font: .76rem;--pill-weight: 700;--r-sm: 2px;--r-md: 3px;--r-lg: 5px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 10px 30px -12px rgba(0, 0, 0, .6);--shadow-lg: 0 24px 48px rgba(0, 0, 0, .55);--bevel: inset 0 1px 0 rgba(255, 255, 255, .05), inset 0 -1px 0 rgba(0, 0, 0, .4);--topbar-h: 0px;--board-max: 1040px;--board-min: 320px;--board-vertical-reserve: 190px;--font-display: "Cinzel", "Times New Roman", Georgia, serif;--font-sans: "Alegreya", "Iowan Old Style", Palatino, Georgia, serif;--font-flavor: "IM Fell English", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;color-scheme:dark;color:var(--text);background:var(--bg);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:0}*::-webkit-scrollbar-track{background:transparent}[data-theme=light]{--bg: #d9c9a3;--bg-soft: #e8dbb8;--panel: #f2e7c9;--panel-2: #f8efd8;--panel-inset: #e0d2ab;--line: #c4b088;--line-strong: #8a6f3e;--brass-lit: #6e5426;--wash-1: rgba(176, 90, 30, .06);--wash-2: rgba(74, 56, 32, .22);--header-bg: rgba(236, 224, 191, .92);--text: #241b0e;--text-2: #3a2e1c;--text-3: #6e5d42;--text-muted: #8a7854;--accent: #8a621c;--accent-strong: #6e4d12;--accent-soft: rgba(176, 90, 30, .14);--accent-contrast: #fdf6e0;--ember: #b05a1e;--glow-ember: rgba(176, 90, 30, .2);--arcane: #1d6e64;--warn: #96690f;--warn-soft: rgba(150, 105, 15, .16);--danger: #922e1d;--danger-soft: rgba(146, 46, 29, .15);--good: #4e6e28;--ice: #1d6e64;--sq-light: #e3d3a8;--sq-dark: #8a6a42;--board-outline: rgba(46, 32, 16, .75);--board-frame: #4a3820;--state-mark: #b05a1e;--state-check: #a32014;--state-last: #8a6a1a;--state-target: #17685c;--focus-ring: #6e4d12;--focus-under: rgba(253, 246, 224, .9);--shadow-sm: 0 1px 0 rgba(46, 32, 16, .15);--shadow-md: 0 10px 26px -10px rgba(46, 32, 16, .3);--shadow-lg: 0 22px 50px rgba(46, 32, 16, .3);--bevel: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(74, 56, 32, .18);color-scheme:light}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);font-size:16.5px;transition:background-color .24s ease,color .24s ease}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(90rem 60rem at 50% -10%,var(--wash-1),transparent 60%),radial-gradient(140% 100% at 50% 40%,transparent 55%,var(--wash-2) 100%)}body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-under)}h1,h2,h3{margin:0;color:var(--text);letter-spacing:.035em;font-family:var(--font-display)}h1{font-size:clamp(1.4rem,1.5vw + .9rem,1.85rem);font-weight:700}h2{font-size:clamp(1.15rem,1.2vw + .75rem,1.5rem);font-weight:700}h3{font-size:1.05rem;font-weight:700}p{margin:0;color:var(--text-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{position:sticky;top:0;z-index:40;width:100%;height:var(--topbar-h);display:flex;align-items:center;padding:0 clamp(10px,2vw,22px);background:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:background .24s ease,border-color .24s ease}.app-header-inner{width:min(100%,1240px);margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.app-header-side{display:flex;align-items:center;gap:8px}.app-header-side.end{justify-content:flex-end}.app-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:-.01em}.app-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;line-height:1}.app-brand-mark img{width:20px;height:20px;display:block}.app-brand-text{font-size:1.02rem;font-weight:inherit;line-height:1;margin:0}.header-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--r-md);padding:6px 12px;font-size:.86rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease}.header-btn-icon{width:36px;padding:6px 0;font-size:1rem;text-align:center;line-height:1}.settings-modal{max-width:520px;width:min(520px,92vw)}.settings-body{padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px}.settings-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.settings-row-text{display:flex;flex-direction:column;gap:4px}.settings-row-text strong{font-size:.96rem}.settings-row-text small{color:var(--text-2);font-size:.82rem;line-height:1.4}.settings-row input[type=checkbox]{flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--accent)}.app-shell{min-height:calc(100vh - var(--topbar-h));display:grid;place-items:start center;padding:clamp(14px,2vw,30px)}.app-shell.app-shell-centered{place-items:center;padding-top:clamp(40px,6vw,80px)}.workspace-layout{display:grid;width:min(100%,1380px);align-items:start;justify-content:center;gap:clamp(14px,1.6vw,22px)}.workspace-layout.chess2-layout{grid-template-columns:minmax(var(--board-min),min(var(--board-max),calc(100dvh - var(--board-vertical-reserve)))) minmax(280px,360px)}.workspace-layout.player-layout{grid-template-columns:minmax(var(--board-min),var(--board-max));justify-content:center}.app-shell:has(.chess2-layout){padding-block:clamp(6px,1vw,14px)}@media(max-width:1020px){.workspace-layout.chess2-layout{grid-template-columns:minmax(0,min(var(--board-max),max(var(--board-min),calc(100dvh - 180px))));justify-content:center}}.hero{width:min(100%,540px);display:grid;gap:18px;padding:clamp(20px,3vw,36px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);text-align:center}.hero-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.hero-title{font-size:clamp(1.6rem,2.4vw + .8rem,2.4rem);line-height:1.1;font-weight:800;margin:0;letter-spacing:-.02em}.hero-accent{color:var(--accent)}.hero-sub{color:var(--text-3);font-size:.96rem}.hero-actions{display:grid;gap:10px;margin-top:4px}.btn,.lobby-primary,.preset-button,.top-bar button,.action-row,.rematch-panel button,.lobby-join-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--r-md);border:1px solid transparent;background:var(--accent);color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease,transform .14s ease}.btn:hover,.lobby-primary:hover,.preset-button:hover,.top-bar button:hover,.action-row:hover,.rematch-panel button:hover,.lobby-join-row button:hover{background:var(--accent-strong)}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost,.lobby-secondary{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:none}.btn-ghost:hover,.lobby-secondary:hover{background:var(--panel-2);border-color:var(--line-strong)}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.game-panel,.army-panel,.lobby-card,.dev-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(14px,1.6vw,20px);box-shadow:var(--shadow-md);color:var(--text)}.game-panel{width:100%;min-width:0}.army-panel{grid-template-columns:minmax(0,1fr);width:100%;display:grid;gap:12px;max-height:calc(100vh - var(--topbar-h) - 48px);overflow:hidden auto}@media(max-width:1020px){.army-panel{max-height:none;overflow:visible}}.top-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.top-bar>div:first-child{min-width:0}.top-bar h1{margin-bottom:4px}.top-bar p{color:var(--text-3);font-size:.9rem}.top-bar-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}.game-status-pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text)}.game-status-pill.warn{border-color:var(--danger);color:var(--danger);background:var(--danger-soft, rgba(217, 89, 71, .12))}.game-status-pill.end{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.to-move-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent)}.board-wrap{display:grid;gap:6px}.board-row-wrap{display:grid;grid-template-columns:1fr;align-items:stretch;min-width:0}.board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:min(var(--board-max),calc(100dvh - var(--board-vertical-reserve)));min-width:var(--board-min);aspect-ratio:1;border:1px solid var(--board-outline);border-radius:var(--r-md);overflow:hidden;background:var(--sq-dark);box-shadow:var(--shadow-md);transform:rotate(0);transition:transform .48s cubic-bezier(.45,.05,.35,1);position:relative}.board-annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}.anno-highlight{opacity:.5}.anno-arrow{opacity:.45;stroke:none}.anno-blue{fill:#5aa8de}.anno-yellow{fill:#d9a92f}.board.flipped{transform:rotate(180deg)}.board.has-promotion,.board.has-form-shift{overflow:visible}.piece-image,.piece{transition:transform .48s cubic-bezier(.45,.05,.35,1)}.board.flipped .piece-image,.board.flipped .piece{transform:rotate(180deg)}.square-cell{position:relative;display:grid;aspect-ratio:1;min-width:0}.square{position:relative;display:grid;place-items:center;border:0;padding:0;min-width:0;aspect-ratio:1;width:100%;height:100%;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.square.light{background:var(--sq-light)}.square.dark{background:var(--sq-dark)}.coord{position:absolute;z-index:1;font-size:clamp(8px,1.15vmin + 3px,14px);font-weight:700;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.coord-file{right:5%;bottom:4%}.coord-rank{left:5%;top:4%}.square.light .coord{color:var(--sq-dark)}.square.dark .coord{color:var(--sq-light)}.board.flipped .coord{transform:rotate(180deg)}.board.flipped .coord-file{inset:4% auto auto 5%}.board.flipped .coord-rank{inset:auto 5% 4% auto}@media(hover:hover){.square:hover{filter:brightness(1.06)}}.square:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.square.selected{background:#f0c95c}.square.dark.selected{background:#c69a3f}.move-dot{width:30%;aspect-ratio:1;border-radius:50%;background:#281e144d;pointer-events:none}.square.dark .move-dot{background:#fff5e68c}.square.capture{box-shadow:inset 0 0 0 5px #281e1459}.square.dark.capture{box-shadow:inset 0 0 0 5px #fff5e673}.square.secondary-target{box-shadow:inset 0 0 0 4px #c47c1eb3}.square.last-move{background-image:linear-gradient(#f6d23c8c,#f6d23c8c)}.square.dark.last-move{background-image:linear-gradient(#f6d23c80,#f6d23c80)}.square.premove{background-image:linear-gradient(#d959479e,#d959479e)}.square.dark.premove{background-image:linear-gradient(#d95947b3,#d95947b3)}.square.mythobeast-charge-path{background-image:linear-gradient(#f59e0b59,#f59e0b59)}.square.dark.mythobeast-charge-path{background-image:linear-gradient(#f59e0b73,#f59e0b73)}.square.mythobeast-charge-destination{background-image:linear-gradient(#f59e0b8c,#f59e0b8c);box-shadow:inset 0 0 0 3px #d97706d9}.square.dark.mythobeast-charge-destination{background-image:linear-gradient(#f59e0ba6,#f59e0ba6);box-shadow:inset 0 0 0 3px #d97706f2}.square.special-mode-dimmed{filter:brightness(.55) saturate(.7)}.square.special-mode-dimmed .piece-image,.square.special-mode-dimmed .piece{opacity:.6}.premove-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;background:#d959471f;border:1px solid rgba(217,89,71,.45);color:#8a2a1b}.premove-banner>span{overflow-wrap:anywhere;flex:1;min-width:0}.premove-cancel-btn{border:1px solid rgba(217,89,71,.5);background:transparent;color:#8a2a1b;font-size:.78rem;font-weight:600;padding:3px 9px;border-radius:var(--r-sm, 4px);cursor:pointer}.premove-cancel-btn:hover{background:#d959472e}.square.placement-zone{background-image:linear-gradient(#489e6452,#489e6452);box-shadow:inset 0 0 0 2px #2e8a5073}.square.placement-zone:hover{background-image:linear-gradient(#489e6473,#489e6473);box-shadow:inset 0 0 0 2px #2e8a50bf}.board-with-toast{position:relative}.setup-warning-toast{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #f3bdbd;background:var(--danger-soft);color:var(--danger);border-radius:var(--r-md);font-size:.9rem;font-weight:600;box-shadow:var(--shadow-sm);pointer-events:none;z-index:10;animation:setup-warning-fade .24s ease-out;white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}.setup-warning-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;font-weight:800;flex-shrink:0}@keyframes setup-warning-fade{0%{transform:translate(-50%,-6px);opacity:0}to{transform:translate(-50%);opacity:1}}.server-error-toast{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:10px;border:1px solid #f3bdbd;background:var(--danger-soft);color:var(--danger);border-radius:var(--r-md);font-size:.92rem;font-weight:600;animation:server-error-pop .24s ease-out;box-shadow:var(--shadow-sm)}.disconnect-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;margin-bottom:10px;border:1px solid var(--warn);background:var(--warn-soft);color:var(--text);border-radius:var(--r-md);font-size:.92rem;font-weight:600}.disconnect-banner strong{color:var(--warn);font-variant-numeric:tabular-nums}.disconnect-spinner{width:14px;height:14px;border:2px solid var(--line);border-top-color:var(--warn);border-radius:50%;animation:lobby-spin .7s linear infinite;flex-shrink:0}.waiting-overlay-code{display:grid;gap:4px;justify-items:center;padding:18px;background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--r-md)}.waiting-overlay-code code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:2.2rem;font-weight:800;letter-spacing:.24em;color:var(--text)}.waiting-overlay-code span{font-size:.72rem;font-weight:700;color:var(--accent-strong);text-transform:uppercase;letter-spacing:.1em}.server-error-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;font-weight:800;flex-shrink:0}.server-error-toast>span:not(.server-error-icon){flex:1;min-width:0}.server-error-close{display:grid;place-items:center;width:24px;height:24px;padding:0;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--danger);font-size:1.1rem;font-weight:800;line-height:1;cursor:pointer;flex-shrink:0;transition:background .12s ease,border-color .12s ease}.server-error-close:hover{background:#0000000f;border-color:#f3bdbd}@keyframes server-error-pop{0%{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.square.checked-square{background:#f3b4b4;animation:check-pulse 1.4s ease-in-out infinite}.square.dark.checked-square{background:#c2735f}@keyframes check-pulse{0%,to{box-shadow:inset 0 0 0 4px #c43d3d80}50%{box-shadow:inset 0 0 0 6px #c43d3dd9}}.square.protected-square:before,.square.empowered-square:before,.square.frozen-square:after{position:absolute;z-index:1;right:4px;display:grid;place-items:center;width:16px;aspect-ratio:1;border-radius:50%;font-size:.62rem;font-weight:800;box-shadow:var(--shadow-sm)}.square.ferryman-portal-tile{box-shadow:inset 0 0 0 4px #2abed2b8}.square.ferryman-portal-tile:before{content:"◌";position:absolute;z-index:0;inset:12%;display:grid;place-items:center;border:2px dashed rgba(225,255,255,.78);border-radius:50%;color:#e1ffffe6;font-size:clamp(1rem,3vw,2rem);text-shadow:0 1px 3px rgba(0,0,0,.65);pointer-events:none}.square.protected-square:before{top:4px;content:"P";background:var(--good);color:#fff}.square.frozen-square:after{bottom:4px;content:"F";background:var(--ice);color:#fff}.square.empowered-square:before{top:4px;left:4px;right:auto;content:"E";background:var(--accent);color:var(--accent-contrast)}.prey-mark-x{position:absolute;inset:6%;width:auto;height:auto;pointer-events:none;z-index:2;overflow:visible;filter:drop-shadow(0 1px 2px rgba(0,0,0,.55))}.prey-mark-x-slash{stroke:#dc1e1eeb;stroke-width:14;stroke-linecap:round;fill:none;stroke-dasharray:100;stroke-dashoffset:100;animation:prey-mark-slash-draw .18s cubic-bezier(.4,0,.2,1) forwards}.prey-mark-x-slash-2{animation-delay:.15s}@keyframes prey-mark-slash-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.prey-mark-x-slash{animation-duration:1ms;animation-delay:0ms}}.promotion-picker{position:absolute;left:50%;transform:translate(calc(-50% + var(--promo-clamp, 0px)));z-index:50;display:flex;flex-direction:column;gap:6px;padding:10px;max-width:min(92vw,388px);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 14px 32px #281e122e,0 2px 6px #281e1214;cursor:default;pointer-events:auto}.board.flipped .promotion-picker{transform:translate(calc(-50% + var(--promo-clamp, 0px))) rotate(180deg)}.promotion-picker.expand-down{top:calc(100% + 6px)}.promotion-picker.expand-up{bottom:calc(100% + 6px)}.promotion-picker-header{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);text-align:center}.promotion-picker-options{display:grid;grid-template-columns:repeat(6,58px);gap:4px}.form-shift-options{grid-template-columns:repeat(2,80px);gap:8px}.form-shift-options .promotion-option{padding:8px 4px;font-size:12px}.form-shift-options .promotion-option img{width:56px;height:56px}.promotion-option{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 3px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:var(--text-2);font-size:10px;line-height:1.15;text-align:center;cursor:pointer;overflow:hidden;min-width:0}.promotion-option>span{display:block;max-width:100%;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.promotion-option:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.promotion-option img{width:32px;height:32px;object-fit:contain;pointer-events:none}.promotion-cancel{align-self:center;padding:4px 12px;background:transparent;color:var(--text-3);border:1px solid var(--line);border-radius:4px;font-size:11px;cursor:pointer}.promotion-cancel:hover{color:var(--text);border-color:var(--line-strong);background:var(--panel-2)}.promotion-option,.promotion-cancel{touch-action:manipulation}@media(max-width:520px){.promotion-picker{gap:4px;padding:8px}.promotion-picker-options{grid-template-columns:repeat(3,minmax(52px,1fr))}.promotion-option img{width:28px;height:28px}.promotion-option,.promotion-cancel{min-height:44px}}.piece-image{width:88%;height:88%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.placement-ghost{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));transition:opacity 80ms ease}.board.flipped .placement-ghost{transform:rotate(180deg)}@media(hover:hover){.square.draggable-piece{cursor:grab}}.piece-drag-ghost{position:fixed;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.square.draggable-piece,.square.placement-zone{touch-action:none}.piece-shift{display:grid;place-items:center;width:100%;height:100%;z-index:1}.piece-shift-animating{animation:piece-slide .22s cubic-bezier(.25,.46,.45,.94)}@keyframes piece-slide{0%{transform:translate(var(--move-dx, 0),var(--move-dy, 0))}to{transform:translate(0)}}.piece{font-size:clamp(1.1rem,4vw,2.4rem);font-weight:900;line-height:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.piece.white{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7)}.piece.black{color:#14181a}.dev-panel-header{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:6px}.pill,.dev-panel-header span,.exp-pill,.codex-tag,.codex-stats span,.codex-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--pill-h);padding:var(--pill-pad);border-radius:var(--pill-radius);font-size:var(--pill-font);font-weight:var(--pill-weight);letter-spacing:.04em;white-space:nowrap;line-height:1;border:1px solid transparent;background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase}.dev-panel-header strong{color:var(--text);font-size:1.02rem}.budget-line,.setup-rules,.validation-list,.move-history-panel,.chat-panel,.player-strip,.quick-status,.rematch-panel,.notes div{display:grid;gap:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);border-radius:var(--r-md);padding:10px 12px;font-size:.88rem}.budget-line strong{color:var(--text);font-size:1.02rem;font-variant-numeric:tabular-nums}.budget-line span{color:var(--text-3)}.army-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.army-tabs button{border:0;background:transparent;color:var(--text-2);font-weight:700;padding:7px 12px;border-radius:var(--r-sm);cursor:pointer;transition:background .12s ease,color .12s ease}.army-tabs button:hover{color:var(--text)}.army-tabs button.active{background:var(--accent);color:#fff}.preset-button{display:grid;gap:2px;width:100%;text-align:left;padding:10px 14px}.preset-button small{color:#ffffffdb;font-weight:500}.setup-action-row{display:flex;align-items:stretch;gap:8px}.setup-action-row .preset-button{flex:1;min-width:0}.clear-board-button{flex-shrink:0;padding:8px 14px;background:var(--panel-2);color:var(--text-2);border:1px solid var(--line-strong);border-radius:var(--r-md);font-weight:700;font-size:.86rem;cursor:pointer;box-shadow:none;transition:background .14s ease,color .14s ease,border-color .14s ease}.clear-board-button:hover:not(:disabled){background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.clear-board-button:disabled{opacity:.5;cursor:not-allowed}.armies-picker{display:grid;gap:10px;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.armies-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.armies-header strong{font-size:.92rem;color:var(--text)}.armies-save-btn{padding:4px 10px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--accent);font-weight:700;font-size:.78rem;cursor:pointer;box-shadow:none}.army-panel>*{min-width:0;max-width:100%}.armies-save-btn:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.armies-save-btn:disabled{opacity:.45;cursor:not-allowed}.armies-save-row{display:flex;gap:6px;align-items:stretch}.armies-save-row input{flex:1;padding:6px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font-size:.86rem;min-width:0}.armies-save-row button{padding:6px 12px;font-size:.82rem;box-shadow:none}.armies-save-row .armies-cancel{background:transparent;color:var(--text-2);border:1px solid var(--line)}.armies-group{display:grid;gap:6px}.armies-group-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.armies-chip-row{display:flex;flex-wrap:wrap;gap:6px}.armies-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font-weight:700;font-size:.82rem;cursor:pointer;box-shadow:none;transition:background .12s ease,border-color .12s ease}.armies-chip small{font-size:.68rem;font-weight:500;color:var(--text-3)}.armies-chip:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.armies-chip:disabled{opacity:.5;cursor:not-allowed}.armies-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.armies-row{display:flex;align-items:stretch;gap:4px}.armies-load{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font-weight:600;font-size:.84rem;text-align:left;cursor:pointer;box-shadow:none;transition:background .12s ease,border-color .12s ease}.armies-load:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.armies-load:disabled{opacity:.5;cursor:not-allowed}.armies-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.armies-load small{color:var(--text-3);font-weight:500;font-size:.72rem;flex-shrink:0}.armies-delete{width:28px;background:transparent;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-3);font-size:1rem;line-height:1;cursor:pointer;box-shadow:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.armies-delete:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.armies-empty{margin:0;font-size:.78rem;color:var(--text-3)}.piece-list{display:grid;gap:6px;padding-right:4px}.piece-list button{display:grid;grid-template-columns:30px 1fr auto auto;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--r-md);text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.piece-info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);font-family:inherit;font-style:normal;font-weight:700;font-size:11px;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:background .12s ease,color .12s ease,border-color .12s ease}.piece-info-icon:hover,.piece-info-icon:focus-visible{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent);outline:none}.piece-list button.active{background:var(--accent-soft);border-color:var(--accent)}.piece-list button.experimental{border-style:dashed;opacity:.9}.piece-list img{width:28px;height:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}.piece-list span{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--text)}.piece-list small{color:var(--text-3);font-size:.78rem;font-variant-numeric:tabular-nums}.piece-section{margin-bottom:10px}.piece-section-head{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;padding:0 2px 4px;font-size:.78rem}.piece-section-head strong{letter-spacing:.05em;text-transform:uppercase;color:var(--text);font-size:.74rem}.piece-section-head span{color:var(--text-3);font-size:.72rem}.piece-section-count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-2);padding:1px 6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:.7rem}.piece-list-mythic{padding:4px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-md)}.piece-section-mythic .piece-section-head strong{color:var(--accent-strong)}.piece-list-objective{padding:4px;border:1px dashed var(--line-strong);background:var(--panel-2);border-radius:var(--r-md)}.piece-section-objective .piece-section-head strong{color:var(--text)}.piece-sort-toggle{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-3);margin-bottom:6px}.piece-sort-toggle button{padding:3px 8px;background:var(--panel);color:var(--text-2);border:1px solid var(--line);border-radius:var(--r-sm, 4px);cursor:pointer;font-size:.74rem;font-variant-numeric:tabular-nums}.piece-sort-toggle button:hover{background:var(--panel-2);border-color:var(--line-strong)}.piece-sort-toggle button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.piece-sort-label{margin-right:2px;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.piece-info-overlay{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#14182473;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.piece-info-popup{position:relative;width:min(100%,360px);max-height:min(86vh,520px);overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg)}.piece-info-close{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center}.piece-info-close:hover{background:var(--danger-soft);color:var(--danger);border-color:#f3bdbd}.piece-info-head{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px}.piece-info-head img{width:32px;height:32px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.piece-info-head-text{display:flex;flex-direction:column}.piece-info-head-text strong{font-size:.96rem;color:var(--text)}.piece-info-head-text span{font-size:.74rem;color:var(--text-3)}.piece-info-tagline{font-style:italic;color:var(--text-2);font-size:.82rem}.piece-info-desc{margin:0;padding-left:18px;font-size:.82rem;line-height:1.4;color:var(--text);display:flex;flex-direction:column;gap:3px}.piece-info-notes{margin:0;padding-left:18px;font-size:.76rem;color:var(--text-2);display:flex;flex-direction:column;gap:2px}.piece-info-setup{font-size:.76rem;color:var(--text-3)}.piece-info-setup strong{color:var(--text-2)}.exp-pill{background:var(--warn-soft);color:var(--warn)}.setup-rules strong,.validation-list strong{color:var(--text)}.setup-rules,.validation-list{font-size:.84rem}.notes{display:flex;gap:6px;flex-wrap:wrap}.notes.vertical{display:grid}.action-row{display:block;width:100%;padding:8px 12px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-strong);border:1px solid #c8d3f3;text-align:left;font-weight:700;font-size:.88rem;box-shadow:none}.action-row:hover{background:var(--accent);color:#fff;border-color:var(--accent-strong)}.pending-banner{padding:10px 14px;border-radius:var(--r-md);background:var(--warn-soft);border:1px solid #f0d59f;color:#7c5410;font-weight:700}.player-strip,.quick-status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--text-2);font-size:.86rem}.player-strip strong{color:var(--text)}.panel-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.panel-section-title span{color:var(--text-3);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-section-title strong{color:var(--text);font-size:.95rem}.panel-link{margin-left:auto;border:0;background:transparent;color:var(--accent-strong);padding:2px 6px;font-size:.82rem;font-weight:700;cursor:pointer;border-radius:var(--r-sm)}.panel-link:hover{background:var(--accent-soft)}.move-history-panel,.chat-panel,.rematch-panel{padding:12px;gap:8px}.move-table{display:grid;max-height:220px;overflow:auto;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line)}.move-row{display:grid;grid-template-columns:36px minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:32px;border-bottom:1px solid var(--line);font-size:.88rem}.move-row:last-child{border-bottom:0}.move-row:nth-child(2n){background:var(--panel-2)}.move-number{color:var(--text-3);text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.move-row span:not(.move-number){overflow:hidden;padding:6px 10px;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.move-row .mine{color:var(--accent-strong)}.move-row .theirs{color:var(--text-2)}.move-cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;background:transparent;border:0;text-align:left;font:inherit;cursor:pointer;color:inherit;border-radius:0}.move-cell.mine{color:var(--accent-strong)}.move-cell.theirs{color:var(--text-2)}.move-cell:hover:not(:disabled){background:var(--accent-soft)}.move-cell:disabled{cursor:default;opacity:.55}.move-cell.active{background:var(--accent);color:#fff;font-weight:700}.review-controls{display:flex;align-items:center;gap:6px;padding:6px 4px;font-size:.9rem}.review-btn{padding:4px 10px;font-size:.92rem;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.review-btn:hover:not(:disabled){background:var(--accent-soft)}.review-btn:disabled{opacity:.45;cursor:default}.review-position{flex:1;text-align:center;font-variant-numeric:tabular-nums;color:var(--text-2);font-size:.85rem}.review-banner{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.empty-history{color:var(--text-3);padding:10px;font-size:.85rem}.chat-panel input{flex:1;padding:8px 12px!important;background:var(--panel)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important;font:inherit!important}.chat-panel button{padding:8px 14px!important;font-size:.85rem!important}.rematch-panel{border-color:var(--accent);background:var(--accent-soft)}.rematch-panel span{color:var(--text-2);font-size:.85rem}.lobby-screen{display:grid;place-items:center;width:100%;max-width:460px}.lobby-screen-wide{max-width:560px}.lobby-card{display:grid;gap:14px;width:100%}.lobby-card-wide{gap:18px;padding:clamp(20px,2.4vw,32px)}.lobby-card-wide .lobby-card-header h2{font-size:1.55rem}.lobby-card-wide .lobby-card-header p{font-size:.96rem}.lobby-card-header{display:grid;gap:2px}.lobby-card-header h2{margin:0}.lobby-card-header p{color:var(--text-3);font-size:.92rem}.lobby-center{display:grid;gap:14px;justify-items:center;padding:36px 22px;text-align:center}.lobby-field{display:grid;gap:6px}.lobby-field>span{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.lobby-field input[type=text]{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;font:inherit;background:var(--panel);color:var(--text);width:100%;transition:border-color .14s ease}.lobby-field input[type=text]::placeholder{color:var(--text-muted)}.lobby-field input[type=text]:focus{border-color:var(--accent)}.lobby-actions{display:grid;gap:8px}.lobby-divider{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.lobby-divider:before,.lobby-divider:after{content:"";flex:1;height:1px;background:var(--line)}.lobby-join-row{display:grid;grid-template-columns:1fr auto;gap:8px}.lobby-join-row input{text-align:center;font-size:1.15rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.lobby-section{display:grid;gap:6px}.lobby-section-header{display:flex;align-items:center;justify-content:space-between}.lobby-label{font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.lobby-room-list{display:grid;gap:6px}.lobby-room-row{display:grid;grid-template-columns:60px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:9px 12px;background:var(--panel);color:var(--text);cursor:pointer;text-align:left;transition:border-color .12s ease,background .12s ease}.lobby-room-row:hover{border-color:var(--accent);background:var(--accent-soft)}.lobby-room-row:disabled{cursor:not-allowed;opacity:.55}.lobby-room-code{font-weight:800;font-size:1.02rem;letter-spacing:.14em;color:var(--text);font-variant-numeric:tabular-nums}.lobby-room-host{color:var(--text-3);font-size:.88rem}.lobby-room-join{color:var(--accent-strong);font-size:.85rem;font-weight:700}.lobby-info-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:.92rem}.lobby-info-row span{color:var(--text-3)}.lobby-info-row strong{color:var(--text);text-transform:capitalize}.lobby-tag-color{color:var(--accent-strong)}.lobby-room-info{border:1px solid var(--line);background:var(--panel-2);border-radius:var(--r-md);padding:0 12px}.lobby-room-info .lobby-info-row+.lobby-info-row{border-top:1px solid var(--line)}.lobby-code-hero{display:grid;gap:6px;justify-items:center;padding:18px;background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--r-md);cursor:pointer;transition:background .14s ease,transform .1s ease}.lobby-code-hero:hover{background:color-mix(in srgb,var(--accent-soft) 70%,var(--accent) 30%)}.lobby-code-hero:active{transform:scale(.99)}.lobby-code-hero code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:2.4rem;font-weight:800;letter-spacing:.24em;color:var(--text)}.lobby-code-hint{font-size:.74rem;font-weight:700;color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase}.lobby-muted{color:var(--text-3);font-size:.88rem}.lobby-error{border-radius:var(--r-md);padding:9px 12px;background:var(--danger-soft);border:1px solid #f3bdbd;color:var(--danger);font-size:.85rem;font-weight:600}.lobby-pending{display:flex;align-items:center;gap:10px;color:var(--text-3);font-weight:600}.lobby-refresh{border:1px solid var(--line);border-radius:var(--r-md);padding:4px 10px;background:var(--panel);color:var(--text);cursor:pointer;font-size:.9rem}.lobby-refresh:hover{background:var(--panel-2);border-color:var(--line-strong)}.lobby-create-cta{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--r-md);cursor:pointer;text-align:left;transition:transform .1s ease,background .14s ease,box-shadow .14s ease;box-shadow:var(--shadow-sm)}.lobby-create-cta:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-md)}.lobby-create-cta:active:not(:disabled){transform:scale(.99)}.lobby-create-cta:disabled{opacity:.55;cursor:not-allowed}.lobby-create-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffffff2e;font-size:1.4rem;font-weight:800;line-height:1}.lobby-create-text{display:grid;gap:2px}.lobby-create-text strong{font-size:1.06rem;font-weight:700}.lobby-create-text small{font-size:.82rem;opacity:.86}.lobby-rooms-section .lobby-label{display:inline-flex;align-items:center;gap:6px}.lobby-live-dot{width:7px;height:7px;border-radius:50%;background:#2bb673;box-shadow:0 0 #2bb6738c;animation:lobby-live-pulse 1.8s ease-out infinite;margin-left:4px}.lobby-live-text{font-size:.66rem;color:#2bb673;letter-spacing:.1em}@keyframes lobby-live-pulse{0%{box-shadow:0 0 #2bb6738c}70%{box-shadow:0 0 0 6px #2bb67300}to{box-shadow:0 0 #2bb67300}}.lobby-empty-rooms{display:grid;justify-items:center;gap:4px;padding:24px 16px;border:1px dashed var(--line);border-radius:var(--r-md);background:var(--panel-2);text-align:center}.lobby-empty-rooms p{margin:0;color:var(--text-2);font-weight:600}.lobby-empty-rooms small{color:var(--text-3)}.lobby-empty-mark{font-size:1.5rem;color:var(--text-muted);line-height:1}.lobby-code-disclosure{border:1px solid var(--line);border-radius:var(--r-md);padding:4px 10px;background:var(--panel-2)}.lobby-code-disclosure summary{cursor:pointer;padding:8px 2px;font-size:.88rem;color:var(--text-2);font-weight:600;list-style:none}.lobby-code-disclosure summary::-webkit-details-marker{display:none}.lobby-code-disclosure summary:before{content:"+ ";font-weight:800;color:var(--text-3)}.lobby-code-disclosure[open] summary:before{content:"− "}.lobby-code-disclosure[open] summary{margin-bottom:8px}.lobby-code-disclosure .lobby-join-row{padding-bottom:8px}.lobby-cancel-btn{justify-self:center}.lobby-time-control{display:grid;gap:6px}.lobby-time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.lobby-time-option{display:grid;gap:2px;padding:8px 6px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel);color:var(--text-2);cursor:pointer;text-align:center;transition:border-color .12s ease,background .12s ease,color .12s ease}.lobby-time-option:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.lobby-time-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.lobby-time-option strong{font-size:.95rem}.lobby-time-option small{font-size:.72rem;color:var(--text-3)}.lobby-time-option.active small{color:var(--accent-strong)}.lobby-time-option:disabled{cursor:not-allowed;opacity:.55}.lobby-color-picker{display:grid;gap:6px}.lobby-color-picker .lobby-time-options{grid-template-columns:repeat(3,1fr)}.game-over-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:#0f0e0c99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:game-over-fade .22s ease-out;padding:20px}@keyframes game-over-fade{0%{opacity:0}to{opacity:1}}.game-over-card{position:relative;width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-md);display:grid;gap:18px;animation:game-over-pop .32s cubic-bezier(.18,1.05,.4,1)}.game-over-dismiss{position:absolute;top:8px;right:12px;width:32px;height:32px;display:grid;place-items:center;background:transparent;border:none;color:var(--text-3);font-size:1.6rem;line-height:1;border-radius:50%;cursor:pointer}.game-over-dismiss:hover{background:var(--panel-2);color:var(--text)}.game-over-hint{text-align:center;color:var(--text-3);font-size:.75rem}@keyframes game-over-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.game-over-headline{display:grid;gap:4px;text-align:center}.game-over-headline h2{margin:0;font-size:1.95rem;letter-spacing:-.01em}.game-over-headline p{margin:0;color:var(--text-3);font-size:.95rem}.game-over-headline.win h2{color:#1f8a4c}.game-over-headline.draw h2{color:var(--text)}.game-over-rematch-banner{display:grid;gap:2px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-md);padding:10px 14px;color:var(--text)}.game-over-rematch-banner strong{color:var(--accent-strong);font-size:.96rem}.game-over-rematch-banner span{font-size:.82rem;color:var(--text-3)}.game-over-actions{display:grid;gap:8px}.game-over-primary,.game-over-secondary{font-size:1rem;font-weight:700;padding:10px 18px;border-radius:var(--r-md);cursor:pointer;transition:background .14s ease,transform .1s ease}.game-over-primary{background:var(--accent);color:#fff;border:1px solid var(--accent)}.game-over-primary:hover:not(:disabled){background:var(--accent-strong)}.game-over-primary:active:not(:disabled){transform:scale(.99)}.game-over-primary:disabled{opacity:.6;cursor:not-allowed}.game-over-secondary{background:var(--panel-2);color:var(--text-2);border:1px solid var(--line)}.game-over-secondary:hover{background:var(--panel);color:var(--text)}.player-strip-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);margin:8px 0;min-height:44px;transition:background .14s ease,border-color .14s ease}.player-strip-bar.ticking{background:var(--accent-soft);border-color:var(--accent)}.player-strip-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.player-strip-name{font-weight:700;color:var(--text);font-size:.96rem;white-space:nowrap}.player-strip-clock{font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800;color:var(--text);padding:2px 10px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line)}.player-strip-bar.ticking .player-strip-clock{color:var(--accent-strong);border-color:var(--accent)}.player-strip-clock.low{color:var(--danger)}.player-strip-bar.ticking .player-strip-clock.low{border-color:var(--danger);background:var(--danger-soft);animation:clock-flash .8s ease-in-out infinite}@keyframes clock-flash{0%,to{opacity:1}50%{opacity:.55}}.captured-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap;overflow:hidden}.captured-stack{display:inline-flex;align-items:center}.captured-piece{width:20px;height:20px;margin-left:-6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.captured-stack:first-child .captured-piece:first-child,.captured-stack>.captured-piece:first-child{margin-left:0}.captured-advantage{font-size:.78rem;font-weight:800;color:var(--accent-strong);margin-left:4px;background:var(--accent-soft);padding:1px 6px;border-radius:10px;border:1px solid var(--accent);font-variant-numeric:tabular-nums}@media(max-width:520px){.player-strip-bar{padding:6px 10px;min-height:38px}.captured-piece{width:16px;height:16px;margin-left:-5px}.player-strip-clock{font-size:1.05rem;padding:2px 8px}}.lobby-invite-link-btn{justify-self:center;border:1px solid var(--accent);background:var(--panel);color:var(--accent-strong);border-radius:var(--r-md);padding:8px 16px;font-weight:700;cursor:pointer;font-size:.92rem;transition:background .14s ease,color .14s ease}.lobby-invite-link-btn:hover{background:var(--accent);color:#fff}.waiting-card .lobby-code-hero{padding:28px 18px}.waiting-card .lobby-code-hero code{font-size:2.8rem}.lobby-spinner{width:18px;height:18px;border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:lobby-spin .7s linear infinite;display:inline-block}@keyframes lobby-spin{to{transform:rotate(360deg)}}.codex-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(12px,2vw,28px)}.codex-backdrop{position:absolute;inset:0;background:#14182480;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.codex-modal{position:relative;width:min(100%,900px);max-height:min(92vh,700px);display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden}.codex-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}.codex-header small{display:block;color:var(--accent-strong);font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:2px}.codex-header h2{margin:0}.codex-close{border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);width:32px;height:32px;border-radius:50%;font-size:1.4rem;font-weight:300;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .14s ease}.codex-close:hover{background:var(--danger-soft);color:var(--danger);border-color:#f3bdbd}.codex-body{display:grid;grid-template-columns:220px 1fr;min-height:0;flex:1}.codex-list{list-style:none;margin:0;padding:8px;border-right:1px solid var(--line);overflow-y:auto;display:grid;gap:2px;align-content:start;background:var(--panel-2)}.codex-item{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;width:100%;border:1px solid transparent;background:transparent;color:var(--text-2);padding:7px 10px;border-radius:var(--r-sm);font-size:.88rem;cursor:pointer;text-align:left;position:relative}.codex-item:hover{background:var(--panel);color:var(--text)}.codex-item.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.codex-item img{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.codex-item-name{font-weight:700;color:inherit}.codex-item-cost{font-size:.78rem;font-weight:700;color:var(--text-3);font-variant-numeric:tabular-nums}.codex-tag.exp{position:absolute;top:50%;right:28px;transform:translateY(-50%);background:var(--warn-soft);color:var(--warn)}.codex-detail{display:grid;grid-template-rows:auto 1fr;overflow-y:auto;padding:20px}.codex-portrait{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:var(--r-md);background:var(--bg-soft);border:1px solid var(--line);margin-bottom:14px}.codex-portrait img{width:72px;height:72px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}.codex-detail-body{display:grid;gap:10px}.codex-detail-body h3{font-size:1.25rem;margin:0}.codex-tagline{color:var(--accent-strong);font-style:italic;font-weight:600;font-size:.94rem}.codex-stats{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0}.codex-stats span{background:var(--panel-2);border:1px solid var(--line);color:var(--text-2);text-transform:none;letter-spacing:0;font-weight:600}.codex-stats strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:800;margin-right:3px}.codex-badge{background:var(--accent-soft);border:1px solid #c8d3f3;color:var(--accent-strong)}.codex-badge.exp{background:var(--warn-soft);border:1px solid #f0d59f;color:var(--warn)}.codex-description{margin:4px 0 0;padding-left:18px;color:var(--text-2);line-height:1.55;display:flex;flex-direction:column;gap:4px}.codex-description li+li{margin-top:2px}.codex-notes{margin:2px 0 0;padding-left:18px;color:var(--text-3);font-size:.86rem;line-height:1.5}.codex-notes li+li{margin-top:2px}.codex-setup{margin-top:4px;padding:9px 12px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid #c8d3f3;color:var(--text-2);font-size:.86rem}.codex-setup strong{color:var(--text)}.codex-rules-section{display:grid;gap:7px;padding-top:8px;border-top:1px solid var(--line)}.codex-rules-section h4{margin:0;color:var(--accent-strong);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}.codex-rules-section p{margin:0;color:var(--text-2);line-height:1.5}.codex-clock-warning{margin:4px 0 0;padding:9px 11px;color:var(--text-3);background:var(--panel-2);border-left:3px solid var(--ember);font-size:.76rem}.codex-scenario{display:grid;gap:10px;margin-top:6px;padding:14px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r-md)}.codex-scenario-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.codex-scenario-head small{color:var(--accent-strong);font:700 .66rem var(--font-mono);text-transform:uppercase}.codex-scenario-head h4{margin:2px 0 0}.codex-scenario>p{margin:0;color:var(--text-2);font-size:.82rem;line-height:1.45}.codex-scenario-actions{display:flex;gap:6px}.codex-scenario-actions button,.codex-demo-step button{min-height:34px;padding:6px 9px;color:var(--text);background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;font-weight:700}.scenario-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:min(100%,360px);max-width:360px;aspect-ratio:1 / 1;margin:0 auto;border:2px solid var(--line-strong);box-sizing:border-box;overflow:hidden;line-height:0}.scenario-board button{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;box-sizing:border-box;overflow:hidden;appearance:none;cursor:pointer}.scenario-board button.light{background:var(--sq-light)}.scenario-board button.dark{background:var(--sq-dark)}.scenario-board button:focus-visible{z-index:3;outline:3px solid var(--state-focus);outline-offset:-3px}.scenario-board img{position:relative;z-index:2;display:block;width:82%;height:82%;max-width:none;object-fit:contain;pointer-events:none}.scenario-board button i{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--state-target) 75%,transparent)}.scenario-board button.selected:after{content:"";position:absolute;inset:5%;border:3px solid var(--state-mark)}.codex-demo-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.codex-demo-step>span{font:700 .68rem var(--font-mono);color:var(--text-3)}.codex-demo-step strong{font-size:.82rem}.codex-demo-step p{margin:2px 0 0;color:var(--text-3);font-size:.76rem}.codex-demo-controls{display:flex;gap:6px}.codex-practice-feedback{min-height:38px;padding:9px 10px;color:var(--text-2);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm)}@media(max-width:640px){.codex-scenario{padding:10px}.codex-scenario-head{align-items:flex-start}.codex-scenario-actions{flex-direction:column}.codex-demo-step{grid-template-columns:auto 1fr}.codex-demo-controls{grid-column:1 / -1}.codex-demo-controls button{flex:1}}@media(max-width:760px){.app-header{padding:0 10px}.app-brand-text{display:none}.top-bar{flex-direction:column;align-items:stretch;gap:10px}.top-bar>div:last-child{display:grid;grid-auto-flow:column;gap:8px}.army-panel{padding:12px}.workspace-layout.chess2-layout.setup-layout .piece-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,130px);grid-template-columns:none;max-height:none;overflow-x:auto;overflow-y:hidden;padding:4px 4px 8px;scroll-snap-type:x proximity}.workspace-layout.chess2-layout.setup-layout .piece-list button{grid-template-columns:26px 1fr;grid-template-rows:auto auto;min-height:72px;align-content:start;scroll-snap-align:start}.workspace-layout.chess2-layout.setup-layout .piece-list small{grid-column:1 / -1}.codex-body{grid-template-columns:1fr}.codex-list{border-right:0;border-bottom:1px solid var(--line);max-height:200px}}@media(max-width:520px){.app-shell{padding:8px}.app-shell.app-shell-centered{padding-top:20px}.board{grid-column:1 / -1;border-radius:var(--r-sm)}.game-panel,.army-panel{padding:10px;border-radius:var(--r-md)}.top-bar{margin-bottom:8px}.top-bar h1{font-size:1.05rem}.top-bar p{font-size:.85rem}.square.checked-square{box-shadow:inset 0 0 0 3px var(--danger)}.piece-image{width:90%;height:90%}.move-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr);font-size:.78rem}.codex-modal{max-height:100vh;border-radius:0}.codex-portrait img{width:56px;height:56px}.lobby-code-hero code{font-size:1.9rem;letter-spacing:.2em}}@media(pointer:coarse){.square{min-height:36px}.lobby-room-row,.piece-list button,.mobilenav-item,.sidenav-item,.miniplayer-return,.miniplayer-icon-btn,.codex-demo-controls .header-btn,.auth-submit,.landing-cta,.bottom-sheet-handle{min-height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.boundary{min-height:100vh;display:grid;place-items:center;padding:24px}.boundary-card{width:min(100%,460px);display:grid;gap:12px;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);text-align:left}.boundary-card pre{margin:0;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);font-size:.78rem;color:var(--danger);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow:auto}.dashboard{width:min(100%,880px);margin:0 auto;padding:clamp(24px,4vw,56px) clamp(14px,2vw,24px) 64px}.lobby-dashboard{display:grid;gap:clamp(20px,2.5vw,32px)}.lobby-play-panel{display:grid;gap:14px;padding:clamp(18px,2.4vw,28px);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.lobby-name-input{width:100%;padding:12px 14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text);font-size:1rem;font-weight:500;transition:border-color .14s ease,background-color .14s ease}.lobby-name-input:focus{outline:none;border-color:var(--accent);background:var(--panel)}.lobby-name-input::placeholder{color:var(--text-3);font-weight:400}.lobby-actions-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){.lobby-actions-row{grid-template-columns:1fr}.lobby-actions-row .lobby-play-online{grid-column:auto}}.lobby-play-cta{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;border:0;border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--accent-contrast);font-weight:700;box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background .14s ease}.lobby-play-online{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.lobby-play-local,.lobby-play-bot,.lobby-play-spectate{background:var(--panel-2);color:var(--text);border:1px solid var(--line-strong)}.lobby-play-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md);filter:brightness(1.04)}.lobby-play-cta:active:not(:disabled){transform:translateY(0)}.lobby-play-cta:disabled{opacity:.55;cursor:not-allowed;filter:none}.lobby-play-cta-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#ffffff2e;font-size:1.15rem;flex-shrink:0}.lobby-play-local .lobby-play-cta-icon{background:var(--accent-soft);color:var(--accent)}.lobby-play-cta-text{display:grid;gap:1px;min-width:0}.lobby-play-cta-text strong{font-size:.98rem;font-weight:700}.lobby-play-cta-text small{font-size:.76rem;opacity:.82;font-weight:500}.lobby-quick-row{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding-top:2px}.lobby-quick-row>*{margin:0}.lobby-advanced summary,.lobby-quick-row .lobby-code-disclosure summary{font-size:.84rem;color:var(--text-3);padding:4px 0}.lobby-advanced[open] .lobby-advanced-body{margin-top:8px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md)}.lobby-budget-field{display:grid;gap:4px}.lobby-field-hint{color:var(--text-3);font-size:.78rem}.lobby-custom-time{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.lobby-custom-time label{display:flex;flex-direction:column;gap:4px}.lobby-custom-time input{padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text)}.lobby-rooms-block{display:grid;gap:10px}.lobby-rooms-block-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.lobby-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.lobby-room-card{display:grid;grid-template-rows:auto auto auto auto;gap:4px;padding:14px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--text);transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.lobby-room-card:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.lobby-room-card:disabled{opacity:.55;cursor:not-allowed}.lobby-room-card-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.4rem;font-weight:800;letter-spacing:.08em;color:var(--text)}.lobby-room-card-host{color:var(--text-2);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-room-card-meta{color:var(--text-3);font-size:.76rem}.lobby-room-card-cta{margin-top:6px;align-self:end;justify-self:start;font-size:.82rem;font-weight:700;color:var(--accent)}.lobby-room-card.in-progress .lobby-room-card-cta{color:var(--text-3)}.lobby-room-card.in-progress:hover:not(:disabled){border-color:var(--line-strong);background:var(--panel-2)}.lobby-rooms-empty{padding:18px 14px;text-align:center;background:var(--panel-2);border:1px dashed var(--line);border-radius:var(--r-md);color:var(--text-3);font-size:.88rem}.settings-row-column{flex-direction:column;align-items:stretch;gap:12px}.settings-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.settings-theme-option{display:grid;gap:2px;padding:10px 8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;color:var(--text);text-align:center;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.settings-theme-option strong{font-size:.92rem;font-weight:700}.settings-theme-option small{font-size:.74rem;color:var(--text-3)}.settings-theme-option:hover{border-color:var(--line-strong);background:var(--panel-2)}.settings-theme-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.settings-theme-option.active small{color:var(--accent-strong)}.bot-config-panel{display:grid;gap:12px;padding:14px;margin-bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.bot-config-row{display:grid;gap:6px}.bot-config-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--text-3)}.bot-config-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.bot-config-option{display:grid;gap:2px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--text);font-size:.85rem;transition:border-color .14s ease,background .14s ease}.bot-config-option strong{font-size:.9rem}.bot-config-option small{color:var(--text-3);font-size:.74rem}.bot-config-option:hover{border-color:var(--line-strong)}.bot-config-option.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.bot-config-option.active small{color:var(--accent-strong)}.bot-config-toggle{justify-self:start;padding:6px 12px;background:transparent;border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-2);font-size:.82rem;cursor:pointer}.bot-config-sliders{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bot-config-slider{display:grid;gap:4px}.bot-config-slider-head{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-2)}.bot-config-slider-value{color:var(--accent-strong);font-weight:700;font-variant-numeric:tabular-nums}.bot-config-slider input[type=range]{width:100%}.bot-thinking-banner{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;margin-left:8px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--r-md);color:var(--accent-strong);font-size:.82rem;font-weight:700}.bot-thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:bot-thinking-pulse 1.1s ease-in-out infinite}@keyframes bot-thinking-pulse{0%,to{opacity:.35}50%{opacity:1}}.bot-config-title{margin:0 0 4px;font-size:.95rem;font-weight:700;color:var(--text)}.botvsbot-speed{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.botvsbot-speed input[type=range]{width:110px}.home{width:min(100%,1160px);margin:0 auto;padding:clamp(18px,3vw,40px) clamp(14px,2vw,24px) 72px;display:grid;gap:clamp(22px,3vw,40px)}.home-hero{position:relative;overflow:hidden;border:1px solid var(--line-strong);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-6px;border-radius:var(--r-md);min-height:clamp(340px,44vh,460px);display:grid;align-items:center;box-shadow:var(--shadow-lg),inset 0 0 0 1px #0009}.home-hero-art,.home-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}.home-hero-scrim{position:absolute;inset:0;background:linear-gradient(76deg,#100b07eb,#100b07b8 38%,#100b072e 70%,#100b070d),linear-gradient(0deg,rgba(16,11,7,.55) 0%,transparent 40%)}.home-hero-content{position:relative;z-index:1;display:grid;gap:14px;padding:clamp(22px,4vw,48px);max-width:600px}.home-hero-content,.home-hero-content .home-deck{color:#d6c9a8}.home-hero-content h2{color:#f0e6cf;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.05;text-shadow:0 2px 18px rgba(0,0,0,.7)}.home-kicker{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-strong);border-top:2px solid color-mix(in srgb,var(--accent) 60%,transparent);padding-top:10px}.home-deck{font-size:1.05rem;line-height:1.55;max-width:46ch;text-shadow:0 1px 8px rgba(0,0,0,.8)}.home-play-block{display:grid;gap:10px;margin-top:6px;justify-items:start}.home-play-now{display:grid;gap:3px;justify-items:center;padding:16px 42px;cursor:pointer;font-family:var(--font-display);color:var(--accent-contrast);text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 70%,#000);border-radius:var(--r-md);background:linear-gradient(180deg,#e8b95c,#c9973f 55%,#8a621c);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 4px 18px #0000008c,0 0 34px var(--glow-ember);transition:transform 80ms ease,box-shadow .15s ease,filter .15s ease}.home-play-now strong{font-size:1.18rem;letter-spacing:.1em;font-weight:800}.home-play-now small{font-family:var(--font-sans);text-transform:none;letter-spacing:.01em;font-size:.8rem;color:color-mix(in srgb,var(--accent-contrast) 82%,transparent)}.home-play-now:hover:not(:disabled){filter:brightness(1.07)}.home-play-now:active:not(:disabled){transform:translateY(1px)}.home-play-now:disabled{cursor:wait;filter:saturate(.6) brightness(.85)}.home-name-prompt{display:flex;gap:8px;width:min(100%,380px)}.home-name-prompt .lobby-name-input{flex:1}.home-live-line{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#9c8e70}.lobby-live-dot.offline{background:var(--text-muted);animation:none}.home-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(16px,2vw,26px);align-items:stretch}.home-modes-col{display:grid;gap:12px;align-content:start}.home-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-mode-card{display:grid;gap:6px;justify-items:start;text-align:left;padding:18px;min-height:118px;cursor:pointer;color:var(--text);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 16%);border:1px solid var(--line);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.home-mode-card:hover{border-color:var(--brass-lit);transform:translateY(-2px);box-shadow:var(--bevel),var(--shadow-md)}.home-mode-card strong{font-family:var(--font-display);font-size:.98rem;letter-spacing:.05em}.home-mode-card small{color:var(--text-3);font-size:.82rem;line-height:1.4}.home-mode-glyph{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--accent);font-size:.95rem}.home-mode-glyph img{width:24px;height:24px;object-fit:contain}.home-mode-draft{border-color:color-mix(in srgb,var(--ember) 45%,var(--line))}.home-mode-draft .home-mode-glyph{color:var(--ember);border-color:color-mix(in srgb,var(--ember) 55%,var(--line-strong));box-shadow:0 0 12px var(--glow-ember)}.home-side-col{display:grid;gap:clamp(12px,1.4vw,18px);align-content:start;min-width:0}.recent-games-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.recent-game-row{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;padding:8px 10px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer}.recent-game-row:hover,.recent-game-row.expanded{border-color:var(--brass-lit, var(--line-strong));background:var(--panel-2)}.recent-game-result{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:.78rem;font-weight:800;border:1px solid var(--line-strong);color:var(--text-2)}.recent-game-result.win{color:var(--accent-contrast, #fff);background:var(--accent);border-color:var(--accent)}.recent-game-result.loss{color:var(--danger);border-color:var(--danger)}.recent-game-result.draw{color:var(--text-2)}.recent-game-main{display:grid;gap:2px;min-width:0}.recent-game-main strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-game-main small{color:var(--text-3);font-size:.76rem}.recent-game-detail{margin-top:6px;padding:8px;border:1px dashed var(--line);border-radius:var(--r-sm)}.recent-game-detail .move-table{max-height:220px;overflow-y:auto}.rooms-rail{display:grid;gap:12px;padding:16px;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 16%);border:1px solid var(--line);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-sm)}.rooms-rail-head{display:flex;justify-content:space-between;align-items:center}.rooms-rail-empty{display:grid;gap:6px;padding:10px 2px 6px}.rooms-rail-flavor{font-family:var(--font-flavor);font-style:italic;font-size:1rem;color:var(--text-3)}.rooms-rail-empty small{color:var(--text-muted);font-size:.8rem;line-height:1.45}.rooms-rail-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rooms-rail-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;padding:10px 12px;cursor:pointer;text-align:left;color:var(--text);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .15s ease,background .15s ease}.rooms-rail-row:hover:not(:disabled){border-color:var(--brass-lit);background:var(--panel-2)}.rooms-rail-host{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rooms-rail-mode{font-style:normal;color:var(--ember);font-size:.78rem}.rooms-rail-meta{color:var(--text-3);font-size:.76rem;white-space:nowrap}.rooms-rail-cta{font-family:var(--font-display);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.rooms-rail-create{padding:11px 14px;cursor:pointer;font-family:var(--font-display);font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-2);background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-md);transition:border-color .15s ease,background .15s ease,color .15s ease}.rooms-rail-create:hover{border-color:var(--brass-lit);background:var(--accent-soft);color:var(--text)}.home-section-title{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);text-align:center}.home-how{display:grid;gap:18px}.home-how-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-how-steps li{position:relative;display:grid;gap:8px;justify-items:center;text-align:center;padding:22px 18px 20px;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 16%);border:1px solid var(--line);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-sm)}.home-how-step{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:2px 12px;font-family:var(--font-display);font-size:.8rem;color:var(--accent);background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--r-sm)}.home-how-steps strong{font-family:var(--font-display);letter-spacing:.04em}.home-how-steps p{font-size:.86rem;line-height:1.5;color:var(--text-3);max-width:30ch}.home-how-art{min-height:96px;display:grid;place-items:center}.home-how-art .move-diagram-grid{width:132px}.home-how-army{display:flex;align-items:center;gap:2px}.home-how-army img{width:52px;height:52px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}.home-how-draft{display:flex;gap:10px}.home-how-card{display:grid;place-items:center;width:58px;height:78px;font-family:var(--font-display);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--brass-lit);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.home-how-card-pass{transform:rotate(7deg) translateY(4px);color:var(--text-3);border-color:var(--line-strong);opacity:.85}.dashboard-piece-figure{display:grid;gap:6px;justify-items:center;padding:10px 6px 12px;cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--r-md);transition:border-color .15s ease,background .15s ease}.dashboard-piece-figure:hover{border-color:var(--brass-lit);background:var(--accent-soft)}.dashboard-piece-figure img{width:clamp(58px,7vw,84px);aspect-ratio:1;object-fit:contain}.dashboard-piece-name{font-family:var(--font-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.home-waiting{display:grid;place-items:center;min-height:50vh}.home-waiting .lobby-card{width:min(100%,520px);display:grid;gap:16px}.home-seeking{display:flex;align-items:center;gap:12px;justify-content:center;padding:22px 0;font-family:var(--font-flavor);font-style:italic;font-size:1.05rem;color:var(--text-2)}.home-waiting-actions{display:flex;flex-wrap:wrap;gap:8px}.home-waiting-actions .btn-ghost{padding:10px 16px;cursor:pointer}.create-room-modal{width:min(520px,100%)}.create-room-body{display:grid;gap:16px;padding:18px 20px 22px;overflow-y:auto}.create-room-field{display:grid;gap:8px}.create-room-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.create-room-mode{display:grid;gap:4px;justify-items:start;text-align:left;padding:12px 14px;cursor:pointer;color:var(--text-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .15s ease,background .15s ease}.create-room-mode strong{font-family:var(--font-display);font-size:.9rem;letter-spacing:.04em}.create-room-mode small{font-size:.76rem;line-height:1.35}.create-room-mode.active{color:var(--text);border-color:var(--brass-lit);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--brass-lit)}.create-room-mode-draft.active{border-color:color-mix(in srgb,var(--ember) 60%,var(--line-strong))}.create-room-local-link{justify-self:start;padding:2px 0;background:none;border:0;cursor:pointer;font-size:.8rem;font-style:italic;font-family:var(--font-flavor);color:var(--text-3);text-decoration:underline dotted}.create-room-local-link:hover{color:var(--text)}.create-room-note{font-size:.8rem;color:var(--text-3)}.create-room-submit{width:100%;padding:13px 16px;font-size:.9rem}@media(max-width:900px){.home-main{grid-template-columns:1fr}.home-how-steps{grid-template-columns:1fr;gap:20px}}@media(max-width:680px){.home{padding-top:10px}.home-hero{min-height:380px;align-items:end}.home-hero-scrim{background:linear-gradient(0deg,#100b07f0,#100b079e 45%,#100b0726 80%)}.home-play-now{width:100%;justify-items:center;padding:16px 20px}.home-play-block{justify-items:stretch}.home-modes{grid-template-columns:1fr 1fr}.home-mode-card{min-height:104px;padding:14px}.create-room-modes{grid-template-columns:1fr}}.armies-screen{display:grid;gap:18px;width:min(100%,1380px)}.armies-screen-head{display:grid;gap:6px}.armies-screen-head p{color:var(--text-2);max-width:62ch}.deck-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.deck-slot{display:flex;align-items:stretch;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-sm)}.deck-slot.active{border-color:var(--brass-lit);background:var(--panel-2);box-shadow:inset 0 0 0 1px var(--brass-lit),var(--shadow-sm)}.deck-slot-main{flex:1 1 auto;min-width:0;display:grid;gap:2px;padding:10px 12px;text-align:left;background:none;border:none;color:var(--text);cursor:pointer}.deck-slot-name{font-family:var(--font-display);letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck-slot.empty .deck-slot-name{color:var(--text-3);font-weight:400}.deck-slot-main small{color:var(--text-3);font-size:.78rem}.deck-slot-main input{font:inherit;width:100%;min-width:0;padding:2px 6px;color:var(--text);background:var(--panel-inset);border:1px solid var(--line-strong);border-radius:var(--r-sm)}.deck-slot-actions{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px 4px 0}.deck-slot-actions button{width:24px;height:24px;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-3);cursor:pointer}.deck-slot-actions button:hover{color:var(--text);border-color:var(--line-strong);background:var(--panel-2)}.deck-save-row{display:flex;align-items:center;gap:12px}.deck-dirty-hint{color:var(--warn);font-size:.85rem}@media(max-width:760px){.deck-slots{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}.app-header{padding:0 clamp(14px,3vw,36px);background:var(--header-bg);border-bottom:1px solid var(--line-strong);backdrop-filter:none;-webkit-backdrop-filter:none}.app-header-inner{width:min(100%,1440px);grid-template-columns:auto minmax(0,1fr) auto;gap:18px}.app-brand{justify-self:start;gap:11px;letter-spacing:0}.app-brand-mark{width:38px;height:38px;border-radius:50%;background:var(--text);border:1px solid var(--line-strong)}.app-brand-mark img{width:24px;height:24px}.app-brand-copy{display:grid;gap:2px}.app-brand-text{font-family:var(--font-display);font-size:1.08rem;line-height:1;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.app-brand-subtitle{color:var(--text-3);font-family:var(--font-sans);font-size:.62rem;line-height:1;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.header-btn{min-height:40px;border-color:var(--line);border-radius:var(--r-sm);background:transparent;box-shadow:none;font-size:.76rem;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.header-btn:hover{background:var(--panel-2);border-color:var(--line-strong)}.header-btn-icon{width:40px;min-width:40px;padding:0}.app-shell{padding:clamp(18px,2.4vw,34px)}.dashboard{width:min(100%,1220px);margin:0 auto;padding:clamp(42px,7vw,90px) clamp(18px,3vw,34px) 80px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(540px,1.14fr);gap:clamp(38px,6vw,86px);align-items:start}.dashboard-intro{min-width:0;padding-top:17px;border-top:3px solid var(--text)}.dashboard-kicker{display:flex;justify-content:space-between;gap:20px;margin-bottom:clamp(28px,4vw,52px);color:var(--accent-strong);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.dashboard-intro h2{max-width:8.4ch;font-size:clamp(3.25rem,5.5vw,5.8rem);line-height:.91;font-weight:600;letter-spacing:-.055em;text-wrap:balance}.dashboard-deck{max-width:42rem;margin-top:28px;color:var(--text-2);font-size:clamp(1rem,1.15vw,1.15rem);line-height:1.65}.dashboard-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:32px 0 0;padding:14px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.dashboard-facts div{min-width:0;padding-right:10px}.dashboard-facts div+div{padding-left:13px;border-left:1px solid var(--line)}.dashboard-facts dt{color:var(--text-3);font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dashboard-facts dd{margin:5px 0 0;color:var(--text);font-family:var(--font-display);font-size:.88rem;line-height:1.2}.dashboard-gallery{margin-top:34px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.dashboard-gallery-head{min-height:48px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.dashboard-gallery-head p{display:grid;gap:2px;margin:0}.dashboard-gallery-head p span{color:var(--text-3);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.dashboard-gallery-head p strong{color:var(--text);font-family:var(--font-display);font-size:.86rem}.dashboard-gallery-controls{display:flex;align-items:center;gap:4px}.dashboard-gallery-controls button{min-height:32px;padding:5px 8px;background:transparent;border:0;border-radius:var(--r-sm);color:var(--text-2);font-size:.66rem;font-weight:750}.dashboard-gallery-controls button:hover{background:var(--panel-2);color:var(--text)}.dashboard-piece-line{display:grid;grid-template-columns:repeat(4,1fr)}.dashboard-piece-line figure{position:relative;min-width:0;margin:0;padding:12px 6px 10px;display:grid;justify-items:center;gap:6px}.dashboard-piece-line figure+figure{border-left:1px solid var(--line)}.dashboard-piece-line img{width:min(100%,76px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.24));animation:gallery-piece-arrive .32s ease both}.dashboard-piece-line figure:nth-child(2) img{animation-delay:45ms}.dashboard-piece-line figure:nth-child(3) img{animation-delay:90ms}.dashboard-piece-line figure:nth-child(4) img{animation-delay:135ms}@keyframes gallery-piece-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dashboard-piece-line figcaption{color:var(--text-3);font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.lobby-dashboard{display:contents}.lobby-play-panel{gap:18px;padding:clamp(22px,3vw,34px);background:var(--panel);border:1px solid var(--line-strong);border-top:4px solid var(--accent);border-radius:var(--r-sm);box-shadow:var(--shadow-md)}.lobby-play-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.lobby-play-panel-head>div{display:grid;gap:3px}.lobby-play-panel-head h2{font-size:1.65rem}.lobby-overline,.lobby-name-control>span{color:var(--text-3);font-size:.63rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.lobby-network-state{display:inline-flex;align-items:center;gap:7px;min-height:28px;color:var(--text-3);font-family:var(--font-mono);font-size:.67rem;text-transform:uppercase}.lobby-network-state i{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.lobby-network-state.online{color:var(--good)}.lobby-network-state.online i{background:var(--good)}.lobby-name-control{display:grid;gap:7px}.lobby-name-input{min-height:48px;padding:10px 0;background:transparent;border:0;border-bottom:2px solid var(--line-strong);border-radius:0;font-family:var(--font-display);font-size:1.35rem;font-weight:600}.lobby-name-input:focus{background:transparent;border-color:var(--accent)}.lobby-config-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.8fr);gap:20px}.lobby-config-group,.lobby-color-picker{display:grid;align-content:start;gap:8px}.dashboard .lobby-time-options{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line)}.dashboard .lobby-color-picker .lobby-time-options{grid-template-columns:repeat(3,1fr)}.dashboard .lobby-time-option{min-height:48px;padding:7px 5px;border:0;border-radius:0;background:transparent}.dashboard .lobby-time-option+.lobby-time-option{border-left:1px solid var(--line)}.dashboard .lobby-time-option strong{font-size:.76rem}.dashboard .lobby-time-option small{font-size:.58rem}.dashboard .lobby-time-option.active{background:var(--text);color:var(--panel)}.dashboard .lobby-time-option.active small{color:var(--panel-2)}.lobby-actions-row{grid-template-columns:repeat(2,1fr);gap:8px}.lobby-actions-row .lobby-play-online{grid-column:span 2}.dashboard .lobby-play-cta{min-height:64px;gap:0;padding:13px 14px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:var(--text);box-shadow:none;transition:background .12s ease,color .12s ease,border-color .12s ease}.dashboard .lobby-play-online{min-height:76px;background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dashboard .lobby-play-cta:hover:not(:disabled){transform:none;filter:none;background:var(--text);border-color:var(--text);color:var(--panel);box-shadow:none}.dashboard .lobby-play-online:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.dashboard .lobby-play-cta-text strong{font-size:.9rem}.dashboard .lobby-play-cta-text small{font-size:.67rem;line-height:1.35}.lobby-quick-row{justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.lobby-advanced summary,.lobby-quick-row .lobby-code-disclosure summary{min-height:32px;display:flex;align-items:center;color:var(--text-2);font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.lobby-code-disclosure{padding:0;border:0;background:transparent}.lobby-rooms-block{grid-column:1 / -1;gap:0;margin-top:4px;border-top:3px solid var(--text)}.lobby-rooms-block-head{min-height:58px;padding:0 2px;border-bottom:1px solid var(--line-strong)}.lobby-rooms-block .lobby-label{color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;text-transform:none}.lobby-live-dot{animation:none;box-shadow:none;background:var(--good)}.lobby-refresh{min-width:40px;min-height:40px;border-radius:50%;background:transparent}.lobby-room-grid{grid-template-columns:repeat(2,1fr);gap:0}.lobby-room-card{min-height:104px;padding:16px 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.lobby-room-card:nth-child(odd){border-right:1px solid var(--line)}.lobby-room-card:hover:not(:disabled){transform:none;background:var(--panel-2);border-color:var(--line-strong)}.lobby-room-card-code{font-family:var(--font-mono)}.lobby-rooms-empty{padding:24px 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left}.workspace-layout{width:100%;max-width:1460px;min-width:0}.workspace-layout>*,.setup-side-panel{min-width:0}.workspace-layout.chess2-layout{grid-template-columns:minmax(var(--board-min),min(var(--board-max),calc(100dvh - var(--board-vertical-reserve)))) minmax(300px,370px);gap:clamp(18px,2.4vw,34px)}.game-panel{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.top-bar{align-items:end;margin-bottom:12px;padding:0 0 13px;border-bottom:2px solid var(--text)}.game-status-lockup{display:grid;gap:2px}.game-view-label{color:var(--accent-strong);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.top-bar h2{font-family:var(--font-display);font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:1.1;letter-spacing:-.015em}.game-status-lockup .game-status-pill{margin-top:2px}.top-bar p{margin-top:3px;color:var(--text-2);font-size:.82rem}.top-bar-actions{justify-content:flex-end}.top-bar-actions .header-btn,.top-bar-actions button{min-height:38px;background:transparent;border-color:var(--line-strong);color:var(--text);box-shadow:none}.top-bar-actions .game-primary-action{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.top-bar-actions .game-reset-action{color:var(--text-2)}.play-layout .army-panel{position:sticky;top:calc(var(--topbar-h) + 20px)}.board{min-width:0;max-width:100%;border:2px solid var(--board-outline);border-radius:0;box-shadow:8px 10px #19161133,var(--shadow-lg)}.player-strip-bar{min-height:48px;margin:0;padding:8px 2px;background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0}.player-strip-bar+.board-wrap{margin-top:8px}.player-strip-bar.ticking{background:transparent;border-color:var(--accent)}.player-strip-bar.ticking .player-strip-name:before{content:"●";margin-right:7px;color:var(--accent);font-size:.65rem}.player-strip-clock{min-width:86px;border-radius:var(--r-sm);background:var(--text);border-color:var(--text);color:var(--panel);text-align:center}.army-panel{gap:14px;padding:18px;background:var(--panel);border:1px solid var(--line-strong);border-top:4px solid var(--text);border-radius:var(--r-sm);box-shadow:none}.dev-panel-header{padding-bottom:12px;border-bottom:1px solid var(--line-strong)}.dev-panel-header span{background:transparent;border:0;padding:0;color:var(--accent-strong);font-family:var(--font-mono);letter-spacing:.12em}.dev-panel-header strong{font-family:var(--font-display);font-size:1.22rem}.panel-link{min-height:32px}.budget-line,.setup-rules,.validation-list,.notes,.player-strip{border-radius:var(--r-sm);box-shadow:none}.army-tabs{border-radius:var(--r-sm)}.army-tabs button{min-height:38px;border-radius:0}.setup-action-row button{min-height:38px;border-radius:var(--r-sm)}.piece-section{margin-bottom:14px}.piece-section-head{padding-bottom:7px;border-bottom:1px solid var(--line)}.piece-section-count{padding:0;border:0;border-radius:0;background:transparent;font-family:var(--font-mono)}.piece-list{gap:0;padding-right:0}.piece-list button{min-height:46px;padding:7px 5px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.piece-list button:hover{background:var(--panel-2);border-color:var(--line-strong)}.piece-list button.active{padding-left:8px;background:var(--accent-soft);border-left:3px solid var(--accent);border-bottom-color:var(--accent)}.piece-list-mythic,.piece-list-objective{padding:0;border:0;border-radius:0;background:transparent}.piece-info-icon{width:24px;height:24px;border-radius:50%}.piece-sort-toggle button{min-height:30px;border-radius:var(--r-sm)}.current-piece-selection{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.current-piece-selection img{width:40px;height:40px;object-fit:contain}.current-piece-selection>span{display:grid;gap:1px;min-width:0}.current-piece-selection small{color:var(--accent-strong);font-size:.58rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.current-piece-selection strong{font-family:var(--font-display);font-size:1rem}.current-piece-selection em{color:var(--text-3);font-size:.7rem;font-style:normal}.piece-browser{width:100%;min-width:0;max-width:100%;display:grid;gap:10px;overflow:hidden}.piece-browser>*{min-width:0;max-width:100%}.piece-search{display:grid;gap:5px}.piece-search>span{color:var(--text-3);font-size:.6rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.piece-search input{min-height:40px;padding:8px 10px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--panel-2);color:var(--text)}.piece-category-tabs{width:100%;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line-strong)}.piece-category-tabs button{min-height:38px;padding:7px 5px;border:0;border-radius:0;background:transparent;color:var(--text-2);font-size:.7rem;font-weight:750}.piece-category-tabs button+button{border-left:1px solid var(--line)}.piece-category-tabs button.active{background:var(--text);color:var(--panel)}.piece-browser .piece-sort-toggle{margin:0}.piece-search-empty{margin:0;padding:18px 0;color:var(--text-3)}.piece-list>.piece-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:stretch;min-height:48px;border-bottom:1px solid var(--line);background:transparent}.piece-list>.piece-choice.active{background:var(--accent-soft);border-left:3px solid var(--accent);border-bottom-color:var(--accent)}.piece-list .piece-choice-select{min-height:47px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px 4px 7px 6px;border:0;border-radius:0;background:transparent;color:var(--text);text-align:left}.piece-list .piece-choice-select:hover{background:var(--panel-2)}.piece-list .piece-choice-select img{width:28px;height:28px}.piece-list .piece-choice-select span{min-width:0}.piece-list .piece-choice-select small{white-space:nowrap}.piece-list .piece-choice .piece-info-icon{align-self:center;justify-self:center;min-width:26px;width:26px;min-height:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text-2);font-size:.7rem;font-weight:850}.draft-screen{min-height:calc(100dvh - var(--topbar-h) - 68px);display:grid;place-items:center;padding:clamp(24px,5vw,64px)}.draft-screen>section{width:min(100%,920px);border-top:4px solid var(--text);padding-top:clamp(22px,3vw,36px)}.draft-overline{color:var(--accent-strong);font-size:.66rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.draft-screen h2{margin-top:8px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.95;letter-spacing:-.05em}.draft-intro>p,.draft-complete>p{max-width:620px;margin:22px 0 0;color:var(--text-2);font-size:1.02rem;line-height:1.65}.draft-rules{max-width:620px;margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.draft-rules li{padding:11px 0;border-bottom:1px solid var(--line)}.draft-intro-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.draft-intro-actions button,.draft-handoff button{min-height:46px;padding:10px 18px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:transparent;color:var(--text);font-weight:750}.draft-intro-actions .draft-primary,.draft-handoff .draft-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.draft-handoff{text-align:center}.draft-handoff>section{width:min(100%,680px)}.draft-handoff p{margin:18px auto 24px;color:var(--text-2)}.draft-handoff h2{font-size:clamp(2.5rem,7vw,5rem)}.draft-pick header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.draft-pick h2{font-size:clamp(2.3rem,5vw,4.4rem)}.draft-progress{flex:0 0 auto;padding-top:5px;color:var(--text-3);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}.draft-pass-note{margin:16px 0 24px;color:var(--text-2)}.draft-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.draft-options>button{min-height:360px;padding:clamp(18px,3vw,30px);display:grid;grid-template-rows:auto 1fr auto auto minmax(42px,auto) auto;justify-items:center;align-items:center;gap:8px;border:1px solid var(--line-strong);border-top:4px solid var(--text);border-radius:var(--r-sm);background:var(--panel);color:var(--text);box-shadow:var(--shadow-md);text-align:center;transition:transform .14s ease,border-color .14s ease}.draft-options>button:hover{transform:translateY(-4px);border-color:var(--accent)}.draft-card-type{justify-self:start;color:var(--accent-strong);font-size:.62rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.draft-options img{width:min(150px,42%);aspect-ratio:1;object-fit:contain}.draft-options strong{font-family:var(--font-display);font-size:1.7rem}.draft-options>button>span:not(.draft-card-type){color:var(--text-3);font-size:.78rem}.draft-options small{max-width:32ch;color:var(--text-2);line-height:1.45}.draft-options em{width:100%;padding-top:12px;border-top:1px solid var(--line);color:var(--accent-strong);font-style:normal;font-weight:800}.draft-army-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.draft-army-summary>div{padding:18px;border:1px solid var(--line-strong);background:var(--panel)}.draft-army-summary>div>strong{font-family:var(--font-display);font-size:1.35rem}.draft-army-summary>div>span{float:right;color:var(--text-3);font-family:var(--font-mono);font-size:.7rem}.draft-army-summary>div>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px}.draft-army-summary img{width:100%;max-width:68px;aspect-ratio:1;object-fit:contain}.notes.vertical,.quick-status{display:grid;gap:0;padding:0;background:transparent;border:0;border-top:1px solid var(--line-strong);border-radius:0}.notes.vertical>div,.quick-status>span{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:38px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text-2)}.notes.vertical>div strong{color:var(--text);font-weight:650}.notes.vertical>div span,.quick-status>span{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.quick-status>span{justify-content:flex-start}.validation-list{display:grid;gap:0;padding:0;overflow:hidden;background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-sm)}.action-row{min-height:42px;padding:9px 12px;background:transparent;color:var(--text);border:0;border-bottom:1px solid var(--line);border-radius:0;font-weight:650}.action-row:last-child{border-bottom:0}.action-row:hover:not(:disabled){padding-left:15px;background:var(--accent-soft);color:var(--accent-strong);border-color:var(--line)}.turn-empty-state{margin:0;padding:12px 0;color:var(--text-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.84rem;line-height:1.55}.pending-banner{border-radius:var(--r-sm);box-shadow:none}.move-history-panel,.chat-panel,.rematch-panel{padding:14px 0 0;background:transparent;border:0;border-top:1px solid var(--line-strong);border-radius:0}.move-table{border-radius:0}.chat-panel input{min-height:36px;border-radius:var(--r-sm)!important;background:var(--panel-2)!important;color:var(--text)!important;border-color:var(--line-strong)!important}.chat-panel button{min-height:36px;border-radius:var(--r-sm)}.codex-backdrop{background:#0e0d0ab8;-webkit-backdrop-filter:none;backdrop-filter:none}.codex-modal,.piece-info-popup,.game-over-card{border:1px solid var(--line-strong);border-top:4px solid var(--accent);border-radius:var(--r-sm)}.codex-header{border-bottom-color:var(--line-strong)}.codex-header small{color:var(--accent-strong);font-family:var(--font-mono)}.codex-close{min-width:40px;min-height:40px;border-radius:50%}.codex-item{min-height:48px;border-radius:0}.codex-item.active{background:var(--text);color:var(--panel)}.settings-row{border-radius:var(--r-sm);background:transparent;border-color:var(--line)}.settings-theme-option{min-height:48px;border-radius:var(--r-sm)}@media(max-width:1040px){.dashboard{grid-template-columns:1fr;width:min(100%,760px);gap:34px}.dashboard-intro h2{max-width:11ch}.lobby-rooms-block{margin-top:8px}.workspace-layout.chess2-layout{grid-template-columns:minmax(0,min(var(--board-max),max(var(--board-min),calc(100dvh - 180px))));justify-content:center}.board{box-shadow:5px 7px #19161133,var(--shadow-md)}}@media(max-width:680px){.app-header{padding:0 10px}.app-header-inner{gap:9px}.app-brand{gap:8px}.app-brand-mark{width:34px;height:34px}.app-brand-text{display:block;font-size:.92rem}.app-brand-subtitle{display:none}.app-header-side:not(.end):not(:empty)+.app-brand .app-brand-copy{display:none}.app-header-side{gap:5px}.header-btn{padding-inline:9px;font-size:.68rem}.header-btn-icon{padding:0}.dashboard{padding:30px 14px 52px}.dashboard-kicker{margin-bottom:30px}.dashboard-intro h2{font-size:clamp(3.1rem,15vw,4.6rem)}.dashboard-deck{margin-top:22px}.dashboard-gallery{margin-top:28px}.dashboard-piece-line img{width:min(100%,66px)}.dashboard-piece-line figcaption{font-size:.52rem}.lobby-play-panel{padding:20px 16px}.lobby-play-panel-head{align-items:center}.lobby-config-grid{grid-template-columns:1fr;gap:16px}.dashboard .lobby-time-option small{display:none}.lobby-actions-row{grid-template-columns:1fr}.lobby-actions-row .lobby-play-online{grid-column:auto}.dashboard .lobby-play-cta{min-height:58px}.dashboard .lobby-play-online{min-height:68px}.lobby-quick-row{display:grid;grid-template-columns:1fr 1fr}.lobby-room-grid{grid-template-columns:1fr}.lobby-room-card:nth-child(odd){border-right:0}.app-shell{padding:10px}.game-panel{padding:0}.top-bar{align-items:stretch}.top-bar-actions{justify-content:stretch}.top-bar-actions>button{flex:1}.board{border-width:1px;box-shadow:3px 4px #19161133}.army-panel{padding:14px;overflow-x:clip}.play-layout .army-panel{position:static}.draft-screen{min-height:auto;padding:28px 6px 50px;place-items:start center}.draft-screen h2{font-size:clamp(2.5rem,14vw,4rem)}.draft-pick header{display:grid;gap:10px}.draft-progress{grid-row:1}.draft-options{grid-template-columns:1fr}.draft-options>button{min-height:300px}.draft-army-summary{grid-template-columns:1fr}.workspace-layout.chess2-layout.setup-layout .piece-browser .piece-list{width:100%;max-width:100%}.workspace-layout.chess2-layout.setup-layout .piece-choice{min-width:108px;scroll-snap-align:start}.workspace-layout.chess2-layout.setup-layout .piece-choice-select{grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;min-height:72px;align-content:start}.workspace-layout.chess2-layout.setup-layout .piece-choice-select small{grid-column:1 / -1}.workspace-layout.chess2-layout.setup-layout .piece-choice .piece-info-icon{display:inline-flex;min-height:26px;padding:0}}@media(max-width:420px){.app-brand-text{font-size:.82rem}.dashboard-facts{grid-template-columns:1fr;gap:0}.dashboard-facts div{padding:9px 0}.dashboard-facts div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.dashboard-piece-line figure{padding-inline:2px}.dashboard-piece-line img{width:58px}.dashboard-gallery-head{align-items:flex-start}.dashboard-gallery-controls button{padding-inline:6px}.lobby-network-state{font-size:.6rem}}.game-panel,.army-panel,.lobby-card,.dev-panel,.lobby-play-panel,.dashboard-gallery,.codex-modal,.game-over-card,.boundary-card{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 14%);border:1px solid var(--line);outline:1px solid color-mix(in srgb,var(--line-strong) 55%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-md)}.lobby-name-input,.piece-search input,.lobby-join-row input,.lobby-field input,.armies-save-row input,.lobby-custom-time input{background:var(--panel-inset);border:1px solid var(--line);box-shadow:inset 0 2px 4px #00000059;color:var(--text)}[data-theme=light] .lobby-name-input,[data-theme=light] .piece-search input,[data-theme=light] .lobby-join-row input,[data-theme=light] .lobby-field input,[data-theme=light] .armies-save-row input,[data-theme=light] .lobby-custom-time input{box-shadow:inset 0 2px 4px #4a382026}.lobby-name-input:focus,.piece-search input:focus,.lobby-join-row input:focus{border-color:var(--accent);background:var(--panel-inset)}.btn,.lobby-primary,.preset-button,.top-bar button,.action-row,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary{font-family:var(--font-display);font-weight:700;letter-spacing:.07em;text-transform:uppercase;font-size:.82rem;color:var(--accent-contrast);border:1px solid color-mix(in srgb,var(--accent) 70%,#000);border-radius:var(--r-md);background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 2px 6px #00000073;transition:transform 80ms ease,box-shadow 80ms ease,filter .15s ease}.btn:hover,.lobby-primary:hover,.preset-button:hover,.top-bar button:hover,.action-row:hover,.rematch-panel button:hover,.lobby-join-row button:hover,.draft-primary:hover,.game-over-primary:hover{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%);filter:brightness(1.08);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 2px 12px var(--glow-ember),0 2px 6px #00000073}.btn:active,.lobby-primary:active,.preset-button:active,.top-bar button:active,.action-row:active,.rematch-panel button:active,.lobby-join-row button:active,.draft-primary:active,.game-over-primary:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.btn-primary,.btn-primary:hover{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%)}.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--text-2);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:none}.btn-ghost:hover,.lobby-secondary:hover,.header-btn:hover,.clear-board-button:hover{background:var(--accent-soft);border-color:var(--brass-lit);color:var(--text)}.app-header{background:var(--header-bg);border-bottom:1px solid var(--line-strong);box-shadow:0 1px #0006,0 8px 24px -18px #000c}[data-theme=light] .app-header{box-shadow:0 1px #4a38201f}.app-brand-text{font-family:var(--font-display);font-weight:800;letter-spacing:.12em;background:linear-gradient(180deg,#f4dc9a,#e8b95c 45%,#8a621c 58%,#c9973f);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .app-brand-text{background:linear-gradient(180deg,#8a621c,#6e4d12 55%,#4a3410);-webkit-background-clip:text;background-clip:text}.app-brand-subtitle{font-family:var(--font-flavor);font-style:italic;text-transform:none;letter-spacing:.02em}.draft-overline,.lobby-overline,.lobby-label,.dashboard-kicker span,.armies-group-label,.piece-section-head,.dev-panel-header,.game-view-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent)}.board{border:10px solid var(--board-frame);outline:1px solid var(--line-strong);outline-offset:-7px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px #00000080,0 1px #ffffff0a,0 18px 40px -18px #000000b3}.board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011 0.09' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E")}.square.placement-zone{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--good) 75%,transparent)}.player-strip-bar{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--bevel)}.player-strip-bar.ticking{border-color:color-mix(in srgb,var(--ember) 55%,var(--line));box-shadow:var(--bevel),0 0 14px var(--glow-ember)}.player-strip-name{font-family:var(--font-display);letter-spacing:.05em}.player-strip-clock{font-family:var(--font-mono);font-weight:600}.lobby-divider{border:0;height:1px;position:relative;background:linear-gradient(90deg,transparent,var(--line-strong) 18%,var(--line-strong) 82%,transparent)}.lobby-divider:after{content:"◆";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--accent);background:var(--panel);padding:0 .6em;font-size:.6rem;line-height:1}.dashboard-kicker{border-top:2px solid var(--line-strong)}.dashboard-facts dt{font-family:var(--font-display);letter-spacing:.12em;color:var(--text-3)}.dashboard-deck{font-size:1.06rem;line-height:1.6}.dashboard-piece-line figcaption{font-family:var(--font-display);letter-spacing:.12em}.lobby-play-online{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%);border:1px solid color-mix(in srgb,var(--accent) 70%,#000);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 2px 6px #00000073}.lobby-play-online .lobby-play-cta-text strong{font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase}.lobby-play-cta-icon{border-radius:var(--r-sm);background:#00000038;color:var(--accent-contrast);font-family:var(--font-display);font-size:.6rem;letter-spacing:.08em}.lobby-play-local,.lobby-play-bot,.lobby-play-spectate,.lobby-play-draft{background:var(--panel-2);color:var(--text);border:1px solid var(--line-strong)}.lobby-play-local:hover:not(:disabled),.lobby-play-bot:hover:not(:disabled),.lobby-play-spectate:hover:not(:disabled),.lobby-play-draft:hover:not(:disabled){border-color:var(--brass-lit);background:var(--panel-2)}.lobby-play-cta-text strong{font-family:var(--font-display);letter-spacing:.04em}.lobby-room-card,.lobby-room-row{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-md)}.lobby-room-card:hover:not(:disabled),.lobby-room-row:hover:not(:disabled){background:var(--panel-2);border-color:var(--brass-lit)}.lobby-room-card-code,.lobby-room-code{font-family:var(--font-mono);font-weight:600;letter-spacing:.18em;color:var(--accent)}.lobby-room-mode-tag{color:var(--accent);font-weight:700}.lobby-code-hero code{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-strong)}[data-theme=light] .lobby-code-hero code{color:var(--accent)}.lobby-empty-rooms,.lobby-rooms-empty{font-family:var(--font-flavor);font-style:italic;color:var(--text-3)}.draft-options>button{background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 16%);border:1px solid var(--line-strong);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-md);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.draft-options>button:hover:not(:disabled){transform:translateY(-4px);border-color:var(--brass-lit);box-shadow:var(--bevel),0 12px 28px -10px #000000a6,0 0 18px var(--glow-ember)}.draft-options>button:disabled{cursor:default;opacity:.75}.draft-card-type{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent)}.draft-options img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.draft-options em{font-family:var(--font-display);font-style:normal;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-strong)}[data-theme=light] .draft-options em{color:var(--accent)}.draft-progress{font-family:var(--font-mono);color:var(--text-3)}.draft-pass-note{font-family:var(--font-flavor);font-style:italic;font-size:1.02rem}.draft-rules li{font-size:1.02rem}.draft-online{padding-top:clamp(16px,3vh,40px)}.draft-options-waiting>button{filter:saturate(.75)}.draft-waiting-note{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--text-3);font-family:var(--font-flavor);font-style:italic}.draft-army-summary-online{margin-top:32px}.draft-army-summary-online>div{border-radius:var(--r-md);box-shadow:var(--bevel)}.draft-army-summary-online>div.draft-army-mine{border-color:var(--brass-lit)}.draft-special-choice{max-width:980px}.draft-special-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.draft-special-options button{min-height:150px;display:grid;place-items:center;align-content:center;gap:8px;padding:18px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel);color:var(--text-1);text-align:center}.draft-special-options button:hover{border-color:var(--accent)}.draft-special-options img{width:72px;height:72px;object-fit:contain}.draft-special-options span{color:var(--text-2);line-height:1.4}.draft-mythic-picker{margin-top:18px}.draft-mythic-picker-header{color:var(--text-2);font-size:.92rem}.draft-mythic-options{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin-top:10px}.draft-mythic-options button{min-height:0;padding:10px 6px;gap:4px;font-size:.85rem}.draft-mythic-options img{width:44px;height:44px}.draft-mythic-options button.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.draft-mythic-options button:disabled{opacity:.45;cursor:not-allowed}.draft-placement-screen{align-items:start}.draft-placement{width:min(100%,1040px)}.draft-placement header{display:flex;justify-content:space-between;gap:24px;align-items:end}.draft-placement header p{color:var(--text-2)}.draft-placement-board{width:min(100%,650px);margin:24px auto}.draft-placement-status{min-height:24px;color:var(--text-2);text-align:center}.draft-placement-notice{margin:10px 12px;padding:10px 12px;border:1px solid var(--brass-muted);border-radius:var(--r-sm);color:var(--text-2);line-height:1.4}.draft-army-color{color:var(--text-3);font-family:var(--font-sans);font-size:.85em;letter-spacing:0}.draft-army-slot{display:block;width:100%;max-width:68px;aspect-ratio:1;border:1px dashed var(--line-strong);border-radius:var(--r-sm);opacity:.5;justify-self:center;align-self:center}.codex-overlay .codex-backdrop,.game-over-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.game-over-headline h2{letter-spacing:.05em}.game-over-headline.win h2{color:var(--good)}.game-over-headline.lose h2{color:var(--danger)}.waiting-overlay-code code{font-family:var(--font-mono);letter-spacing:.3em;color:var(--accent-strong)}[data-theme=light] .waiting-overlay-code code{color:var(--accent)}.disconnect-banner{border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));background:var(--warn-soft)}.server-error-toast{border:1px solid color-mix(in srgb,var(--danger) 50%,var(--line))}.lobby-network-state{font-family:var(--font-display);letter-spacing:.1em}.ember-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none}[data-theme=light] .ember-canvas{opacity:.35}.preset-button,.top-bar button,.action-row,.lobby-join-row button{font-size:.72rem;letter-spacing:.05em;padding-inline:12px}.armies-save-btn,.armies-load,.armies-cancel{font-size:.72rem}.lobby-play-cta-icon{width:auto;min-width:34px;padding:0 8px;height:26px}.dashboard-gallery{padding:14px 16px 16px}.dev-panel-header{gap:8px}.draft-online .draft-pick h2{font-size:clamp(1.9rem,3.4vw,3rem)}.draft-online .draft-pick header{align-items:baseline}.draft-army-summary-online>div>strong{white-space:nowrap;font-size:1.1rem}.draft-online .draft-options img{width:min(120px,38%)}.draft-options strong{font-size:clamp(1.15rem,1.1vw + .8rem,1.5rem);letter-spacing:.03em}.keyword-anchor{position:relative;display:inline-block}.keyword-term{appearance:none;border:0;padding:0;margin:0;background:none;font:inherit;color:var(--accent-strong);cursor:help;border-bottom:1px dotted color-mix(in srgb,var(--accent) 65%,transparent)}[data-theme=light] .keyword-term{color:var(--accent)}.keyword-term.pinned{border-bottom-style:solid}.keyword-card{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);z-index:80;display:grid;gap:4px;width:max-content;max-width:min(280px,74vw);padding:10px 12px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-md);font-size:.82rem;line-height:1.45;color:var(--text-2);text-align:left}.keyword-card strong{font-family:var(--font-display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.move-diagram{margin:0;display:grid;gap:6px;justify-items:center}.move-diagram-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(216px,100%);aspect-ratio:1;border:3px solid var(--board-frame);outline:1px solid var(--line-strong);outline-offset:-2px;border-radius:var(--r-sm);overflow:hidden}.move-diagram-sq{position:relative;display:grid;place-items:center}.move-diagram-sq.light{background:var(--sq-light)}.move-diagram-sq.dark{background:var(--sq-dark)}.move-diagram-sq img{width:88%;height:88%;object-fit:contain}.move-diagram-dot{width:34%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(20,14,8,.55) 55%,transparent 60%)}.move-diagram-ring{width:78%;aspect-ratio:1;border-radius:50%;border:2.5px solid rgba(20,14,8,.55)}.move-diagram figcaption{font-size:.74rem;color:var(--text-3);font-family:var(--font-display);letter-spacing:.08em}.sheet-scrim{position:fixed;inset:0;z-index:90;background:#0a07048c}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:95;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,var(--panel-2),var(--panel) 30%);border-top:1px solid var(--line-strong);border-radius:10px 10px 0 0;box-shadow:0 -14px 40px #00000080;transition:height var(--mc-dur-glide, .3s) var(--mc-ease-standard, ease);touch-action:none}.bottom-sheet.sheet-peek{height:64px}.bottom-sheet.sheet-half{height:50dvh}.bottom-sheet.sheet-full{height:calc(100dvh - var(--topbar-h) - 8px)}.sheet-handle-row{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:64px;padding:0 14px;cursor:grab}.sheet-handle{position:absolute;left:50%;top:6px;transform:translate(-50%);width:56px;height:18px;display:grid;place-items:center;background:none;border:0;cursor:grab}.sheet-handle i{width:34px;height:4px;border-radius:999px;background:var(--line-strong)}.sheet-peek-content{display:flex;align-items:center;gap:10px;min-width:0;padding-top:10px;font-size:.9rem;color:var(--text-2)}.sheet-close{width:34px;height:34px;margin-top:10px;display:grid;place-items:center;background:none;border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--text-2);font-size:1.1rem;cursor:pointer}.sheet-body{overflow-y:auto;padding:4px 14px calc(14px + env(safe-area-inset-bottom,0px));min-height:0}.flip-ghost{object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.zen-mode .army-panel{display:none}.zen-mode{grid-template-columns:minmax(var(--board-min),min(var(--board-max),calc(100dvh - var(--board-vertical-reserve))))!important;justify-content:center}.zen-mode .game-status-lockup .game-view-label,.zen-mode .game-status-lockup p{visibility:hidden}.zen-mode .captured-row{opacity:.35}.board-prompt-strip{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:9px 14px;font-family:var(--font-display);font-size:.82rem;letter-spacing:.06em;color:var(--text);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--ember) 50%,var(--line));border-radius:var(--r-md);box-shadow:0 0 16px var(--glow-ember)}.board-prompt-strip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember)}.rail-meta-code{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:var(--accent)}.rail-meta-line{align-items:center}.rail-meta-budget{margin-left:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--text-3)}.rail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:6px 0;border-top:1px solid var(--line)}.rail-action-btn{padding:8px 12px;cursor:pointer;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-md);transition:border-color .15s ease,color .15s ease,background .15s ease}.rail-action-btn:hover:not(:disabled){border-color:var(--brass-lit);color:var(--text)}.rail-action-btn.danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger) 60%,var(--line-strong));color:var(--danger)}.rail-confirm{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel-inset)}.rail-confirm em{font-style:normal;font-size:.8rem;color:var(--text-2)}.rail-confirm.danger em{color:var(--danger)}.rail-confirm-yes,.rail-confirm-no{width:30px;height:30px;display:grid;place-items:center;cursor:pointer;font-size:.9rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:transparent;color:var(--text-2)}.rail-confirm-yes:hover{border-color:var(--good);color:var(--good)}.rail-confirm-no:hover{border-color:var(--danger);color:var(--danger)}.rail-offer{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 12px;font-size:.86rem;color:var(--text);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 50%,var(--line));border-radius:var(--r-md)}.rail-offer-buttons{display:inline-flex;gap:6px}.chat-log{max-height:120px;overflow-y:auto;display:grid;gap:3px;padding:8px 10px;margin-bottom:6px;font-size:.82rem;background:var(--panel-inset);border:1px solid var(--line);border-radius:var(--r-md)}.chat-empty{font-family:var(--font-flavor);font-style:italic;color:var(--text-muted);font-size:.85rem}.chat-line{line-height:1.4;color:var(--text-2);overflow-wrap:anywhere}.chat-line strong{font-weight:700}.chat-line.mine strong{color:var(--accent-strong)}[data-theme=light] .chat-line.mine strong{color:var(--accent)}.chat-line.theirs strong{color:var(--arcane)}.chat-line.spectator{font-style:italic}.chat-line.spectator strong{color:var(--text-3)}.chat-form{display:flex;gap:6px}.chat-input{flex:1;min-width:0;padding:8px 10px;font-size:.84rem;color:var(--text);background:var(--panel-inset);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:inset 0 2px 4px #00000059}.chat-send{padding:8px 12px;cursor:pointer;font-family:var(--font-display);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-md)}.chat-send:hover{border-color:var(--brass-lit);color:var(--text)}.player-strip-clock.low{color:var(--warn)}.player-strip-clock.emerg{color:var(--danger);animation:clock-emerg 1s steps(2,jump-none) infinite}@keyframes clock-emerg{0%{opacity:1}to{opacity:.45}}@media(max-width:760px){.player-strip-bar .player-strip-clock{order:-1}.move-table{display:flex;overflow-x:auto;gap:2px;padding-bottom:4px;scrollbar-width:thin}.move-row{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px}.chat-log{max-height:90px}}.draft-card{position:relative;perspective:900px}.draft-card-face{display:grid;gap:10px;justify-items:center;text-align:center;padding:18px 16px 16px;min-height:100%;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 16%);border:1px solid var(--line-strong);outline:1px solid color-mix(in srgb,var(--line-strong) 45%,transparent);outline-offset:-5px;border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-md);backface-visibility:hidden;animation:draft-card-flip-in var(--mc-dur-reveal, .45s) var(--mc-ease-enter, ease-out) both}@keyframes draft-card-flip-in{0%{transform:rotateY(-92deg)}to{transform:rotateY(0)}}.draft-card-sprite{width:min(110px,40%);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}.draft-card-name{font-family:var(--font-display);font-size:clamp(1.05rem,1vw + .75rem,1.35rem);letter-spacing:.03em}.draft-card-cost{color:var(--text-3);font-size:.78rem}.draft-card .move-diagram-grid{width:128px}.draft-card-snippet{max-width:30ch;color:var(--text-2);line-height:1.45;font-size:.84rem}.draft-card-keep{margin-top:4px;padding:10px 18px;cursor:pointer;font-family:var(--font-display);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-contrast);border:1px solid color-mix(in srgb,var(--accent) 70%,#000);border-radius:var(--r-md);background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 2px 6px #00000073;transition:transform 80ms ease,filter .15s ease}.draft-card-keep:hover:not(:disabled){filter:brightness(1.08)}.draft-card-keep:active:not(:disabled){transform:translateY(1px)}.draft-card-back{position:absolute;inset:0;display:none;place-items:center;font-size:2.4rem;color:var(--line-strong);background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(0,0,0,.22) 14px 28px),linear-gradient(180deg,var(--panel-2),var(--bg-soft));border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--bevel),var(--shadow-md)}.draft-card-facedown .draft-card-face{visibility:hidden;animation:none}.draft-card-facedown .draft-card-back{display:grid}.draft-card-facedown{min-height:320px}.draft-pips{display:inline-flex;align-items:center;gap:6px}.draft-pips-label{margin-right:4px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-3);text-transform:uppercase}.draft-pips i{width:9px;height:9px;border-radius:50%;border:1px solid var(--line-strong);background:transparent}.draft-pips i.done{background:var(--accent);border-color:var(--accent)}.draft-pips i.now{background:var(--ember);border-color:var(--ember);box-shadow:0 0 8px var(--glow-ember)}.draft-reveal-piece{animation:draft-reveal var(--mc-dur-glide, .3s) var(--mc-ease-enter, ease-out) both}@keyframes draft-reveal{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.budget-bar{position:sticky;top:-1px;z-index:5;display:grid;gap:6px;padding:10px 12px;margin:0 -2px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--bevel),0 6px 14px -8px #0009}.budget-bar-track{height:7px;border-radius:999px;background:var(--panel-inset);box-shadow:inset 0 1px 3px #00000080;overflow:hidden}.budget-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));box-shadow:0 0 8px var(--glow-ember);transition:width var(--mc-dur-glide, .3s) var(--mc-ease-standard, ease)}.budget-bar-line{display:flex;align-items:baseline;gap:10px;font-size:.8rem;color:var(--text-2)}.budget-bar-line strong{font-family:var(--font-mono);font-size:.92rem;color:var(--text)}.budget-bar-opponent{margin-left:auto;font-style:normal;font-size:.74rem;color:var(--text-3)}.piece-choice.unaffordable{opacity:.45}.piece-choice.unaffordable .piece-choice-select{filter:saturate(.5)}.ready-footer{position:sticky;bottom:-1px;z-index:5;display:grid;gap:6px;padding:10px 0 2px;background:var(--panel);border-top:1px solid var(--line)}.ready-footer-cta{width:100%;padding:13px 16px;cursor:pointer;font-family:var(--font-display);font-size:.88rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-contrast);border:1px solid color-mix(in srgb,var(--accent) 70%,#000);border-radius:var(--r-md);background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent) 55%,color-mix(in srgb,var(--accent) 82%,#000) 100%);box-shadow:inset 0 1px #ffffff59,inset 0 -2px 3px #00000040,0 2px 10px #00000080}.ready-footer-cta:hover:not(:disabled){filter:brightness(1.07)}.ready-footer-cta:active:not(:disabled){transform:translateY(1px)}.ready-footer-note{font-size:.82rem;color:var(--text-2)}.ready-footer-reason{font-size:.78rem;color:var(--text-3)}.ready-footer-unready{justify-self:start;padding:8px 14px;cursor:pointer;font-family:var(--font-display);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-md)}.square.ghost-slot:after,.square.ghost-mythic:after,.square.ghost-objective:after{content:"";position:absolute;inset:14%;border:2px dashed rgba(20,14,8,.32);border-radius:4px;pointer-events:none}.square.ghost-mythic:after{content:"✦";display:grid;place-items:center;font-size:clamp(.9rem,2.4vw,1.5rem);color:#140e0866;border-color:#140e0873}.square.ghost-objective:after{content:"♔";display:grid;place-items:center;font-size:clamp(.9rem,2.4vw,1.5rem);color:#140e0866;border-color:#140e0873}.board.flipped .square.ghost-mythic:after,.board.flipped .square.ghost-objective:after{transform:rotate(180deg)}.codex-tools{display:grid;gap:8px;justify-items:end;margin-left:auto;padding-right:14px;min-width:0}.codex-search{width:min(220px,100%);padding:8px 10px;font-size:.85rem;color:var(--text);background:var(--panel-inset);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:inset 0 2px 4px #00000059}.codex-filters{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.codex-filters button{padding:4px 9px;cursor:pointer;font-family:var(--font-display);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);background:transparent;border:1px solid var(--line);border-radius:var(--r-sm)}.codex-filters button.active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.codex-item-glyph{color:var(--ember);font-style:normal;font-size:.7rem}.codex-visual-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:6px 0}.codex-visual-row .move-diagram-grid{width:176px}.codex-flavor{font-family:var(--font-flavor);font-style:italic;font-size:.98rem;color:var(--text-3);border-top:1px solid var(--line);padding-top:10px}@media(max-width:680px){.draft-special-options{grid-template-columns:1fr}.draft-placement header{display:grid;align-items:start}.codex-tools{display:none}}.codex-item{grid-template-columns:24px minmax(0,1fr) auto auto auto}.codex-item .codex-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-fading{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;z-index:4;pointer-events:none;animation:capture-fade .42s var(--mc-ease-exit, ease-in) forwards;filter:sepia(.6) saturate(2) hue-rotate(-18deg)}.board.flipped .capture-fading{transform:rotate(180deg)}@keyframes capture-fade{0%{opacity:.9}30%{opacity:.7}to{opacity:0;translate:0 -14%}}.board.board-shake{animation:board-shake var(--mc-dur-shake, .25s) linear 1}.board.flipped.board-shake{animation:board-shake-flipped var(--mc-dur-shake, .25s) linear 1}@keyframes board-shake{0%{transform:translate(0)}20%{transform:translate(5px,-3px)}40%{transform:translate(-4px,3px)}60%{transform:translate(3px,-2px)}80%{transform:translate(-2px,1px)}to{transform:translate(0)}}@keyframes board-shake-flipped{0%{transform:rotate(180deg) translate(0)}20%{transform:rotate(180deg) translate(5px,-3px)}40%{transform:rotate(180deg) translate(-4px,3px)}60%{transform:rotate(180deg) translate(3px,-2px)}80%{transform:rotate(180deg) translate(-2px,1px)}to{transform:rotate(180deg) translate(0)}}.game-over-card{animation:gameover-enter .35s var(--mc-ease-settle, ease-out) both}@keyframes gameover-enter{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.game-over-headline.win h2{text-shadow:0 0 26px var(--glow-ember)}.game-over-stats{display:grid;gap:6px;margin:0;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.game-over-stat{display:flex;justify-content:space-between;gap:14px;animation:gameover-stat .3s var(--mc-ease-enter, ease-out) both}@keyframes gameover-stat{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-over-stat dt{font-family:var(--font-display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.game-over-stat dd{margin:0;font-size:.88rem;color:var(--text);text-align:right}.game-over-banner-slot{min-height:64px;display:grid;align-items:center}.bot-thinking-banner{padding:0;margin-left:0;border:0;background:transparent;font-size:inherit;font-weight:600;color:var(--ember)}[data-theme=light] .bot-thinking-banner{color:var(--accent)}.piece-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding-right:4px}.piece-list>.piece-choice{position:relative;display:block;min-height:0;border:1px solid var(--line);border-radius:var(--r-md);background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 30%);box-shadow:var(--bevel);overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.piece-list>.piece-choice:hover{border-color:var(--brass-lit);transform:translateY(-2px);box-shadow:var(--bevel),var(--shadow-sm)}.piece-list>.piece-choice.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--bevel),inset 0 0 0 1px var(--accent),0 0 12px var(--glow-ember)}.piece-list>.piece-choice.experimental{border-style:dashed}.piece-list .piece-choice-select{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:6px;width:100%;min-height:96px;padding:22px 6px 10px;border:0;border-radius:0;background:transparent;color:var(--text);text-align:center;cursor:pointer}.piece-list .piece-choice-select:hover{background:transparent}.piece-list .piece-choice-select img{width:44px;height:44px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}.piece-list .piece-choice-select span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-weight:700;font-size:.62rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-2)}.piece-list>.piece-choice.active .piece-choice-select span{color:var(--text)}.piece-list .piece-choice-select small{position:absolute;top:4px;left:4px;padding:1px 6px;font-family:var(--font-mono);font-size:.66rem;color:var(--accent-strong);background:#00000059;border:1px solid color-mix(in srgb,var(--line-strong) 70%,transparent);border-radius:var(--r-sm)}[data-theme=light] .piece-list .piece-choice-select small{color:var(--accent);background:#fffaeb99}.piece-list .piece-choice-select span .exp-pill{margin-left:4px}.piece-list .piece-choice .piece-info-icon{position:absolute;top:4px;right:4px;min-width:22px;width:22px;min-height:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;grid-template-columns:none;gap:0;padding:0}@media(max-width:680px){.piece-list{display:grid!important;grid-auto-flow:column;grid-auto-columns:minmax(104px,118px);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;scroll-snap-type:x proximity}.piece-list>.piece-choice{scroll-snap-align:start}}.army-panel{max-height:none;overflow:visible}.budget-bar{position:static;z-index:auto;padding:8px 10px;background:var(--panel-2);box-shadow:var(--bevel)}.game-panel{padding:clamp(14px,1.5vw,22px);background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--bevel),var(--shadow-md)}.dev-panel-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.dev-panel-header strong{min-width:0;white-space:nowrap}.dev-panel-header .panel-link{justify-self:end}.setup-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.setup-action-row .preset-button,.setup-action-row .clear-board-button{width:100%;min-width:0;padding-inline:7px;justify-content:center;text-align:center}@media(max-width:680px){.game-panel{padding:14px}.top-bar{gap:12px;margin-bottom:16px;padding-bottom:16px}.game-status-lockup{gap:5px}.top-bar h2{line-height:1.12}.top-bar p{line-height:1.4}.board-row-wrap{gap:0}}@media(max-width:520px){.home-hero{min-height:340px}.home-hero-content{padding:20px 22px;gap:11px}.home-deck{font-size:.98rem;line-height:1.48}.home-modes{grid-template-columns:1fr}.home-mode-card{min-height:0;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px}.home-mode-card strong,.home-mode-card small{grid-column:2}.home-mode-glyph{grid-row:1 / span 2}.setup-action-row{grid-template-columns:1fr 1fr}.setup-action-row .clear-board-button{grid-column:1 / -1}}:root{--sidenav-w: 224px;--sidenav-w-collapsed: 68px;--z-header: 40;--z-miniplayer: 45;--z-sheet: 50;--z-modal: 60}.app-frame{display:grid;grid-template-columns:auto 1fr;min-height:100dvh}.app-main{min-width:0;display:flex;flex-direction:column}.app-shell{min-height:calc(100dvh - var(--topbar-h))}.sidenav{position:sticky;top:0;height:100dvh;width:var(--sidenav-w);display:flex;flex-direction:column;gap:8px;padding:14px 10px;background:color-mix(in srgb,var(--panel) 92%,transparent);border-right:1px solid var(--line);z-index:var(--z-header);overflow-y:auto;transition:width .2s var(--mc-ease-standard, ease)}.sidenav-collapsed{width:var(--sidenav-w-collapsed)}.sidenav-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;background:none;border:none;cursor:pointer;text-align:left;border-bottom:1px solid var(--line);margin-bottom:6px;border-radius:var(--r-md, 10px)}.sidenav-brand-mark img{width:34px;height:34px;display:block}.sidenav-brand-copy{display:flex;flex-direction:column;line-height:1.15;min-width:0}.sidenav-brand-text{font-family:var(--font-display);font-weight:700;font-size:1.05rem;color:var(--text);letter-spacing:.04em;white-space:nowrap}.sidenav-brand-subtitle{font-size:.68rem;color:var(--text-2);white-space:nowrap}.sidenav-collapsed .sidenav-brand-copy{display:none}.sidenav-items{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}.sidenav-item{position:relative;display:flex;align-items:center;gap:12px;padding:11px 12px;min-height:44px;background:none;border:1px solid transparent;border-radius:var(--r-md, 10px);color:var(--text-2);font:inherit;font-size:.98rem;cursor:pointer;text-align:left;white-space:nowrap}.sidenav-item:hover{background:var(--accent-soft);color:var(--text)}.sidenav-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-strong);font-weight:700}.sidenav-item-icon{font-size:1.15rem;width:24px;text-align:center;flex-shrink:0}.sidenav-collapsed .sidenav-item-label{display:none}.sidenav-collapsed .sidenav-item{justify-content:center;padding:11px 0}.sidenav-collapsed .sidenav-item-icon{width:auto}.sidenav-tooltip{display:none;position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:.85rem;padding:6px 10px;white-space:nowrap;pointer-events:none;z-index:var(--z-modal);box-shadow:0 6px 18px #00000059}.sidenav-collapsed .sidenav-item:hover .sidenav-tooltip,.sidenav-collapsed .sidenav-item:focus-visible .sidenav-tooltip{display:block}.sidenav-item-game{margin-top:10px;border-top:1px dashed var(--line);border-radius:0 0 var(--r-md, 10px) var(--r-md, 10px)}.sidenav-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:10px;border-top:1px solid var(--line)}.sidenav-collapsed .sidenav-footer{flex-direction:column}.sidenav-collapse{background:none;border:1px solid var(--line);border-radius:8px;color:var(--text-2);min-width:34px;min-height:34px;cursor:pointer;font-size:1rem}.sidenav-collapse:hover{color:var(--text);background:var(--accent-soft)}@media(max-width:1199px)and (min-width:761px){.sidenav{width:var(--sidenav-w-collapsed)}.sidenav .sidenav-brand-copy,.sidenav .sidenav-item-label{display:none}.sidenav .sidenav-item{justify-content:center;padding:11px 0}.sidenav .sidenav-item-icon{width:auto}.sidenav .sidenav-item:hover .sidenav-tooltip,.sidenav .sidenav-item:focus-visible .sidenav-tooltip{display:block}.sidenav .sidenav-collapse{display:none}.sidenav-footer{flex-direction:column}}.mobile-topbar,.mobilenav{display:none}@media(max-width:760px){:root{--topbar-h: 52px}.app-frame{grid-template-columns:1fr}.sidenav{display:none}.mobile-topbar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 14px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-topbar .app-brand-mark img{width:26px;height:26px;display:block}.mobile-topbar .app-brand-text{font-family:var(--font-display);font-weight:700;letter-spacing:.04em}.mobilenav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-header);display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--panel) 96%,transparent);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobilenav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;background:none;border:none;color:var(--text-2);font:inherit;font-size:.7rem;cursor:pointer}.mobilenav-item.active{color:var(--accent-strong);font-weight:700}.mobilenav-icon{font-size:1.25rem}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.game-host[hidden]~*{padding-bottom:0}}.screen-page{width:min(100%,1180px);margin:0 auto;display:flex;flex-direction:column;gap:18px}.screen-page-header small{color:var(--text-2);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.screen-page-header h1{outline:none}.settings-page .settings-body{padding:0}.settings-section-title{font-size:1.02rem;margin:8px 0 2px;color:var(--accent-strong)}.learn-page .codex-view{min-height:60vh}.codex-view{display:flex;flex-direction:column;gap:12px;min-height:0}.codex-view .codex-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.codex-view .codex-body{min-height:0}.game-context-bar{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;margin:0 0 6px}.game-host{width:100%}.game-host[hidden]{display:none}.guest-badge{display:inline-block;margin-left:6px;padding:1px 7px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;vertical-align:middle}.auth-modal{max-width:440px;width:min(440px,94vw)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 24px 0}.auth-tabs button{padding:10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md, 10px);color:var(--text-2);font:inherit;cursor:pointer}.auth-tabs button.active{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:14px;padding:18px 24px 24px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{font-size:.88rem;color:var(--text-2)}.auth-field input{padding:10px 12px;border-radius:var(--r-md, 10px);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.auth-field input[aria-invalid=true]{border-color:var(--danger)}.auth-field-error{color:var(--danger);font-size:.8rem}.auth-submit{min-height:44px}.auth-error{margin:12px 24px 0;padding:10px 12px;border-radius:var(--r-md, 10px);border:1px solid color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--text);font-size:.9rem}.auth-form .auth-error{margin:0}.auth-note{color:var(--text-2);font-size:.9rem;line-height:1.45}.auth-dev-note a{color:var(--accent-strong)}.auth-link{background:none;border:none;color:var(--accent-strong);font:inherit;font-size:.88rem;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px;align-self:flex-start}.auth-switch{font-size:.88rem;color:var(--text-2)}.reset-card{margin:0 auto}.account-cta-card{display:flex;flex-direction:column;gap:14px;max-width:560px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg, 14px)}.account-headline{font-size:1.05rem;color:var(--text)}.account-note{color:var(--text-2);line-height:1.5}.account-cta-row{display:flex;gap:10px;flex-wrap:wrap}.account-details{display:flex;flex-direction:column;gap:20px;max-width:720px}.account-value{color:var(--text);font-weight:600;align-self:center}.account-motto-controls{display:flex;gap:8px;align-items:center}.account-motto-controls input{padding:8px 10px;border-radius:var(--r-md, 10px);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.account-password-form{padding:0;max-width:380px}.hotkey-settings{display:flex;flex-direction:column;gap:10px}.hotkey-row-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hotkey-chip{min-width:44px;text-align:center;padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);font-family:var(--font-mono, monospace);font-size:.85rem}.hotkey-chip.capturing{border-color:var(--accent);color:var(--accent-strong);animation:hotkey-pulse 1s infinite}@keyframes hotkey-pulse{50%{opacity:.55}}.hotkey-notice{color:var(--warn);font-size:.88rem}.landing-page{min-height:100dvh;display:flex;flex-direction:column}.landing-hero{position:relative;display:grid;place-items:center;padding:clamp(48px,12vh,130px) 20px 40px;background:linear-gradient(180deg,rgba(10,8,6,.55) 0%,rgba(10,8,6,.82) 70%,var(--bg) 100%),var(--hero-image, none) center / cover no-repeat}.landing-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;max-width:560px}.landing-brand img{width:84px;height:84px}.landing-page h1{font-size:clamp(2rem,5vw,3.2rem);outline:none}.landing-pitch{font-size:1.05rem;line-height:1.55;color:var(--text-2)}.landing-guest-form{display:flex;flex-direction:column;gap:8px;width:100%;max-width:420px}.landing-guest-label{font-size:.8rem;color:var(--text-2);text-align:left}.landing-guest-row{display:flex;gap:8px}.landing-guest-row input{flex:1 1 auto;min-width:0;padding:12px 14px;border-radius:var(--r-md, 10px);border:1px solid var(--line);background:var(--panel-2);color:var(--text);font:inherit}.landing-cta{min-height:48px;white-space:nowrap}.landing-account-row{display:flex;gap:10px}.landing-secondary{min-height:44px;min-width:130px}.landing-how{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:min(100%,960px);margin:0 auto;padding:34px 20px 60px}.landing-how-item{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg, 14px);display:flex;flex-direction:column;gap:8px}.landing-how-item h2{font-size:1.05rem}.landing-how-item p{color:var(--text-2);line-height:1.5}.miniplayer{position:fixed;bottom:18px;z-index:var(--z-miniplayer);width:240px;display:flex;flex-direction:column;gap:10px;padding:12px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:var(--r-lg, 14px);box-shadow:0 14px 40px #00000073}.miniplayer.corner-right{right:18px}.miniplayer.corner-left{left:calc(var(--sidenav-w-collapsed) + 18px)}.miniplayer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.miniplayer-status{font-size:.85rem;color:var(--text-2);min-width:0}.miniplayer-status.your-turn{color:var(--accent-strong);font-weight:700}.miniplayer-status.check{color:var(--danger);font-weight:700}.miniplayer-controls{display:flex;gap:4px}.miniplayer-icon-btn{min-width:28px;min-height:28px;background:none;border:1px solid var(--line);border-radius:7px;color:var(--text-2);cursor:pointer;font-size:.85rem}.miniplayer-icon-btn:hover{color:var(--text);background:var(--accent-soft)}.miniplayer-board-btn{padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:none;cursor:pointer;display:block}.miniboard{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;width:100%}.miniboard-sq{position:relative}.miniboard-sq.light{background:var(--sq-light)}.miniboard-sq.dark{background:var(--sq-dark)}.miniboard-sq img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain}.miniplayer-clocks{display:flex;justify-content:space-between;font-family:var(--font-mono, monospace);font-size:.9rem;color:var(--text-2)}.miniplayer-clocks .ticking{color:var(--accent-strong);font-weight:700}.miniplayer-actions{display:flex;flex-direction:column;gap:6px}.miniplayer-return{min-height:40px}.miniplayer-leave{background:none;border:none;color:var(--text-2);font:inherit;font-size:.82rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.miniplayer-leave:hover{color:var(--danger)}.miniplayer-over .miniplayer-status{color:var(--text);font-weight:700}.miniplayer-pill{position:fixed;bottom:18px;z-index:var(--z-miniplayer);display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);border-radius:999px;color:var(--text);font:inherit;font-size:.88rem;cursor:pointer;box-shadow:0 10px 28px #0006}.miniplayer-pill.corner-right{right:18px}.miniplayer-pill.corner-left{left:calc(var(--sidenav-w-collapsed) + 18px)}.miniplayer-pill-clock{font-family:var(--font-mono, monospace);color:var(--accent-strong)}@media(max-width:760px){.miniplayer,.miniplayer-pill{left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));width:auto;border-radius:0;border-left:none;border-right:none;flex-direction:row;align-items:center}.miniplayer{padding:8px 12px;gap:10px}.miniplayer-board-btn{width:56px;flex-shrink:0}.miniplayer-head{flex:1 1 auto;order:1}.miniplayer-actions{flex-direction:row;order:2}.miniplayer-clocks,.miniplayer-leave{display:none}.miniplayer~*{scroll-padding-bottom:140px}}@media(prefers-reduced-motion:reduce){.sidenav{transition:none}.hotkey-chip.capturing{animation:none}}html.fx-reduced .sidenav{transition:none}html.fx-reduced .hotkey-chip.capturing{animation:none}.army-panel.army-panel-zoned{display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - var(--topbar-h) - 48px);overflow:hidden}.army-panel-pinned-top,.army-panel-pinned-bottom{flex:0 0 auto;display:grid;gap:12px;min-height:0}.army-panel-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding-right:2px}.army-panel-scroll .piece-list{max-height:clamp(220px,36vh,420px);overflow-y:auto;overscroll-behavior:contain}.army-panel-scroll>*{flex:0 0 auto;min-height:max-content}@media(max-width:1020px){.army-panel.army-panel-zoned{max-height:none;overflow:visible;display:grid}.army-panel-scroll{overflow:visible;padding-right:0}.army-panel-scroll .piece-list{max-height:none;overflow:visible}}.sheet-peek-summary{display:flex;align-items:baseline;gap:10px;font-size:.88rem}.sheet-peek-summary strong{color:var(--text)}.sheet-peek-summary span{color:var(--text-2)}@media(max-width:760px){.setup-side-panel-sheet .army-panel.army-panel-zoned{max-height:none;overflow:visible;display:grid}.setup-side-panel-sheet .army-panel-scroll{overflow:visible}}.codex-summary{font-size:1rem;line-height:1.55;color:var(--text);border-left:3px solid var(--accent);padding-left:12px}.codex-rules{display:grid;gap:14px}.codex-rule-section h4{color:var(--accent-strong);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.codex-rule-section ul{margin:0;padding-left:18px;display:grid;gap:4px}.codex-rule-section li{color:var(--text-2);line-height:1.5;font-size:.92rem}.codex-lesson-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:10px}.codex-demo-player,.codex-practice{display:grid;gap:10px;padding:14px;background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--r-md, 10px);align-content:start}.codex-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.codex-demo-head small{color:var(--accent-strong);font:700 .66rem var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.1em}.codex-demo-progress{font-family:var(--font-mono, monospace);font-size:.78rem;color:var(--text-2)}.codex-demo-caption{min-height:3em;color:var(--text-2);font-size:.88rem;line-height:1.5}.codex-demo-controls{display:flex;gap:6px;justify-content:center}.codex-demo-controls .header-btn{min-width:40px}.codex-demo-controls .header-btn.active{color:var(--accent-strong);border-color:var(--accent)}.codex-practice-controls{display:flex;gap:6px}.codex-practice-start{color:var(--accent-strong)}.codex-practice-feedback{color:var(--text-2);font-size:.85rem;min-height:2.6em}.scenario-board button.last-move{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--warn) 70%,transparent)}.piece-info-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);z-index:var(--z-sheet);display:flex;flex-direction:column;background:var(--panel);border-left:1px solid var(--line-strong);box-shadow:-18px 0 50px #00000073}.piece-info-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.piece-info-panel-head small{color:var(--accent-strong);font:700 .7rem var(--font-mono, monospace);text-transform:uppercase;letter-spacing:.1em}.piece-info-panel-controls{display:flex;gap:8px;align-items:center}.piece-info-clock-note{margin:10px 16px 0;padding:8px 10px;border-radius:var(--r-md, 10px);border:1px solid color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--text);font-size:.82rem}.piece-info-panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}@media(max-width:760px){.piece-info-panel{inset:auto 0 0;width:auto;max-height:75dvh;border-left:none;border-top:1px solid var(--line-strong);border-radius:16px 16px 0 0}}.shortcuts-modal{max-width:560px;width:min(560px,94vw)}.shortcuts-body{padding:16px 24px 24px;display:grid;gap:18px;max-height:70dvh;overflow-y:auto}.shortcuts-body h3{color:var(--accent-strong);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.shortcuts-body dl{display:grid;gap:6px;margin:0}.shortcut-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-md, 10px)}.shortcut-row dt{color:var(--text);font-size:.9rem}.shortcut-row dd{margin:0;display:flex;gap:4px}.shortcuts-note{color:var(--text-2);font-size:.82rem;line-height:1.5}:root{--mc-dur-flicker: 70ms;--mc-dur-flick: .11s;--mc-dur-step: .2s;--mc-dur-glide: .3s;--mc-dur-reveal: .45s;--mc-dur-ceremony: .7s;--mc-dur-epic: 1s;--mc-dur-hitstop: 90ms;--mc-dur-shake: .25s;--mc-ease-standard: cubic-bezier(.2, 0, 0, 1);--mc-ease-enter: cubic-bezier(0, 0, .3, 1);--mc-ease-exit: cubic-bezier(.4, .14, 1, 1);--mc-ease-strike: cubic-bezier(.3, 0, .8, .15);--mc-ease-arrive: cubic-bezier(.05, .7, .1, 1);--mc-ease-settle: cubic-bezier(.34, 1.56, .64, 1)}button:not(:disabled):active,.lobby-room-card:not(:disabled):active,.piece-choice:not(:disabled):active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){html:not(.fx-full){--mc-dur-flicker: 0ms;--mc-dur-flick: 0ms;--mc-dur-step: .15s;--mc-dur-glide: .15s;--mc-dur-reveal: .15s;--mc-dur-ceremony: .15s;--mc-dur-epic: .15s;--mc-dur-hitstop: 0ms;--mc-dur-shake: 0ms}html:not(.fx-full) *,html:not(.fx-full) *:before,html:not(.fx-full) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;transition-property:opacity,color,background-color,border-color,box-shadow!important}html:not(.fx-full) .board{transition:none}}html.fx-reduced{--mc-dur-flicker: 0ms;--mc-dur-flick: 0ms;--mc-dur-step: .15s;--mc-dur-glide: .15s;--mc-dur-reveal: .15s;--mc-dur-ceremony: .15s;--mc-dur-epic: .15s;--mc-dur-hitstop: 0ms;--mc-dur-shake: 0ms}html.fx-reduced *,html.fx-reduced *:before,html.fx-reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.12s!important;transition-property:opacity,color,background-color,border-color,box-shadow!important}html.fx-reduced .board{transition:none}html.fx-reduced .ember-canvas{display:none}:root{--wash-1: transparent;--wash-2: transparent;--bevel: none;--glow-ember: transparent;--r-sm: 2px;--r-md: 3px;--r-lg: 4px;--pill-radius: 2px;--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-display: var(--font-sans);--font-flavor: var(--font-sans)}body{font-size:15.5px;font-weight:500;line-height:1.5}body:before,body:after,.board:after,.ember-canvas{display:none}body *{text-transform:none!important;letter-spacing:normal!important}h1,h2,h3{font-family:var(--font-sans);font-weight:800;letter-spacing:-.01em!important}h1{font-size:clamp(1.5rem,1.2vw + 1rem,1.9rem)}h2{font-size:clamp(1.2rem,.8vw + .9rem,1.45rem)}h3{font-size:1.05rem}p{color:var(--text-2)}strong,b{font-weight:700}[tabindex="-1"]:focus:not(:focus-visible),h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none;box-shadow:none}.sidenav-brand-text,.app-brand-text,.mobile-topbar .app-brand-text{font-family:Cinzel,Georgia,serif;font-weight:800;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--text)}.app-brand-subtitle,.sidenav-brand-subtitle{font-style:normal;font-weight:500;color:var(--text-3)}.game-panel,.army-panel,.lobby-card,.dev-panel,.lobby-play-panel,.dashboard-gallery,.codex-modal,.game-over-card,.boundary-card{background:var(--panel);border:0;outline:0;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.lobby-name-input,.piece-search input,.lobby-join-row input,.lobby-field input,.armies-save-row input,.lobby-custom-time input,[data-theme=light] .lobby-name-input,[data-theme=light] .piece-search input,[data-theme=light] .lobby-join-row input,[data-theme=light] .lobby-field input,[data-theme=light] .armies-save-row input,[data-theme=light] .lobby-custom-time input{background:var(--panel-inset);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:none;font-weight:500}:root{--stone-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");--stone-press: 90ms cubic-bezier(.3, .7, .4, 1)}.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta{--stone-face: var(--accent);--stone-edge: color-mix(in srgb, var(--accent) 42%, #000);--stone-ink: var(--accent-contrast);--stone-engrave: 0 1px 0 rgba(255, 255, 255, .3);--stone-lip: 5px}[data-theme=light] :is(.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta){--stone-engrave: 0 -1px 0 rgba(0, 0, 0, .35)}.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta{--stone-lip: 7px}.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.top-bar .btn-ghost,.top-bar .header-btn,.action-row,.review-btn,.rooms-rail-create,.armies-save-btn,.dashboard-gallery-controls button{--stone-face: color-mix(in srgb, var(--panel-2) 78%, var(--text-3));--stone-edge: color-mix(in srgb, var(--panel) 45%, #000);--stone-ink: var(--text);--stone-engrave: 0 1px 1px rgba(0, 0, 0, .5);--stone-lip: 5px}[data-theme=light] :is(.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.top-bar .btn-ghost,.top-bar .header-btn,.action-row,.review-btn,.rooms-rail-create,.armies-save-btn){--stone-face: color-mix(in srgb, var(--panel-2) 88%, var(--text-3));--stone-edge: color-mix(in srgb, var(--line-strong) 75%, #000);--stone-engrave: 0 1px 0 rgba(255, 255, 255, .55)}.action-row,.review-btn{--stone-lip: 3px}.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option{--stone-face: color-mix(in srgb, var(--panel-2) 78%, var(--text-3));--stone-edge: color-mix(in srgb, var(--panel) 45%, #000);--stone-ink: var(--text-2);--stone-engrave: 0 1px 1px rgba(0, 0, 0, .5);--stone-lip: 3px}[data-theme=light] :is(.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option){--stone-face: color-mix(in srgb, var(--panel-2) 88%, var(--text-3));--stone-edge: color-mix(in srgb, var(--line-strong) 75%, #000);--stone-engrave: 0 1px 0 rgba(255, 255, 255, .55)}.settings-theme-option{--stone-lip: 5px}:is(.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option):is(.active,[aria-selected=true],[aria-checked=true]){--stone-face: var(--accent);--stone-edge: color-mix(in srgb, var(--accent) 42%, #000);--stone-ink: var(--accent-contrast);--stone-engrave: none}.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta,.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.top-bar .btn-ghost,.top-bar .header-btn,.action-row,.stone-toggle,.stone-toggle.active,.stone-toggle:hover,.stone-toggle.active:hover,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option,.review-btn,.rooms-rail-create,.armies-save-btn,.dashboard-gallery-controls button,.piece-category-tabs button.active,.piece-sort-toggle button.active,.codex-filters button.active,.settings-theme-option.active,.btn:hover,.btn-primary:hover,.lobby-primary:hover,.preset-button:hover,.top-bar button:hover,.rematch-panel button:hover,.lobby-join-row button:hover,.draft-primary:hover,.game-over-primary:hover,.home-play-now:hover,.lobby-play-online:hover,.draft-card-keep:hover,.ready-footer-cta:hover,.btn-ghost:hover,.lobby-secondary:hover,.header-btn:hover,.clear-board-button:hover,.top-bar .btn-ghost:hover,.top-bar .header-btn:hover,.action-row:hover,.piece-category-tabs button:hover,.piece-sort-toggle button:hover,.codex-filters button:hover,.settings-theme-option:hover,.review-btn:hover,.rooms-rail-create:hover,.armies-save-btn:hover,.dashboard-gallery-controls button:hover,.piece-category-tabs button.active:hover,.piece-sort-toggle button.active:hover,.codex-filters button.active:hover,.settings-theme-option.active:hover{position:relative;font-family:var(--font-sans);font-weight:800;color:var(--stone-ink);text-shadow:var(--stone-engrave);background:var(--stone-grain),linear-gradient(180deg,color-mix(in srgb,var(--stone-face) 80%,#fff) 0%,var(--stone-face) 32%,color-mix(in srgb,var(--stone-face) 84%,#000) 100%);border:1px solid color-mix(in srgb,var(--stone-face) 55%,#000);border-radius:var(--r-md);box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #0000002e,0 var(--stone-lip) 0 var(--stone-edge),0 calc(var(--stone-lip) + 2px) 8px #00000073;transform:none;filter:none;transition:transform var(--stone-press),box-shadow var(--stone-press),filter .14s ease}:is(.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta,.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.action-row,.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option,.review-btn,.rooms-rail-create,.armies-save-btn,.dashboard-gallery-controls button):hover:not(:disabled){filter:brightness(1.1)}:is(.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta,.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.action-row,.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option,.review-btn,.rooms-rail-create,.armies-save-btn,.dashboard-gallery-controls button):active:not(:disabled),:is(.stone-toggle,.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button,.settings-theme-option):is(.active,[aria-selected=true],[aria-checked=true]){transform:translateY(calc(var(--stone-lip) - 1px));box-shadow:inset 0 2px 5px #0006,0 1px 0 var(--stone-edge),0 2px 3px #00000059;filter:none}:is(.btn,.btn-primary,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.home-play-now,.lobby-play-online,.draft-card-keep,.ready-footer-cta,.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.action-row,.review-btn,.rooms-rail-create,.armies-save-btn):disabled{filter:saturate(.35) brightness(.8);opacity:.6;cursor:not-allowed}.btn,.lobby-primary,.preset-button,.top-bar button,.rematch-panel button,.lobby-join-row button,.draft-primary,.game-over-primary,.btn-ghost,.lobby-secondary,.header-btn,.clear-board-button,.action-row,.rooms-rail-create,.armies-save-btn{font-size:.9rem}.piece-category-tabs button,.piece-sort-toggle button,.codex-filters button{font-size:.8rem}.settings-theme-option :is(strong,small),.settings-theme-option.active :is(strong,small){color:inherit}.settings-theme-option small{opacity:.8}.piece-category-tabs{gap:6px;border:0;padding-bottom:4px}.piece-category-tabs button+button{border-left:1px solid color-mix(in srgb,var(--stone-face) 55%,#000)}.piece-sort-toggle,.codex-filters{gap:6px;padding-bottom:3px}.action-row{margin-bottom:7px}.home-mode-card,.deck-slot{--stone-face: var(--panel-2);--stone-edge: color-mix(in srgb, var(--panel) 40%, #000);--stone-lip: 6px;background:var(--stone-grain),linear-gradient(180deg,color-mix(in srgb,var(--stone-face) 88%,#fff) 0%,var(--stone-face) 30%,color-mix(in srgb,var(--stone-face) 88%,#000) 100%);border:1px solid color-mix(in srgb,var(--stone-face) 60%,#000);border-radius:var(--r-lg);box-shadow:inset 0 1px #ffffff1f,0 var(--stone-lip) 0 var(--stone-edge),0 calc(var(--stone-lip) + 3px) 10px #00000073;transition:transform var(--stone-press),box-shadow var(--stone-press),filter .14s ease}[data-theme=light] :is(.home-mode-card,.deck-slot){--stone-edge: color-mix(in srgb, var(--line-strong) 70%, #000);box-shadow:inset 0 1px #fff9,0 var(--stone-lip) 0 var(--stone-edge),0 calc(var(--stone-lip) + 3px) 10px #0003}.home-mode-card:hover,.deck-slot:hover{background:var(--stone-grain),linear-gradient(180deg,color-mix(in srgb,var(--stone-face) 88%,#fff) 0%,var(--stone-face) 30%,color-mix(in srgb,var(--stone-face) 88%,#000) 100%);filter:brightness(1.08);transform:none}.home-mode-card:active,.deck-slot:active,.deck-slot.active{transform:translateY(calc(var(--stone-lip) - 1px));box-shadow:inset 0 2px 6px #0006,0 1px 0 var(--stone-edge);filter:none}.deck-slot.active{border-color:var(--accent)}.draft-overline,.lobby-overline,.lobby-label,.dashboard-kicker span,.armies-group-label,.piece-section-head,.dev-panel-header,.game-view-label{font-family:var(--font-sans);font-weight:700;color:var(--text-3)}.sidenav{background:var(--panel);border-right:0;box-shadow:none}.sidenav-item{font-family:var(--font-sans);font-weight:700;font-size:1rem;color:var(--text-2);border:0;border-radius:var(--r-md);background:transparent}.sidenav-item:hover{color:var(--text);background:var(--panel-2)}.sidenav-item.active{color:var(--text);background:var(--panel-2);border:0;box-shadow:inset 3px 0 0 var(--accent)}@media(min-width:761px){.app-frame{position:relative}.app-frame:before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--sidenav-w);background:var(--panel);pointer-events:none;transition:width .2s var(--mc-ease-standard, ease)}.app-frame:has(.sidenav-collapsed):before{width:var(--sidenav-w-collapsed)}}@media(max-width:1199px)and (min-width:761px){.app-frame:before{width:var(--sidenav-w-collapsed)}}.board{border:0;outline:0;border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-md)}.player-strip-bar{background:transparent;border:0;box-shadow:none}.player-strip-bar.ticking{background:transparent;box-shadow:none}.player-strip-name{font-family:var(--font-sans);font-weight:700}.player-strip-clock{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:700;border-radius:var(--r-md)}.lobby-divider{background:var(--line)}.lobby-divider:after{content:none}.home-hero,.rooms-rail,.home-how-steps li,.home-how-card,.keyword-card,.bottom-sheet,.draft-options>button,.draft-card-face,.draft-card-back,.budget-bar,.piece-list>.piece-choice{background:var(--panel);border:0;outline:0;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.home-hero{background:var(--panel-inset)}.draft-options>button:hover:not(:disabled){background:var(--panel-2);transform:none;box-shadow:var(--shadow-sm)}.home-mode-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.move-diagram-grid{border:0;outline:0;border-radius:var(--r-sm)}.home-kicker{font-size:.8rem;font-weight:700;color:#e8b95c}.dev-panel-header{border-bottom:1px solid var(--line)}.dev-panel-header span{font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:var(--text-3)}.dev-panel-header strong{font-family:var(--font-sans);font-weight:800;font-size:1.15rem}.action-row:first-letter{text-transform:uppercase!important}.budget-bar-fill{background:var(--accent);box-shadow:none}.screen-page-header small{color:var(--text-3);font-size:.8rem;font-weight:600}@media(min-width:901px){.home-main{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-modes-col{grid-column:span 2}.home-side-col{position:relative;display:block}.home-side-col>.rooms-rail,.home-side-col>.friends-panel{position:absolute;inset:0;overflow-y:auto}}[data-theme=light] .sidenav-brand-mark img,[data-theme=light] .app-brand-mark img,[data-theme=light] .landing-brand img{filter:invert(1)}[data-theme=light] .landing-hero{background:var(--bg)}.home-mode-glyph,.home-mode-draft .home-mode-glyph{background:var(--sq-dark);border:0;border-radius:var(--r-md);box-shadow:none}.app-brand-mark{background:transparent;border:0}@media(max-width:760px){.mobilenav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--panel)}.mobilenav-item{font-size:.72rem;font-weight:600}.mobile-topbar{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(max-width:480px){.landing-guest-row{flex-wrap:wrap}.landing-guest-row .landing-cta{flex:1 1 100%}}.ui-icon{display:inline-block;flex:none;vertical-align:-.2em}.ui-icon.icon-lead{margin-right:.4em}.ui-icon.icon-trail{margin-left:.3em}:is(.header-btn-icon,.mc-sound-toggle,.miniplayer-icon-btn,.review-btn,.sidenav-footer-btn,.rail-confirm-yes,.rail-confirm-no,.codex-demo-controls .header-btn){display:inline-flex;align-items:center;justify-content:center;gap:4px}:is(.header-btn-icon,.miniplayer-icon-btn,.review-btn,.sidenav-footer-btn,.rail-confirm-yes,.rail-confirm-no,.codex-demo-controls .header-btn)>.ui-icon{vertical-align:0}.sidenav-item-icon,.mobilenav-icon{display:inline-grid;place-items:center}.icon-text{display:inline-flex;align-items:center;gap:4px}.inbox-empty .ui-icon{color:var(--text-3)}.draft-card-back .ui-icon{color:var(--accent)}.side-disc{display:block;width:12px;height:12px;border-radius:50%;border:1.5px solid var(--text-2)}.side-disc.white{background:#f1ead8}.side-disc.black{background:#15110c}:root{--nav-play: #e2b04a;--nav-puzzles: #6cc28a;--nav-decks: #e3785c;--nav-learn: #6fa9e6;--nav-social: #b48ce8;--nav-inbox: #56c2bd;--nav-shop: #f0a352;--nav-game: #e9dcc0}[data-theme=light]{--nav-play: #a8761a;--nav-puzzles: #2f8a52;--nav-decks: #b4472c;--nav-learn: #2f6db0;--nav-social: #7a4fb8;--nav-inbox: #1f8a86;--nav-shop: #b86a18;--nav-game: #4a3a24}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-knight{color:var(--nav-play)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-puzzle{color:var(--nav-puzzles)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-swords{color:var(--nav-decks)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-book{color:var(--nav-learn)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-users{color:var(--nav-social)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-inbox{color:var(--nav-inbox)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-cart{color:var(--nav-shop)}:is(.sidenav-item-icon,.mobilenav-icon) .ui-icon-pawn{color:var(--nav-game)}.piece-card{--card-frame-hi: #b9c6d4;--card-frame-lo: #5b6b7d;--card-glow: rgba(185, 198, 212, .45);--card-backdrop: #26303b;--card-lip: 5px;position:relative;display:grid;justify-items:center;gap:8px;width:100%;min-width:0}.piece-card-rare{--card-frame-hi: #ffc278;--card-frame-lo: #b85f1c;--card-glow: rgba(255, 170, 90, .5);--card-backdrop: #3a2716}.piece-card-epic{--card-frame-hi: #dc9cff;--card-frame-lo: #7a33a8;--card-glow: rgba(205, 130, 255, .55);--card-backdrop: #2c1838}.piece-card-legendary{--card-frame-hi: #ffe9a3;--card-frame-lo: #b07a1c;--card-glow: rgba(255, 220, 120, .6);--card-backdrop: #33260f}.piece-card-face{position:relative;display:grid;grid-template-rows:1fr auto;width:100%;aspect-ratio:4 / 5;border:3px solid transparent;border-radius:4px;overflow:hidden;background:radial-gradient(85% 70% at 50% 38%,color-mix(in srgb,var(--card-backdrop) 55%,#fff 8%) 0%,var(--card-backdrop) 62%,color-mix(in srgb,var(--card-backdrop) 70%,#000) 100%) padding-box,linear-gradient(160deg,var(--card-frame-hi) 0%,var(--card-frame-lo) 55%,var(--card-frame-hi) 100%) border-box;box-shadow:inset 0 1px #ffffff40,0 var(--card-lip) 0 color-mix(in srgb,var(--card-frame-lo) 45%,#000),0 calc(var(--card-lip) + 3px) 8px #00000073;transition:transform .11s cubic-bezier(.3,.7,.4,1),box-shadow .11s cubic-bezier(.3,.7,.4,1),filter .15s ease}.piece-card-legendary .piece-card-face{background:radial-gradient(85% 70% at 50% 38%,#5a4520 0%,var(--card-backdrop) 62%,#1c1508 100%) padding-box,linear-gradient(135deg,#ffe9a3,#f0a6d8 30%,#9fe0f0,#ffe08a 80%,#d89a2c) border-box}.piece-card-art{display:grid;place-items:center;min-height:0;padding:16% 12% 2%}.piece-card-art img{width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.55))}.piece-card-cost{position:absolute;top:3px;left:3px;display:grid;place-items:center;width:26%;aspect-ratio:1 / 1.12;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(60% 45% at 38% 28%,rgba(255,255,255,.75),transparent 60%),linear-gradient(180deg,#f07bf0,#b93ccf 55%,#6d1f85);box-shadow:inset 0 -2px #3c005073,0 1px 2px #0009;color:#fff;font-weight:900;font-size:.82rem;line-height:1;text-shadow:0 1px 0 #4a0d5c,1px 0 0 #4a0d5c,-1px 0 0 #4a0d5c,0 -1px 0 #4a0d5c;font-variant-numeric:tabular-nums}.piece-card-badge{position:absolute;top:5px;right:5px;padding:1px 6px;border-radius:4px;background:#0009;color:#ffd27a;font-size:.6rem;font-weight:800}.piece-card-name{display:grid;justify-items:center;gap:0;padding:4px 4px 5px;background:linear-gradient(180deg,#00000026,#0000009e);border-top:1px solid color-mix(in srgb,var(--card-frame-hi) 45%,transparent);color:#fff;font-size:.72rem;font-weight:800;line-height:1.15;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.piece-card-name small{font-size:.62rem;font-weight:700;color:#ffffffb3}.piece-card-sm .piece-card-face{border-width:2px;border-radius:3px;--card-lip: 3px}.piece-card-sm .piece-card-cost{font-size:.68rem}.piece-card-sm .piece-card-name{font-size:.62rem;padding:2px 3px 3px}.piece-card-lg .piece-card-cost{font-size:1.05rem}.piece-card-lg .piece-card-name{font-size:.86rem;padding:6px 6px 7px}.piece-card.is-selected .piece-card-face{transform:translateY(-6px);box-shadow:inset 0 1px #ffffff59,0 0 0 2px #fff,0 0 18px 4px var(--card-glow),0 calc(var(--card-lip) + 6px) 0 color-mix(in srgb,var(--card-frame-lo) 45%,#000)}.piece-card.is-dimmed .piece-card-face{filter:grayscale(.75) brightness(.65)}:is(button,[role=button]):hover:not(:disabled)>.piece-card:not(.is-selected) .piece-card-face,:is(button,[role=button]):hover:not(:disabled) .piece-card:not(.is-selected) .piece-card-face{filter:brightness(1.1)}:is(button,[role=button]):active:not(:disabled) .piece-card .piece-card-face{transform:translateY(calc(var(--card-lip) - 1px));box-shadow:inset 0 2px 5px #0006,0 1px color-mix(in srgb,var(--card-frame-lo) 45%,#000)}@media(prefers-reduced-motion:reduce){.piece-card-face{transition:none}}.piece-list{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:14px 10px;padding:8px 4px 10px 2px}.piece-list>.piece-choice,.piece-list>.piece-choice:hover,.piece-list>.piece-choice.active{overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;transform:none}.piece-list>.piece-choice.experimental{border:0}.piece-list .piece-choice-select,.piece-list .piece-choice-select:hover{display:block;width:100%;min-height:0;padding:0;border:0;background:none;box-shadow:none}.piece-list .piece-choice .piece-info-icon{top:-6px;right:-6px;z-index:2;border-radius:50%;border:2px solid #1b130c;background:#f2e6c8;color:#2a1c07;font-size:.72rem;font-weight:900;box-shadow:0 2px 3px #00000080}.piece-list .piece-choice.active .piece-info-icon{transform:translateY(-6px)}@media(max-width:680px){.piece-list{grid-auto-columns:minmax(78px,88px);padding:10px 4px 12px}}.piece-list .piece-choice-select :is(.piece-card,.piece-card-face,.piece-card-art,.piece-card-cost,.piece-card-badge,.piece-card-name){max-width:100%;overflow:visible;white-space:normal;font-family:var(--font-sans);color:#fff}.piece-list .piece-choice-select .piece-card{display:grid}.piece-list .piece-choice-select .piece-card-face{display:grid;overflow:hidden}.piece-list .piece-choice-select .piece-card-art{display:grid}.piece-list .piece-choice-select .piece-card-cost{display:grid;font-size:.7rem;font-weight:900}.piece-list .piece-choice-select .piece-card-badge{display:block;font-size:.58rem;color:#ffd27a}.piece-list .piece-choice-select .piece-card-name{display:grid;font-size:.64rem;font-weight:800;white-space:nowrap;overflow:hidden}.piece-list .piece-choice-select .piece-card-art img{width:100%;height:100%}.dashboard-gallery{padding:18px 20px 26px}.dashboard-gallery-head{border-bottom:1px solid var(--line);padding-bottom:12px}.dashboard-gallery-head p strong{font-size:1.25rem;font-weight:800}.dashboard-gallery-controls{gap:8px;padding-bottom:4px}.dashboard-gallery-controls button{--stone-lip: 3px;padding:5px 12px;font-size:.82rem}[data-theme=light] .dashboard-gallery-controls button{--stone-face: color-mix(in srgb, var(--panel-2) 88%, var(--text-3));--stone-edge: color-mix(in srgb, var(--line-strong) 75%, #000);--stone-engrave: 0 1px 0 rgba(255, 255, 255, .55)}.dashboard-piece-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:18px}.dashboard-piece-figure,.dashboard-piece-figure:hover{display:grid;justify-items:center;align-content:start;gap:12px;padding:0;border:0;background:none;box-shadow:none;text-align:center;cursor:pointer}.dashboard-piece-figure .piece-card{width:min(100%,150px);animation:card-deal .42s cubic-bezier(.2,.8,.3,1) both}.dashboard-piece-figure .piece-card-art img{width:100%;height:100%}.dashboard-piece-figure:nth-child(2) .piece-card{animation-delay:70ms}.dashboard-piece-figure:nth-child(3) .piece-card{animation-delay:.14s}.dashboard-piece-figure:nth-child(4) .piece-card{animation-delay:.21s}.dashboard-piece-tagline{max-width:24ch;color:var(--text-3);font-size:.86rem;line-height:1.35}.dashboard-piece-figure:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--r-md)}@keyframes card-deal{0%{opacity:0;transform:translateY(16px) rotate(-3deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.dashboard-piece-figure .piece-card{animation:none}}@media(max-width:760px){.dashboard-piece-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}.piece-card{--card-frame-paint: linear-gradient(160deg, var(--card-frame-hi) 0%, var(--card-frame-lo) 55%, var(--card-frame-hi) 100%)}.piece-card-legendary{--card-frame-paint: linear-gradient(135deg, #ffe9a3 0%, #f0a6d8 30%, #9fe0f0 55%, #ffe08a 80%, #d89a2c 100%)}.piece-card>.piece-card-face[class*=motif-]{background:radial-gradient(62% 48% at 50% 40%,color-mix(in srgb,var(--theme-glow) 55%,transparent) 0%,transparent 72%) padding-box,linear-gradient(180deg,var(--theme-from) 0%,var(--theme-to) 100%) padding-box,var(--card-frame-paint) border-box}.piece-card-face:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.17;mix-blend-mode:screen;background-repeat:repeat}.piece-card-art,.piece-card-name{position:relative;z-index:1}.piece-card-cost,.piece-card-badge{z-index:2}.piece-card .piece-card-art img,.piece-list .piece-choice-select .piece-card-art img{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--theme-glow, #fff) 55%,transparent)) drop-shadow(0 3px 2px rgba(0,0,0,.55))}.piece-card-name,.piece-list .piece-choice-select .piece-card-name{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--theme-to, #000) 60%,#000 40%))}.piece-card-face[class*=motif-]:before{opacity:1;mix-blend-mode:normal;background-repeat:no-repeat;background-position:center;background-size:cover;-webkit-mask:none;mask:none}.motif-royal:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.36'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.22'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3clinearGradient%20id='beam'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.26'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='floor'%20x1='0'%20y1='1'%20x2='0'%20y2='0'%3e%3cstop%20offset='0'%20stop-color='%23000'%20stop-opacity='0.35'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cg%20fill='%23fff'%20fill-opacity='0.13'%3e%3cpath%20d='M9%2022a13%2013%200%200%201%2026%200v58H9z'/%3e%3cpath%20d='M125%2022a13%2013%200%200%201%2026%200v58h-26z'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23000'%20stroke-opacity='0.35'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M22%209v71M9%2044h26M138%209v71M125%2044h26'/%3e%3c/g%3e%3cpath%20d='M9%2080h26l42%20120H-12z'%20fill='url(%23beam)'/%3e%3cpath%20d='M125%2080h26l21%20120H83z'%20fill='url(%23beam)'/%3e%3cg%20fill='%23000'%20fill-opacity='0.38'%3e%3crect%20width='6'%20height='200'/%3e%3crect%20x='154'%20width='6'%20height='200'/%3e%3c/g%3e%3cg%20fill='%23fff'%20fill-opacity='0.16'%3e%3cpath%20d='M43%200h15v44l-7.5-6.5L43%2044z'/%3e%3cpath%20d='M102%200h15v44l-7.5-6.5L102%2044z'/%3e%3c/g%3e%3cg%20fill='%23000'%20fill-opacity='0.28'%3e%3cpath%20d='M45.5%2020l2.5%204%202.5-5%202.5%205%202.5-4v6.5h-10z'/%3e%3cpath%20d='M104.5%2020l2.5%204%202.5-5%202.5%205%202.5-4v6.5h-10z'/%3e%3c/g%3e%3cpath%20d='M0%20152h160v48H0z'%20fill='url(%23floor)'/%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.15'%20stroke-width='0.9'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M0%20152h160M0%20163h160M0%20178h160M0%20198h160M80%20152v48M58%20152l-20%2048M102%20152l20%2048M36%20152l-42%2048M124%20152l42%2048M14%20152l-60%2048M146%20152l60%2048'/%3e%3c/g%3e%3c/svg%3e")}.motif-sun:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.38'%20r='0.55'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.28'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cpath%20d='M120%2076L200%2076M119.4%2082.9L156.8%2089.5M117.6%2089.7L192.8%20117M114.6%2096L147.5%20115M110.6%20101.7L171.9%20153.1M105.7%20106.6L130.1%20135.8M100%20110.6L140%20179.9M93.7%20113.6L106.7%20149.3M86.9%20115.4L100.8%20194.2M80%20116L80%20154M73.1%20115.4L59.2%20194.2M66.3%20113.6L53.3%20149.3M60%20110.6L20%20179.9M54.3%20106.6L29.9%20135.8M49.4%20101.7L-11.9%20153.1M45.4%2096L12.5%20115M42.4%2089.7L-32.8%20117M40.6%2082.9L3.2%2089.5M40%2076L-40%2076M40.6%2069.1L3.2%2062.5M42.4%2062.3L-32.8%2035M45.4%2056L12.5%2037M49.4%2050.3L-11.9%20-1.1M54.3%2045.4L29.9%2016.2M60%2041.4L20%20-27.9M66.3%2038.4L53.3%202.7M73.1%2036.6L59.2%20-42.2M80%2036L80%20-2M86.9%2036.6L100.8%20-42.2M93.7%2038.4L106.7%202.7M100%2041.4L140%20-27.9M105.7%2045.4L130.1%2016.2M110.6%2050.3L171.9%20-1.1M114.6%2056L147.5%2037M117.6%2062.3L192.8%2035M119.4%2069.1L156.8%2062.5'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.13'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='80'%20cy='76'%20r='36'%20fill='%23fff'%20fill-opacity='0.1'/%3e%3ccircle%20cx='80'%20cy='76'%20r='44'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.18'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='80'%20cy='76'%20r='49'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.1'%20stroke-width='0.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M-4%20158L22%20128l26%2030zM30%20158l38-46%2038%2046zM104%20158l26-30%2030%2034z'%20fill='%23000'%20fill-opacity='0.32'/%3e%3cpath%20d='M68%20112l-38%2046h38zM22%20128l-26%2030h26zM130%20128l-26%2030h26z'%20fill='%23fff'%20fill-opacity='0.08'/%3e%3cpath%20d='M0%20156q40-12%2080%200t80%200v44H0z'%20fill='%23000'%20fill-opacity='0.3'/%3e%3cpath%20d='M0%20172q50-14%20100%200t60-4v32H0z'%20fill='%23000'%20fill-opacity='0.22'/%3e%3cpath%20d='M0%20156q40-12%2080%200t80%200'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.2'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.motif-stone:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='m'%20cx='0.5'%20cy='0.5'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.25'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3ccircle%20cx='0'%20cy='101.3'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='120.8'%20cy='59.7'%20r='1'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='130.7'%20cy='26.6'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='111.7'%20cy='5.9'%20r='1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='147.6'%20cy='88.8'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='147.7'%20cy='75.7'%20r='1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='145.9'%20cy='99.9'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='133.9'%20cy='36.5'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='150'%20cy='61.3'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='9.4'%20cy='30.1'%20r='0.9'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='145.4'%20cy='6'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='82.4'%20cy='18.2'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='145'%20cy='50.4'%20r='1.2'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='150.3'%20cy='43.6'%20r='1'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='127.2'%20cy='96.5'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='12.4'%20cy='44.7'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='159.4'%20cy='24.2'%20r='1'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='22'%20cy='101.4'%20r='1.2'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='141.6'%20cy='99.9'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='1.7'%20cy='27.3'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='141.1'%20cy='25.9'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='18.9'%20cy='53.8'%20r='0.4'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='3.4'%20cy='99'%20r='0.6'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='33.4'%20cy='62.1'%20r='0.4'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='79.7'%20cy='3.6'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='20.9'%20cy='75.7'%20r='1.2'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='141.3'%20cy='94.8'%20r='1.3'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='122.4'%20cy='46.2'%20r='0.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='141.2'%20cy='43.8'%20r='0.6'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='141.9'%20cy='61.5'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='31.8'%20cy='34.3'%20r='1.3'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='146.9'%20cy='21.9'%20r='1'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='123.4'%20cy='104'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='71.5'%20cy='18.3'%20r='1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='121.1'%20cy='39.9'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='128'%20cy='26'%20r='13'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='133'%20cy='22'%20r='11'%20fill='%23000'%20fill-opacity='0.18'/%3e%3ccircle%20cx='128'%20cy='26'%20r='22'%20fill='url(%23m)'/%3e%3cpath%20d='M0%20148h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6h6v-6h6v6V200H0z'%20fill='%23000'%20fill-opacity='0.42'/%3e%3cpath%20d='M4%20200V108h7v-6h6v6h6v-6h6v6h7v92zM124%20200V108h7v-6h6v6h6v-6h6v6h7v92z'%20fill='%23000'%20fill-opacity='0.5'/%3e%3cpath%20d='M12%20120h6v10h-6zM142%20120h6v10h-6zM64%20200v-26a16%2016%200%200%201%2032%200v26z'%20fill='%23fff'%20fill-opacity='0.12'/%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.1'%20stroke-width='0.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M36%20160h88M36%20172h88M36%20184h88M50%20148v12M80%20160v12M110%20148v12M64%20172v12M96%20172v12M50%20184v16M110%20184v16'/%3e%3c/g%3e%3c/svg%3e")}.motif-glass:before{background-image:url(/assets/scene-glass-BRDVsaCT.svg)}.motif-steel:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.38'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.2'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cg%20fill='%23fff'%20fill-opacity='0.11'%3e%3cpath%20d='M10%206l6-2%20104%20128-4%204z'/%3e%3cpath%20d='M150%206l-6-2L40%20132l4%204z'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.2'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M18%20150l12-12M8%20140l20%2020M142%20150l-12-12M152%20140l-20%2020'/%3e%3c/g%3e%3cg%20fill='%23000'%20fill-opacity='0.4'%3e%3cpath%20d='M14%2030h2v130h-2zM144%2030h2v130h-2z'/%3e%3c/g%3e%3cg%20fill='%23fff'%20fill-opacity='0.16'%3e%3cpath%20d='M16%2032h22l-6%209%206%209H16zM144%2032h-22l6%209-6%209h16z'/%3e%3c/g%3e%3cpath%20d='M0%20166l22-24%2022%2024zM40%20166l18-18%2018%2018zM90%20166l20-22%2020%2022zM124%20166l18-16%2022%2016z'%20fill='%23000'%20fill-opacity='0.36'/%3e%3cpath%20d='M22%20142v24M58%20148v18M110%20144v22M142%20150v16'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.18'%20stroke-width='0.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M0%20164h160v36H0z'%20fill='%23000'%20fill-opacity='0.28'/%3e%3cpath%20d='M0%20120q30%206%2050-4t40%202%2040-6%2030%204v40H0z'%20fill='%23fff'%20fill-opacity='0.06'/%3e%3c/svg%3e")}.motif-furrows:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3clinearGradient%20id='sky'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.18'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cradialGradient%20id='sun'%20cx='0.5'%20cy='0.5'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.3'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23sky)'/%3e%3ccircle%20cx='80'%20cy='132'%20r='26'%20fill='%23fff'%20fill-opacity='0.16'/%3e%3ccircle%20cx='80'%20cy='132'%20r='40'%20fill='url(%23sun)'/%3e%3cpath%20d='M0%20132q30-14%2060-4t50-6%2050%208v70H0z'%20fill='%23000'%20fill-opacity='0.3'/%3e%3cpath%20d='M0%20142q40-10%2080%200t80-2v60H0z'%20fill='%23000'%20fill-opacity='0.22'/%3e%3cpath%20d='M80%20134L-118%20200M80%20134L-96%20200M80%20134L-74%20200M80%20134L-52%20200M80%20134L-30%20200M80%20134L-8%20200M80%20134L14%20200M80%20134L36%20200M80%20134L58%20200M80%20134L80%20200M80%20134L102%20200M80%20134L124%20200M80%20134L146%20200M80%20134L168%20200M80%20134L190%20200M80%20134L212%20200M80%20134L234%20200M80%20134L256%20200M80%20134L278%20200'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.14'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M126%20128v-24h4v24z'%20fill='%23000'%20fill-opacity='0.5'/%3e%3cg%20transform='rotate(20%20128%20104)'%20fill='%23000'%20fill-opacity='0.45'%3e%3cpath%20d='M127%20104h2v-22h-2zM127%20104h2v22h-2zM128%20103h22v2h-22zM128%20103h-22v2h22z'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.22'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M8%20200v-34M14%20200v-40M20%20200v-30M140%20200v-36M146%20200v-42M152%20200v-32'/%3e%3c/g%3e%3cg%20fill='%23fff'%20fill-opacity='0.22'%3e%3cellipse%20cx='8'%20cy='164'%20rx='2'%20ry='4'/%3e%3cellipse%20cx='14'%20cy='158'%20rx='2'%20ry='4'/%3e%3cellipse%20cx='20'%20cy='168'%20rx='2'%20ry='4'/%3e%3cellipse%20cx='140'%20cy='162'%20rx='2'%20ry='4'/%3e%3cellipse%20cx='146'%20cy='156'%20rx='2'%20ry='4'/%3e%3cellipse%20cx='152'%20cy='166'%20rx='2'%20ry='4'/%3e%3c/g%3e%3c/svg%3e")}.motif-wind:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.35'%20r='0.55'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.2'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cg%20fill='%23fff'%20fill-opacity='0.12'%3e%3ccircle%20cx='22'%20cy='24'%20r='9'/%3e%3ccircle%20cx='31.9'%20cy='26.7'%20r='7.2'/%3e%3ccircle%20cx='12.1'%20cy='27.6'%20r='6.3'/%3e%3crect%20x='5.800000000000001'%20y='26.7'%20width='32.4'%20height='7.2'%20rx='3.6'/%3e%3c/g%3e%3cg%20fill='%23fff'%20fill-opacity='0.12'%3e%3ccircle%20cx='140'%20cy='40'%20r='11'/%3e%3ccircle%20cx='152.1'%20cy='43.3'%20r='8.8'/%3e%3ccircle%20cx='127.9'%20cy='44.4'%20r='7.700000000000001'/%3e%3crect%20x='120.2'%20y='43.3'%20width='39.6'%20height='8.8'%20rx='4.4'/%3e%3c/g%3e%3cpath%20d='M0%20160q20-14%2040-4t40%200%2040-6%2040%204v46H0z'%20fill='%23fff'%20fill-opacity='0.14'/%3e%3cpath%20d='M0%20176q24-10%2048%200t50-2%2062%202v24H0z'%20fill='%23fff'%20fill-opacity='0.12'/%3e%3cg%20fill='%23fff'%20fill-opacity='0.1'%3e%3ccircle%20cx='30'%20cy='164'%20r='14'/%3e%3ccircle%20cx='45.4'%20cy='168.2'%20r='11.2'/%3e%3ccircle%20cx='14.600000000000001'%20cy='169.6'%20r='9.799999999999999'/%3e%3crect%20x='4.800000000000001'%20y='168.2'%20width='50.4'%20height='11.2'%20rx='5.6'/%3e%3c/g%3e%3cg%20fill='%23fff'%20fill-opacity='0.1'%3e%3ccircle%20cx='126'%20cy='170'%20r='16'/%3e%3ccircle%20cx='143.6'%20cy='174.8'%20r='12.8'/%3e%3ccircle%20cx='108.4'%20cy='176.4'%20r='11.200000000000001'/%3e%3crect%20x='97.2'%20y='174.8'%20width='57.6'%20height='12.8'%20rx='6.4'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.26'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M4%2086h34a7%207%200%201%200-7-7'/%3e%3cpath%20d='M122%20108h30a6%206%200%201%201-6%206'/%3e%3cpath%20d='M10%20120h22a5%205%200%201%201-5%205'/%3e%3cpath%20d='M128%2070h24'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M20%2052q4-4%208%200q4-4%208%200'/%3e%3cpath%20d='M118%2020q3-3%206%200q3-3%206%200'/%3e%3cpath%20d='M134%20140q3-3%206%200q3-3%206%200'/%3e%3c/g%3e%3c/svg%3e")}.motif-waves:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='m'%20cx='0.5'%20cy='0.5'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.28'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3ccircle%20cx='32.4'%20cy='72.3'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='12'%20cy='77.3'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='145.6'%20cy='68.1'%20r='1.3'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='121.9'%20cy='60.1'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='5.9'%20cy='13.6'%20r='0.5'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='13.6'%20cy='0.9'%20r='0.9'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='30.7'%20cy='13.4'%20r='0.6'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='38.9'%20cy='45.6'%20r='1.3'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='9.8'%20cy='23'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='24.4'%20cy='92.6'%20r='0.9'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='33.6'%20cy='60.3'%20r='0.6'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='159'%20cy='7.5'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='0.7'%20cy='0.6'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='37.5'%20cy='92.4'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='154'%20cy='80.1'%20r='1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='135.2'%20cy='98.8'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='153.2'%20cy='97.5'%20r='0.7'%20fill='%23fff'%20fill-opacity='0.2'/%3e%3ccircle%20cx='30'%20cy='30'%20r='12'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='30'%20cy='30'%20r='26'%20fill='url(%23m)'/%3e%3cpath%20d='M0%20132h160v68H0z'%20fill='%23000'%20fill-opacity='0.22'/%3e%3cpath%20d='M26%20136h8M22%20144h16M24%20152h12M20%20160h20'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.22'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M112%20128l4%204h22l4-4zM126%20118v10M126%20118l8%208h-8z'%20fill='%23000'%20fill-opacity='0.42'/%3e%3cpath%20d='M0%20150q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200V200H0z'%20fill='%23fff'%20fill-opacity='0.05'/%3e%3cpath%20d='M0%20150q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200q6.5%20-4%2013%200t13%200'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.16999999999999998'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M0%20166q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200V200H0z'%20fill='%23fff'%20fill-opacity='0.07'/%3e%3cpath%20d='M0%20166q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200q8%20-5%2016%200t16%200'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.19'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M0%20184q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200V200H0z'%20fill='%23fff'%20fill-opacity='0.09'/%3e%3cpath%20d='M0%20184q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200q10%20-6%2020%200t20%200'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.21'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.motif-paws:before{background-image:url(/assets/scene-paws-CxksAD_5.svg)}.motif-flame:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3clinearGradient%20id='heat'%20x1='0'%20y1='1'%20x2='0'%20y2='0'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='.22'/%3e%3cstop%20offset='1'%20stop-color='%23000'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23heat)'/%3e%3cpath%20d='M40%20150l30-46%208%2010%208-12%2034%2048z'%20fill='%23000'%20fill-opacity='0.3'/%3e%3cpath%20d='M70%20104l8%2010%208-12%202%206-10%206-8-6z'%20fill='%23fff'%20fill-opacity='0.14'/%3e%3cpath%20d='M74%2098q-6-14%204-22t2-22'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.12'%20stroke-width='6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M10%20200c-16%200%20-19.2%20-25.9%20-9.6%20-44.4c4%20-11.1%201.6%20-18.5%200.8%20-29.6c8.8%2014.8%2014.4%2033.300000000000004%2012%2048.1c3.2%20-7.4%204.8%20-18.5%203.2%20-29.6c11.2%2025.9%209.6%2055.5%20-6.4%2055.5z'%20fill='%23fff'%20fill-opacity='0.14'/%3e%3cpath%20d='M36%20200c-13%200%20-15.6%20-18.2%20-7.8%20-31.2c3.25%20-7.8%201.3%20-13%200.65%20-20.8c7.15%2010.4%2011.700000000000001%2023.400000000000002%209.75%2033.800000000000004c2.6%20-5.2%203.9%20-13%202.6%20-20.8c9.1%2018.2%207.8%2039%20-5.2%2039z'%20fill='%23fff'%20fill-opacity='0.12'/%3e%3cpath%20d='M124%20200c-13%200%20-15.6%20-19.599999999999998%20-7.8%20-33.6c3.25%20-8.4%201.3%20-14%200.65%20-22.400000000000002c7.15%2011.200000000000001%2011.700000000000001%2025.2%209.75%2036.4c2.6%20-5.6000000000000005%203.9%20-14%202.6%20-22.400000000000002c9.1%2019.599999999999998%207.8%2042%20-5.2%2042z'%20fill='%23fff'%20fill-opacity='0.12'/%3e%3cpath%20d='M150%20200c-16%200%20-19.2%20-28%20-9.6%20-48c4%20-12%201.6%20-20%200.8%20-32c8.8%2016%2014.4%2036%2012%2052c3.2%20-8%204.8%20-20%203.2%20-32c11.2%2028%209.6%2060%20-6.4%2060z'%20fill='%23fff'%20fill-opacity='0.14'/%3e%3cpath%20d='M84%20204c-30%200%20-36%20-14%20-18%20-24c7.5%20-6%203%20-10%201.5%20-16c16.5%208%2027%2018%2022.5%2026c6%20-4%209%20-10%206%20-16c21%2014%2018%2030%20-12%2030z'%20fill='%23fff'%20fill-opacity='0.1'/%3e%3cpath%20d='M10%20200c-9%200%20-10.799999999999999%20-16.099999999999998%20-5.3999999999999995%20-27.599999999999998c2.25%20-6.8999999999999995%200.9%20-11.5%200.45%20-18.400000000000002c4.95%209.200000000000001%208.1%2020.7%206.75%2029.900000000000002c1.8%20-4.6000000000000005%202.6999999999999997%20-11.5%201.8%20-18.400000000000002c6.3%2016.099999999999998%205.3999999999999995%2034.5%20-3.6%2034.5z'%20fill='%23fff'%20fill-opacity='0.16'/%3e%3cpath%20d='M150%20200c-9%200%20-10.799999999999999%20-17.5%20-5.3999999999999995%20-30c2.25%20-7.5%200.9%20-12.5%200.45%20-20c4.95%2010%208.1%2022.5%206.75%2032.5c1.8%20-5%202.6999999999999997%20-12.5%201.8%20-20c6.3%2017.5%205.3999999999999995%2037.5%20-3.6%2037.5z'%20fill='%23fff'%20fill-opacity='0.16'/%3e%3ccircle%20cx='10.6'%20cy='40.3'%20r='1'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='32'%20cy='113.2'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='0.3'%20cy='138.7'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='122.9'%20cy='71.4'%20r='1.1'%20fill='%23fff'%20fill-opacity='0.6'/%3e%3ccircle%20cx='127.5'%20cy='31.5'%20r='1.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='5.3'%20cy='52.5'%20r='1.5'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='39.9'%20cy='141.5'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3ccircle%20cx='40.5'%20cy='144.6'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='79.8'%20cy='142.7'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='121.7'%20cy='156.1'%20r='1.4'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='138.2'%20cy='51.2'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='130.6'%20cy='90.7'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='6.8'%20cy='60.1'%20r='0.8'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='100.3'%20cy='140.9'%20r='1.6'%20fill='%23fff'%20fill-opacity='0.5'/%3e%3ccircle%20cx='33.2'%20cy='103.1'%20r='1.2'%20fill='%23fff'%20fill-opacity='0.4'/%3e%3c/svg%3e")}.motif-runes:before{background-image:url(/assets/scene-runes-BBp_UKmZ.svg)}.motif-leaf:before{background-image:url(/assets/scene-leaf-C7QsKtmd.svg)}.motif-frost:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.36'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.2'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cpath%20d='M0%200H160V6L156%2013.80862017712026L152%206L148%2013.479316860194931L144%206L140%2010.8784692962088L136%206L132%2014.433461381324316L128%206L124%2015.185435917780472L120%206L116%2017.621470136391686L112%206L108%2016.048582335025344L104%206L100%2016.523304770944314L96%206L92%2015.18328526112404L88%206L84%2017.4753837117345L80%206L76%2020.774043121735588L72%206L68%2021.342747009984564L64%206L60%2015.548996810591312L56%206L52%2019.989395608189234L48%206L44%2021.771986836461345L40%206L36%2017.782760405811835L32%206L28%2014.854140479515372L24%206L20%2017.539039214858338L16%206L12%2010.632084124084601L8%206L4%2013.437873489892983L0%206H0z'%20fill='%23fff'%20fill-opacity='0.16'/%3e%3cpath%20d='M4.5%20119.1v3.6M3%20120l3.1%201.8M3%20121.8l3.1%20-1.8'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M38.4%2097.9v4.1M36.6%2098.9l3.6%202.1M36.6%20101l3.6%20-2.1'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M121.6%2053.8v6.1M119%2055.3l5.3%203.1M119%2058.4l5.3%20-3.1'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M120.9%2018.2v7.1M117.8%2019.9l6.2%203.6M117.8%2023.5l6.2%20-3.6'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.8%20108.3v7.8M142.4%20110.3l6.8%203.9M142.4%20114.1l6.8%20-3.9'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.6%2040.2v3.2M10.2%2040.9l2.8%201.6M10.2%2042.5l2.8%20-1.6'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M157.3%2075v4.4M155.4%2076.1l3.8%202.2M155.4%2078.3l3.8%20-2.2'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M1.5%2030.7v6.1M-1.1%2032.2l5.3%203M-1.1%2035.3l5.3%20-3'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M123.2%2098v6.2M120.5%2099.6l5.4%203.1M120.5%20102.6l5.4%20-3.1'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M25.1%20127.7v8M21.6%20129.6l7%204M21.6%20133.6l7%20-4'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M25.6%20124.8v3.8M24%20125.8l3.3%201.9M24%20127.7l3.3%20-1.9'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M157.6%2070.9v5.8M155.1%2072.3l5%202.9M155.1%2075.2l5%20-2.9'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M27.4%2038.5v7.2M24.3%2040.3l6.3%203.6M24.3%2043.9l6.3%20-3.6'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.3'%20stroke-width='0.7'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M-6%20170L26%20118l14%2016%2024-34%2026%2040%2016-18%2030%2048%2030-30v60H-6z'%20fill='%23000'%20fill-opacity='0.3'/%3e%3cpath%20d='M26%20118l6%2010-6-2-5%204zM64%20100l10%2016-8-4-6%206-4-6zM106%20122l6%208-6-1-4%203zM136%20140l6%206-5%200z'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3cpath%20d='M0%20176q40-8%2080%200t80%200v24H0z'%20fill='%23fff'%20fill-opacity='0.12'/%3e%3c/svg%3e")}.motif-hazard:before{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20160%20200'%20preserveAspectRatio='xMidYMid%20slice'%3e%3cdefs%3e%3cradialGradient%20id='h'%20cx='0.5'%20cy='0.38'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.2'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='burst'%20cx='0.5'%20cy='0.5'%20r='0.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'%20stop-opacity='0.4'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cpattern%20id='stripes'%20width='10'%20height='6'%20patternUnits='userSpaceOnUse'%20patternTransform='skewX(-40)'%3e%3crect%20width='5'%20height='6'%20fill='%23fff'%20fill-opacity='.2'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='160'%20height='200'%20fill='url(%23h)'/%3e%3cg%20fill='%23000'%20fill-opacity='0.42'%3e%3cpath%20d='M0%200h160v12H0zM6%2012h10v188H6zM144%2012h10v188h-10z'/%3e%3c/g%3e%3cg%20fill='none'%20stroke='%23000'%20stroke-opacity='0.3'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20d='M0%206h160M11%2012v188M149%2012v188'/%3e%3c/g%3e%3cpath%20d='M16%2012l14%2014M144%2012l-14%2014'%20fill='none'%20stroke='%23000'%20stroke-opacity='0.4'%20stroke-width='4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M20%20200v-26h26v26zM24%20174v-10h18v10z'%20fill='%23000'%20fill-opacity='0.32'/%3e%3cpath%20d='M20%20174l26%2026M46%20174l-26%2026'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.14'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cellipse%20cx='128'%20cy='198'%20rx='14'%20ry='4'%20fill='%23000'%20fill-opacity='0.3'/%3e%3cpath%20d='M114%20198v-26q14-6%2028%200v26z'%20fill='%23000'%20fill-opacity='0.32'/%3e%3cpath%20d='M114%20180h28M114%20190h28'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.16'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.7%20176L48.1%20176M72%20174.3L62.3%20172.2M72.8%20172.8L58%20166.2M75.1%20172.4L60%20161.5M73.8%20169.1L64.6%20158.9M76.6%20170.1L71.5%20161.2M77.4%20167.9L72.9%20154.2M79.3%20169.5L76.9%20146.8M80.6%20170L83.2%20145.6M82.7%20167.6L89.3%20147.2M84.3%20168.5L93.5%20152.7M86.3%20169L93.7%20160.8M87%20170.9L99%20162.2M85.5%20173.6L96.4%20168.7M86.2%20174.7L96.6%20172.5M88.1%20176L97.9%20176'%20fill='none'%20stroke='%23fff'%20stroke-opacity='0.32'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3ccircle%20cx='80'%20cy='176'%20r='5'%20fill='%23fff'%20fill-opacity='0.3'/%3e%3ccircle%20cx='80'%20cy='176'%20r='16'%20fill='url(%23burst)'/%3e%3cpath%20d='M0%20194h160v6H0z'%20fill='url(%23stripes)'/%3e%3c/svg%3e")}.motif-void:before{background-image:url(/assets/scene-void-ZkpTf-g1.svg)}.deckbuilder{width:min(100%,1120px);margin:0 auto;padding:clamp(14px,2.4vw,28px) clamp(12px,2vw,24px) 64px;display:grid;gap:18px}.deckbuilder-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.deck-tabs{display:flex;gap:6px;padding-bottom:4px}.deck-tab{--stone-lip: 4px;width:44px;height:40px;font-size:1rem}.deck-panel{position:relative;display:grid;gap:14px;padding:16px 18px 18px;border-radius:var(--r-lg);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 60%),var(--panel);box-shadow:var(--shadow-sm)}.deck-panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.deck-name{border:0;background:none;padding:0;color:var(--text);font:inherit;font-size:1.25rem;font-weight:800;cursor:pointer}.deck-name span{font-size:.85rem;color:var(--text-3)}.deck-name-input{font:inherit;font-size:1.15rem;font-weight:800;padding:4px 10px;border-radius:var(--r-md);border:1px solid var(--accent);background:var(--panel-inset);color:var(--text)}.deck-battle-badge{padding:2px 9px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.72rem;font-weight:800}.deck-elixir{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:3px 12px 3px 4px;border-radius:999px;background:var(--panel-inset);font-weight:900;font-variant-numeric:tabular-nums}.deck-elixir-gem{width:22px;height:24px;border-radius:50%/58% 58% 42% 42%;background:radial-gradient(60% 45% at 38% 28%,rgba(255,255,255,.75),transparent 60%),linear-gradient(180deg,#f07bf0,#b93ccf 55%,#6d1f85)}.deck-elixir.is-over{color:var(--danger)}.deck-autosave{color:var(--text-3);font-size:.78rem}.deck-slots-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:10px 0 2px}.deck-slot-card{display:grid;justify-items:center;gap:6px;border-radius:5px;transition:transform .12s ease}.deck-slot-button{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;touch-action:none}.deck-slot-empty{display:grid;place-items:center;width:100%;aspect-ratio:4 / 5;border:2px dashed var(--line-strong);border-radius:4px;color:var(--text-3);font-size:1.6rem;font-weight:300}.deck-slot-file{display:grid;justify-items:center;font-weight:800;font-size:.85rem;line-height:1.1;color:var(--text-2)}.deck-slot-file small{font-size:.66rem;font-weight:600;color:var(--text-3)}.deck-slot-card.is-legal .deck-slot-button>*{box-shadow:0 0 0 2px var(--accent-strong),0 0 16px color-mix(in srgb,var(--accent-strong) 55%,transparent);border-radius:4px;animation:slot-glow 1.2s ease-in-out infinite}.deck-slot-card.is-blocked{opacity:.4}.deck-slot-card.is-drop-target{transform:translateY(-4px) scale(1.04)}.deck-slot-card.is-selected .deck-slot-button>*{box-shadow:0 0 0 2px #fff;border-radius:4px}@keyframes slot-glow{50%{box-shadow:0 0 0 2px var(--accent-strong),0 0 26px color-mix(in srgb,var(--accent-strong) 75%,transparent)}}.deck-slot-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px 10px;border-radius:var(--r-md);background:var(--panel-inset)}.deck-problems{margin:0;padding:10px 14px 10px 30px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--text);font-size:.88rem}.deck-ready{color:var(--good);font-weight:700}.deck-tools{display:flex;gap:8px;padding-bottom:4px}.deck-tools .btn-ghost{--stone-lip: 3px;padding:5px 12px;font-size:.82rem}.deck-toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%);padding:8px 14px;border-radius:var(--r-md);background:var(--danger);color:#fff;font-weight:700;font-size:.86rem;box-shadow:var(--shadow-md)}.collection{display:grid;gap:16px}.collection-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.collection-head h2{margin-right:auto}.collection-search{min-width:220px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-inset);color:var(--text);font:inherit}.collection-group h3{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;font-size:1rem}.collection-group h3 small{color:var(--text-3);font-weight:600;font-size:.78rem}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 12px}.collection-card{position:relative;display:grid;padding:0;border:0;background:none;cursor:grab;touch-action:none}.collection-card:active{cursor:grabbing}.collection-card:hover .piece-card-face{filter:brightness(1.12)}.collection-in-deck{position:absolute;top:6px;right:6px;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;background:var(--good);color:#10200a;font-size:.64rem;font-weight:900;line-height:1.2;box-shadow:0 1px 3px #00000080;pointer-events:none;white-space:nowrap}.deck-drag-ghost{position:fixed;left:0;top:0;z-index:9999;width:84px;height:84px;pointer-events:none;will-change:transform;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5))}@media(max-width:760px){.deck-slots-row{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.deck-elixir{margin-left:0}}@media(prefers-reduced-motion:reduce){.deck-slot-card.is-legal .deck-slot-button>*{animation:none}}.deckbuilder .deck-slots-row,.deckbuilder .collection-grid{user-select:none;-webkit-user-select:none}.deck-toast{position:fixed;bottom:32px;z-index:90;display:inline-flex;align-items:center;gap:8px;max-width:min(92vw,520px);padding:10px 16px;border-radius:999px;animation:deck-toast-in .16s ease-out}.deck-toast:before{content:"!";display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--danger);font-weight:900;font-size:.8rem;line-height:1}@keyframes deck-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.collection-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 12px;border:0;border-radius:999px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.collection-filter-chip span[aria-hidden]{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#00000040;font-size:.8rem;line-height:1}.collection-head h2{margin-right:0}.collection-search{margin-left:auto}.deck-autosave.is-saving,.deck-autosave.is-loading{color:var(--text-2)}.deck-autosave.is-saved:before{content:"✓ ";color:var(--good)}.deck-autosave.is-error{color:var(--danger);font-weight:700}.deck-problems-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.deck-problems-row .deck-problems{flex:1 1 280px}.deck-restore{--stone-lip: 3px;padding:6px 12px;font-size:.82rem}.deck-online-note{color:var(--text-2);font-size:.88rem}.collection-card.is-locked .piece-card{filter:grayscale(.55) brightness(.8)}.collection-locked{position:absolute;top:6px;right:6px;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:999px;background:#0a0806d9;color:#e9d8b0;font-size:.64rem;font-weight:900;line-height:1.2;box-shadow:0 1px 3px #00000080;pointer-events:none}.collection-card.is-in-deck .collection-locked{top:26px}.deck-tabs{gap:6px}.deck-tab{display:inline-flex;align-items:center;gap:8px;width:auto;max-width:168px;height:40px;padding:0 14px 0 8px;font-size:.86rem}.deck-tab-num{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:#00000047;font-size:.78rem;font-weight:900}.deck-tab-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-panel{gap:12px;padding:18px 20px 14px;border:1px solid var(--line);background:var(--panel)}.deck-panel-head{gap:10px;row-gap:12px}.deck-name{display:inline-flex;align-items:center}.deck-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.76rem;font-weight:800}.deck-status.is-good{color:var(--good);background:color-mix(in srgb,var(--good) 15%,transparent)}.deck-status.is-warn{color:var(--warn, #e0a33a);background:color-mix(in srgb,var(--warn, #e0a33a) 16%,transparent)}.deck-status.is-bad{color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,transparent)}.deck-head-right{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}.deck-meter{display:grid;gap:5px;min-width:128px}.deck-meter-value{font-weight:900;font-size:1.05rem;font-variant-numeric:tabular-nums;line-height:1}.deck-meter-value small{margin-left:2px;color:var(--text-3);font-size:.78rem;font-weight:700}.deck-meter-bar{display:block;height:6px;border-radius:2px;background:var(--panel-inset);overflow:hidden}.deck-meter-bar>span{display:block;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#000),var(--accent));transition:width .2s ease}.deck-meter.is-over .deck-meter-value,.deck-meter.is-over .deck-meter-value small{color:var(--danger)}.deck-meter.is-over .deck-meter-bar>span{background:var(--danger)}.deck-tools{gap:6px;padding-bottom:3px}.deck-tools .btn-ghost{--stone-lip: 3px;display:inline-flex;align-items:center;height:34px;padding:0 12px;font-size:.84rem}.deck-slots-row{padding-top:4px}.deck-autosave{justify-self:end;margin-top:-4px;font-size:.74rem}.deck-autosave.is-saved:before{content:none}.deck-autosave.is-saved{color:var(--text-3)}.deck-online-note{margin:0}.collection{gap:22px}.collection-group h3{align-items:center;gap:10px;margin:0 0 12px;font-size:1rem}.collection-group h3:after{content:"";flex:1;height:1px;background:var(--line)}.collection-count{padding:1px 8px;border-radius:999px;background:var(--panel-inset);color:var(--text-3);font-size:.74rem;font-weight:800}@media(max-width:760px){.deck-head-right{width:100%;margin-left:0;justify-content:space-between}.deck-tab{max-width:none;padding:0 10px 0 6px}.deck-tab-name{display:none}}.deck-slot-battle{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-size:.66rem;font-weight:800;vertical-align:middle;text-shadow:none}.stone-toggle .deck-slot-battle{background:#00000059;color:inherit}.pregame{width:min(100%,1120px);margin:0 auto;padding:clamp(16px,3vw,32px) clamp(12px,2vw,24px) 48px;display:grid;gap:22px}.pregame-head{display:grid;gap:4px}.pregame-head p{color:var(--text-3)}.pregame-sides{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:stretch}.pregame-side{display:grid;align-content:start;gap:16px;padding:18px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.pregame-side-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pregame-side-head strong{font-size:1.25rem;font-weight:800}.pregame-deck-name{color:var(--text-3);font-weight:600}.pregame-points{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--panel-inset);color:var(--text-2);font-weight:800;font-variant-numeric:tabular-nums}.pregame-difficulty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:4px}.pregame-difficulty .stone-toggle{display:grid;gap:1px;padding:7px 4px;font-size:.82rem}.pregame-difficulty .stone-toggle small{font-size:.68rem;font-weight:600;opacity:.8}.pregame-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;padding:14px;min-height:200px;border-radius:var(--r-md);background:var(--panel-inset);box-shadow:inset 0 2px 8px #00000059}.pregame-empty{grid-column:1 / -1;align-self:center;text-align:center;color:var(--text-3)}.pregame-sources{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:4px}.pregame-sources .stone-toggle{padding:6px 12px;font-size:.82rem}.pregame-vs{display:grid;align-content:center;justify-items:center;gap:14px}.pregame-vs-badge{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-family:Cinzel,Georgia,serif;font-weight:900;font-size:1.35rem;color:#2a1c07;background:linear-gradient(180deg,#f2d48a,#d6a443 55%,#a8792a);box-shadow:inset 0 2px #ffffff80,0 5px #6b4a14,0 10px 16px #00000073}.pregame-color{display:grid;gap:8px;padding-bottom:4px}.pregame-color .stone-toggle{padding:6px 14px;font-size:.82rem}.pregame-error{padding:10px 14px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--text);font-weight:600}.pregame-actions{display:grid;justify-items:center;gap:14px}.pregame-actions .pregame-fight{--stone-lip: 7px;min-width:min(100%,320px);padding:16px 40px;font-size:1.25rem}.pregame-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@media(max-width:900px){.pregame-sides{grid-template-columns:minmax(0,1fr)}.pregame-vs,.pregame-color{grid-auto-flow:column}.pregame-vs-badge{width:52px;height:52px;font-size:1.1rem}}@media(max-width:480px){.pregame-deck{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.pregame-difficulty{grid-template-columns:repeat(2,minmax(0,1fr))}}.deck-slot-main .deck-slot-battle{justify-self:start;margin-left:0}.pregame-edit{justify-self:start;--stone-lip: 3px;padding:5px 12px;font-size:.82rem}.pregame-side>.btn-primary{justify-self:start}.pregame-warning{padding:10px 14px;border-radius:var(--r-md);background:var(--danger-soft);color:var(--text);font-size:.88rem}.pregame-warning ul{margin:6px 0 0;padding-left:18px}.pregame-difficulty .stone-toggle{padding:8px 4px}.pregame-deck-picker{position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-bottom:4px}.pregame-deck-label{color:var(--text-3);font-weight:700;font-size:.86rem}.pregame-deck-current{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text);font:inherit;cursor:pointer}.pregame-deck-current:hover{border-color:var(--accent)}.pregame-reroll{--stone-lip: 3px;padding:5px 10px;font-size:.82rem}.pregame-deck-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:5;display:grid;gap:2px;min-width:260px;margin:0;padding:6px;list-style:none;border-radius:var(--r-md);background:var(--panel-2);box-shadow:var(--shadow-lg),0 0 0 1px var(--line)}.pregame-deck-menu button{display:grid;width:100%;gap:1px;padding:8px 10px;border:0;border-radius:3px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.pregame-deck-menu button:hover,.pregame-deck-menu button[aria-selected=true]{background:color-mix(in srgb,var(--accent) 18%,transparent)}.pregame-deck-menu small{color:var(--text-3);font-size:.76rem}.deck-gate-overlay{position:fixed;inset:0;z-index:var(--z-modal, 60);display:grid;place-items:center;padding:20px;background:#080604b8}.deck-gate{display:grid;gap:10px;width:min(440px,100%);padding:22px 24px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-lg),0 0 0 1px var(--line)}.deck-gate ul{margin:0;padding:10px 14px 10px 30px;border-radius:var(--r-md);background:var(--danger-soft)}.deck-gate-actions{display:flex;justify-content:flex-end;gap:10px;padding:6px 0 4px}.pregame-side{grid-template-rows:auto auto 1fr}.pregame-side-head{min-height:34px}.pregame-side>button,.pregame-side>.pregame-warning{align-self:start}.pregame-kind{display:inline-flex;gap:4px;padding-bottom:3px}.pregame-kind .stone-toggle{--stone-lip: 3px;padding:4px 12px;font-size:.82rem}.pregame-side-head{align-items:center}.pregame-color-dot{display:inline-flex;align-items:center;gap:7px;font-size:1.05rem!important}.pregame-color-dot:before{content:"";width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0006}.pregame-color-dot.is-white:before{background:#ece3cf}.pregame-color-dot.is-black:before{background:#1c1712;box-shadow:inset 0 0 0 1px #ffffff4d}.pregame-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;align-self:start}.pregame-controls .pregame-warning{flex-basis:100%}.pregame-deck-row{display:inline-flex;align-items:center;gap:6px;padding-bottom:3px}.pregame-icon-btn{--stone-lip: 3px;display:inline-grid;place-items:center;width:38px;height:34px;padding:0}.pregame-icon-btn svg{display:block}.pregame-select{height:34px;padding:0 30px 0 10px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:linear-gradient(45deg,transparent 50%,var(--text-2) 50%) calc(100% - 15px) 50% / 5px 5px no-repeat,linear-gradient(135deg,var(--text-2) 50%,transparent 50%) calc(100% - 10px) 50% / 5px 5px no-repeat,var(--panel-inset);color:var(--text);font:inherit;font-size:.86rem;font-weight:600;appearance:none;cursor:pointer}.pregame-select:hover,.pregame-select:focus-visible{border-color:var(--accent)}.pregame-select option{background:var(--panel-2);color:var(--text)}.pregame-difficulty{display:inline-flex;align-items:center;gap:8px;padding:0;color:var(--text-3);font-size:.82rem;font-weight:700}.pregame-vs .pregame-icon-btn{width:42px;height:38px}.pregame>.pregame-warning{justify-self:center}.pregame-controls .pregame-warning .btn{margin-top:8px}.deck-gate{gap:14px;width:min(460px,100%);padding:24px 26px 22px}.deck-gate h2{margin:0;font-size:1.3rem}.deck-gate .deck-gate-rules{margin:0;padding:0 0 0 18px;background:none;color:var(--text-2);line-height:1.5}.deck-gate-lead{margin:0;color:var(--text-2);font-size:.92rem}.deck-gate .deck-gate-pieces{display:grid;gap:2px;margin:0;padding:4px;list-style:none;background:var(--panel-inset, rgba(0, 0, 0, .2));border:1px solid var(--line);border-radius:var(--r-md)}.deck-gate-pieces li{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:5px 8px;border-radius:var(--r-sm)}.deck-gate-pieces li+li{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:0}.deck-gate-pieces img{width:30px;height:30px;object-fit:contain}.deck-gate-pieces span{font-weight:700;color:var(--text)}.deck-gate-pieces small{padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft)}.deck-gate-actions{align-items:center;gap:10px;padding:4px 0 0}.deck-gate-actions button{white-space:nowrap}.deck-gate-dismiss{margin-right:auto;padding:6px 2px;border:0;background:none;color:var(--text-3);font-weight:600;cursor:pointer}.deck-gate-dismiss:hover{color:var(--text)}.deck-gate-actions :is(.btn,.btn-ghost){--stone-lip: 4px;min-height:40px;padding:8px 16px;font-size:.92rem}:root{--board-vertical-reserve: 236px}.game-panel{padding:0;background:none;border:0;outline:0;border-radius:0;box-shadow:none}.game-context-bar{margin:0 0 4px;gap:8px;padding-bottom:3px}.game-context-bar .header-btn{--stone-lip: 3px;min-height:32px;padding:4px 12px;font-size:.82rem}.top-bar{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:8px;padding:0 0 8px;border-bottom:1px solid var(--line)}.game-status-lockup{min-width:0;flex:1 1 auto;gap:0}.game-status-lockup h2{font-size:1.1rem}.game-status-lockup p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem}.top-bar-actions{flex:0 0 auto;flex-wrap:nowrap;gap:6px;padding-bottom:3px}.top-bar-actions :is(button,.header-btn,.btn){--stone-lip: 3px;min-height:34px;padding:4px 10px;font-size:.82rem;white-space:nowrap}.player-strip-bar,.player-strip-bar.ticking{min-height:44px;margin:4px 0;padding:6px 10px;border-radius:var(--r-md);background:var(--panel);box-shadow:none}.player-strip-bar.ticking{box-shadow:inset 3px 0 0 var(--accent)}.player-strip-main{gap:10px}.player-strip-avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:3px;font-weight:800;font-size:.9rem}.player-strip-avatar-white{background:#ece3cf;color:#2a1f14;box-shadow:inset 0 -2px #0000002e}.player-strip-avatar-black{background:#2b2520;color:#ece3cf;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0006}.player-strip-clock{padding:4px 10px;background:var(--panel-inset);font-size:1.05rem}.player-strip-bar.ticking .player-strip-clock{background:#ece3cf;color:#1c140d}@media(max-width:760px){.top-bar{flex-wrap:wrap}}@media(min-width:761px){:root{--board-vertical-reserve: 158px}.workspace-layout.chess2-layout{grid-template-columns:minmax(var(--board-min),min(var(--board-max),calc(100dvh - var(--board-vertical-reserve)))) minmax(260px,340px);gap:clamp(14px,1.6vw,24px)}.top-bar>.game-context-bar{flex:0 0 auto;display:flex;gap:6px;width:auto;margin:0;padding:0 0 3px}.top-bar{min-height:40px}.top-bar{margin-bottom:4px;padding-bottom:6px}.game-view-label,.game-status-lockup p:not(:has(.bot-thinking-banner)){display:none}.player-strip-bar,.player-strip-bar.ticking{min-height:40px;margin:2px 0;padding:4px 10px}}.piece-drag-ghost{will-change:transform;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.square.drag-over{box-shadow:inset 0 0 0 4px #fff4dcbf}@media(hover:hover){.square.draggable-piece:active{cursor:grabbing}}.game-panel,.top-bar{min-width:0}.top-bar-actions{flex:0 1 auto;min-width:0;justify-content:flex-end}.top-bar-actions .header-btn-icon{display:inline-grid;place-items:center;min-width:34px;padding:4px 8px;line-height:1}.botvsbot-speed{display:inline-flex;align-items:center}.botvsbot-speed input[type=range]{width:72px}.promotion-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:#0806048c;animation:promo-fade .12s ease-out}.promotion-picker.promotion-dialog,.board.flipped .promotion-picker.promotion-dialog{position:static;transform:none;gap:12px;width:auto;max-width:min(94vw,560px);max-height:90vh;padding:16px;overflow:auto;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-lg),0 0 0 1px var(--line);animation:promo-pop .16s cubic-bezier(.2,.9,.3,1.2)}.promotion-dialog .promotion-picker-header{font-size:1rem;font-weight:800;color:var(--text)}.promotion-dialog .promotion-picker-options{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));width:min(80vw,520px);gap:8px}.promotion-dialog .promotion-option{gap:4px;padding:8px 4px;font-size:.74rem;font-weight:700}.promotion-dialog .promotion-option img{width:44px;height:44px}.promotion-dialog .promotion-cancel{padding:6px 16px;font-size:.82rem}@keyframes promo-fade{0%{opacity:0}}@keyframes promo-pop{0%{opacity:0;transform:scale(.94)}}html{scrollbar-gutter:stable}@media(min-width:761px){:root{--board-vertical-reserve: 166px}.play-layout>.army-panel{align-self:start;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain}}:root{--font-game: "Alegreya Sans", "Inter", "Segoe UI", system-ui, sans-serif;--font-epic: "Cinzel", Georgia, "Times New Roman", serif}:is(.game-host,.pregame,.miniplayer),:is(.game-host,.pregame,.miniplayer) :is(button,input,select,textarea){font-family:var(--font-game)}.game-host :is(.top-bar-actions,.game-context-bar) :is(button,.header-btn){font-size:.9rem;font-weight:700}.game-host .player-strip-name,.game-host .game-status-pill,.game-host .dev-panel-header strong,.game-host .game-status-lockup h2,.pregame-head h2,.pregame-color-dot,.miniplayer-status,.promotion-dialog .promotion-picker-header{font-family:var(--font-epic);font-weight:700;letter-spacing:.02em!important}.game-host .player-strip-name{font-size:1.02rem}.game-host .action-row,.game-host .move-list,.game-host .army-panel{font-size:1rem}@media(min-width:761px){:root{--board-max: 2400px}.workspace-layout.chess2-layout{width:100%;max-width:none;grid-template-columns:minmax(var(--board-min),min(var(--board-max),calc(100dvh - var(--board-vertical-reserve)))) minmax(260px,clamp(300px,22vw,420px));justify-content:center}}@media(min-width:761px){:root{--board-vertical-reserve: 156px}.app-shell:has(.game-host:not([hidden])){padding-top:12px;padding-bottom:8px}}.game-host .top-bar-actions :is(button,.header-btn):not(.game-primary-action){--stone-face: color-mix(in srgb, var(--panel-2) 78%, var(--text-3));--stone-edge: color-mix(in srgb, var(--panel) 45%, #000);--stone-ink: var(--text);--stone-engrave: 0 1px 1px rgba(0, 0, 0, .5);color:var(--stone-ink)}[data-theme=light] .game-host .top-bar-actions :is(button,.header-btn):not(.game-primary-action){--stone-face: color-mix(in srgb, var(--panel-2) 88%, var(--text-3));--stone-edge: color-mix(in srgb, var(--line-strong) 75%, #000);--stone-engrave: 0 1px 0 rgba(255, 255, 255, .55)}.game-host .top-bar-actions :is(button,.header-btn){min-height:34px;height:34px;font-family:var(--font-game);text-transform:none;letter-spacing:0}.game-host .top-bar-actions :is(.header-btn-icon,.mc-sound-toggle){width:36px;min-width:36px;padding:0}.game-host .top-bar-actions .mc-sound-toggle[aria-pressed=true]{color:var(--text-2)}.game-host .top-bar-actions .rail-action-btn.danger:hover:not(:disabled),.game-host .top-bar-actions .rail-action-btn.danger.active{color:var(--stone-ink);border-color:color-mix(in srgb,var(--danger) 70%,#000)}.game-host .top-bar-actions .rail-action-btn.active{transform:translateY(calc(var(--stone-lip) - 1px));box-shadow:inset 0 2px 5px #0006,0 1px 0 var(--stone-edge)}.top-bar-info{animation:top-bar-info-in .14s ease-out}@keyframes top-bar-info-in{0%{opacity:0;transform:scale(.85)}}.inline-confirm-popover{position:relative;display:inline-flex}.inline-confirm-popover>.rail-confirm{position:absolute;top:calc(100% + 8px);right:0;z-index:40;gap:8px;padding:8px 8px 8px 14px;white-space:nowrap;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 10px 28px #00000080;animation:inline-confirm-in .12s ease-out}.inline-confirm-popover>.rail-confirm em{font-size:.92rem;font-weight:700}.game-host .inline-confirm-popover .rail-confirm :is(.rail-confirm-yes,.rail-confirm-no){width:34px;min-width:34px;height:30px;min-height:30px;padding:0}.game-host .inline-confirm-popover .rail-confirm-yes{--stone-face: color-mix(in srgb, var(--danger) 70%, var(--panel-2));--stone-edge: color-mix(in srgb, var(--danger) 35%, #000);--stone-ink: #fff}@keyframes inline-confirm-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.top-bar-info,.inline-confirm-popover>.rail-confirm{animation:none}}.game-host .validation-list{gap:7px;padding:0 0 4px;overflow:visible;background:none;border:0;border-radius:0}.game-host .validation-list .action-row,.game-host .validation-list .action-row:hover:not(:disabled){min-height:40px;margin:0;padding:8px 14px;text-align:left;border:1px solid color-mix(in srgb,var(--stone-face) 55%,#000);border-radius:var(--r-md)}.game-host .validation-list .action-row:hover:not(:disabled){font-family:var(--font-game);color:var(--stone-ink);background:var(--stone-grain),linear-gradient(180deg,color-mix(in srgb,var(--stone-face) 80%,#fff) 0%,var(--stone-face) 32%,color-mix(in srgb,var(--stone-face) 84%,#000) 100%)}.sidenav-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:4px;padding:10px 4px 4px}.sidenav-footer-btn,.sidenav-footer-btn:hover,.sidenav-footer .sidenav-collapse,.sidenav-footer .sidenav-collapse:hover{display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:var(--text-2);font-size:1.05rem;line-height:1;cursor:pointer;transform:none;transition:background .12s ease,color .12s ease}.sidenav-footer-btn:hover,.sidenav-footer .sidenav-collapse:hover,.sidenav-footer-btn.active{background:var(--panel-2);color:var(--text)}.sidenav-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--accent-contrast);font-weight:800;font-size:.82rem;line-height:1;text-shadow:none;text-box:trim-both cap alphabetic}.sidenav-account.active .sidenav-avatar{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent-strong)}.sidenav-collapsed .sidenav-footer{flex-direction:column;gap:6px}@media(max-width:1199px)and (min-width:761px){.sidenav-footer{flex-direction:column;gap:6px}}.sidenav-item{position:relative}.sidenav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:.72rem;font-weight:800;line-height:1}.sidenav-collapsed .sidenav-badge{position:absolute;top:4px;right:8px;min-width:16px;height:16px;padding:0 4px;font-size:.62rem}.mobilenav-icon{position:relative}.mobilenav-badge{position:absolute;top:-6px;right:-12px;margin:0;min-width:16px;height:16px;padding:0 4px;font-size:.6rem}.friends-screen{gap:18px}.friends-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:18px;align-items:start}.friends-list-col,.friends-chat-col,.friends-empty-card{border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.friends-list-col{display:grid;gap:16px;padding:16px}.friends-empty-card{display:grid;justify-items:start;gap:10px;max-width:560px;padding:22px}.friends-add{display:grid;gap:6px}.friends-add label{font-weight:700;font-size:.9rem}.friends-add-row{display:flex;gap:8px;padding-bottom:4px}.friends-add-row input{flex:1 1 auto;min-width:0;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text);font:inherit}.friends-notice{padding:8px 12px;border-radius:var(--r-md);font-size:.88rem;font-weight:600}.friends-notice.is-ok{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--text)}.friends-notice.is-err{background:var(--danger-soft);color:var(--text)}.friends-group{display:grid;gap:8px}.friends-group h2{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-2)}.friends-count{padding:0 8px;border-radius:999px;background:var(--panel-inset);color:var(--text-3);font-size:.75rem}.friends-group ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.friends-hint{color:var(--text-3);font-size:.9rem}.friend-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-md);color:var(--text);text-align:left}.friend-row-button{border:0;background:transparent;cursor:pointer;font:inherit}.friend-row-button:hover{background:var(--panel-2)}.friend-row-button.is-active{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.friend-row-actions{display:flex;gap:6px;margin-left:auto;padding-bottom:3px}.friend-row-actions :is(.btn,.btn-ghost){--stone-lip: 3px;padding:4px 10px;font-size:.8rem}.friend-name{display:grid;min-width:0;font-weight:700;line-height:1.2}.friend-name small{color:var(--text-3);font-size:.74rem;font-weight:600}.friend-avatar{position:relative;display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:3px;background:var(--panel-2);color:var(--text);font-weight:800;box-shadow:inset 0 -2px #00000040}.friend-presence{position:absolute;right:-3px;bottom:-3px;width:12px;height:12px;border-radius:50%;border:2px solid var(--panel);background:var(--text-3)}.friend-unread{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:var(--danger);color:#fff;font-size:.75rem;font-weight:800}.friends-chat-col{min-height:min(70vh,640px);display:grid}.friends-chat-empty{display:grid;place-items:center;padding:30px;color:var(--text-3)}.dm-chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;height:min(70vh,640px)}.dm-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.dm-title{display:grid;line-height:1.2}.dm-title small{color:var(--text-3);font-weight:600}.dm-remove,.dm-remove-confirm{margin-left:auto}.dm-remove-confirm{display:flex;align-items:center;gap:8px;padding-bottom:3px;font-size:.88rem}.dm-head :is(.btn,.btn-ghost){--stone-lip: 3px;padding:4px 10px;font-size:.8rem}.dm-log{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto}.dm-more{align-self:center;--stone-lip: 3px;padding:4px 12px;font-size:.8rem;margin-bottom:6px}.dm-hint{align-self:center;margin:auto;color:var(--text-3)}.dm-bubble{display:grid;gap:2px;max-width:min(75%,520px);padding:8px 12px;border-radius:4px}.dm-bubble p{margin:0;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere}.dm-bubble time{justify-self:end;font-size:.68rem;opacity:.7}.dm-bubble.is-mine{align-self:flex-end;border-bottom-right-radius:4px;background:var(--accent);color:var(--accent-contrast)}.dm-bubble.is-theirs{align-self:flex-start;border-bottom-left-radius:4px;background:var(--panel-2);color:var(--text)}.dm-compose{display:grid;gap:6px;padding:12px 16px 14px;border-top:1px solid var(--line)}.dm-compose textarea{resize:none;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text);font:inherit}.dm-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:3px}.dm-compose-foot small{color:var(--text-3)}@media(max-width:900px){.friends-layout{grid-template-columns:minmax(0,1fr)}.dm-chat{height:min(75vh,600px)}}.account-danger .settings-section-title{color:var(--danger)}.account-danger-btn,.account-danger-btn:hover{--stone-face: #b4402f;--stone-edge: #4a140c;--stone-ink: #fff;--stone-engrave: 0 1px 1px rgba(0, 0, 0, .5)}.account-delete-form{max-width:420px}.account-delete-actions{display:flex;gap:10px;padding-bottom:4px}.friends-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:14px 14px 12px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-sm)}.friends-panel-head{display:flex;align-items:baseline;gap:8px}.friends-panel-count{color:var(--good);font-size:.8rem;font-weight:700}.friends-panel-all,.link-btn{margin-left:auto;padding:0;border:0;background:none;color:var(--accent-strong);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.link-btn{margin-left:0}.friends-panel-empty{align-self:center;color:var(--text-3);font-size:.88rem}.friends-panel-list{display:grid;align-content:start;gap:2px;min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none}.friends-panel-row{display:flex;align-items:center;gap:4px;border-radius:var(--r-md)}.friends-panel-row:hover{background:var(--panel-2)}.friends-panel-who{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;padding:6px 8px;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}.friends-panel-row .friend-avatar{width:30px;height:30px;font-size:.85rem}.friends-panel-row .friend-name{min-width:0}.friends-panel-row.is-offline .friend-name{color:var(--text-3)}.friend-presence.is-online{background:var(--good)}.friend-presence.is-lobby{background:var(--accent-strong)}.friend-presence.is-in_game{background:#5ea8ff}.friends-panel-row.is-lobby .friend-name small{color:var(--accent-strong)}.friends-panel-row.is-in_game .friend-name small{color:#8cc0ff}.friends-panel-join{--stone-lip: 3px;padding:4px 10px;font-size:.78rem;margin-bottom:3px}.friends-panel-pin{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;padding:0;border:0;border-radius:3px;background:none;color:var(--text-3);opacity:0;cursor:pointer}.friends-panel-pin svg{width:15px;height:15px;fill:currentColor}.friends-panel-row:hover .friends-panel-pin,.friends-panel-pin:focus-visible,.friends-panel-pin.is-pinned{opacity:1}.friends-panel-pin.is-pinned{color:var(--accent-strong)}.friends-panel-pin:hover{background:var(--panel-inset)}.friends-panel-private{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line)}.friends-panel-private>.btn-ghost{--stone-lip: 3px;padding:5px 12px;font-size:.82rem}.friends-panel-code summary{padding:6px 2px;color:var(--text-2);font-size:.84rem;font-weight:700;cursor:pointer}.friends-panel-code-row{display:flex;gap:6px;padding:4px 0}.friends-panel-code-row input{width:96px;padding:6px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text);font:inherit;font-weight:800;letter-spacing:.1em!important}.friends-panel-code-row .btn{--stone-lip: 3px;padding:4px 10px;font-size:.8rem}@media(hover:none){.friends-panel-pin{opacity:1}}.friends-panel-private{align-items:center;flex-wrap:nowrap}.friends-panel-private>.btn-ghost{flex:none;height:34px;padding-bottom:6px}.friends-panel-code-row{flex:1 1 auto;min-width:0;padding:0 0 3px;margin-left:auto}.friends-panel-code-row input{flex:1 1 auto;width:auto;min-width:0;height:34px;letter-spacing:.06em!important}.friends-panel-code-row input::placeholder{letter-spacing:0;font-weight:600;color:var(--text-3)}.friends-panel-code-row .btn{flex:none;height:34px}.friends-panel-code-row input{flex:1 1 0;width:0}.sidenav,.app-frame:before{transition:width .26s cubic-bezier(.2,0,0,1)}.sidenav{overflow-x:hidden}.sidenav-item-label,.sidenav-brand-copy{max-width:180px;overflow:hidden;transition:opacity .18s ease,max-width .26s cubic-bezier(.2,0,0,1)}.sidenav-collapsed .sidenav-item-label,.sidenav-collapsed .sidenav-brand-copy{display:block;max-width:0;opacity:0}.sidenav-collapsed .sidenav-brand-copy{display:flex}.sidenav-collapsed .sidenav-item,.sidenav-collapsed .sidenav-item-game{justify-content:flex-start;padding-left:12px;padding-right:12px}.sidenav-collapsed .sidenav-item-icon{width:24px}@media(prefers-reduced-motion:reduce){.sidenav,.app-frame:before,.sidenav-item-label,.sidenav-brand-copy{transition:none}}html.fx-reduced :is(.sidenav,.app-frame:before,.sidenav-item-label,.sidenav-brand-copy){transition:none}.hotkey-row{align-items:center}.hotkey-slot{display:grid;place-items:center;width:min(240px,40vw);height:44px;flex:0 0 auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text-3);cursor:pointer;transition:border-color .12s ease,background .12s ease}.hotkey-slot:hover{border-color:var(--accent);background:color-mix(in srgb,var(--panel-inset) 85%,var(--accent) 15%)}.hotkey-slot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.hotkey-cap{display:inline-grid;place-items:center;min-width:30px;height:28px;padding:0 8px;border-radius:3px;background:linear-gradient(180deg,#f1e9d8,#d6cbb4);color:#221a10;font-family:var(--font-sans);font-size:.82rem;font-weight:800;line-height:1;box-shadow:inset 0 -3px #00000038,0 1px 2px #00000080;text-shadow:none}.register-input-overlay{position:fixed;inset:0;z-index:var(--z-modal, 60);display:grid;place-items:center;padding:20px;background:#080604b8;animation:register-fade .12s ease-out both}.register-input{display:grid;justify-items:center;gap:14px;width:min(460px,100%);padding:26px 26px 22px;border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow-lg),0 0 0 1px var(--line);text-align:center}.register-input:before{content:"";width:70%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--ember) 30%,var(--accent-strong) 50%,var(--ember) 70%,transparent)}.register-input h2{font-size:1.35rem}.register-input-command{margin:-6px 0 0;color:var(--accent-strong);font-weight:700}.register-input-prompt{display:grid;place-items:center;width:100%;min-height:54px;padding:10px 14px;border:2px solid var(--text-2);border-radius:var(--r-md);background:var(--panel-inset);color:var(--text-2);font-weight:800;font-size:1.05rem;animation:register-pulse 1.6s ease-in-out infinite}.register-input-prompt.is-conflict{border-color:var(--danger);color:var(--text);font-size:.92rem;animation:none}.register-input-current{color:var(--text-3);font-size:.86rem}.register-input-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-bottom:4px}.register-input-actions .btn{display:inline-flex;align-items:center;gap:8px}.register-input-actions .hotkey-cap{height:22px;min-width:26px;font-size:.7rem}@keyframes register-fade{0%{opacity:0}}@keyframes register-pulse{50%{border-color:var(--accent-strong)}}@media(prefers-reduced-motion:reduce){.register-input-overlay,.register-input-prompt{animation:none}}.settings-row{align-items:center}.settings-row input[type=checkbox]{margin-top:0}.settings-sample-btn{--stone-lip: 3px;display:inline-flex;align-items:center;height:34px;padding:0 14px;font-size:.86rem;white-space:nowrap}body{background-color:transparent}.ember-field{position:fixed;inset:0;z-index:-1;width:100vw;height:100vh;pointer-events:none}[data-theme=light] .ember-field{opacity:.55}.home-play-now{width:248px}@media(max-width:760px){.home-play-now{width:auto}}.home-mode-card:disabled{cursor:not-allowed}.home-mode-card.is-soon{filter:saturate(.4);opacity:.72}.home-mode-card.is-soon:hover{filter:saturate(.4)}.home-soon-badge{display:inline-block;justify-self:start;width:fit-content;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent-strong, var(--accent));font-size:.72rem!important;font-weight:800}.inbox-list{display:grid;gap:8px;max-width:640px}.inbox-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:var(--r-md);background:var(--panel);color:var(--text);font:inherit;text-align:left;box-shadow:var(--shadow-sm)}.inbox-item-link{cursor:pointer}.inbox-item-link:hover{background:var(--panel-2)}.inbox-item-text{display:grid;flex:1 1 auto;min-width:0}.inbox-item-text small{color:var(--text-3);font-size:.8rem}.inbox-item-actions{display:flex;gap:8px;padding-bottom:3px}.inbox-item-actions :is(.btn,.btn-ghost){--stone-lip: 3px;padding:5px 12px;font-size:.82rem}.inbox-empty{display:grid;justify-items:center;gap:6px;max-width:640px;padding:48px 16px;border-radius:var(--r-lg);background:var(--panel);color:var(--text-3)}.inbox-empty span{font-size:2.2rem}.soon-card{display:grid;justify-items:center;gap:12px;max-width:640px;padding:40px 24px;border-radius:var(--r-lg);background:radial-gradient(80% 70% at 50% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--panel);box-shadow:var(--shadow-sm);text-align:center}.soon-card>img{width:96px;height:96px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}.soon-card p{color:var(--text-2)}.soon-currencies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:8px 0 0;padding:0;list-style:none}.soon-currencies li{display:grid;justify-items:center;gap:4px;padding:14px 8px;border-radius:var(--r-md);background:var(--panel-inset)}.soon-currencies small{color:var(--text-3);font-size:.76rem}.currency-svg{display:inline-block;flex:none;vertical-align:middle;overflow:visible;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))}@media(max-width:520px){.soon-currencies{grid-template-columns:1fr}}@media(min-width:761px){.learn-page{display:flex;flex-direction:column;height:calc(100dvh - 64px);min-height:480px;padding-bottom:0}.learn-page .codex-view{flex:1 1 auto;min-height:0}.learn-page .codex-body{flex:1 1 auto;min-height:0;overflow:hidden;border-radius:var(--r-lg)}.learn-page .codex-list,.learn-page .codex-detail{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain}}:is(.codex-close,.piece-info-close,.server-error-close,.sheet-close){position:relative;display:inline-grid;place-items:center;font-size:0!important;line-height:0;color:var(--text-2)}:is(.codex-close,.piece-info-close,.server-error-close,.sheet-close):before,:is(.codex-close,.piece-info-close,.server-error-close,.sheet-close):after{content:"";position:absolute;top:50%;left:50%;width:42%;max-width:14px;height:2px;border-radius:1px;background:currentColor}:is(.codex-close,.piece-info-close,.server-error-close,.sheet-close):before{transform:translate(-50%,-50%) rotate(45deg)}:is(.codex-close,.piece-info-close,.server-error-close,.sheet-close):after{transform:translate(-50%,-50%) rotate(-45deg)}.reward-summary{display:grid;gap:6px;margin:10px 0 4px}.reward-currencies{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.reward-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--panel-inset);font-weight:800;font-size:.86rem;animation:reward-pop .32s cubic-bezier(.2,.9,.3,1.3) both}.reward-chip:nth-child(2){animation-delay:90ms}.reward-chip:nth-child(3){animation-delay:.18s}.reward-levels{text-align:center;color:var(--accent-strong, var(--accent));font-weight:800}.reward-summary-none{text-align:center;color:var(--text-3);font-size:.86rem}@keyframes reward-pop{0%{opacity:0;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.reward-chip{animation:none}}.soon-card .home-soon-badge{justify-self:center}.home-mode-card,.home-mode-card:hover{outline:0}.home-mode-card{grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;align-items:center;align-content:center;justify-items:stretch;column-gap:16px;row-gap:4px;padding:16px 22px}.home-mode-card .home-mode-glyph{grid-row:1 / span 2;width:auto;height:auto;background:none;border:0;box-shadow:none}.home-mode-card strong{grid-column:2;font-size:1.12rem}.home-mode-card .home-soon-badge{grid-column:2;justify-self:start}.home-mode-card:not(.is-soon) strong{grid-row:1 / span 2}.mode-icon{display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}.home-mode-card.is-soon .mode-icon{filter:grayscale(.6)}.recent-game-result{justify-self:center;line-height:1;letter-spacing:0;text-indent:0;font-variant-numeric:tabular-nums}.home-mode-card .mode-icon{width:42px;height:42px}.codex-view .codex-body{grid-template-columns:260px minmax(0,1fr)}.codex-view .codex-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px;width:100%;margin-left:0;padding:0 0 3px}.codex-view .codex-search{flex:0 0 260px;width:260px;height:36px;padding:0 12px}.codex-view .codex-filters{margin:0}@media(max-width:760px){.codex-view .codex-body{grid-template-columns:1fr}.codex-view .codex-search{flex:1 1 100%;width:100%}}.codex-demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;margin-bottom:8px}.codex-practice-controls{display:inline-flex;gap:6px}.codex-demo-head .header-btn{--stone-lip: 3px;min-height:34px;height:34px;padding:0 12px;font-size:.86rem}.miniplayer{gap:8px;padding:10px;max-width:calc(100vw - 40px)}.miniplayer-head{min-height:30px}.miniplayer-status{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.miniplayer-icon-btn{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;line-height:1}.miniplayer-board-host{width:100%}.miniplayer-board-host .board-wrap,.miniplayer-board-host .board-row-wrap{width:100%;margin:0;padding:0}.miniplayer-board-host .board{width:100%;min-width:0;max-width:none;border-radius:3px}.miniplayer-board-host .square-coord,.miniplayer-board-host .coord{display:none}.miniplayer-clock-row{display:flex;justify-content:flex-end;font-family:var(--font-mono, monospace);font-size:.86rem;color:var(--text-2)}.miniplayer-clock-row .ticking{color:var(--accent-strong);font-weight:700}.miniplayer-actions{flex-direction:row;align-items:center;gap:10px}.miniplayer-return{flex:1 1 auto;min-height:36px}.miniplayer-grip{position:absolute;top:-6px;z-index:2;width:22px;height:22px;padding:0;border:0;background:none;touch-action:none}.miniplayer-grip.grip-left{left:-6px;cursor:nwse-resize}.miniplayer-grip.grip-right{right:-6px;cursor:nesw-resize}.miniplayer-grip:before{content:"";position:absolute;inset:6px;border-top:3px solid var(--line-strong);border-radius:2px}.miniplayer-grip.grip-left:before{border-left:3px solid var(--line-strong)}.miniplayer-grip.grip-right:before{border-right:3px solid var(--line-strong)}.miniplayer:hover .miniplayer-grip:before{border-color:var(--accent)}.miniplayer-pip-body{margin:0;height:100vh;overflow:hidden;background:var(--panel, #1c1712)}.miniplayer.miniplayer-pip{position:static;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100vw;max-width:none;height:100vh;padding:8px;box-sizing:border-box;border:0;border-radius:0;box-shadow:none}.miniplayer-pip .miniplayer-head,.miniplayer-pip .miniplayer-actions{order:0;flex:none}.miniplayer-pip .miniplayer-clock-row{display:flex;flex:none}.miniplayer-pip .miniplayer-board-host{flex:1 1 auto;width:100%;min-height:0;display:grid;place-items:center}.miniplayer-pip .miniplayer-board-host .board-wrap{width:min(100%,calc(100vh - 118px))}.miniplayer-pip .miniplayer-actions{flex-direction:row}.miniplayer-pip .miniplayer-leave{display:inline}.miniplayer-pip .miniplayer-grip{display:none}@media(max-width:760px){.miniplayer{max-width:none}.miniplayer-grip{display:none}.miniplayer-board-host{width:120px;flex-shrink:0}.miniplayer-clock-row{display:none}}.mc-sound-toggle{display:inline-grid;place-items:center;min-width:38px}.mc-sound-toggle[aria-pressed=true]{color:var(--text-3)}.settings-volume-control{display:flex;align-items:center;gap:12px;min-width:min(240px,45vw)}.settings-volume-row.is-muted{opacity:.55}.settings-volume-value{font-family:var(--font-mono);font-size:.82rem;min-width:3.2em;text-align:right;color:var(--text-2)}.settings-volume-control input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--ember),var(--accent-strong)) 0 0 / var(--fill, 50%) 100% no-repeat,var(--panel-inset);box-shadow:inset 0 1px 2px #0009,0 0 0 1px var(--line);cursor:pointer}.settings-volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-strong);border:1px solid var(--line-strong);box-shadow:0 0 0 2px #0006}.settings-volume-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent-strong);border:1px solid var(--line-strong);box-shadow:0 0 0 2px #0006}.settings-volume-control input[type=range]:disabled{cursor:not-allowed}