:root{--font-size-xs:.7rem;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-lg:1.8rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--page-top), var(--bg) 55%);min-height:100vh;color:var(--ink);font-size:var(--font-size-md);margin:0}button,button:focus{font:inherit}:root,html[data-theme=standard]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12161c;--panel:#1b222c;--border:#314054;--ink:#e8eef6;--muted:#9aabbf;--player:#4ea3ff;--pc:#ff5d5d;--objective:#f5c542;--empty:#161c24;--empty-alt:#161c24;--grid-line:#243041;--accent:#4ea3ff;--accent-hover:#79b8ff;--page-top:#1c2532;--button-ink:#081018;--error:#ff8b8b;font-family:Segoe UI,system-ui,sans-serif}html[data-theme=pirate]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#063445;--panel:#124153;--border:#c9a15b;--ink:#f4ead0;--muted:#cbb98a;--player:#1a6b8a;--pc:#1a6b8a;--objective:#d4b46a;--empty:#1a6f8c;--empty-alt:#155f7a;--grid-line:#0d4a60;--accent:#d4a017;--accent-hover:#e6b63a;--page-top:#1a7a96;--button-ink:#2a1a08;font-family:Palatino Linotype,Palatino,Georgia,serif}html[data-theme=pirate] .board{border:3px solid #c9a15b;box-shadow:0 16px 40px #041e288c}html[data-theme=pirate] .mark-x{color:#3b1d12;text-shadow:0 1px #ffecb48c;font-family:Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(1rem,4.5vmin,2rem);font-weight:800;line-height:1}html[data-theme=pirate] .legend-icon .mark-x{font-size:var(--font-size-md)}html[data-theme=catmouse]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#c9a078;--panel:#f4e4c4;--border:#8a5a32;--ink:#3a2414;--muted:#6b4a32;--player:#e8d4a8;--pc:#e8d4a8;--objective:#e8d4a8;--empty:#f3e6c8;--empty-alt:#e2c992;--grid-line:#c4a06a;--accent:#d46b2a;--accent-hover:#e8843d;--page-top:#e8c89a;--button-ink:#2a1408;--overlay:#2a160ae0;--overlay-ink:#f7efe0;--overlay-muted:#f0d9b0;--error:#8b1a1a;font-family:Georgia,Palatino Linotype,serif}html[data-theme=garden]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#2d5a28;--panel:#3f6e36;--border:#c4d46a;--ink:#f3f6e4;--muted:#d4e0b0;--player:#5a9a42;--pc:#5a9a42;--objective:#5a9a42;--empty:#5a9a42;--empty-alt:#6b4a28;--grid-line:#3d6a30;--accent:#e8c84a;--accent-hover:#f2d66a;--page-top:#4a8a3a;--button-ink:#2a2808;font-family:Georgia,Palatino Linotype,serif}.board{aspect-ratio:1;border:1px solid var(--border);background:var(--grid-line);gap:1px;width:min(70vmin,640px);display:grid;box-shadow:0 12px 40px #00000059}.cell{background:var(--empty);justify-content:center;align-items:center;display:flex}.cell-alt{background:var(--empty-alt,var(--empty))}.cell-player{background:var(--player)}.cell-pc{background:var(--pc)}.cell-objective{background:var(--objective)}.cell-icon{width:72%;height:72%;display:block}.board-marked{gap:0}.board-marked .cell-player,.board-marked .cell-pc,.board-marked .cell-objective{background:var(--empty)}.board-marked .cell-player.cell-alt,.board-marked .cell-pc.cell-alt,.board-marked .cell-objective.cell-alt{background:var(--empty-alt)}.legend{gap:var(--space-2);color:var(--muted);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.legend li{align-items:center;gap:var(--space-2);display:flex}.legend-icon{justify-content:center;align-items:center;width:22px;height:22px;display:flex}.legend-icon .cell-icon{width:22px;height:22px}.swatch{border-radius:3px;width:14px;height:14px}.swatch-player{background:var(--player)}.swatch-pc{background:var(--pc)}.swatch-objective{background:var(--objective)}.pad{gap:var(--space-2);grid-template-columns:repeat(3,1fr);width:min(100%,280px);display:grid}.pad button{border:1px solid var(--border);border-radius:var(--space-2);background:var(--panel);min-height:56px;color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.pad button:hover:not(:disabled){border-color:var(--accent)}.pad button:disabled{opacity:.45;cursor:not-allowed}.pad small{color:var(--muted);font-size:var(--font-size-xs)}.pad-stay{background:color-mix(in srgb, var(--panel) 70%, var(--accent) 30%)}.app{max-width:1100px;padding:var(--space-5) var(--space-4) var(--space-7);margin:0 auto}.header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.header h1{margin:0 0 var(--space-1);font-size:var(--font-size-lg)}.header p{color:var(--muted);margin:0}.header button,.board-overlay button{border-radius:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--button-ink,#081018);cursor:pointer;border:0;font-weight:700}.theme-switch{gap:var(--space-2);align-items:center;display:flex}.theme-switch label{color:var(--muted);font-size:var(--font-size-sm)}.hard-toggle{align-items:center;gap:var(--space-2);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.theme-switch select{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--border);border-radius:var(--space-2);padding:var(--space-2) var(--space-3)}.header-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.about-link{color:var(--muted);font-size:var(--font-size-sm)}.about-link:hover{color:var(--ink)}.header button:hover:not(:disabled),.board-overlay button:hover:not(:disabled){background:var(--accent-hover)}.header button:disabled,.board-overlay button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--error,#ff8b8b)}.play{gap:var(--space-6);flex-wrap:wrap;align-items:flex-start;display:flex}.sidebar{gap:var(--space-4);flex-direction:column;min-width:240px;display:flex}.board-wrap{position:relative}.board-overlay{justify-content:center;align-items:center;gap:var(--space-3);background:var(--overlay,#0c1016c7);color:var(--overlay-ink,var(--ink));text-align:center;padding:var(--space-4);flex-direction:column;display:flex;position:absolute;inset:0}.board-overlay p{color:var(--overlay-muted,var(--muted));margin:0}