:root{--ink:#fdf6e3;--ink-dim:#e6dcc3;--panel:#141c26d1;--panel-edge:#c99a4b;--accent:#f2c14e;--good:#6fd36f;--warn:#ffcf4d;--bad:#ff6b5e;--paper:#f4e7c5;--paper-ink:#3a2a17;--focus:#7fd4ff;--field:#fffaf0;--panel-shadow:0 8px 30px #00000059;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}button,input,select{font:inherit;color:var(--paper-ink)}button{cursor:pointer;background:var(--paper);border:2px solid var(--panel-edge);border-radius:8px;padding:.5em 1em;font-weight:700}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent)}button.danger{background:#f0b2a8}button.small{padding:.15em .6em;font-size:.8rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}*{box-sizing:border-box}html,body{background:#8fcbe9;height:100%;margin:0;overflow:hidden}canvas#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}canvas#game[hidden]{display:none}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.card{pointer-events:auto;background:var(--panel);border:2px solid var(--panel-edge);box-shadow:var(--panel-shadow);border-radius:14px;padding:1.2rem 1.4rem}.card h1,.card h2,.card h3{color:var(--accent);letter-spacing:.02em;margin:0 0 .5rem}.hint{color:var(--ink-dim);font-size:.85rem}.row{justify-content:space-between;align-items:center;display:flex}.row.gap{justify-content:center;gap:.8rem;margin-top:.8rem}.center{text-align:center}.lobby{background:radial-gradient(circle at 30% 20%,#bfe6ff,#3d8fd1 55%,#1d4f7a);place-items:center;display:grid;position:fixed;inset:0;pointer-events:auto!important}.lobby-card{width:calc(100% - 2rem);max-width:34rem}.lobby-card h1{text-shadow:0 3px #6b4a1f;font-size:3rem}.tagline{font-size:1.15rem;font-weight:700}.lobby form{gap:.6rem;margin:1rem 0;display:grid}.lobby label{font-weight:700}.lobby input{border:2px solid var(--panel-edge);background:var(--field);border-radius:8px;padding:.55em .7em}.lobby-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.lobby-mode{border:0;gap:1rem;margin:0;padding:0;display:flex}.lobby-mode label{align-items:center;gap:.35em;display:inline-flex}.error{color:#ffd2cc;background:#a01e1499;border-radius:8px;margin:0;padding:.5em .7em}.hud{text-shadow:0 1px 2px #000;font-size:15px;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid #c99a4bb3;border-radius:10px;max-width:22rem;padding:.5rem .7rem;position:absolute}.label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.crew{pointer-events:auto;top:12px;left:12px}.crew-list{margin:.4rem 0 0;padding:0;list-style:none}.crew-list li{margin:.15rem 0}.crew-list li.lost .status{color:var(--warn)}.crew-list .status{color:var(--ink-dim);font-size:.85rem}.crew details{margin-top:.4rem}.crew summary{color:var(--ink-dim);cursor:pointer;font-size:.85rem}.crew-picker{width:min(34rem,100% - 2rem);max-height:calc(100% - 2rem);overflow:auto}.crew-choices{gap:.6rem;max-height:50vh;margin-top:1rem;display:grid;overflow-y:auto}.crew-choice{border:1px solid var(--panel-edge);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem;display:flex}.overlay[data-ref=confirm]{z-index:2;background:#050f19b3}.online-card{width:min(40rem,100% - 2rem);max-height:calc(100% - 2rem);overflow-y:auto}.online-list{max-height:32vh;padding-left:1.5rem;overflow-y:auto}.online-list li{overflow-wrap:anywhere;margin:.4rem 0}.loot{text-align:right;top:12px;right:12px}.loot .gold{font-size:1.3rem}.loot .gold strong{color:var(--accent)}.loot .title{color:var(--ink-dim);font-size:.85rem}.quest{width:21rem;top:88px;right:12px}.objective{margin:.15rem 0;font-weight:700}.vitals{width:19rem;bottom:12px;left:12px}.shipstat{width:19rem;bottom:12px;right:12px}.bar-row{grid-template-columns:4.6rem 1fr auto;align-items:center;gap:.5rem;margin:.25rem 0;display:grid}.bar{background:#ffffff26;border:1px solid #ffffff4d;border-radius:6px;height:10px;overflow:hidden}.fill{height:100%;transition:width .2s}.fill.health{background:#e8574a}.fill.breath{background:#8fe3ff}.fill.hull{background:#c99a4b}.fill.flood{background:#4aa3e8}.fill.low{background-image:repeating-linear-gradient(45deg,#00000059 0 4px,#0000 4px 8px)}.num{text-align:right;min-width:3.5rem;font-size:.8rem}.carry{color:var(--accent);margin-top:.3rem;font-weight:700}.helm{grid-template-columns:1fr 1fr 1fr;gap:.3rem;margin-top:.3rem;display:grid}.helm .hint{grid-column:1/-1}.nametag{white-space:nowrap;will-change:transform;background:#141c26a6;border-radius:6px;padding:.1rem .45rem;font-size:.85rem;font-weight:700;position:absolute;top:0;left:0}.crosshair{background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0009}.equipment{text-align:center;pointer-events:none;box-sizing:border-box;width:max-content;max-width:calc(100vw - 24px);bottom:12px;left:50%;transform:translate(-50%)}.equipment-slots{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:.3rem;display:flex}.equipment-slot{border:1px solid var(--panel-edge);color:var(--ink-dim);border-radius:5px;padding:.25rem .5rem}.equipment-slot.selected{border-color:var(--accent);color:var(--accent);background:#c99a4b29;font-weight:700}.equipment-slot.blocking{color:#8fe3ff;border-color:#8fe3ff}.melee-marker{color:#fff;pointer-events:none;font-size:32px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.melee-marker.blocked{color:#8fe3ff}.melee-marker.parried{color:#f3cf78;font-size:20px}.melee-marker.blocked{font-size:18px}.scope-mask{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.scope-lens{border-radius:50%;width:88vmin;height:88vmin;position:relative;box-shadow:0 0 0 100vmax #080a0c,inset 0 0 0 3px #a78142,inset 0 0 14px 5px #0000008c}.scope-lens span{color:#e8d2a2;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.scoped .crosshair,.scoped .prompt{visibility:hidden}.hurt-vignette{pointer-events:none;background:radial-gradient(#0000 40%,#b423167a 100%);position:absolute;inset:0}.prompt{background:var(--panel);border:1px solid var(--panel-edge);white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .8rem;font-weight:700;display:flex;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%), #fff3 0);border-radius:50%;width:22px;height:22px}.toasts{flex-direction:column;align-items:flex-end;gap:6px;width:24rem;display:flex;position:absolute;top:210px;right:12px}.toast{background:var(--panel);border-left:5px solid var(--ink-dim);border-radius:8px;max-width:100%;padding:.4rem .7rem;animation:.25s ease-out toast-in}.toast .icon{margin-right:.45rem;font-weight:900}.toast.good{border-color:var(--good)}.toast.good .icon{color:var(--good)}.toast.warn{border-color:var(--warn)}.toast.warn .icon{color:var(--warn)}.toast.bad{border-color:var(--bad)}.toast.bad .icon{color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.banner{background:var(--panel);border:2px solid var(--panel-edge);text-align:center;border-radius:10px;max-width:40rem;padding:.5rem 1rem;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.banner.warn{border-color:var(--warn);color:var(--warn);top:64px}.banner.bad{border-color:var(--bad);top:114px}.banner[data-ref=recover]{top:calc(50% + 80px)}.banner.spectate{top:auto;bottom:120px}.treasure-pointer{z-index:1;pointer-events:none;color:#ffd34d;text-shadow:0 1px 3px #000,0 0 6px #000;flex-direction:column;align-items:center;gap:2px;font-size:14px;font-weight:700;display:flex;position:fixed;top:0;left:0}.treasure-pointer[hidden]{display:none}.treasure-arrow{font-size:22px;line-height:1}.treasure-arrow[hidden]{display:none}.overlay{pointer-events:auto;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.overlay.dim{background:#050f198c}.overlay.sinking{background:#0a28508c}.overlay[data-ref=death],.overlay[data-ref=sinking]{pointer-events:none}.menu{width:min(30rem,100% - 2rem);max-height:calc(100% - 2rem);overflow:auto}.menu-buttons{gap:.5rem;margin:.6rem 0 1rem;display:grid}.menu details{margin:.5rem 0}.menu summary{cursor:pointer;color:var(--accent);font-weight:700}.menu label{gap:.2rem;margin:.5rem 0;display:grid}.menu label:has(input[type=checkbox]){align-items:center;gap:.5rem;display:flex}.menu select{border:2px solid var(--panel-edge);background:var(--field);border-radius:8px;width:100%;min-height:38px;padding:.55em .7em}.controls{border-collapse:collapse;width:100%;font-size:.9rem}.controls td{border-bottom:1px solid #ffffff26;padding:.25rem}.controls td:first-child{color:var(--accent);white-space:nowrap;font-weight:700}.sale-card .big{color:var(--accent);margin:.3rem 0;font-size:2.2rem;font-weight:800}.badge{background:var(--accent);color:var(--paper-ink);text-shadow:none;border-radius:6px;padding:.1rem .4rem;font-weight:800}.onboarding{pointer-events:auto;width:19rem;top:150px;left:12px}.onboarding ol{margin:.4rem 0 0;padding-left:0;list-style:none}.onboarding li{margin:.2rem 0}.onboarding li.done{color:var(--good);text-decoration:line-through}.map-card{grid-template-columns:minmax(0,1fr) 20rem;gap:1rem;width:min(70rem,100% - 2rem);max-height:calc(100% - 2rem);display:grid}.map-world svg{width:100%;max-height:calc(100vh - 6rem)}.chart{display:block}.chart-paper{fill:var(--paper)}.chart-grid{stroke:#3a2a1726;stroke-width:1px}.chart-bound{fill:none;stroke:#8b2e24;stroke-width:3px;stroke-dasharray:10 6}.chart-warn{fill:none;stroke:#8b2e2459;stroke-width:1.5px;stroke-dasharray:4 6}.chart-ring{fill:none;stroke:#c0392b;stroke-width:3px}.chart-treasure{fill:#d4a017;font-size:18px}.chart-loot{fill:#8b5a2b}.chart-land{fill:#c9b071;stroke:#6b4a1f;stroke-width:2px}.chart-land.outpost{fill:#b5834f}.chart-hill{fill:#4f8d3a80}.chart-rock{fill:#5c5a58;stroke:#fff;stroke-width:1px}.chart-label{fill:var(--paper-ink);text-shadow:none;font-size:16px;font-weight:800}.chart-small{fill:var(--paper-ink);text-shadow:none;font-size:11px;font-weight:700}.chart-icon{text-shadow:none;font-size:16px}.chart-tree{opacity:.7;text-shadow:none;font-size:9px}.chart-quest{fill:none;stroke:#c8443a;stroke-width:3px;stroke-dasharray:6 4}.chart-x{stroke:#c8443a;stroke-width:5px;stroke-linecap:round}.chart-ship{fill:#2f6fa3;stroke:#fff;stroke-width:1.5px}.chart-self{fill:#f2c14e;stroke:#3a2a17;stroke-width:1px}.chart-mate{fill:#6fd36f;stroke:#3a2a17;stroke-width:1px}.chart-compass{fill:#fff6;stroke:var(--paper-ink)}.chart-needle{fill:#c8443a}.questmap{width:100%;max-width:20rem;margin:.5rem auto;display:block}.map-quest{overscroll-behavior:contain;min-height:0;overflow-y:auto}.map-journal-entry{border-top:1px solid var(--panel-edge);margin-top:1rem;padding-top:1rem}.island-objective{border-top:1px solid #c99a4b80;margin-top:.45rem;padding-top:.45rem}.chart-trail{fill:none;stroke:#986c3a;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 2}.chart-site{fill:#3a2a17;stroke:var(--paper);stroke-width:1px}.chart-site-label{fill:var(--paper-ink);text-shadow:none;paint-order:stroke;stroke:var(--paper);stroke-width:2.5px;stroke-linejoin:round;font-size:10px;font-weight:800}.chart-site-detail{fill:var(--paper-ink);text-shadow:none;paint-order:stroke;stroke:var(--paper);stroke-width:2px;font-size:7px}.chart-fort-terrace{fill:#98764129;stroke:#927242;stroke-width:1.2px;stroke-linejoin:round}.chart-fort-canopy{fill:#557b3b;opacity:.7}.chart-fort-bridge{stroke:#49351e;stroke-dasharray:none}.chart-fort-tower{fill:var(--paper);stroke:#49351e;stroke-width:1px}dialog.island-notes{width:min(52rem,100vw - 2rem);max-width:calc(100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--paper-ink);background:var(--paper);box-shadow:var(--panel-shadow);text-shadow:none;border:2px solid #a67d41;border-radius:12px;padding:0;overflow:hidden;pointer-events:auto!important}dialog.island-notes[open]{flex-direction:column;display:flex}dialog.island-notes::backdrop{background:#050f19c7}.island-notes-header{background:#ebdab1;border-bottom:1px solid #b99a67;flex-shrink:0;padding:1.2rem 1.5rem 1rem}.island-notes-header .label{color:#685031;margin:0 0 .4rem}.island-notes h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.3rem,3vw,1.85rem)}.island-notes h3{margin:0 0 .65rem;font-size:1.05rem}.island-notes h4{margin:0;font-size:1rem}.island-notes .hint{color:#675334;line-height:1.5}.island-notes-content{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;padding:1.3rem 1.5rem;overflow-y:auto}.island-notes-content:focus-visible{outline-offset:-4px}.island-note-text{max-width:40rem;margin-inline:auto;font-family:Georgia,serif;font-size:1.12rem;line-height:1.8}.island-note-text p:first-child{margin-top:0}.island-notes footer{border-top:1px solid #b99a67;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem;display:flex}.island-notes footer p{margin:0}.island-notes footer button{background:#fff5d9;flex-shrink:0}.journal-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;margin:1.2rem 0;display:grid}.journal-chart .questmap{max-width:26rem;margin-top:0}.journal-sites{margin:0;padding-left:1.15rem}.journal-sites li+li{margin-top:.65rem}.journal-sites p{margin:.2rem 0 0;font-size:.9rem;line-height:1.5}.journal-clue{border-top:1px solid #b99a67;padding:1rem 0;line-height:1.65}.journal-clue p{font-family:Georgia,serif}.journal-clue button{font-size:.85rem}.journal-signal{background:#e9d7ac;border-left:3px solid #a67d41;padding:.85rem 1rem;line-height:1.5}@media (max-width:700px){.journal-layout{grid-template-columns:1fr}.island-notes footer{flex-direction:column;align-items:flex-start;gap:.65rem}.island-notes-header,.island-notes-content,.island-notes footer{padding:.9rem 1rem}}@media (max-width:1100px){.map-card{grid-template-columns:1fr;overflow-y:auto}.map-world svg{max-height:45dvh}.map-quest{overflow:visible}.quest{width:17rem;top:80px}.toasts{width:18rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}dialog.changelog{width:min(44rem,100vw - 2rem);max-width:calc(100vw - 2rem);height:min(42rem,100dvh - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);text-shadow:none;background:#141c26;padding:0;overflow:hidden;pointer-events:auto!important}dialog.changelog[open]{flex-direction:column;display:flex}dialog.changelog::backdrop{background:#050f19c7}.changelog .changelog-header{border-bottom:1px solid var(--panel-edge);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.changelog .changelog-header h1{margin:0;font-size:1.5rem}.changelog .changelog-header button{flex-shrink:0}.changelog .changelog-content{overscroll-behavior:contain;overflow-wrap:anywhere;min-height:0;padding:1.2rem;line-height:1.55;overflow-y:auto}.changelog .changelog-content:focus-visible{outline-offset:-4px}.changelog .changelog-release+.changelog-release{border-top:1px solid var(--panel-edge);margin-top:1.5rem;padding-top:1.5rem}.changelog .changelog-meta{color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.changelog .changelog-version{color:var(--accent);font-weight:700}.changelog .changelog-release h2{font-size:1.25rem}.changelog .changelog-summary{color:var(--ink-dim);margin:0 0 1.2rem}.changelog .changelog-section+.changelog-section{margin-top:1.2rem}.changelog .changelog-section h3{font-size:1rem}.changelog .changelog-section ul{margin:0;padding-left:1.3rem}.changelog .changelog-section li+li{margin-top:.45rem}