:root{--amber:#ffb347;--lamp:#fff1c9;--sea-green:#3dffb0;--deep:#0b2a3c;--teal:#1f6f78;--ink:#f3ece0;--ink-dim:#c9c0b0;--panel:#0c161e9e;--panel-edge:#ffd29638;--warn:#ff8a5c;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Inter", system-ui, sans-serif}html,body{height:100%;color:var(--ink);font-family:var(--sans);background:#0b141b;margin:0;overflow:hidden}#app canvas{display:block}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hidden{display:none!important}.overlay{pointer-events:auto;cursor:pointer;background:radial-gradient(#0b141b59,#0b141bd9);place-items:center;display:grid;position:absolute;inset:0}.overlay .card{text-align:center;max-width:620px;padding:0 24px}.overlay h1{font-family:var(--serif);color:var(--lamp);text-shadow:0 0 40px #ffb34773;letter-spacing:.02em;margin:0;font-size:clamp(42px,7vw,76px);font-weight:700}.overlay .sub{font-family:var(--serif);color:var(--ink-dim);margin:6px 0 28px;font-size:22px}.overlay .controls{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;display:flex}.overlay .go{color:var(--amber);letter-spacing:.2em;text-transform:uppercase;margin-top:32px;font-size:13px;animation:2.4s ease-in-out infinite pulse}.overlay .note{max-width:460px;color:var(--ink-dim);margin:22px auto 0;font-size:13px;line-height:1.5}@keyframes pulse{50%{opacity:.45}}b{border:1px solid var(--panel-edge);min-width:14px;color:var(--lamp);text-align:center;background:#ffffff0f;border-radius:4px;margin-right:4px;padding:1px 6px;font-size:.9em;font-weight:600;display:inline-block}.objective{background:var(--panel);border-left:3px solid var(--amber);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;width:300px;padding:14px 16px;position:absolute;top:20px;left:20px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);font-size:10px}.obj-title{font-family:var(--serif);margin:2px 0 4px;font-size:24px;font-weight:700}.obj-hint{color:var(--ink-dim);font-size:13px;line-height:1.4}.obj-list{margin:10px 0 0;padding:0;font-size:13px;list-style:none}.obj-list li{color:var(--ink-dim);justify-content:space-between;padding:2px 0;display:flex}.obj-list li.met{color:var(--lamp)}.obj-list li small{color:var(--ink-dim);opacity:.75;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 8px;font-size:11px;overflow:hidden}.obj-list li.met span:after{content:" ✓";color:var(--amber)}.tide{background:var(--panel);text-align:right;border-radius:4px;grid-template-rows:auto auto;grid-template-columns:1fr 16px;column-gap:12px;min-width:150px;padding:12px 14px;display:grid;position:absolute;top:20px;right:20px}.tide-label{font-family:var(--serif);font-size:22px;font-weight:700}.tide-time{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:12px}.tide-gauge{border:1px solid #cfe8e266;border-radius:3px;grid-area:1/2/3;position:relative;overflow:hidden}.tide-fill{background:linear-gradient(var(--teal), var(--deep));border-top:2px solid #cfe8e2;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.tide.warn .tide-label{color:var(--warn)}.tide.warn{box-shadow:0 0 0 1px var(--warn)}.place{color:var(--ink-dim);letter-spacing:.06em;font-size:12px;position:absolute;top:92px;right:20px}.place.safe{color:var(--amber)}.banner{white-space:pre-line;font-family:var(--serif);color:var(--lamp);text-shadow:0 2px 18px #000c;opacity:0;text-align:center;padding:0 16px;font-size:30px;font-weight:700;transition:opacity .5s,transform .5s;position:absolute;top:18%;left:50%;transform:translate(-50%,-10px)}.banner.show{opacity:1;transform:translate(-50%)}.crosshair{background:var(--lamp);opacity:.85;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ffb347e6}.crosshair:after{content:"";opacity:0;border:2px solid #0000;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;transition:transform .12s,opacity .12s,border-color .12s;position:absolute;top:50%;left:50%;transform:scale(.6)}.crosshair.hook:after{border-color:var(--amber);opacity:.95;transform:scale(1)}.crosshair.far:after{opacity:.8;border-style:dashed;border-color:#fff1c966;transform:scale(1.15)}.crosshair.blocked:after{opacity:.85;border-color:#c0503c;transform:scale(.9)}.crosshair.reel:after{border-color:var(--lamp);opacity:.9;border-style:dotted;animation:.9s linear infinite reel-turn;transform:scale(.8)}@keyframes reel-turn{to{transform:scale(.8)rotate(360deg)}}.prompt{background:var(--panel);white-space:nowrap;border-radius:4px;padding:6px 12px;font-size:14px;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}.toasts{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:110px;right:20px}.toast{background:var(--panel);border-radius:4px;padding:6px 12px;font-size:14px;transition:opacity .5s,transform .5s;animation:.25s ease-out in}.toast.gain{color:var(--lamp);border-left:3px solid var(--amber)}.toast.warn{color:var(--warn);border-left:3px solid var(--warn)}.toast.milestone{font-family:var(--serif);color:var(--lamp);border-left:3px solid var(--sea-green);font-size:20px}.toast.out{opacity:0;transform:translate(20px)}@keyframes in{0%{opacity:0;transform:translate(20px)}}.vitals{align-items:center;gap:12px;display:flex;position:absolute;bottom:22px;left:20px}.hp{border:1px solid var(--panel-edge);background:#0c161eb3;border-radius:8px;width:240px;height:16px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg, #d9822b, var(--amber), var(--lamp));height:100%;transition:width .2s}.hp-text{color:var(--ink);mix-blend-mode:screen;text-shadow:0 1px 2px #000;place-items:center;font-size:11px;font-weight:600;display:grid;position:absolute;inset:0}.dash{gap:4px;display:flex}.dash i{border:1px solid var(--amber);border-radius:50%;width:12px;height:12px}.dash i.on{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dialogue{box-sizing:border-box;border-top:2px solid var(--amber);background:#0c161ed1;border-radius:4px;width:min(640px,100vw - 32px);padding:16px 20px;display:none;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.dialogue.show{display:block}.dlg-name{font-family:var(--serif);color:var(--amber);font-size:20px;font-weight:700}.dlg-text{margin-top:6px;font-size:15px;line-height:1.5}.dlg-more{text-align:right;color:var(--ink-dim);margin-top:10px;font-size:12px}.hitmark{opacity:0;background:linear-gradient(45deg, transparent 45%, var(--amber) 45% 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, var(--amber) 45% 55%, transparent 55%);width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 5px,#000 6px);mask:radial-gradient(circle,#0000 5px,#000 6px)}.hitmark.show{opacity:1}.hitmark.weak{background:linear-gradient(45deg,#0000 42%,#fff 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#fff 42% 58%,#0000 58%);transform:scale(1.3)}.gather-ring{width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}.gather-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.gather-ring circle{fill:none;stroke-width:3px}.gather-ring .track{stroke:#ffffff2e}.gather-ring .fill{stroke:var(--lamp);stroke-dasharray:125.7;stroke-linecap:round}.pips{position:absolute;top:50%;left:50%}.pips i{background:var(--sea-green);width:18px;height:8px;box-shadow:0 0 12px var(--sea-green);border-radius:4px;position:absolute;top:-4px;left:-9px}.hurt-arc{filter:blur(2px);opacity:0;border-top:10px solid #dc4632d9;border-radius:50%;width:340px;height:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hurt-arc.omni{border:10px solid #dc463280}.vignette{opacity:0;background:radial-gradient(#0000 55%,#96140a8c 100%);position:absolute;inset:0}.boss{text-align:center;width:min(560px,60vw);position:absolute;top:74px;left:50%;transform:translate(-50%)}.boss-name{font-family:var(--serif);color:var(--lamp);text-shadow:0 2px 10px #000;font-size:22px;font-weight:700}.boss.exposed .boss-name{color:#fff}.boss-bar{background:#0c161ebf;border:1px solid #3dffb059;border-radius:5px;height:10px;margin-top:4px;overflow:hidden}.boss-fill{background:linear-gradient(90deg, #1f8a66, var(--sea-green));height:100%;transition:width .15s}.compass{border-bottom:1px solid #ffd29640;width:min(420px,40vw);height:34px;position:absolute;top:18px;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.compass-track{height:100%;position:relative}.compass span{white-space:nowrap;font-size:12px;position:absolute;bottom:4px;transform:translate(-50%)}.compass .dir{color:var(--ink-dim);font-weight:600}.compass .mk{color:var(--lamp);font-size:14px;bottom:10px}.compass .mk em{color:var(--ink-dim);text-align:center;font-size:10px;font-style:normal;display:block}.compass .mk.home{color:var(--amber)}.compass .mk.edge{opacity:.6}.hotbar{flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:calc(100vw - 32px);display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.hotbar .slots{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.hotbar .slot{box-sizing:border-box;background:var(--panel);width:80px;color:var(--lamp);border:1px solid #ffffff14;border-radius:4px;padding:5px 6px 6px;font-size:11px;line-height:1.25}.hotbar .slot b{color:var(--ink-dim);font-size:10px;display:block}.hotbar .slot small{color:var(--ink-dim);margin-top:3px;font-size:10px;display:block}.hotbar .slot.sel{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.hotbar .slot.poor span,.hotbar .slot.poor small{opacity:.5}.hotbar-keys{background:var(--panel);color:var(--ink-dim);border-radius:4px;padding:4px 10px;font-size:12px}.hotbar-keys b{color:var(--lamp)}.food,.bag{background:var(--panel);border-radius:4px;padding:6px 10px;font-size:13px;position:absolute;bottom:22px}.food{left:50%;transform:translate(-50%)}.food span,.food .dim{color:var(--ink-dim)}.bag{color:var(--ink-dim);right:20px}.bag span{color:var(--lamp)}.bag.full{color:var(--warn);box-shadow:0 0 0 1px var(--warn)}.dash i{background:conic-gradient(var(--amber) calc(var(--k,0) * 360deg), transparent 0);opacity:.85}.dash i.on{opacity:1}.prompt.blocked{color:var(--ink-dim);font-size:13px}.fade{text-align:center;opacity:0;pointer-events:none;place-content:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.card-title{font-family:var(--serif);color:var(--lamp);font-size:clamp(34px,5vw,56px);font-weight:700}.card-sub{font-family:var(--serif);color:var(--ink-dim);margin-top:6px;font-size:20px}@media (max-width:720px){.objective{width:auto;top:16px;left:16px;right:190px}.tide{top:16px;right:16px}.hp{width:160px}}.flare-chip{color:var(--ink-dim);align-items:center;gap:5px;font-size:11px;display:flex}.flare-chip b{font-weight:600}.flare-chip i{border:1px solid var(--lamp);background:conic-gradient(#fff1c9bf calc(var(--k,0) * 360deg), transparent 0);opacity:.7;border-radius:50%;width:16px;height:16px}.flare-chip.ready{color:var(--lamp)}.flare-chip.ready i{background:var(--lamp);box-shadow:0 0 10px var(--lamp);opacity:1}.flare-chip.ping i{animation:.6s ease-out flare-ping}@keyframes flare-ping{0%{box-shadow:0 0 #fff1c9e6}to{box-shadow:0 0 0 12px #fff1c900}}.gloom-veil{opacity:0;background:radial-gradient(#08141826 20%,#061014e6 100%),radial-gradient(circle at 30% 70%,#3dffb00f,#0000 40%);position:absolute;inset:0}.swim-veil{opacity:0;background:linear-gradient(#124a540d 0%,#124a5438 55%,#0c343e8c 100%);position:absolute;inset:0}.captions{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.caption{color:var(--ink);white-space:nowrap;background:#050a0ec7;border-radius:3px;padding:3px 10px;font-size:14px;transition:opacity .4s}.caption.out{opacity:0}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{transition:none!important;animation:none!important}.story{pointer-events:none;background:radial-gradient(#05090cd1,#05090cf7);place-items:center;transition:opacity .8s;display:grid;position:absolute;inset:0}.story.out{opacity:0}.story-card{text-align:center;max-width:640px;padding:0 28px;animation:1.1s ease-out story-in}.story-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);font-size:12px}.story-card p{font-family:var(--serif);color:var(--lamp);margin:14px 0 26px;font-size:clamp(20px,2.4vw,27px);line-height:1.5}.story-go{color:var(--ink-dim);opacity:.8;font-size:12px}@keyframes story-in{0%{opacity:0;transform:translateY(8px)}}.reduced-motion .story-card{animation:none}.menu{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;box-sizing:border-box;background:#050a0e9e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.menu-panel{box-sizing:border-box;border:1px solid #ffd2962e;border-top:3px solid var(--amber);width:min(880px,100%);max-height:calc(100vh - 32px);color:var(--ink);background:#0e1820f5;border-radius:6px;padding:22px 26px 18px;overflow:auto}.menu h2{font-family:var(--serif);color:var(--lamp);margin:0;font-size:30px}.menu h2 small,.menu h3 small{font-family:var(--sans);color:var(--ink-dim);margin-left:8px;font-size:13px;font-weight:400}.menu h3{font-family:var(--serif);margin:0 0 8px;font-size:20px}.menu .lede{color:var(--ink-dim);margin:4px 0 16px;font-size:14px;line-height:1.5}.menu button{font:inherit;color:var(--ink);cursor:pointer;background:#ffffff0d;border:1px solid #ffd2964d;border-radius:4px;padding:6px 12px;font-size:13px}.menu button:hover:not(:disabled){background:#ffb34726}.menu button.primary{background:var(--amber);border-color:var(--amber);color:#1d1305;font-weight:600}.menu button.primary:hover:not(:disabled){background:#ffc46b}.menu button.danger{border-color:var(--warn);color:var(--warn)}.menu button:disabled{opacity:.4;cursor:default}.menu button.wide{width:100%;margin:8px 0 12px}.menu-foot{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;display:flex}.menu .hint{color:var(--ink-dim);font-size:12px}.cols{grid-template-columns:1fr 1fr;gap:22px;display:grid}.rows,.req,.dest{margin:0;padding:0;list-style:none}.rows li,.req li{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:5px 0;font-size:14px;display:flex}.rows li span,.req li span{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:auto}.rows li.key{color:var(--lamp)}.rows.gear li span,.rows li.key span{text-align:right;max-width:60%;font-size:12px}.rows li.empty{color:var(--ink-dim);font-style:italic}.req li.ok{color:var(--lamp)}.req li.ok span:after{content:" ✓";color:var(--amber)}.rise{background:#ffffff12;border-radius:3px;height:6px;margin:4px 0 12px;overflow:hidden}.rise i{background:var(--amber);height:100%;display:block}.perk{color:var(--ink-dim);margin:0 0 12px;font-size:14px}.perk strong{color:var(--lamp);font-weight:600}.req li span small{color:var(--amber)}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.card{background:#ffffff08;border:1px solid #ffffff12;border-radius:5px;flex-direction:column;padding:12px 14px;display:flex}.card.locked{opacity:.55}.card.owned{border-color:#ffb34766}.card header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card header strong{font-family:var(--serif);font-size:18px}.card .lvl{color:var(--ink-dim);white-space:nowrap;font-size:11px}.card p{color:var(--ink-dim);margin:4px 0 8px;font-size:13px;line-height:1.4}.card footer{align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.card footer em{color:var(--ink-dim);margin-right:auto;font-size:12px}.track{flex-wrap:wrap;gap:6px;margin:12px 0 16px;padding:0;list-style:none;display:flex}.track li{min-width:140px;color:var(--ink-dim);background:#ffffff0a;border-radius:4px;flex:1;padding:8px 10px;font-size:13px}.track li span{border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:11px;display:inline-grid}.track li.done{color:var(--lamp);background:#ffb3471f}.track li.next{color:var(--ink);box-shadow:inset 0 0 0 1px var(--amber)}.stage-card p{color:var(--ink-dim);font-size:14px}.stage-card .reveal strong{color:var(--lamp)}.chart-svg{border-radius:5px;width:100%;height:auto;margin-bottom:12px;display:block;box-shadow:inset 0 0 0 1px #ffd2962e}.chart-svg text{fill:var(--ink);font-family:var(--serif);text-anchor:middle}.chart-svg .rhumb{stroke:#ffe7b012;stroke-width:.6px}.chart-svg .drowned{fill:none;stroke:#96c4ce3d;stroke-width:.9px}.chart-svg .drowned rect,.chart-svg .drowned circle{fill:#96c4ce33;stroke:none}.chart-svg .shoal-edge,.chart-svg .shoal,.chart-svg .shallows{fill:none;stroke-linejoin:round}.chart-svg .shoal-edge{stroke:#cfe8e238;stroke-width:30px}.chart-svg .shoal{stroke:#0f3a50;stroke-width:28.6px}.chart-svg .shallows{stroke:#175069;stroke-width:12px}.chart-svg .small .shoal-edge{stroke-width:11px}.chart-svg .small .shoal{stroke-width:10px}.chart-svg .small .shallows{stroke-width:4.5px}.chart-svg .land{fill:#25332a}.chart-svg .coast{fill:none;stroke:#b8a678;stroke-width:1px;filter:drop-shadow(0 0 2px #b8a67859)}.chart-svg .sandbar{fill:none;stroke:#b8a678;stroke-width:2.2px;stroke-dasharray:1.5 2.5;stroke-linecap:round;opacity:.7}.chart-svg .rocks{stroke:#cfe8e2;stroke-width:.9px;opacity:.5}.chart-svg .sound text{fill:#cfe8e26b;font-size:8px;font-style:italic}.chart-svg .route{fill:none;stroke:#ffe7b099;stroke-width:1.2px;stroke-dasharray:4 3}.chart-svg .route.closed{opacity:.35}.chart-svg .route.foot{stroke-dasharray:.5 3.2;stroke-linecap:round;stroke-width:1.8px}.chart-svg .beam{transform-box:view-box;animation:14s linear infinite chart-sweep}@keyframes chart-sweep{to{transform:rotate(360deg)}}.chart-svg .fog{fill:#16232b;opacity:.86}.chart-svg .light path,.chart-svg .light rect{fill:#3a464e;stroke:#8d9aa2;stroke-width:.6px}.chart-svg .light.lit path,.chart-svg .light.lit rect{fill:var(--amber);stroke:var(--lamp)}.chart-svg .light.dead{opacity:.55}.chart-svg .glow{fill:#ffb347;opacity:.28;filter:blur(3px)}.chart-svg .place{fill:#cfe8e2;stroke:#0b2a3c;stroke-width:1px}.chart-svg .ship path{fill:#cfe8e2;stroke:#0b2a3c;stroke-width:.8px}.chart-svg .ship .spar{fill:none;stroke:#cfe8e2;stroke-width:1.1px}.chart-svg .here{fill:none;stroke:var(--amber);stroke-width:1.6px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite chart-here}@keyframes chart-here{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.1)}}.chart-svg .label{paint-order:stroke;stroke:#071b28d9;stroke-width:3px;font-size:12px}.chart-svg .label.home{fill:var(--amber)}.chart-svg .label.unknown{fill:#7d8d95;stroke:none;font-size:13px}.chart-svg .tiny{fill:#8a979e;font-size:8px;font-style:italic}.chart-svg .title{fill:var(--lamp);text-anchor:start;letter-spacing:.4px;font-size:17px}.chart-svg .subtitle{fill:var(--ink-dim);text-anchor:start;font-size:9.5px;font-style:italic}.chart-svg .scale path{fill:none;stroke:#b8a678;stroke-width:.9px}.chart-svg .scale text{fill:#b8a678;font-size:8px;font-style:italic}.chart-svg .rose circle{fill:none;stroke:#cdbb8e80;stroke-width:.7px}.chart-svg .rose .face{fill:#d8c79a}.chart-svg .rose .shade{fill:#6e6346}.chart-svg .rose text{fill:var(--lamp);font-size:10px}.dest li{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:10px 0;display:flex}.dest li div{flex:1}.dest li p{color:var(--ink-dim);margin:2px 0 0;font-size:13px}.dest li.fog{opacity:.5}.dest li em{color:var(--ink-dim);font-size:12px}.tabs{gap:6px;margin:12px 0 16px;display:flex}.tabs button.on{border-color:var(--amber);background:#ffb34733}.skills{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.skill{background:#ffffff08;border-radius:5px;padding:10px 12px}.skill header{justify-content:space-between;font-size:15px;display:flex}.skill header span{color:var(--lamp);font-family:var(--serif);font-size:20px}.skill .xp{background:#ffffff14;border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.skill .xp i{background:var(--amber);height:100%;display:block}.skill p{color:var(--ink-dim);margin:4px 0 0;font-size:12px}.skill p.next{color:var(--ink)}.settings label{grid-template-columns:170px 1fr 60px;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:grid}.settings label.check{display:flex}.settings input[type=range]{accent-color:var(--amber)}.settings select{font:inherit;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff2e;border-radius:6px;grid-column:span 2;justify-self:start;padding:5px 8px;font-size:14px}.settings select option{background:#10181d}.settings output{color:var(--ink-dim);font-size:13px}.settings .reset{border-top:1px solid #ffffff14;margin-top:18px;padding-top:14px}.settings .warn{color:var(--warn);font-size:14px}.settings h3{margin:18px 0 2px}.settings label small,.binds small{color:var(--ink-dim);font-size:12px}.binds{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin:6px 0 10px;padding:0;list-style:none;display:grid}.binds li{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:14px;display:flex}.binds button{min-width:72px}.binds button.listening{border-color:var(--amber);color:var(--amber)}@media (max-width:720px){.cols,.settings label,.binds{grid-template-columns:1fr}}.chapter{color:var(--ink);margin:4px 0 6px;font-size:14px;line-height:1.5}.creed{font-family:var(--serif);color:var(--ink-dim);margin:0 0 14px;font-size:15px;font-style:italic}