: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;position:relative}.settings-toggle{display:none}.settings-group{display:contents}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){.topbar{padding:1rem 1rem .5rem;align-items:center}.kicker{display:none}h1{font-size:1.1rem}.settings-toggle{display:inline-block}.settings-group{display:none}.settings-group.open{display:flex;gap:.4rem;position:absolute;top:100%;right:1rem;z-index:20;background:var(--bg);border:1px solid var(--cell-border-strong);border-radius:.4rem;padding:.5rem;box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 18%,transparent)}.layout{flex-direction:column;gap:2rem;padding-bottom:11rem}.side{position:fixed;left:0;right:0;bottom:0;z-index:10;min-width:0;max-height:45vh;overflow-y:auto;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--cell-border);padding:.6rem 1rem calc(.6rem + env(safe-area-inset-bottom))}.side-label{display:none}.word-list{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;justify-content:start;gap:.4rem;overflow-x:auto;padding-bottom:.3rem;-webkit-overflow-scrolling:touch}.side-actions{margin-top:.5rem}.solved{margin-top:.6rem;padding-top:.6rem}}.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 top 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)}}.cell.ghost{background:color-mix(in srgb,var(--cell-bg) 70%,var(--accent-bg))}.cell.ghost .glyph{color:var(--accent);opacity:.6}.cell.ghost-clash{background:color-mix(in srgb,var(--cell-bg) 78%,#c0392b)}.cell.flash{animation:cellflash .9s ease}@keyframes cellflash{0%,to{background:var(--cell-bg)}25%,65%{background:var(--accent-bg);border-color:var(--accent-border)}}.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.placed{color:var(--ink-faint);border-color:var(--cell-border);text-decoration:line-through}.side-actions{margin:1.2rem 0 0;display:flex;gap:1.4rem}.side-actions .linklike{font-size:.74rem}.linklike:disabled{color:var(--ink-faint);text-decoration:none;cursor:default}.split-chooser{position:fixed;transform:translate(-50%,-100%);display:flex;gap:.3rem;z-index:30;background:var(--bg);border:1px solid var(--cell-border-strong);border-radius:.4rem;padding:.3rem;box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 20%,transparent)}.cell.ripple{animation:ripple .5s ease both}@keyframes ripple{0%,to{background:var(--cell-bg)}45%{background:var(--accent-bg);border-color:var(--accent-border)}}@media(prefers-reduced-motion:reduce){.cell.shake{animation:quiet-nudge .35s}.cell.ripple{animation:none}body,.cell,.ctrl,.word-chip,.island .land{transition:none}}@keyframes quiet-nudge{0%,to{background:var(--cell-bg)}50%{background:color-mix(in srgb,var(--cell-bg) 70%,#c0392b)}}.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-head-actions{display:flex;gap:.4rem;align-items:center}.drift-head{display:none}@media(max-width:760px){.drift-head{display:inline-block}}.dict-card{max-width:24rem}.dict-word{font-family:ui-monospace,monospace;letter-spacing:.18em;font-size:1.05rem;color:var(--ink);margin:.5rem 0}.dict-body{margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.65}:root{--chart-paper: color-mix(in srgb, var(--cell-bg) 55%, var(--island));--chart-land: color-mix(in srgb, var(--chart-paper) 78%, var(--island-ink));--chart-ink: var(--island-ink)}#sea-chart svg{width:100%;height:auto;display:block;border-radius:2px}.chart-paper{fill:var(--chart-paper)}.grain-flood{flood-color:var(--chart-ink)}.grat{stroke:var(--chart-ink);opacity:.08}.rhumb{stroke:var(--chart-ink);opacity:.07}.frame{fill:none;stroke:var(--chart-ink);opacity:.55}.frame-tick{fill:var(--chart-ink);opacity:.28}.sounding{fill:var(--chart-ink);opacity:.4;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:7px;text-anchor:middle}.serpent{fill:none;stroke:var(--chart-ink);opacity:.55;stroke-width:1.1;stroke-linecap:round}.serpent-eye{fill:var(--chart-ink);opacity:.6}.serpent-label,.cart-sub{fill:var(--chart-ink);opacity:.6;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-style:italic;text-anchor:middle}.cart-title{fill:var(--chart-ink);font-family:Georgia,Iowan Old Style,Times New Roman,serif;letter-spacing:.22em;text-anchor:middle}.cart-rule{stroke:var(--chart-ink);opacity:.4;stroke-width:.6}.region-label{fill:var(--chart-ink);opacity:.75;font-family:Georgia,Iowan Old Style,Times New Roman,serif;letter-spacing:.28em;text-transform:uppercase;text-anchor:middle}.region-rule{stroke:var(--chart-ink);opacity:.35}.compass-ring{fill:none;stroke:var(--chart-ink);opacity:.6}.compass-star{fill:var(--chart-ink);opacity:.55}.compass-star.minor{opacity:.3}.compass-n{fill:var(--chart-ink);opacity:.7;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:8px;text-anchor:middle}.island{cursor:pointer;outline:none}.island .hachure{stroke:var(--chart-ink);opacity:.35;stroke-width:.7;fill:none;transition:opacity .15s}.island .land{fill:var(--chart-land);stroke:var(--chart-ink);stroke-width:1.1;transition:stroke-width .15s,fill .15s}.island .contour{fill:none;stroke:var(--chart-ink);opacity:.22;stroke-width:.7}.island:hover .land,.island:focus-visible .land{stroke-width:2;fill:color-mix(in srgb,var(--chart-land) 84%,var(--chart-ink))}.island:hover .hachure,.island:focus-visible .hachure{opacity:.6}.island.current .land{stroke:var(--accent);stroke-width:2.4}.island.sailed .land{fill:color-mix(in srgb,var(--chart-land) 58%,var(--accent-bg))}.island text{fill:var(--chart-ink);font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-style:italic;letter-spacing:.02em;text-anchor:middle;pointer-events:none}.flag-pole{stroke:var(--chart-ink);stroke-width:1}.flag-cloth{fill:var(--accent)}.ship-hull{fill:var(--chart-ink)}.ship-mast{stroke:var(--chart-ink);stroke-width:1}.ship-sail{fill:var(--chart-paper);stroke:var(--chart-ink);stroke-width:.8}.course{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:5 4;opacity:.85;pointer-events:none}.drift-mark{cursor:pointer;outline:none}.drift-mark .wind{fill:none;stroke:var(--chart-ink);opacity:.5;stroke-linecap:round;transition:opacity .15s}.drift-mark .drift-label{fill:var(--chart-ink);opacity:.7;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-style:italic;text-anchor:middle;transition:fill .15s,opacity .15s}.drift-mark:hover .wind,.drift-mark:focus-visible .wind{opacity:.9}.drift-mark:hover .drift-label,.drift-mark:focus-visible .drift-label{fill:var(--accent);opacity:1}.help-card{max-width:30rem}.help-list{margin:.8rem 0 0;padding-left:1.1rem;color:var(--ink-soft);font-size:.82rem;line-height:1.65}.help-list li{margin-bottom:.55rem}.help-list em{color:var(--accent);font-style:normal}.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}.story-colophon{margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--cell-border);text-align:center;font-size:.8rem;color:var(--ink-soft)}.story-colophon p{margin:0 0 1rem}.story-colophon a{color:var(--ink-soft)}.story-colophon a:hover{color:var(--ink)}.studio-credit{display:inline-block;color:var(--ink-faint)}.studio-credit:hover{color:var(--ink-soft)}.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)}