:root{--color-board-light: #F0E4C8;--color-board-dark: #B8A07A;--color-piece-white-fill: #F5EDD5;--color-piece-white-outline: #2A1A0E;--color-piece-dark-fill: #3A2A1A;--color-piece-dark-outline: #1A0E06;--color-bg: #1A0E06;--color-bg-swirl-1: #C8440A;--color-bg-swirl-2: #4A2A08;--color-bg-swirl-3: #0E0806;--color-accent: #FFD700;--color-last-move: #FF8C42;--color-check: #FF3A3A;--color-check-cb: #2A6FFF;--color-reserve-tray: #2A1E14;--color-reserve-border: #6B5040;--color-text-primary: #F5EDD5;--color-text-dim: #B8A07A;--font-ui: "Press Start 2P", "Courier New", monospace;--font-pixel: var(--font-ui);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-pixel: 0;--breakpoint-desktop: 1024px;--breakpoint-mobile-min: 375px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.4;text-rendering:optimizeLegibility;-webkit-font-smoothing:never;image-rendering:pixelated;overflow-x:hidden}h1{font-size:24px;margin:var(--space-5) 0 var(--space-4);color:var(--color-accent)}a,a:link,a:visited{color:var(--color-piece-white-fill);text-decoration:underline;text-underline-offset:2px}a:hover,a:focus-visible{color:var(--color-accent)}#app{min-height:100vh;padding:var(--space-4);display:flex;flex-direction:column;align-items:center}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.home__link-btn{background:none;border:none;padding:0;margin:0;font-family:var(--font-ui);font-size:inherit;color:var(--color-text-primary);text-decoration:underline;cursor:pointer}.home__link-btn:hover,.home__link-btn:focus-visible{color:var(--color-accent)}.not-found{width:100%;max-width:480px;margin:0 auto;padding:var(--space-5) var(--space-4);text-align:center}.not-found h1{color:var(--color-accent);font-size:22px;margin:0 0 var(--space-3)}.not-found__hint{color:var(--color-text-dim);font-size:12px;line-height:1.6}.board-layout{display:grid;width:100%;max-width:1400px;gap:var(--space-4);margin:var(--space-4) auto;grid-template-columns:1fr;grid-template-rows:auto auto}@media (min-width: 1024px){.board-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}}.board-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-reserve-tray);border:2px solid var(--color-reserve-border)}.board-placeholder{width:64px;height:64px;background-color:var(--color-board-dark);border:2px solid var(--color-piece-dark-outline)}.reserve-tray{display:flex;flex-direction:row;gap:var(--space-2)}.reserve-tray .reserve-slot{width:32px;height:32px;background-color:var(--color-bg);border:1px solid var(--color-reserve-border)}.board{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:560px;position:relative;border:4px solid var(--color-piece-dark-outline);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.board-square{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:9px;color:#2a1a0e8c;cursor:pointer}.board-square.light{background-color:var(--color-board-light)}.board-square.dark{background-color:var(--color-board-dark)}.board-square .coord-file{position:absolute;bottom:2px;right:3px;pointer-events:none}.board-square .coord-rank{position:absolute;top:2px;left:3px;pointer-events:none}.board-square.dark .coord-file,.board-square.dark .coord-rank{color:#f5edd599}.board-square .piece-slot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.board-square .piece{width:88%;height:88%;display:block;filter:drop-shadow(0 1px 0 rgba(0,0,0,.3))}.board-square.selected{outline:3px solid var(--color-accent);outline-offset:-3px;z-index:1}.board-square .legal-dot{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.board-square .legal-dot:after{content:"";width:30%;height:30%;border-radius:50%;background-color:var(--color-accent);opacity:.55}.board-square.legal-capture .legal-dot:after{width:80%;height:80%;background-color:transparent;border:4px solid var(--color-accent);opacity:.7}.board-square.last-move:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-last-move);opacity:.35;pointer-events:none}@media (max-width: 600px){.board-square.last-move:before{opacity:.5}}@keyframes check-pulse{0%,to{background-color:var(--color-check);opacity:.55}50%{opacity:.3}}.board-square.in-check:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:check-pulse 1s ease-in-out infinite;pointer-events:none}.across-page{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-3);position:relative}.result-screen{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a0e06a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.result-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background-color:var(--color-reserve-tray);border:4px solid var(--color-accent);box-shadow:0 0 0 4px var(--color-bg);max-width:560px;text-align:center}.result-white-wins .result-card{border-color:var(--color-piece-white-fill)}.result-black-wins .result-card{border-color:var(--color-piece-dark-fill)}.result-draw .result-card{border-color:var(--color-text-dim)}.result-banner{margin:0;color:var(--color-accent);font-size:18px;line-height:1.4}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.result-btn{padding:var(--space-3) var(--space-4);background-color:var(--color-bg);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);font-size:12px;letter-spacing:1px;transition:transform 80ms ease,border-color 80ms ease,background-color 80ms ease}.result-btn:hover,.result-btn:focus-visible{border-color:var(--color-accent);background-color:#ffd70014}.result-btn:active{transform:translateY(1px)}.result-btn-primary{border-color:var(--color-accent);color:var(--color-accent)}.result-btn-secondary{color:var(--color-text-dim)}.result-error{margin:0;color:var(--color-check);font-size:11px}.across-header{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.across-header h1{margin:0;color:var(--color-accent);font-size:22px}.across-status{font-size:12px;color:var(--color-text-dim)}.two-board-layout{display:flex;flex-direction:column;gap:var(--space-4)}.two-board-layout.is-swapped{flex-direction:column-reverse}.two-board-layout.is-swapping>.board-panel{animation:m509-swap-slide .22s ease-in-out}@keyframes m509-swap-slide{0%{opacity:.55;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1024px){.two-board-layout{display:grid;grid-template-columns:1fr 1fr;flex-direction:initial}.two-board-layout.is-swapped{flex-direction:initial}}.play-reset{margin-left:var(--space-3);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-reserve-border);font-family:var(--font-ui);font-size:11px;cursor:pointer;padding:var(--space-1) var(--space-2);min-height:32px}.play-reset:hover,.play-reset:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.swap-boards-btn{margin-left:var(--space-3);background:transparent;color:var(--color-text-primary);border:1px solid var(--color-reserve-border);font-family:var(--font-ui);font-size:11px;cursor:pointer;padding:var(--space-1) var(--space-2);min-height:32px}.swap-boards-btn:hover,.swap-boards-btn:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}@media (min-width: 1024px){.swap-boards-btn{display:none}}.board-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-reserve-tray);border:3px solid var(--color-reserve-border);position:relative;min-height:160px}.board-panel.active-board{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-bg) inset}.board-panel-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--color-text-dim)}.board-panel-label strong{color:var(--color-text-primary);font-size:13px}.reserve-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);padding:var(--space-2);background-color:var(--color-bg);border:2px solid var(--color-reserve-border)}.reserve-slot{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:2px dashed var(--color-reserve-border);cursor:pointer;padding:0;font-family:inherit;color:inherit;min-width:48px;min-height:48px}.reserve-slot.empty{opacity:.25;cursor:default}.reserve-slot.armed{outline:3px solid var(--color-accent);outline-offset:-3px;background-color:#ffd7001f}.reserve-slot:not(.empty):hover,.reserve-slot:not(.empty):focus-visible{background-color:#ffd70014}.reserve-slot .reserve-piece{width:80%;height:80%;display:flex;align-items:center;justify-content:center;pointer-events:none}.reserve-slot .reserve-piece .piece{width:100%;height:100%;display:block}.reserve-panel-inactive{opacity:.45;filter:grayscale(.5)}.reserve-panel-inactive .reserve-slot{cursor:not-allowed}.reserve-panel-inactive .reserve-slot:not(.empty):hover,.reserve-panel-inactive .reserve-slot:not(.empty):focus-visible{background-color:transparent}.reserve-count{position:absolute;bottom:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--color-piece-dark-outline);background-color:var(--color-accent);color:var(--color-piece-dark-outline);font-size:11px;line-height:14px;text-align:center;font-family:var(--font-ui)}.piece-flight{position:fixed;width:40px;height:40px;z-index:9;pointer-events:none;animation:piece-flight-anim .35s cubic-bezier(.34,1.56,.64,1) forwards;--piece-flight-dx: 0px;--piece-flight-dy: 0px}@keyframes piece-flight-anim{0%{transform:translate(0) scale(1);opacity:1}85%{transform:translate(var(--piece-flight-dx),var(--piece-flight-dy)) scale(.7);opacity:1}to{transform:translate(var(--piece-flight-dx),var(--piece-flight-dy)) scale(.3);opacity:0}}.reserve-slot.just-arrived{animation:reserve-bounce-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes reserve-bounce-in{0%{transform:scale(.6)}50%{transform:scale(1.15)}to{transform:scale(1)}}.reserve-slot.just-arrived:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid var(--color-accent);border-radius:2px;pointer-events:none;animation:spark-ring .28s ease-out forwards}@keyframes spark-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.promotion-picker{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a0e06c7;display:flex;align-items:center;justify-content:center;z-index:50}.promotion-picker-row{display:flex;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-reserve-tray);border:3px solid var(--color-accent);box-shadow:0 0 0 4px var(--color-bg)}.promotion-option{width:88px;height:88px;background-color:var(--color-bg);border:2px solid var(--color-reserve-border);padding:var(--space-1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);color:inherit}.promotion-option:hover,.promotion-option:focus-visible{border-color:var(--color-accent);background-color:#ffd70014}.promotion-option .piece{width:100%;height:100%;display:block}.seat-row{display:flex;flex-direction:column;gap:var(--space-1)}.seat-label{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-ui);font-size:10px;letter-spacing:1px;color:var(--color-text-dim)}.seat-label strong{color:var(--color-accent)}.reserve-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.clock-display{font-family:var(--font-ui);font-variant-numeric:tabular-nums;font-size:18px;letter-spacing:1px;padding:var(--space-1) var(--space-3);background-color:var(--color-bg);color:var(--color-text-primary);border:2px solid var(--color-reserve-border);display:inline-flex;align-items:center;justify-content:center;min-width:90px;text-align:center}.clock-active{border-color:var(--color-accent);color:var(--color-accent)}.clock-inactive{color:var(--color-text-dim)}.clock-untimed{font-size:16px;color:var(--color-text-dim)}.clock-low{color:var(--color-check);border-color:var(--color-check);animation:clock-low-pulse 1s ease-in-out infinite}.clock-very-low{animation:clock-low-pulse .5s ease-in-out infinite,clock-shake .5s linear infinite}.clock-flagged{background-color:var(--color-check);color:var(--color-text-primary);border-color:var(--color-check);animation:none}.clock-sitting{outline:3px solid var(--color-last-move);outline-offset:2px;animation:clock-sit-pulse .67s ease-in-out infinite}.clock-low.clock-sitting{animation:clock-low-pulse 1s ease-in-out infinite,clock-sit-pulse .67s ease-in-out infinite}.clock-very-low.clock-sitting{animation:clock-low-pulse .5s ease-in-out infinite,clock-shake .5s linear infinite,clock-sit-pulse .67s ease-in-out infinite}@keyframes clock-low-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes clock-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes clock-sit-pulse{0%,to{outline-color:var(--color-last-move)}50%{outline-color:#ff8c4240}}.tc-picker{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-3)}.tc-picker-heading{margin:0;color:var(--color-accent);font-size:14px}.tc-picker-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.tc-picker-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:120px;padding:var(--space-4) var(--space-4);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);transition:transform 80ms ease,border-color 80ms ease,background-color 80ms ease}.tc-picker-btn:hover,.tc-picker-btn:focus-visible{border-color:var(--color-accent);background-color:#ffd70014}.tc-picker-btn:active{transform:translateY(1px)}.tc-picker-default{border-color:var(--color-accent)}.tc-picker-label{font-size:18px;color:var(--color-accent)}.tc-picker-sub{font-size:10px;color:var(--color-text-dim)}.tc-picker-hint{margin:0;font-size:11px;color:var(--color-text-dim)}.tooltip-callout{position:fixed;background-color:var(--color-bg);border:3px solid var(--color-accent);padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-primary);max-width:260px;z-index:80;pointer-events:auto;box-shadow:0 4px 0 var(--color-piece-dark-outline)}.tooltip-callout strong{display:block;color:var(--color-accent);font-family:var(--font-ui);margin-bottom:var(--space-1)}.tooltip-callout p{margin:0 0 var(--space-2);line-height:1.4}.tooltip-callout button{margin-top:var(--space-1);background:var(--color-accent);color:var(--color-bg);border:2px solid var(--color-piece-dark-outline);padding:4px 12px;font-family:var(--font-ui);font-size:11px;cursor:pointer}.tooltip-callout button:hover,.tooltip-callout button:focus-visible{transform:translateY(-1px)}.tooltip-anchor-board-A,.tooltip-anchor-reserve{top:var(--space-4);left:var(--space-4)}.tooltip-anchor-board-B,.tooltip-anchor-legal-dot{top:var(--space-4);right:var(--space-4)}.board-action-menu{position:relative}.board-action-trigger{background:transparent;border:2px solid var(--color-reserve-border);color:var(--color-text-primary);width:28px;height:28px;font-family:var(--font-ui);font-size:14px;line-height:1;cursor:pointer}.board-action-trigger:hover,.board-action-trigger:focus-visible{border-color:var(--color-accent);color:var(--color-accent)}.board-action-dropdown{position:absolute;top:calc(100% + 4px);right:0;background-color:var(--color-bg);border:2px solid var(--color-accent);display:flex;flex-direction:column;min-width:180px;z-index:40;box-shadow:0 4px 0 var(--color-piece-dark-outline)}.board-action-item{background:transparent;border:none;border-bottom:1px solid var(--color-reserve-border);color:var(--color-text-primary);font-family:var(--font-ui);font-size:11px;padding:var(--space-2) var(--space-3);text-align:left;cursor:pointer}.board-action-item:last-child{border-bottom:none}.board-action-item:hover:not(:disabled),.board-action-item:focus-visible:not(:disabled){background-color:#ffd70014;color:var(--color-accent)}.board-action-item:disabled{opacity:.45;cursor:not-allowed}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1a0e06c7;display:flex;align-items:center;justify-content:center;z-index:90}.confirm-card{background-color:var(--color-reserve-tray);border:3px solid var(--color-accent);padding:var(--space-4);max-width:360px;width:calc(100% - var(--space-4) * 2);box-shadow:0 0 0 4px var(--color-bg)}.confirm-title{margin:0 0 var(--space-2);font-family:var(--font-ui);font-size:18px;color:var(--color-accent)}.confirm-message{margin:0 0 var(--space-3);font-size:13px;color:var(--color-text-primary);line-height:1.5}.confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-btn{font-family:var(--font-ui);font-size:12px;padding:var(--space-2) var(--space-3);cursor:pointer;border:2px solid var(--color-reserve-border);background-color:var(--color-bg);color:var(--color-text-primary)}.confirm-btn-primary{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-bg)}.confirm-btn-destructive{border-color:#c0392b;background-color:#c0392b;color:var(--color-text-primary)}.confirm-btn-secondary{border-color:var(--color-reserve-border);background-color:transparent;color:var(--color-text-dim)}.confirm-btn-secondary:hover,.confirm-btn-secondary:focus-visible{color:var(--color-text-primary);border-color:var(--color-text-primary)}.confirm-btn:hover,.confirm-btn:focus-visible{transform:translateY(-1px)}.draw-offer-banner{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#1a0e06c7;display:flex;align-items:center;justify-content:center;z-index:45}.draw-offer-card{background-color:var(--color-reserve-tray);border:3px solid var(--color-accent);padding:var(--space-3);box-shadow:0 0 0 4px var(--color-bg);max-width:280px;width:calc(100% - var(--space-4) * 2)}.draw-offer-message{margin:0 0 var(--space-3);font-size:13px;color:var(--color-text-primary);text-align:center;line-height:1.5}.draw-offer-actions{display:flex;gap:var(--space-2);justify-content:center}.draw-offer-btn{font-family:var(--font-ui);font-size:12px;padding:var(--space-2) var(--space-3);cursor:pointer;border:2px solid var(--color-reserve-border);background-color:var(--color-bg);color:var(--color-text-primary)}.draw-offer-btn-primary{border-color:var(--color-accent);background-color:var(--color-accent);color:var(--color-bg)}.draw-offer-btn-secondary{border-color:var(--color-reserve-border);background-color:transparent;color:var(--color-text-dim)}.draw-offer-btn-secondary:hover,.draw-offer-btn-secondary:focus-visible{color:var(--color-text-primary);border-color:var(--color-text-primary)}.draw-offer-btn:hover,.draw-offer-btn:focus-visible{transform:translateY(-1px)}.setup-mode-row{margin-top:var(--space-3);text-align:center}.setup-mode-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--color-text-primary);cursor:pointer}.setup-mode-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.seat-ai-tag{color:var(--color-accent);font-weight:700;letter-spacing:1px}.seat-row[data-ai=true] .seat-label{border-left:3px solid var(--color-accent);padding-left:var(--space-2)}.capture-squash{animation:capture-squash .15s ease-out;transform-origin:50% 70%}@keyframes capture-squash{0%{transform:scaleY(1) scaleX(1)}45%{transform:scaleY(.7) scaleX(1.25)}to{transform:scaleY(1) scaleX(1)}}.capture-particle{position:fixed;width:7px;height:7px;background:var(--color-accent);border-radius:50%;pointer-events:none;z-index:60;transform:translate(-50%,-50%);animation:capture-particle .2s ease-out forwards;box-shadow:0 0 4px var(--color-accent)}@keyframes capture-particle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.4);opacity:0}}.replay-page{padding:16px;max-width:1200px;margin:0 auto}.replay-page.replay-loading,.replay-page.replay-error{text-align:center;padding:48px 16px}.replay-header{text-align:center;margin-bottom:16px}.replay-header h1{margin:0 0 4px;font-family:var(--font-pixel),monospace}.replay-meta{font-size:.85em;opacity:.8;margin:0}.replay-boards{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:16px}@media (min-width: 1024px){.replay-boards{grid-template-columns:1fr 1fr}}.replay-board-slot{display:flex;flex-direction:column;align-items:center}.replay-board-slot h2{margin:0 0 8px;font-family:var(--font-pixel),monospace}.replay-board-ply{font-size:.85em;opacity:.75;margin-top:8px}.replay-controls{border-top:1px solid var(--color-border, #888);padding-top:12px;margin-bottom:16px}.replay-buttons{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.replay-buttons button{font-size:1.2rem;width:44px;height:44px;cursor:pointer}.replay-buttons button:disabled{opacity:.4;cursor:not-allowed}.replay-slider-label{display:flex;flex-direction:column;align-items:stretch;gap:4px}.replay-slider-label input[type=range]{width:100%}.replay-ply-label{text-align:center;font-family:var(--font-pixel),monospace}.replay-help{text-align:center;font-size:.8em;opacity:.7;margin:4px 0 0}.replay-footnote{font-size:.8em;opacity:.7;max-width:640px;margin:0 auto;border-top:1px dashed var(--color-border, #888);padding-top:8px}.crt-overlay-host{position:relative}.crt-overlay-scanlines,.crt-overlay-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:90}.crt-overlay-scanlines{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.55) 0,rgba(0,0,0,.55) 1px,transparent 1px,transparent 3px);opacity:.4;mix-blend-mode:multiply}.crt-overlay-vignette{background:radial-gradient(ellipse at center,#0000 55%,#000000a6);opacity:.3}@media (prefers-reduced-motion: reduce){.crt-overlay-scanlines{display:none}}.king-check-badge{display:none}.cb-mode .board-square.in-check:after{animation-name:check-pulse-cb}@keyframes check-pulse-cb{0%,to{background-color:var(--color-check-cb);opacity:.55}50%{opacity:.3}}.cb-mode .king-check-badge{display:block;position:absolute;top:2px;right:4px;z-index:5;font-family:var(--font-ui);font-size:16px;line-height:1;color:var(--color-text-primary);text-shadow:0 0 2px var(--color-bg),1px 1px 0 var(--color-bg),-1px 1px 0 var(--color-bg),1px -1px 0 var(--color-bg),-1px -1px 0 var(--color-bg);pointer-events:none}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0009;display:flex;align-items:center;justify-content:center;align-items:flex-end}@media (min-width: 600px){.settings-overlay{align-items:center}}.settings-dialog{background:var(--color-bg);color:var(--color-text-primary);border:2px solid var(--color-reserve-border);box-shadow:0 0 0 4px var(--color-bg),0 0 0 6px var(--color-reserve-border);width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-6)}@media (min-width: 600px){.settings-dialog{width:480px;max-width:90vw;padding:var(--space-5)}}.settings-dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-reserve-border);padding-bottom:var(--space-2)}.settings-dialog__header h2{margin:0;font-family:var(--font-ui);font-size:18px}.settings-dialog__close{background:transparent;color:var(--color-text-primary);border:none;font-size:28px;line-height:1;cursor:pointer;padding:0 var(--space-2);min-width:48px;min-height:48px}.settings-dialog__close:hover,.settings-dialog__close:focus-visible{color:var(--color-accent)}.settings-section{margin-bottom:var(--space-5)}.settings-section h3{margin:0 0 var(--space-3);font-family:var(--font-ui);font-size:14px;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;cursor:pointer;min-height:48px}.settings-row--block{flex-direction:column;align-items:stretch;gap:var(--space-2)}.settings-row__label{font-family:var(--font-ui);font-size:12px;line-height:1.4;flex:1;margin-right:var(--space-3)}.settings-row__checkbox{width:24px;height:24px;cursor:pointer}.settings-row__select{font-family:var(--font-ui);font-size:14px;padding:var(--space-2);background:var(--color-reserve-tray);color:var(--color-text-primary);border:1px solid var(--color-reserve-border);width:100%}.settings-trigger{background:transparent;border:1px solid var(--color-reserve-border);color:var(--color-text-primary);font-family:var(--font-ui);font-size:14px;cursor:pointer;min-width:48px;min-height:48px;padding:var(--space-2) var(--space-3)}.settings-trigger:hover,.settings-trigger:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.import-textarea{width:100%;font-family:var(--font-ui);font-size:12px;background:var(--color-reserve-tray);color:var(--color-text-primary);border:1px solid var(--color-reserve-border);padding:var(--space-2);margin-top:var(--space-2);resize:vertical;min-height:200px}.import-error{margin-top:var(--space-2);padding:var(--space-2);background:#ff3a3a26;border:1px solid var(--color-check);color:var(--color-text-primary);font-family:var(--font-ui);font-size:11px}.import-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}:where(button,a,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:where(button,a,input,select,textarea):focus:not(:focus-visible){outline:none}.create-game{width:100%;max-width:720px;margin:0 auto;padding:var(--space-5) var(--space-4);text-align:center}.create-game h1{color:var(--color-accent);font-size:22px;margin:0 0 var(--space-3)}.create-game__sub{color:var(--color-text-dim);font-size:11px;margin:0 0 var(--space-4)}.create-game__tcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.create-game__tc{padding:var(--space-3) var(--space-4);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);font-size:13px;transition:border-color 80ms ease,background-color 80ms ease}.create-game__tc:hover,.create-game__tc:focus-visible{border-color:var(--color-accent)}.create-game__tc.is-selected{border-color:var(--color-accent);background-color:#ffd70014;color:var(--color-accent)}.create-game__submit{padding:var(--space-3) var(--space-5);background-color:var(--color-bg);color:var(--color-accent);border:3px solid var(--color-accent);cursor:pointer;font-family:var(--font-ui);font-size:14px;letter-spacing:1px}.create-game__submit:disabled{opacity:.5;cursor:not-allowed}.create-game__error{margin-top:var(--space-3);color:var(--color-check);font-size:11px}.create-game--share .create-game__code{display:inline-block;margin:var(--space-3) auto var(--space-4);padding:var(--space-4) var(--space-5);background-color:var(--color-reserve-tray);border:4px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-ui);font-size:32px;letter-spacing:4px}.create-game__invite{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.create-game__invite-input{flex:1 1 240px;min-width:0;padding:var(--space-2) var(--space-3);background-color:var(--color-bg);color:var(--color-text-primary);border:2px solid var(--color-reserve-border);font-family:var(--font-ui);font-size:11px}.create-game__copy,.create-game__lobby-cta{padding:var(--space-2) var(--space-4);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);font-size:12px}.create-game__copy:hover,.create-game__lobby-cta:hover,.create-game__copy:focus-visible,.create-game__lobby-cta:focus-visible{border-color:var(--color-accent)}.create-game__lobby-cta{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 600px){.create-game--share .create-game__code{font-size:24px;letter-spacing:3px;padding:var(--space-3) var(--space-4)}}.join-game{width:100%;max-width:520px;margin:0 auto;padding:var(--space-5) var(--space-4);text-align:center}.join-game h1{color:var(--color-accent);font-size:22px;margin:0 0 var(--space-3)}.join-game__sub{color:var(--color-text-dim);font-size:11px;margin:0 0 var(--space-4)}.join-game__code{display:inline-block;padding:0 var(--space-2);color:var(--color-accent);font-family:var(--font-ui);font-size:16px;letter-spacing:3px}.join-game__label{display:block;margin:var(--space-3) 0 var(--space-2);color:var(--color-text-dim);font-family:var(--font-ui);font-size:10px;text-align:left}.join-game__name{width:100%;padding:var(--space-3);background-color:var(--color-bg);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);font-family:var(--font-ui);font-size:14px}.join-game__name:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.join-game__avatar-label{margin:var(--space-3) 0 var(--space-2);color:var(--color-text-dim);font-family:var(--font-ui);font-size:10px;text-align:left}.join-game__avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.join-game__avatar{padding:var(--space-3);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-size:24px;line-height:1}.join-game__avatar:hover,.join-game__avatar:focus-visible{border-color:var(--color-accent)}.join-game__avatar.is-selected{border-color:var(--color-accent);background-color:#ffd70014}.join-game__submit{width:100%;padding:var(--space-3) var(--space-5);background-color:var(--color-bg);color:var(--color-accent);border:3px solid var(--color-accent);cursor:pointer;font-family:var(--font-ui);font-size:14px;letter-spacing:1px}.join-game__submit:disabled{opacity:.5;cursor:not-allowed}.join-game__error{margin-top:var(--space-3);color:var(--color-check);font-size:11px}@media (max-width: 480px){.join-game__avatars{grid-template-columns:repeat(4,1fr)}}.lobby{width:100%;max-width:960px;margin:0 auto;padding:var(--space-5) var(--space-4)}.lobby--empty{text-align:center}.lobby h1{color:var(--color-accent);font-size:22px;margin:0}.lobby__header{text-align:center;margin-bottom:var(--space-5)}.lobby__code{margin:var(--space-2) 0 0;color:var(--color-text-dim);font-family:var(--font-ui);font-size:12px}.lobby__code strong{color:var(--color-accent);font-size:18px;letter-spacing:3px;margin:0 var(--space-1)}.lobby__hint{margin-top:var(--space-3);color:var(--color-text-dim);font-size:11px}.lobby__hint a{color:var(--color-text-primary);text-decoration:underline}.lobby__hint a:hover{color:var(--color-accent)}.lobby__teams{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.lobby__team{padding:var(--space-3);background-color:#2a1e1499;border:3px solid var(--color-reserve-border)}.lobby__team-label{margin:0 0 var(--space-3);color:var(--color-text-dim);font-family:var(--font-ui);font-size:12px;text-align:center}.lobby__members{margin-top:var(--space-4);padding:var(--space-3);background-color:#2a1e1466;border:2px solid var(--color-reserve-border)}.lobby__members-label{margin:0 0 var(--space-2);color:var(--color-text-dim);font-family:var(--font-ui);font-size:11px}.lobby__member-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.lobby__member{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background-color:var(--color-reserve-tray);border:2px solid var(--color-reserve-border);font-family:var(--font-ui);font-size:10px;color:var(--color-text-primary)}.lobby__member.is-grace{opacity:.5}.lobby__member-avatar{font-size:14px;line-height:1}.lobby__host-tag,.lobby__grace-tag{margin-left:var(--space-1);color:var(--color-accent);font-size:9px;letter-spacing:1px}.lobby__grace-tag{color:var(--color-text-dim)}.lobby__start{display:block;width:100%;max-width:360px;margin:var(--space-4) auto 0;padding:var(--space-3) var(--space-5);background-color:var(--color-bg);color:var(--color-accent);border:3px solid var(--color-accent);cursor:pointer;font-family:var(--font-ui);font-size:14px;letter-spacing:1px}.lobby__start:disabled{opacity:.5;cursor:not-allowed}.lobby__error{margin:var(--space-3) 0 0;color:var(--color-check);font-size:11px;text-align:center}.seat-slot{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-3);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:3px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);font-size:11px;text-align:left;transition:border-color 80ms ease,background-color 80ms ease}.seat-slot+.seat-slot{margin-top:var(--space-2)}.seat-slot--white{border-left:6px solid var(--color-piece-white-fill)}.seat-slot--black{border-left:6px solid var(--color-piece-dark-fill)}.seat-slot--filled{background-color:#3c2a18cc}.seat-slot--mine{border-color:var(--color-accent);background-color:#ffd7000d}.seat-slot:hover:not(:disabled),.seat-slot:focus-visible:not(:disabled){border-color:var(--color-accent)}.seat-slot:disabled{cursor:default;opacity:.65}.seat-slot__role{color:var(--color-text-dim);font-size:10px;letter-spacing:2px}.seat-slot__occupant{color:var(--color-text-primary);font-size:13px}.seat-slot__badge{color:var(--color-accent);font-size:9px;letter-spacing:1px}.seat-slot__avatar{font-size:16px}.seat-slot__grace,.seat-slot__hint{color:var(--color-text-dim);font-size:9px}.watching-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background-color:#2a1e14cc;border:1px solid var(--color-reserve-border);color:var(--color-text-primary);font-family:var(--font-ui);font-size:9px}@media (max-width: 600px){.lobby__teams{grid-template-columns:1fr}.lobby__code strong{font-size:16px}}.play-room{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-3)}.play-room--empty{text-align:center;padding:var(--space-6) var(--space-4)}.play-room h1{margin:0;color:var(--color-accent);font-size:18px}.play-room-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3)}.play-room-status{margin:0;color:var(--color-text-dim);font-family:var(--font-ui);font-size:11px}.play-room-watchers{color:var(--color-text-dim)}.play-room-boards{display:flex;flex-direction:column;gap:var(--space-4)}.play-room-board-panel{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background-color:#2a1e1473;border:3px solid var(--color-reserve-border)}.play-room-board-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-family:var(--font-ui);font-size:11px}.play-room-board-label strong{color:var(--color-accent);font-size:12px;letter-spacing:1px}.play-room-board-label span{color:var(--color-text-dim)}.play-room-board-label .board-action-menu{margin-left:auto}.play-room-seat-row{display:flex;align-items:center;gap:var(--space-2)}.play-room-seat-top{order:0}.play-room-seat-bottom{order:2}.play-room-board-panel .board{order:1}.play-room-game-over{margin-top:var(--space-3);padding:var(--space-3);text-align:center;background-color:#1a0e06d9;border:3px solid var(--color-accent);color:var(--color-accent);font-family:var(--font-ui);font-size:13px;letter-spacing:1px}.quick-chat-bar{display:flex;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2);background-color:#2a1e1499;border:2px solid var(--color-reserve-border);overflow-x:auto;scrollbar-width:thin}.qc-button{flex:0 0 auto;padding:var(--space-2) var(--space-3);background-color:var(--color-reserve-tray);color:var(--color-text-primary);border:2px solid var(--color-reserve-border);cursor:pointer;font-family:var(--font-ui);font-size:10px;letter-spacing:1px;white-space:nowrap}.qc-button:hover:not(:disabled),.qc-button:focus-visible:not(:disabled){border-color:var(--color-accent)}.qc-button:disabled{opacity:.5;cursor:not-allowed}.qc-button--urgent{color:var(--color-check);border-color:var(--color-check)}.partner-chat-bubble{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border:3px solid var(--color-accent);color:var(--color-text-primary);font-family:var(--font-ui);font-size:10px;letter-spacing:1px;z-index:5;animation:m55-bubble-in .18s ease-out}.partner-chat-bubble--urgent{border-color:var(--color-check);color:var(--color-check)}@keyframes m55-bubble-in{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 1024px){.play-room-boards{flex-direction:row;align-items:flex-start}.play-room-board-panel{flex:1 1 0;min-width:0}}@media (max-width: 600px){.play-room-header h1{font-size:15px}.play-room-status{font-size:10px}}.error-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1a0e06cc;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.error-modal__card{width:100%;max-width:440px;padding:var(--space-4) var(--space-5);background-color:var(--color-reserve-tray);border:4px solid var(--color-check);text-align:center}.error-modal__title{margin:0 0 var(--space-3);color:var(--color-check);font-family:var(--font-ui);font-size:16px}.error-modal__body{margin:0 0 var(--space-4);color:var(--color-text-primary);font-size:12px;line-height:1.5}.error-modal__actions{display:flex;justify-content:center}.error-modal__cta{padding:var(--space-3) var(--space-4);background-color:var(--color-bg);color:var(--color-accent);border:3px solid var(--color-accent);cursor:pointer;font-family:var(--font-ui);font-size:12px;letter-spacing:1px}.error-modal__cta:hover,.error-modal__cta:focus-visible{background-color:#ffd70014}.error-toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:200;padding:var(--space-2) var(--space-3);background-color:var(--color-bg);border:3px solid var(--color-check);color:var(--color-text-primary);font-family:var(--font-ui);font-size:11px;display:flex;align-items:center;gap:var(--space-3)}.error-toast--shake{animation:m55-error-shake .28s ease-in-out;padding:var(--space-2);width:64px;height:24px;background-image:linear-gradient(90deg,transparent 33%,var(--color-check) 33%,var(--color-check) 66%,transparent 66%);border-color:var(--color-check)}@keyframes m55-error-shake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 6px))}40%{transform:translate(calc(-50% + 6px))}60%{transform:translate(calc(-50% - 4px))}80%{transform:translate(calc(-50% + 4px))}}.error-toast__text{color:var(--color-text-primary)}.error-toast__rid{color:var(--color-text-dim);font-size:9px;letter-spacing:1px}.error-toast__dismiss{background:none;border:none;color:var(--color-text-dim);cursor:pointer;font-family:var(--font-ui);font-size:14px;line-height:1;padding:0 var(--space-1)}.error-toast__dismiss:hover,.error-toast__dismiss:focus-visible{color:var(--color-accent)}