:root{--color-bg: #e5ebf4;--color-surface: #ffffff;--color-surface-2: #f4f7fc;--color-text: #16233b;--color-muted: #5c6b84;--color-primary: #1b4fd8;--color-primary-hover: #1740b4;--color-primary-soft: #dfe8ff;--color-on-primary: #ffffff;--color-success: #178a50;--color-success-soft: #e3f6ec;--color-danger: #d23c3c;--color-danger-soft: #fdeaea;--color-warning: #b26a00;--color-border: #c4cfe0;--color-border-strong: #a9b7cd;--color-grid-line: #c3cddb;--color-grid-strong: #274067;--color-cell-given-bg: #eef2f8;--color-cell-selected: #cfe0ff;--color-cell-peer: #edf3fd;--color-cell-error-bg: #fde7e7;--color-board: #1b1712;--color-forest: #3e7c4c;--color-forest-alt: #376f44;--color-forest-soft: #d9ecdd;--color-water: #2b5479;--color-water-wave: rgba(190, 225, 255, .5);--color-village: #b26a00;--color-fire: #e8542f;--color-fire-hot: #ff9a3c;--color-burnt-fresh: #4a1f10;--color-burnt: #39180c;--color-burnt-old: #241009;--color-ash: #6b5f57;--color-wall: #9b8d78;--color-wall-joint: rgba(60, 50, 40, .55);--color-threat: rgba(240, 110, 50, .24);--color-threat-edge: rgba(255, 150, 70, .54);--color-hover: rgba(242, 232, 220, .75);--color-saved: #178a50;--color-saved-wave: rgba(143, 227, 160, 1);--color-backdrop: rgba(13, 20, 32, .55);--color-accent: #c2410c;--color-accent-hover: #a5350a;--color-accent-soft: #fdece3;--color-on-accent: #ffffff;--radius-s: 8px;--radius-m: 12px;--radius-l: 20px;--shadow-1: 0 1px 2px rgba(16, 30, 54, .1), 0 2px 10px rgba(16, 30, 54, .09);--shadow-2: 0 10px 30px rgba(16, 30, 54, .18);--nav-height: 56px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--color-text);color-scheme:light}:root[data-theme=dark]{--color-bg: #080d16;--color-surface: #18232f;--color-surface-2: #1f2c3c;--color-text: #e8edf5;--color-muted: #93a1b8;--color-primary: #5b8cff;--color-primary-hover: #7aa2ff;--color-primary-soft: #22304d;--color-on-primary: #ffffff;--color-success: #4cc38a;--color-success-soft: #173225;--color-danger: #ff7b7b;--color-danger-soft: #3a1d24;--color-warning: #e0a34e;--color-border: #35455e;--color-border-strong: #4a5d7a;--color-grid-line: #33445d;--color-grid-strong: #b9c8e0;--color-cell-given-bg: #1d2a3d;--color-cell-selected: #2b4370;--color-cell-peer: #20304a;--color-cell-error-bg: #4a2230;--color-board: #141210;--color-forest: #3a7548;--color-forest-alt: #336840;--color-forest-soft: #1d3325;--color-water: #2b5479;--color-water-wave: rgba(190, 225, 255, .5);--color-village: #e0a34e;--color-fire: #ff6a3c;--color-fire-hot: #ffb257;--color-burnt-fresh: #4a1f10;--color-burnt: #39180c;--color-burnt-old: #241009;--color-ash: #4a4038;--color-wall: #bcae97;--color-wall-joint: rgba(30, 24, 18, .6);--color-threat: rgba(240, 110, 50, .26);--color-threat-edge: rgba(255, 150, 70, .56);--color-hover: rgba(242, 232, 220, .75);--color-saved: #4cc38a;--color-saved-wave: rgba(143, 227, 160, 1);--color-backdrop: rgba(4, 8, 14, .65);--color-accent: #f97316;--color-accent-hover: #fb8c3c;--color-accent-soft: #3a2113;--color-on-accent: #1b1005;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 6px rgba(0, 0, 0, .3);--shadow-2: 0 6px 24px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;transition:background-color .2s ease,color .2s ease}a{color:var(--color-primary)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-primary);font-size:1rem;font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover:enabled{background:var(--color-primary-hover)}.btn:active:enabled{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn.secondary:hover:enabled{background:var(--color-surface-2)}.btn.ghost{background:transparent;color:var(--color-muted);border-color:transparent}.btn.ghost:hover:enabled{background:var(--color-surface-2);color:var(--color-text)}.btn.danger{background:var(--color-danger-soft);color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-muted);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}input,select{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600;color:var(--color-muted)}.icon{display:inline-block;width:20px;height:20px;flex:none;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.icon.sun{--icon: url("./media/sun-UVK2LDAY.svg")}.icon.moon{--icon: url("./media/moon-RQVHNVVD.svg")}.icon.theme-auto{--icon: url("./media/circle-half-7KUEVA4V.svg")}.icon.download{--icon: url("./media/download-GNKIWER6.svg")}.icon.wifi-off{--icon: url("./media/wifi-off-WDF4QXWA.svg")}.icon.user{--icon: url("./media/user-APJFCTSF.svg")}.icon.grid{--icon: url("./media/grid-MLXLVOFX.svg")}.icon.pencil{--icon: url("./media/pencil-CMEAK6UI.svg")}.icon.eraser{--icon: url("./media/eraser-XZ62QUV2.svg")}.icon.bulb{--icon: url("./media/bulb-OYJ2MZSV.svg")}.icon.pause{--icon: url("./media/pause-EZEG3VUC.svg")}.icon.clock{--icon: url("./media/clock-EMWO6EMU.svg")}.icon.trophy{--icon: url("./media/trophy-FSFQOGUV.svg")}.icon.flame{--icon: url("./media/flame-RLZZLW7M.svg")}.icon.logout{--icon: url("./media/logout-7KQWH6B7.svg")}.icon.close{--icon: url("./media/close-7OAAHVR4.svg")}.icon.sound-on{--icon: url("./media/sound-on-NM7P4AI5.svg")}.icon.sound-off{--icon: url("./media/sound-off-6HXQKX4S.svg")}.muted{color:var(--color-muted)}.success-message{padding:10px 14px;border-radius:var(--radius-m);background:var(--color-success-soft);color:var(--color-success);font-weight:600}.error-message{padding:10px 14px;border-radius:var(--radius-m);background:var(--color-danger-soft);color:var(--color-danger);font-weight:600}