:root{--color-bg: #f4f1ea;--color-surface: #ffffff;--color-text: #1c1a17;--color-text-muted: #6b655c;--color-border: #cfc8ba;--color-board-bg: #e8dfc8;--color-board-line: #b8ac8f;--color-light-piece: #fbf7ee;--color-light-piece-border: #2a2724;--color-dark-piece: #2a2724;--color-dark-piece-border: #fbf7ee;--color-cathedral: #8a6d3b;--color-cathedral-border: #4a3a1f;--color-territory-light: rgba(251, 247, 238, .55);--color-territory-dark: rgba(42, 39, 36, .4);--color-preview-legal: rgba(74, 144, 66, .55);--color-preview-illegal: rgba(178, 48, 41, .55);--color-last-move: #c9962c;--color-accent: #7a3b2e;--color-accent-contrast: #fff8ee;--color-danger: #a3312a;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 20px;--space-5: 32px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--color-bg: #1b1a17;--color-surface: #262420;--color-text: #f1ede4;--color-text-muted: #b3ab9c;--color-border: #45403a;--color-board-bg: #2f2b22;--color-board-line: #4d4635;--color-light-piece: #ece5d3;--color-light-piece-border: #17150f;--color-dark-piece: #100f0d;--color-dark-piece-border: #f3eee2;--color-cathedral: #c79a53;--color-cathedral-border: #2a2010;--color-territory-light: rgba(236, 229, 211, .28);--color-territory-dark: rgba(16, 15, 13, .45);--color-accent: #d98a6d;--color-accent-contrast: #241209}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}button,input,select,textarea,fieldset,legend{font:inherit;color:inherit}#app{min-height:100%;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-4)}.screen[hidden]{display:none}.app-title{font-size:2rem;margin:0;letter-spacing:.02em}.subtitle{color:var(--color-text-muted);margin:0}.card{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.button-stack{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px;margin:0 auto}button.primary,button.secondary{font-size:1rem;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;min-height:44px}button.primary{background:var(--color-accent);color:var(--color-accent-contrast);border-color:transparent}button.primary:hover{filter:brightness(1.08)}button.secondary{background:var(--color-surface);color:var(--color-text)}button.secondary:hover{background:var(--color-bg)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.setup-layout{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:400px}.setup-form{display:flex;flex-direction:column;gap:var(--space-4)}.setup-form fieldset{border:0;margin:0;padding:0}.field-group{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.field-group legend{font-weight:600;padding:0;margin-bottom:var(--space-1)}.field-note{color:var(--color-text-muted);font-size:.85rem;margin:calc(-1 * var(--space-2)) 0 0 0}.segmented{display:flex;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.segmented label{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:var(--space-2);cursor:pointer;background:var(--color-bg);border-left:1px solid var(--color-border)}.segmented label:first-child{border-left:none}.segmented label:has(input:checked){background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.segmented label:has(input:focus-visible){outline:3px solid var(--color-accent);outline-offset:-3px}.segmented input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.unfinished-notice p{margin:0 0 var(--space-3) 0}.game-layout{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;max-width:900px}.game-board-row{display:flex;align-items:flex-start;justify-content:center;gap:var(--space-4);width:100%;flex-wrap:nowrap}.reserve-side{flex-shrink:0}@media (max-width: 960px){.game-board-row{flex-direction:column;align-items:center}}.pass-banner{width:100%;max-width:560px;text-align:center;margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-cathedral);color:var(--color-accent-contrast);font-weight:600}.pass-banner[hidden]{display:none}.status-line{min-height:1.4em;color:var(--color-text-muted)}.status-line[data-urgent=true]{color:var(--color-danger);font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:10}.modal-backdrop[hidden]{display:none}.modal-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:420px;width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}