:root{--w1: #fcfbf8;--w2: #dcd5c6;--b1: #46241c;--b2: #291310;--brass: #b07c2e;--board: #e6ddcb;--cell: #dccfb8;--line: rgba(120, 90, 50, .18);--bg: #f3eee2;--ink: #4a3a28;--muted: #7a6248;--panel: #fffdf8;--grad-white: linear-gradient(145deg, var(--w1), var(--w2));--grad-black: linear-gradient(150deg, var(--b1), var(--b2));color-scheme:light;--line-strong: rgba(120, 90, 50, .3);--brass-soft: rgba(176, 124, 46, .14);--brass-ring: rgba(176, 124, 46, .42);--shadow-sm: 0 1px 2px rgba(50, 30, 10, .06), 0 1px 1px rgba(50, 30, 10, .04);--shadow-md: 0 4px 14px rgba(50, 30, 10, .1), 0 1px 3px rgba(50, 30, 10, .06);--shadow-lg: 0 14px 36px rgba(50, 30, 10, .2), 0 2px 8px rgba(50, 30, 10, .08);--danger: #9a3b2c;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--dur: .15s;--ease: cubic-bezier(.2, .6, .2, 1);--type-scale: 1;--road-white: rgb(252, 251, 248);--road-black: rgb(41, 19, 16);--road-white-op: .52;--road-black-op: .2;--road-white-op-win: .78;--road-black-op-win: .4}:root[data-theme=dark]{--w1: #efe9dd;--w2: #cabfa9;--b1: #2a1712;--b2: #150906;--brass: #d29a45;--board: #2a2620;--cell: #353029;--line: rgba(255, 240, 220, .1);--bg: #1c1813;--ink: #ece3d2;--muted: #b3a48a;--panel: #241f18;color-scheme:dark;--line-strong: rgba(255, 240, 220, .22);--brass-soft: rgba(210, 154, 69, .16);--brass-ring: rgba(210, 154, 69, .5);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5), 0 1px 3px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 36px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--danger: #e07a5c;--road-white: rgb(202, 191, 169);--road-black: rgb(0, 0, 0);--road-white-op: .26;--road-black-op: .24;--road-white-op-win: .48;--road-black-op-win: .46}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:calc(16px * var(--type-scale));line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:var(--radius-md);background:var(--panel);color:var(--ink);padding:8px 14px;font:inherit;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line);transition:background var(--dur) var(--ease),color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--bg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--brass);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary:hover{filter:brightness(1.06);background:var(--brass)}.btn.warn{color:var(--danger)}.card{background:var(--panel);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-sm)}input[type=range]{accent-color:var(--brass)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toggle.svelte-1cmi4dh{border:0;background:var(--panel);color:var(--ink);cursor:pointer;width:36px;height:36px;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.toggle.svelte-1cmi4dh:hover{background:var(--brass-soft);box-shadow:inset 0 0 0 1px var(--brass-ring)}.toggle.svelte-1cmi4dh:active{transform:translateY(1px)}.icon.svelte-1cmi4dh{line-height:1;transition:color var(--dur) var(--ease)}.icon.dark.svelte-1cmi4dh{color:var(--brass)}.toast.svelte-1akntz0{position:fixed;left:50%;transform:translate(-50%);bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-lg);background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--shadow-md);z-index:1000;max-width:calc(100vw - 32px);animation:svelte-1akntz0-toast-in .18s var(--ease) both}.msg.svelte-1akntz0{font-size:14px;font-weight:500}.actions.svelte-1akntz0{display:flex;align-items:center;gap:8px;flex:none}.btn.svelte-1akntz0{border:0;border-radius:var(--radius-md);padding:7px 14px;cursor:pointer;font:inherit;font-size:13px;transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}.btn.svelte-1akntz0:active{transform:translateY(1px)}.btn.primary.svelte-1akntz0{background:var(--brass);color:#fff;box-shadow:var(--shadow-sm)}.btn.primary.svelte-1akntz0:hover{filter:brightness(1.06)}.btn.close.svelte-1akntz0{background:transparent;color:var(--muted);width:32px;height:32px;padding:0;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.btn.close.svelte-1akntz0:hover{background:var(--brass-soft);color:var(--ink)}@keyframes svelte-1akntz0-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 360px){.toast.svelte-1akntz0{gap:10px;padding:10px 12px}.msg.svelte-1akntz0{font-size:13px}}nav.svelte-12qhfyh{display:flex;align-items:center;gap:16px;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));font-size:14px;-webkit-tap-highlight-color:transparent;max-width:980px;margin:0 auto;width:100%;box-sizing:border-box}.brand.svelte-12qhfyh{text-decoration:none}.mark.svelte-12qhfyh{color:var(--ink);font-weight:700;font-size:18px;letter-spacing:.04em;font-feature-settings:"ss01" on,"liga" off;padding:2px 8px 2px 0;border-radius:6px}.navlink.svelte-12qhfyh{color:var(--muted);text-decoration:none;transition:color var(--dur) var(--ease);padding:4px 2px}.navlink.svelte-12qhfyh:hover{color:var(--ink)}.handle.svelte-12qhfyh{font-weight:600;color:var(--ink)}.spacer.svelte-12qhfyh{flex:1}.logout.svelte-12qhfyh{margin:0}.logout.svelte-12qhfyh button:where(.svelte-12qhfyh){border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;padding:4px 6px;border-radius:6px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.logout.svelte-12qhfyh button:where(.svelte-12qhfyh):hover{color:var(--ink);background:var(--brass-soft)}@media (max-width: 360px){nav.svelte-12qhfyh{gap:12px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.navlink.svelte-12qhfyh:not(.handle){display:none}}