:root,html[data-mode=light]{--bg: #fafaf9;--ink: #1c1917;--ink-soft: #78716c;--ink-faint: #a8a29e;--cell-bg: #ffffff;--cell-border: #e7e5e4;--cell-border-strong: #a8a29e;--accent: #b45309;--accent-bg: #fef3c7;--accent-border: #f59e0b;--chip-bg: #ffffff;--sea: #dbeafe;--island: #fde68a;--island-ink: #78350f}html[data-mode=warm]{--bg: #f6efe3;--ink: #3d2f1f;--ink-soft: #8a7456;--ink-faint: #b3a184;--cell-bg: #fffaf0;--cell-border: #e4d5b8;--cell-border-strong: #b3a184;--accent: #9a4a12;--accent-bg: #fbe3c4;--accent-border: #d97a2b;--chip-bg: #fffaf0;--sea: #cfe3d8;--island: #ecd9a8;--island-ink: #5c4019}html[data-mode=dark]{--bg: #16181d;--ink: #e7e5e4;--ink-soft: #a8a29e;--ink-faint: #57534e;--cell-bg: #21242b;--cell-border: #33363f;--cell-border-strong: #57534e;--accent: #fbbf24;--accent-bg: #3a2f14;--accent-border: #b45309;--chip-bg: #21242b;--sea: #1b2735;--island: #4a3f23;--island-ink: #e7d9a8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif;transition:background .3s,color .3s}.topbar{max-width:64rem;margin:0 auto;padding:2rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.75rem}h1{margin:0;font-size:1.4rem;font-weight:300;letter-spacing:.04em}.kicker{margin:.2rem 0 0;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faint)}.controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.ctrl{font:inherit;font-size:.72rem;letter-spacing:.08em;padding:.35rem .6rem;background:var(--chip-bg);color:var(--ink-soft);border:1px solid var(--cell-border);border-radius:.25rem;cursor:pointer;transition:color .15s,border-color .15s}.ctrl:hover{color:var(--ink);border-color:var(--cell-border-strong)}.linklike{font:inherit;background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.layout{max-width:64rem;margin:0 auto;padding:1rem 1.5rem 4rem;display:flex;gap:3rem;align-items:flex-start}@media(max-width:760px){.layout{flex-direction:column;gap:2rem}}.grid-wrap{overflow-x:auto;max-width:100%}.grid{display:grid;gap:2px;grid-template-columns:repeat(var(--cols),var(--cell))}.cell{position:relative;width:var(--cell);height:var(--cell);display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .45);font-weight:500;background:var(--cell-bg);border:1px solid var(--cell-border);color:var(--ink);-webkit-user-select:none;user-select:none;cursor:pointer;transition:border-color .15s,background .15s}.cell.empty-space{background:transparent;border-color:transparent;cursor:default}.cell.revealed{color:var(--ink-soft);background:color-mix(in srgb,var(--cell-bg) 80%,var(--accent-bg));cursor:default}.cell:hover:not(.empty-space){border-color:var(--cell-border-strong)}.cell .start-zone{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-bg);border:0;padding:0;cursor:pointer;opacity:.95}.cell .start-zone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline:2px solid var(--accent-border);outline-offset:-2px}.cell .start-zone.split-across{clip-path:polygon(0 0,100% 0,100% 100%)}.cell .start-zone.split-down{clip-path:polygon(0 0,0 100%,100% 100%)}.cell .start-zone.split-across:after,.cell .start-zone.split-down:after{outline:none}.cell.has-split{outline:2px solid var(--accent-border);outline-offset:-2px}.cell.has-split:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--accent-border) calc(50% - 1px),var(--accent-border) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none;z-index:2}.cell .glyph{position:relative;z-index:1;pointer-events:none}.cell.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.side{flex:1;min-width:14rem}.side-label{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 1rem}.word-list{display:flex;flex-wrap:wrap;gap:.5rem}.word-chip{font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.12em;padding:.4rem .7rem;border:1px solid var(--cell-border-strong);background:var(--chip-bg);color:var(--ink);border-radius:.2rem;cursor:pointer;transition:all .15s}.word-chip:hover:not(:disabled){border-color:var(--ink)}.word-chip.selected{background:var(--ink);color:var(--bg);border-color:var(--ink)}.word-chip:disabled{color:var(--ink-faint);border-color:var(--cell-border);text-decoration:line-through;cursor:default}.hint{margin-top:1.5rem;font-size:.74rem;color:var(--ink-faint);line-height:1.6;min-height:2.4em}.solved{margin-top:2rem;border-top:1px solid var(--cell-border);padding-top:1.5rem}.solved-title{font-size:1.1rem;font-weight:300;letter-spacing:.25em;margin:0}.solved-time{font-family:ui-monospace,monospace;color:var(--ink-soft);font-size:.8rem}.solved-actions{display:flex;gap:.5rem;margin-top:.8rem}.map-overlay[hidden]{display:none}.map-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.map-card{background:var(--bg);border:1px solid var(--cell-border-strong);border-radius:.5rem;max-width:56rem;width:100%;max-height:92vh;overflow:auto;padding:1rem 1.25rem 1.25rem}.map-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.map-title{font-size:.7rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ink-soft);margin:0}.map-foot{font-size:.72rem;color:var(--ink-soft);margin:.6rem 0 0}#sea-chart svg{width:100%;height:auto;display:block;border-radius:.4rem}.island{cursor:pointer}.island ellipse{fill:var(--island);stroke:var(--island-ink);stroke-width:1;transition:all .15s}.island:hover ellipse{stroke-width:2.5}.island.current ellipse{stroke-width:3;stroke:var(--accent)}.island text{fill:var(--island-ink);font-size:11px;font-family:ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;text-anchor:middle;pointer-events:none}.region-label{fill:var(--ink-soft);font-size:10px;letter-spacing:.3em;text-transform:uppercase;text-anchor:middle;opacity:.8}.wave{stroke:var(--ink-faint);stroke-width:1;fill:none;opacity:.35}.story-card{max-width:40rem}.story-body{color:var(--ink);font-size:.9rem;line-height:1.72}.story-body h1{font-size:1.45rem;font-weight:300;letter-spacing:.02em;margin:.25rem 0}.story-body h2{font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin:2.2rem 0 .6rem}.story-body p{margin:0 0 1rem}.story-body strong{color:var(--accent);font-weight:600}.story-body em{color:var(--ink-soft)}.story-body hr{border:none;border-top:1px solid var(--cell-border);margin:1.4rem 0}.story-body h1+p{margin-top:0;color:var(--ink-soft);font-style:italic}.map-card{scrollbar-width:thin;scrollbar-color:var(--cell-border-strong) transparent}.map-card::-webkit-scrollbar{width:10px}.map-card::-webkit-scrollbar-track{background:transparent}.map-card::-webkit-scrollbar-thumb{background:var(--cell-border-strong);border-radius:5px;border:2px solid var(--bg)}.map-card::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}