:root{--bg: #f5f3ee;--panel-bg: #ffffff;--text: #1f1b16;--text-muted: #6b6459;--border: #d8d2c4;--board-bg: #c9a876;--cell: #e8dcc3;--cell-goal-p1: #d6e3f0;--cell-goal-p2: #f0dcd6;--wall-placed: #5b3a29;--wall-hint: rgba(91, 58, 41, .18);--wall-hint-hover: rgba(91, 58, 41, .4);--move-hint-p1: rgba(45, 108, 168, .55);--move-hint-p1-hover: rgba(45, 108, 168, .9);--move-hint-p2: rgba(176, 57, 47, .55);--move-hint-p2-hover: rgba(176, 57, 47, .9);--p1-color: #2d6ca8;--p2-color: #b0392f;--accent: #2d6ca8;--error: #b0392f;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #17140f;--panel-bg: #211d17;--text: #ece6da;--text-muted: #a89f8e;--border: #3a3327;--board-bg: #6b4c30;--cell: #4a3d2a;--cell-goal-p1: #2b3946;--cell-goal-p2: #46312e;--wall-placed: #f0d9b5;--wall-hint: rgba(240, 217, 181, .16);--wall-hint-hover: rgba(240, 217, 181, .38);--move-hint-p1: rgba(111, 168, 220, .6);--move-hint-p1-hover: rgba(111, 168, 220, .95);--move-hint-p2: rgba(224, 138, 128, .6);--move-hint-p2-hover: rgba(224, 138, 128, .95);--p1-color: #6fa8dc;--p2-color: #e08a80;--accent: #6fa8dc;--error: #e08a80;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Hiragino Sans,Yu Gothic,system-ui,-apple-system,Segoe UI,sans-serif}.app{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px 64px}.new-game-dialog{width:min(480px,100%);background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:24px 28px 28px}.new-game-dialog h1{margin:0 0 2px;font-size:1.6rem}.new-game-dialog .subtitle{margin:0 0 20px;color:var(--text-muted)}.new-game-dialog fieldset{border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:10px 14px 14px}.new-game-dialog legend{padding:0 6px;font-weight:600;color:var(--text-muted)}.new-game-dialog label{display:block;margin:6px 0;cursor:pointer}.new-game-dialog .hint{margin:8px 0 0;font-size:.85rem;color:var(--text-muted)}.new-game-dialog .clock-options{display:flex;gap:24px;margin-top:8px;padding-left:8px;flex-wrap:wrap}.start-button{width:100%;padding:12px;font-size:1.05rem;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}.start-button:hover{filter:brightness(1.08)}.game-screen{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;gap:14px}.player-row{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg)}.player-row-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.player-swatch{width:12px;height:12px;border-radius:50%;flex:0 0 auto}.player-row[data-side=p1] .player-swatch{background:var(--p1-color)}.player-row[data-side=p2] .player-swatch{background:var(--p2-color)}.player-label{font-weight:600;flex:1;display:flex;align-items:center}.you-chip{font-size:.68rem;font-weight:700;letter-spacing:.03em;padding:2px 7px;margin-left:6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.wall-tray{display:flex;gap:3px}.wall-tray .slot{width:8px;height:22px;border-radius:2px}.wall-tray .slot.filled{background:var(--wall-placed)}.wall-tray .slot.empty{border:1.4px solid var(--border);opacity:.55}.player-clock{color:var(--text-muted);font-variant-numeric:tabular-nums}.player-row-active .player-clock{color:var(--text);font-weight:600}.board{width:100%;height:auto;touch-action:manipulation}.board-bg{fill:var(--board-bg)}.cell{fill:var(--cell)}.cell-goal-p1{fill:var(--cell-goal-p1)}.cell-goal-p2{fill:var(--cell-goal-p2)}.wall-placed{fill:var(--wall-placed)}.wall-hint{fill:var(--wall-hint);cursor:pointer}.wall-hint:hover{fill:var(--wall-hint-hover)}.move-hint{fill:var(--move-hint-p1);cursor:pointer}.move-hint:hover{fill:var(--move-hint-p1-hover)}.board[data-human-side=p2] .move-hint{fill:var(--move-hint-p2)}.board[data-human-side=p2] .move-hint:hover{fill:var(--move-hint-p2-hover)}.pawn{stroke:var(--panel-bg);stroke-width:2;pointer-events:none}.pawn-p1{fill:var(--p1-color)}.pawn-p2{fill:var(--p2-color)}.engine-info{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--panel-bg);padding:8px 12px}.engine-info summary{cursor:pointer;font-weight:600}.engine-info dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 2px;font-size:.9rem}.engine-info dt{color:var(--text-muted)}.engine-info dd{margin:0;word-break:break-word}.error-banner{width:100%;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error);margin:0}.game-over-banner{width:100%;padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--panel-bg);text-align:center}.game-over-headline{margin:0 0 12px;font-size:1.2rem;font-weight:700}.game-over-reason{font-weight:400;color:var(--text-muted)}.game-over-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.game-over-actions button{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:var(--panel-bg);color:var(--text);cursor:pointer}.game-over-actions button:hover{border-color:var(--accent)}