.panel{border:0;border-left:2px solid var(--ink);border-radius:var(--radius-l) 0 0 var(--radius-l);width:min(520px,44vw);max-width:none;height:100dvh;max-height:none;color:var(--foam);box-shadow:-40px 0 90px #00000080, inset 1px 0 0 var(--foam-faint);background:#061722f2;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:0 0 0 auto;overflow:hidden}.panel[open]{animation:sheet-in .45s var(--ease-out)}.panel::backdrop{background:linear-gradient(270deg,#02060c73,#0000 70%)}.panel:before{content:"";background:var(--isle);height:4px;position:absolute;inset:0 0 auto}.panel-scroll{overscroll-behavior:contain;flex:1;padding:1.25rem clamp(1.25rem,3vw,2.25rem) 2rem;overflow:auto}.panel-close{border:1px solid var(--foam-faint);color:var(--foam-soft);font-family:var(--font-ui);font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;margin-left:auto;padding:.3rem .4rem .3rem .9rem;display:flex}.panel-close:hover{color:var(--foam);border-color:var(--foam-soft)}.panel-head{grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;margin:.75rem 0 1.5rem;display:grid}.panel-place{color:var(--isle);font-family:var(--font-ui);font-size:var(--step-0);margin:0 0 .25em;font-style:italic}.panel-title{font-family:var(--font-display);font-size:var(--step-4);margin:0;font-weight:400;line-height:1.05}.panel-title:focus-visible{outline:none}.panel-facts{border-block:1px solid var(--foam-faint);flex-wrap:wrap;gap:.5rem 2.5rem;margin:0 0 1.25rem;padding:.75rem 0;display:flex}.panel-facts dt{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1)}.panel-facts dd{font-family:var(--font-ui);font-size:var(--step-0);margin:0}.panel-scroll p{max-width:34em;color:var(--foam-soft)}.panel-scroll .panel-lede{color:var(--foam);font-size:var(--step-2);line-height:1.45}.panel-subhead{font-family:var(--font-display);font-size:var(--step-1);margin:1.75rem 0 .6rem;font-weight:400}.panel-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.75rem;display:flex}.panel-entries{margin:0;padding:0;list-style:none}.panel-entries li{border-top:1px solid var(--foam-faint);grid-template-columns:6.5rem 1fr;gap:1rem;padding:.65rem 0;display:grid}.panel-entries time{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);padding-top:.15em}.panel-entries a{color:var(--foam);-webkit-text-decoration-color:var(--foam-faint);text-decoration-color:var(--foam-faint)}.panel-entries a:hover{color:var(--lantern)}.panel-nav{border-top:1px solid var(--foam-faint);background:#030d1599;grid-template-columns:1fr 1fr;display:grid}.panel-nav button{color:var(--foam);font-family:var(--font-ui);font-size:var(--step-0);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.7rem;padding:.9rem 1.25rem;display:flex}.panel-nav button+button{border-left:1px solid var(--foam-faint);text-align:right;justify-content:flex-end}.panel-nav button:hover{background:var(--foam-faint)}.panel-nav-hint{color:var(--brine);font-size:var(--step--1);display:block}@keyframes sheet-in{0%{opacity:0;transform:translate(40px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.panel-grip{display:none}@media (width<=859px){.panel{transition:transform .25s var(--ease-out);border-left:0;border-top:2px solid var(--ink);border-radius:var(--radius-l) var(--radius-l) 0 0;width:100%;height:auto;max-height:72dvh;inset:auto 0 0}.panel[open]{animation-name:sheet-up}.panel::backdrop{background:linear-gradient(#0000 30%,#02060c80)}.panel-head .portrait{width:92px!important;height:92px!important}.panel-grip{z-index:1;cursor:grab;touch-action:none;height:2.6rem;display:block;position:absolute;inset:0 0 auto}.panel-grip:after{content:"";background:var(--foam-faint);border-radius:3px;width:2.75rem;height:5px;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.panel-scroll{padding-top:2.75rem}.panel-close{z-index:2;background:#030d15d9;margin:0;padding:.3rem .9rem;position:absolute;top:.55rem;right:.9rem}.panel-head{margin-top:0}.panel-title{font-size:var(--step-3)}}.fishing{z-index:12;width:min(calc(100% - var(--gutter) * 2), 34rem);justify-items:center;gap:.9rem;display:grid;position:absolute;bottom:clamp(1.25rem,6vh,3rem);left:50%;transform:translate(-50%)}.fishing-box{border:2px solid var(--ink);text-align:center;width:100%;animation:fishing-in .25s var(--ease-out);background:#030d15e6;border-radius:18px;padding:1rem 1.4rem .9rem;box-shadow:inset 0 0 0 1px #ffd67859,0 12px 32px #00000080}.fishing-box p{color:var(--foam);font-family:var(--font-display);font-size:var(--step-2);text-wrap:balance;margin:0;line-height:1.35}.fishing-box .fishing-lure{color:var(--lantern);font-family:var(--font-ui);font-size:var(--step-0);margin-top:.4rem}.fishing-box .fishing-bite{color:var(--lantern)}.fishing-box .fishing-hint{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);margin-top:.5rem}.fishing-act{border:2px solid var(--ink);background:var(--lantern);color:var(--ink);font-family:var(--font-ui);font-size:var(--step-1);cursor:pointer;touch-action:manipulation;border-radius:999px;align-items:center;gap:.6rem;margin-top:.75rem;padding:.55rem 1.4rem .55rem 1.6rem;font-weight:700;display:inline-flex;box-shadow:0 0 0 2px #c9963e,0 0 18px #f3b04a73}.fishing-act kbd{color:var(--ink);background:#03080c1f;border-color:#03080c4d}.fishing-box[data-phase=bite] .fishing-act{animation:.35s ease-in-out infinite alternate bite-pulse}.reel{border:2px solid var(--ink);width:100%;height:26px;box-shadow:inset 0 0 0 1px var(--foam-faint), 0 8px 20px #0006;background:linear-gradient(#0f3045,#071823);border-radius:999px;position:relative}.reel-zone{background:#f3b04a59;border-radius:999px;position:absolute;top:3px;bottom:3px;box-shadow:inset 0 0 0 2px #c9963e}.reel-sweet{background:var(--lantern);border-radius:999px;position:absolute;inset:2px 33%}.reel-needle{border:2px solid var(--ink);background:#e0465c;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:-6px;bottom:-6px}@keyframes fishing-in{0%{opacity:0;transform:translateY(10px)}}@keyframes bite-pulse{to{transform:scale(1.08)}}.item-get{z-index:60;padding:calc(var(--topbar) + 1rem) var(--gutter) clamp(1.25rem, 6vh, 3rem);background:radial-gradient(at 50% 38%,#030d158c,#02060ceb 70%);grid-template-rows:1fr auto;justify-items:center;animation:.4s both item-dim;display:grid;position:fixed;inset:0}.item-stage{aspect-ratio:1;align-self:center;place-items:center;width:min(70vw,340px);display:grid;position:relative}.item-rays{background:repeating-conic-gradient(#ffe09652 0deg 9deg,#0000 9deg 24deg);border-radius:50%;animation:14s linear infinite rays-turn,.6s both item-dim;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 68%);mask-image:radial-gradient(circle,#000 18%,#0000 68%)}.item-art{filter:drop-shadow(0 0 18px #ffe0968c);width:46%;animation:item-rise .9s var(--ease-out) both, item-float 3s .9s ease-in-out infinite;position:relative}.item-art svg{width:100%;display:block;overflow:visible}.item-sparkle{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#fff6dc;width:10px;height:10px;animation:1.8s ease-in-out infinite sparkle;position:absolute}.item-sparkle.s1{top:24%;left:26%}.item-sparkle.s2{animation-delay:-.6s;top:34%;right:22%}.item-sparkle.s3{animation-delay:-1.2s;bottom:26%;left:34%}.item-box{border:2px solid var(--ink);text-align:center;width:min(100%,36rem);animation:fishing-in .4s .5s var(--ease-out) both;background:#030d15f0;border-radius:20px;padding:1.25rem 1.5rem 1rem;box-shadow:inset 0 0 0 1px #ffd67859,0 16px 40px #0000008c}.item-line{color:var(--foam);font-family:var(--font-display);font-size:var(--step-3);text-wrap:balance;margin:0;line-height:1.3}.item-line strong{color:#ff6b6b;font-weight:400}.item-desc{max-width:30em;color:var(--foam-soft);margin:.6rem auto 0}.item-note{border:2px solid var(--ink);color:#2e2017;background:#efe3c2;border-radius:6px;max-width:28em;margin:1rem auto 0;padding:.9rem 1.1rem;font-style:italic;line-height:1.5;transform:rotate(-.6deg)}.item-count{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);margin:.5rem 0 0}.item-omen{color:#b48cff;font-style:italic}.item-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.item-continue{border:1px solid var(--foam-faint);color:var(--foam-soft);font-family:var(--font-ui);font-size:var(--step-0);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .5rem .35rem 1rem;display:inline-flex}.item-continue:hover{color:var(--foam)}@media (pointer:coarse){.fishing-act kbd,.item-continue kbd,.fishing-box .fishing-hint{display:none}.item-continue{padding-right:1rem}}@keyframes item-dim{0%{opacity:0}}@keyframes item-rise{0%{opacity:0;transform:translateY(60px)scale(.6)}}@keyframes item-float{50%{transform:translateY(-8px)}}@keyframes rays-turn{to{transform:rotate(360deg)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)rotate(45deg)}}.inventory{z-index:55;padding:calc(var(--topbar) + .5rem) var(--gutter) var(--gutter);background:radial-gradient(at 50% 40%,#030d1599,#02060ce6 70%);place-items:center;animation:.25s both inv-fade;display:grid;position:fixed;inset:0}.inventory-panel{width:min(100%,34rem);min-width:0;max-height:100%;box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink), inset 0 0 0 3px #ffd67840, 0 20px 50px #0000008c;animation:inv-open .3s var(--ease-out) both;background:linear-gradient(#0f3045,#0a2433);border:3px solid #c9963e;border-radius:22px;gap:1.1rem;padding:1.25rem 1.4rem 1.4rem;display:grid;overflow:auto}.inventory-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 1rem;display:grid}.inventory-head h2{font-family:var(--font-display);font-size:clamp(1.6rem, 7vw, var(--step-4));margin:0;font-weight:400;line-height:1}.inventory-head p{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);grid-column:1;margin:.2rem 0 0}.inventory-head .inventory-gold{color:var(--lantern);font-variant-numeric:lining-nums tabular-nums;align-items:center;gap:.4rem;margin-top:.4rem;display:inline-flex}.inventory-gold svg{width:1.3em;height:1.3em}.inventory-close{border:1px solid var(--foam-faint);color:var(--foam-soft);font-family:var(--font-ui);font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;grid-area:1/2/span 2;align-items:center;gap:.5rem;padding:.3rem .4rem .3rem .9rem;display:inline-flex}.inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,3vw,1rem);display:grid;position:relative}.inventory-slot{aspect-ratio:1;border:2px solid var(--ink);cursor:pointer;background:radial-gradient(circle at 40% 35%,#174a63,#071b26 70%);border-radius:50%;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 0 0 2px #d8efe61f,inset 0 -6px 12px #00000059}.inventory-slot[data-state=empty]{opacity:.6;background:radial-gradient(circle at 40% 35%,#0e2f40,#06141d 70%)}.inventory-slot{transition:transform .35s var(--ease-out), filter .35s var(--ease-out), opacity .35s ease}.inventory-slot[aria-selected=true]{filter:brightness(1.15);transform:scale(1.07)}.inventory-slot[aria-selected=true] .inventory-art{animation:2.4s ease-in-out infinite slot-bob}.inventory-cursor{z-index:1;pointer-events:none;border-radius:50%;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1);animation:2.2s ease-in-out infinite cursor-glow;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #c9963e,0 0 20px #f3b04a80,inset 0 0 0 2px #ffd67859}@keyframes cursor-glow{50%{box-shadow:0 0 0 3px #e0b25a,0 0 28px #f3b04ab3,inset 0 0 0 2px #ffd67873}}@keyframes slot-bob{50%{transform:translateY(-4px)rotate(-3deg)}}.inventory-slot:focus-visible{border-radius:50%;outline:none}.inventory-art{filter:drop-shadow(0 2px #0006);width:62%}.inventory-art svg{width:100%;display:block;overflow:visible}.inventory-count{border:2px solid var(--ink);background:var(--lantern);min-width:1.8em;color:var(--ink);font-family:var(--font-ui);font-size:var(--step--1);font-variant-numeric:lining-nums tabular-nums;border-radius:999px;padding:.05em .4em;font-weight:700;position:absolute;bottom:4%;right:4%}.inventory-unknown{color:#f3b04a8c;font-family:var(--font-display);font-size:clamp(1.4rem,6vw,2rem)}.inventory-box{border:2px solid var(--ink);transition:height .38s var(--ease-out);background:#030d15d9;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd6784d}.inventory-box-inner{min-height:7.5rem;animation:box-in .38s var(--ease-out) both;padding:1rem 1.2rem}.inventory-box p{margin:0}.inventory-name{color:#ff6b6b;font-family:var(--font-display);font-size:var(--step-3);line-height:1.2}.inventory-desc{color:var(--foam-soft);margin-top:.35rem!important}.inventory-meta{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);font-variant-numeric:lining-nums;margin-top:.5rem!important}.inventory-notes{gap:.6rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.inventory-notes li{border:2px solid var(--ink);color:#2e2017;background:#efe3c2;border-radius:6px;padding:.7rem .9rem;font-style:italic;line-height:1.45}.inventory-notes li:nth-child(odd){transform:rotate(-.5deg)}.inventory-notes li:nth-child(2n){transform:rotate(.4deg)}.hud-satchel{left:var(--gutter);bottom:var(--gutter);z-index:5;border:2px solid var(--ink);background:var(--glass);box-shadow:inset 0 0 0 1px var(--foam-faint);color:var(--foam);font-family:var(--font-ui);font-size:var(--step-0);cursor:pointer;filter:brightness(calc(1 - var(--sea-dark,0) * .7));border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .6rem .4rem .45rem;display:inline-flex;position:absolute}.hud-satchel svg{width:30px;height:30px}.hud-satchel:hover{box-shadow:inset 0 0 0 1px var(--foam-soft)}@media (pointer:coarse){.hud-satchel kbd,.inventory-close kbd{display:none}.inventory-close{padding-right:.9rem}}@keyframes box-in{0%{opacity:0;transform:translateY(6px)}}@keyframes inv-fade{0%{opacity:0}}@keyframes inv-open{0%{opacity:0;transform:scale(.95)}}.inventory-slot[data-state=kept] .inventory-art{opacity:.45}.voyage{background:var(--abyss);position:fixed;inset:0;overflow:hidden}.sea{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(at 50% 55%,#0000 52%,#02060c99 100%);position:absolute;inset:0}.intro{z-index:8;padding:var(--topbar) var(--gutter) var(--gutter);text-align:center;background:radial-gradient(75% 60%,#030d15e6,#030d1573 70%,#030d1533);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:absolute;inset:0}.voyage[data-intro=false] .intro{opacity:0;visibility:hidden}.intro-inner{width:100%;max-width:80rem}.intro-ship{filter:drop-shadow(0 0 14px #030d15f2);width:clamp(76px,9vw,116px);animation:surface 1.6s var(--ease-out) both;margin:0 auto .6rem;display:block;overflow:visible}.intro-ship-body{transform-box:fill-box;transform-origin:50% 90%;animation:4.5s ease-in-out infinite ship-rock}.intro-ship-pennant{transform-box:fill-box;transform-origin:0%;animation:.9s ease-in-out infinite alternate pennant-flutter}.intro-ship-glow{animation:2.6s ease-in-out infinite breathe}@keyframes ship-rock{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes pennant-flutter{0%{transform:scaleY(1)}to{transform:scaleY(.7)skewY(-5deg)}}.intro-name{color:var(--foam);font-family:var(--font-display);letter-spacing:.01em;text-shadow:0 4px 0 var(--ink), 0 0 48px #f3b04a38;animation:surface 1.6s var(--ease-out) both;margin:0;font-size:clamp(2.25rem,10.5vw,8.5rem);font-weight:400;line-height:.95;position:relative}.intro-tagline{text-wrap:balance;max-width:30em;color:var(--foam-soft);animation:surface 1.6s .25s var(--ease-out) both;margin:1.4em auto 0}.intro-start{color:var(--foam);font-family:var(--font-ui);font-size:var(--step-1);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;margin-top:2.25rem;padding:.6rem 1.4rem;font-weight:500;animation:2.6s ease-in-out 1.4s infinite both breathe}.intro-start:hover{border-color:var(--foam-faint)}.intro-alt{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);margin:1.25rem 0 0}@keyframes surface{0%{opacity:0;filter:blur(8px)}}@keyframes breathe{0%,to{opacity:.5}50%{opacity:1}}.hud{transition:opacity .6s,visibility .6s}.voyage[data-intro=true] .hud,.voyage[data-docked=true] .hud,.voyage[data-fishing=true] .hud,.voyage[data-intro=true] .hud-satchel,.voyage[data-docked=true] .hud-satchel,.voyage[data-fishing=true] .hud-satchel{opacity:0;visibility:hidden}.hud-compass,.hud-chart{z-index:5;position:absolute}.hud-compass{top:calc(var(--topbar) + 8px);right:var(--gutter);width:124px}.compass{width:100%;overflow:visible}.compass-rim{fill:var(--glass);stroke:var(--ink);stroke-width:3px}.compass-face{fill:none;stroke:var(--foam-faint);stroke-width:1.5px;stroke-dasharray:2 6}.compass-ticks{stroke:var(--foam-soft);stroke-width:2.5px;stroke-linecap:round}.compass-n{fill:var(--lantern);font-family:var(--font-display);text-anchor:middle;font-size:13px}.compass-wind{fill:none;stroke:var(--foam);stroke-opacity:.45;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.needle-bow{fill:var(--sail);stroke:var(--ink);stroke-width:1.5px}.needle-stern{fill:var(--foam-soft);stroke:var(--ink);stroke-width:1.5px}.compass-needle circle{fill:var(--lantern);stroke:var(--ink);stroke-width:1.5px}.compass-readout{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);font-variant-numeric:tabular-nums;text-align:center;text-shadow:0 1px 2px var(--ink);margin:.35rem 0 0;line-height:1.35;display:grid}.hud-chart{right:var(--gutter);bottom:var(--gutter);width:208px}.hud-chart[data-open=true]{z-index:30}.chart-frame{border-radius:var(--radius-m);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink), inset 0 0 0 3px #ffd67840, 0 12px 34px #00000080;background:#0a2433;border:3px solid #c9963e;position:relative;overflow:hidden}.chart-frame:before,.chart-frame:after{content:"";z-index:1;border:2px solid var(--ink);pointer-events:none;background:#f3b04a;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.chart-frame:before{top:4px;left:4px}.chart-frame:after{bottom:4px;right:4px}.chart-canvas{aspect-ratio:36/26;width:100%}.chart-open{cursor:zoom-in;background:0 0;border:0;justify-content:flex-end;align-items:flex-start;padding:6px;display:flex;position:absolute;inset:0}.chart-open kbd{opacity:.7}.chart-caption{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);text-align:right;text-shadow:0 1px 2px var(--ink);margin:.4rem 0 0}.chart-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02060c99;position:fixed;inset:0}.hud-chart[data-open=true] .chart-frame{width:min(92vw,880px,138.462dvh - 249.231px);animation:unfurl .28s var(--ease-out);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.hud-chart[data-open=true] .chart-canvas{cursor:crosshair}.hud-chart[data-open=true] .chart-caption{visibility:hidden}.chart-header{border-bottom:1px solid var(--foam-faint);background:linear-gradient(#0f3045,#0a2433);grid-template-columns:1fr auto;align-items:center;gap:0 1rem;padding:.9rem 1.1rem;display:grid}.chart-header h2{font-family:var(--font-display);font-size:var(--step-3);margin:0;font-weight:400}.chart-header p{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);grid-column:1;margin:0}.chart-close{border:1px solid var(--foam-faint);color:var(--foam-soft);font-family:var(--font-ui);font-size:var(--step--1);cursor:pointer;background:0 0;border-radius:999px;grid-area:1/2/span 2;align-items:center;gap:.5rem;padding:.3rem .4rem .3rem .9rem;display:inline-flex}.chart-close:hover{color:var(--foam)}@keyframes unfurl{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}}.dock-prompt{z-index:6;border:2px solid var(--lantern);color:var(--foam);font-family:var(--font-ui);font-size:var(--step-0);white-space:nowrap;cursor:pointer;background:#030d15e6;border-radius:999px;align-items:center;gap:.55rem;padding:.35rem 1rem .35rem .4rem;font-weight:500;transition:opacity .2s;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 0 30px #f3b04a40}.dock-prompt:after{content:"";border:7px solid #0000;border-top-color:var(--lantern);position:absolute;top:100%;left:50%;transform:translate(-50%)}.dock-prompt kbd{border-color:var(--ink);background:var(--lantern);color:var(--ink)}.dock-prompt[data-show=false]{opacity:0;pointer-events:none}.voyage[data-docked=true] .dock-prompt{visibility:hidden}.toast{top:calc(var(--topbar) + 18px);z-index:7;width:min(calc(100% - var(--gutter) * 2), 56rem);text-align:center;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.toast-message{max-width:100%;color:var(--foam);font-family:var(--font-display);font-size:var(--step-2);text-wrap:balance;text-shadow:0 2px 0 var(--ink);background:linear-gradient(90deg,#0000,#030d15e0 22% 78%,#0000);margin:0;padding:.45rem 3rem;animation:2.6s both toast;display:inline-block}@keyframes toast{0%{opacity:0;letter-spacing:.08em}15%,80%{opacity:1;letter-spacing:.01em}to{opacity:0}}@media (width<=640px){.hud-compass{width:84px}.compass-readout{display:none}.hud-chart{width:150px}.toast{top:auto;bottom:176px}.toast-message{font-size:var(--step-1);background:#030d15e0;border-radius:14px;padding:.5rem 1.1rem;line-height:1.35;box-shadow:0 0 22px 6px #030d158c}}.hud-compass,.chart-frame,.chart-caption,.dock-prompt{filter:brightness(calc(1 - var(--sea-dark,0) * .7))}.page{max-width:72rem;padding:clamp(2.5rem, 6vw, 4.5rem) var(--gutter) 5rem;margin:0 auto}.page-narrow{max-width:46rem}.page-title{font-family:var(--font-display);font-size:clamp(var(--step-5), 8vw, var(--step-7));margin:0 0 .3em;font-weight:400;line-height:1.02}.lede{max-width:32em;color:var(--foam-soft);font-size:var(--step-2);margin:0;line-height:1.5}.project-list{margin:0;padding:0;list-style:none}.project{border-top:1px solid var(--foam-faint);grid-template-columns:176px 1fr;gap:clamp(1.5rem,4vw,3.5rem);padding-block:3rem;display:grid}.project-portrait{border-radius:50%;align-self:start}.project-place{color:var(--isle);font-family:var(--font-display);font-size:var(--step-1);margin:0}.project-title{font-size:var(--step-4);margin:.05em 0 .2em;font-weight:700;line-height:1.1}.project-title a{color:var(--foam);text-decoration:none}.project-title a:hover{color:var(--foam);text-decoration:underline;-webkit-text-decoration-color:var(--isle);text-decoration-color:var(--isle);text-decoration-thickness:2px}.project-meta{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);flex-wrap:wrap;gap:.25rem 1.5rem;margin:0 0 1rem;display:flex}.project-summary{max-width:34em;font-size:var(--step-2);margin:0 0 .5em;line-height:1.45}.project-desc{max-width:38em;color:var(--foam-soft);margin:0 0 1.25rem}.project-highlights{max-width:38em;margin:0 0 1.5rem}.project-highlights-heading{font-family:var(--font-display);font-size:var(--step-1);margin:0 0 .75rem;font-weight:400}.project-actions{flex-wrap:wrap;gap:.6rem;margin:1.75rem 0 0;display:flex}@media (width<=640px){.project{grid-template-columns:1fr;gap:1.25rem}.project-portrait .portrait{width:120px!important;height:120px!important}}.banner{padding:clamp(2rem, 5vw, 3.5rem) var(--gutter) 0;text-align:center;background:radial-gradient(60% 70% at 50% 0,#0f3b4f8c,#0000 70%)}.banner-art{grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:.75rem;max-width:44rem;margin:0 auto;display:grid}.banner-rule{background:linear-gradient(to right, transparent, var(--foam-faint) 30%, #d8efe659);border-radius:2px;height:2px}.banner-rule:last-child{background:linear-gradient(to left, transparent, var(--foam-faint) 30%, #d8efe659)}.banner-curl{fill:none;stroke:#d8efe673;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:48px;height:18px}.banner-emblem{width:120px;height:120px}.emblem{width:100%;height:100%;display:block;overflow:visible}.emblem-letter{fill:var(--lantern);font-family:var(--font-display);font-size:16px}.emblem-needle{transform-box:view-box;transform-origin:80px 80px;animation:6s ease-in-out infinite alternate needle-drift}@keyframes needle-drift{0%{transform:rotate(-7deg)}to{transform:rotate(5deg)}}.banner-text{max-width:44rem;margin:1.25rem auto 0}.banner-text .page-title{margin-bottom:.15em}.banner-text .lede{max-width:34em;margin:0 auto}.banner-text .lede p{margin:0}.banner+.page{padding-top:clamp(2rem,4vw,3rem)}@media (width<=560px){.banner-curl{display:none}.banner-emblem{width:96px;height:96px}}.emblem-flame{transform-box:fill-box;transform-origin:50% 100%;animation:3.4s ease-in-out infinite alternate flame-sway}.emblem-glow{animation:4s ease-in-out infinite alternate glow-breathe}.emblem-embers circle{opacity:0;animation:5.5s ease-out infinite ember-rise}.emblem-embers circle:nth-child(2){animation-delay:-1.4s}.emblem-embers circle:nth-child(3){animation-delay:-2.9s}.emblem-embers circle:nth-child(4){animation-delay:-4.1s}@keyframes flame-sway{0%{transform:skew(-2deg)scaleY(.98)}to{transform:skew(2deg)scaleY(1.02)}}@keyframes glow-breathe{0%{opacity:.75}to{opacity:1}}@keyframes ember-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.9}to{opacity:0;transform:translate(6px,-58px)}}@media (prefers-reduced-motion:reduce){.emblem-embers circle{opacity:.6}}.logbook{--rule:2rem;--margin:9.5rem;max-width:54rem;padding:var(--rule) clamp(1.25rem, 4vw, 3rem) calc(var(--rule) * 2) calc(var(--margin) + 1.5rem);border:2px solid var(--ink);background:linear-gradient(to right, transparent calc(var(--margin) - 1px), #a8243a8c calc(var(--margin) - 1px), #a8243a8c calc(var(--margin) + 1px), transparent calc(var(--margin) + 1px)), repeating-linear-gradient(to bottom, transparent 0 calc(var(--rule) - 1px), #d8efe612 calc(var(--rule) - 1px) var(--rule)), linear-gradient(to right, #0b1d28, #0d2330 40%, #0b1f2a);background-position:0 0, 0 calc(var(--rule) * .5), 0 0;box-shadow:inset 0 0 0 1px var(--foam-faint), inset 24px 0 30px -18px #0009, 0 20px 50px #00000059;line-height:var(--rule);border-radius:6px 14px 14px 6px;margin:0 auto;position:relative}.logbook:before{content:"";border-left:2px dashed #c9963e73;position:absolute;top:1rem;bottom:1rem;left:.7rem}.logbook-entries{margin:0;padding:0;list-style:none}.log-entry{padding-bottom:var(--rule);position:relative}.log-margin{top:0;left:calc(-1 * var(--margin) - 1.5rem + 1.6rem);width:calc(var(--margin) - 2.4rem);text-align:right;display:grid;position:absolute}.log-no{color:var(--lantern);font-family:var(--font-display);font-size:var(--step-1)}.log-margin time{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);font-variant-numeric:lining-nums tabular-nums}.log-title{font-size:var(--step-2);font-weight:700;line-height:var(--rule);margin:0}.log-title a{color:var(--foam);text-decoration:none}.log-title a:hover{color:var(--lantern);text-decoration:underline;text-decoration-thickness:1px}.log-excerpt{max-width:36em;color:var(--foam-soft);font-style:italic;line-height:var(--rule);margin:0}.log-foot{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);line-height:var(--rule);margin:0}.logbook-empty{color:var(--foam-soft);margin:0;font-style:italic}@media (width<=640px){.logbook{--margin:1.6rem;padding-left:calc(var(--margin) + 1rem)}.log-margin{text-align:left;align-items:baseline;gap:.75rem;width:auto;display:flex;position:static}}.back-link{font-family:var(--font-ui);font-size:var(--step-0)}.article-header{border-bottom:1px solid var(--foam-faint);margin:2rem 0 2.5rem;padding-bottom:2rem}.article-meta{color:var(--brine);font-family:var(--font-ui);font-size:var(--step-0);flex-wrap:wrap;gap:.25rem 1.5rem;margin:0 0 .75rem;display:flex}.article-title{font-family:var(--font-display);font-size:clamp(var(--step-4), 6vw, var(--step-6));margin:0;font-weight:400;line-height:1.08}.article-tags{flex-wrap:wrap;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.prose{font-size:1.25rem;line-height:1.68}.prose>*{max-width:34em}.prose p{margin:0 0 1.1em}.prose h2{font-family:var(--font-display);font-size:var(--step-3);margin:2em 0 .6em;font-weight:400;line-height:1.2}.prose blockquote{border-left:3px solid var(--lantern);font-size:var(--step-3);margin:2em 0;padding:.2em 0 .2em 1.25em;font-style:italic;line-height:1.4}.prose blockquote p{margin:0}.prose h3{font-size:var(--step-2);margin:1.6em 0 .5em;font-weight:700}.prose a{color:var(--lantern)}.prose img{border:2px solid var(--ink);border-radius:var(--radius-m);max-width:100%;height:auto;margin:1.75em 0;display:block}.prose hr{border:0;border-top:2px solid var(--foam-faint);width:6rem;margin:2.5em auto}.prose :not(pre)>code{background:var(--abyss-deep);color:var(--foam);border-radius:4px;padding:.1em .35em}.prose ol{margin:0 0 1.2em;padding-left:1.6em}.prose ol li::marker{color:var(--lantern);font-family:var(--font-ui)}.prose ul{margin:0 0 1.2em;padding-left:1.4em}.prose li{margin-bottom:.4em;padding-left:.3em}.prose ul li::marker{content:"~ ";color:var(--lantern)}.prose pre{border:2px solid var(--ink);border-radius:var(--radius-m);background:var(--abyss-deep);max-width:100%;box-shadow:inset 0 0 0 1px var(--foam-faint);margin:1.75em 0;padding:2.2em 1.4em 1.3em;font-size:.9rem;line-height:1.6;position:relative;overflow-x:auto}.prose pre:before{content:attr(data-lang);color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1);position:absolute;top:.7em;left:1.6em}.prose pre code{font-size:1em}.article-nav{border-top:1px solid var(--foam-faint);grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:4rem;padding-top:2rem;display:grid}.article-nav-link{gap:.2rem;text-decoration:none;display:grid}.article-nav-link.is-newer{text-align:right}.article-nav-label{color:var(--brine);font-family:var(--font-ui);font-size:var(--step--1)}.article-nav-title{color:var(--foam);font-weight:500;line-height:1.3}.article-nav-link:hover .article-nav-title{color:var(--lantern)}@media (width<=560px){.article-nav{grid-template-columns:1fr}.article-nav-link.is-newer{text-align:left}}.lost{min-height:calc(100dvh - var(--topbar));align-content:center;display:grid}.lost-actions{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.error-detail{border-radius:var(--radius-s);background:var(--abyss-deep);color:var(--brine);font-family:var(--font-code);font-size:var(--step--1);white-space:pre-wrap;padding:1rem}.gate{min-height:100svh;padding:var(--gutter);background:radial-gradient(ellipse at 50% 38%, var(--tide), var(--abyss) 55%, var(--abyss-deep));justify-content:center;align-items:center;display:flex}.gate-card{border:3px solid var(--ink);border-radius:var(--radius-l);background:var(--glass);width:min(100%,26rem);padding:clamp(1.5rem,6vw,2.5rem);box-shadow:inset 0 0 0 2px #f3b04a4d,0 24px 60px #00000080}.gate-title{color:var(--lantern);font-family:var(--font-display);font-size:var(--step-5);margin:0 0 .6rem;font-weight:400;line-height:1}.gate-lede{color:var(--foam-soft);font-family:var(--font-body);font-size:var(--step-1);margin:0 0 1.6rem;line-height:1.5}.gate-label{color:var(--foam);font-family:var(--font-ui);font-size:var(--step-0);margin-bottom:.4rem;font-weight:600;display:block}.gate-row{gap:.6rem;display:flex}.gate-row[data-wrong=true]{animation:.35s ease-in-out gate-shake}.gate-row input{border:2px solid var(--foam-faint);border-radius:var(--radius-m);min-width:0;color:var(--foam);font:inherit;font-size:var(--step-1);background:#030d15b3;flex:1;padding:.65rem .9rem}.gate-row input:focus-visible{border-color:var(--lantern);outline:none}.gate-row input[aria-invalid=true]{border-color:#ff8c8c}.gate-error{color:#ff8c8c;min-height:1.5em;font-family:var(--font-ui);font-size:var(--step--1);margin:.6rem 0 0}@keyframes gate-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.gate-row[data-wrong=true]{animation:none}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--abyss:#061722;--abyss-deep:#030d15;--tide:#0f3b4f;--foam:#d8efe6;--foam-soft:#d8efe6c2;--foam-faint:#d8efe624;--lantern:#f3b04a;--lantern-bright:#ffc96e;--sail:#a8243a;--brine:#6fa6a0;--ink:#03080c;--glass:#030d15cc;--font-display:"Uncial Antiqua", "Iowan Old Style", Georgia, serif;--font-body:"Alegreya", "Iowan Old Style", Georgia, serif;--font-ui:"Alegreya Sans", "Segoe UI", system-ui, sans-serif;--font-code:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--step--1:.875rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.3125rem;--step-3:1.5rem;--step-4:2.25rem;--step-5:3rem;--step-6:3.75rem;--step-7:4.5rem;--radius-s:6px;--radius-m:14px;--radius-l:28px;--gutter:clamp(16px, 4vw, 48px);--topbar:64px;--ease-out:cubic-bezier(.2, .8, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--abyss);min-height:100dvh;color:var(--foam);font-family:var(--font-body);font-size:var(--step-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}img,svg,canvas{max-width:100%;display:block}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a{color:var(--lantern);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--lantern-bright)}:focus-visible{outline:2px solid var(--lantern);outline-offset:3px;border-radius:4px}button{font:inherit;color:inherit}code{font-family:var(--font-code);font-size:.85em}kbd{border:1px solid var(--foam-faint);min-width:1.7em;height:1.7em;color:var(--foam);font-family:var(--font-ui);background:#03080ca6;border-bottom-width:3px;border-radius:5px;place-items:center;padding:0 .35em;font-size:.8em;font-weight:500;line-height:1;display:inline-grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;border-radius:var(--radius-s);background:var(--lantern);color:var(--ink);font-family:var(--font-ui);padding:.6rem 1rem;font-weight:500;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{color:var(--ink);transform:none}.compass-readout,.chart-caption,.entry-month,.article-meta,.project-meta,.panel-facts,.panel-entries time,.footer-sign{font-variant-numeric:lining-nums tabular-nums}@media (pointer:coarse){.dock-prompt kbd,.panel kbd,.chart-close kbd,.chart-open kbd{display:none}.dock-prompt{padding-left:1rem}}.btn{border:2px solid var(--foam-faint);color:var(--foam);font-family:var(--font-ui);font-size:var(--step-0);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.6em;padding:.55em 1.15em;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--foam-soft);color:var(--foam)}.btn-primary{border-color:var(--lantern);background:var(--lantern);color:var(--ink)}.btn-primary:hover{border-color:var(--lantern-bright);background:var(--lantern-bright);color:var(--ink)}.btn-primary kbd{color:var(--ink);background:#03080c1f;border-color:#03080c4d}.stack{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.stack li{border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--foam-faint), inset 0 1px 0 #d8efe61f;color:var(--foam);font-family:var(--font-ui);font-size:var(--step--1);background:linear-gradient(#0f3b4f8c,#030d15bf);border-radius:999px;align-items:center;gap:.5em;padding:.2em .85em .2em .55em;font-weight:500;display:inline-flex}.rupee{background:linear-gradient(to right, #ffffff73 0 32%, transparent 32% 68%, #0000004d 68%), var(--gem);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);width:.62em;height:1.1em;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--gem) 55%, transparent));flex:none;position:relative}.rupee:after{content:"";background:color-mix(in srgb, var(--gem) 40%, white);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);position:absolute;inset:26% 30%}.tag{color:var(--brine);font-family:var(--font-ui);text-decoration:none}.tag:hover{color:var(--lantern);text-decoration:underline}.link-btn{color:var(--lantern);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.highlights{border-left:2px solid color-mix(in srgb, var(--isle,var(--lantern)) 55%, transparent);gap:.8rem;margin:0;padding:0 0 0 1.2rem;list-style:none;display:grid}.highlights li{color:var(--foam-soft);position:relative}.highlights li:before{content:"";background:var(--isle,var(--lantern));width:10px;height:10px;box-shadow:0 0 0 3px var(--abyss), 0 0 12px color-mix(in srgb, var(--isle,var(--lantern)) 60%, transparent);border-radius:50%;position:absolute;top:.55em;left:calc(-1.2rem - 6px)}.highlights strong{color:var(--foam);font-weight:700;display:block}.highlights-note{color:var(--foam);margin:1rem 0 0}.portrait{outline:2px solid color-mix(in srgb, var(--isle,var(--lantern)) 70%, transparent);outline-offset:4px;box-shadow:0 0 46px color-mix(in srgb, var(--isle,var(--lantern)) 28%, transparent);border-radius:50%}.topbar{z-index:20;height:var(--topbar);padding-inline:var(--gutter);border-bottom:1px solid var(--foam-faint);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061722e0;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.topbar[data-overlay=true]{filter:brightness(calc(1 - var(--sea-dark,0) * .7));-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#030d15cc,#030d1500);border-bottom:0;position:fixed;inset:0 0 auto}.brand{min-width:0;color:var(--foam);align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand:hover{color:var(--foam)}.brand-mark{flex:none;width:34px;height:34px}.brand-mast{stroke:var(--foam);stroke-width:3px;stroke-linecap:round}.brand-sail{fill:var(--sail);stroke:var(--ink);stroke-width:2px}.brand-hull{fill:var(--lantern);stroke:var(--ink);stroke-width:2px}.brand-name{font-family:var(--font-display);font-size:var(--step-2);white-space:nowrap}.nav{gap:.25rem;display:flex}.nav a{border-radius:var(--radius-s);color:var(--foam-soft);font-family:var(--font-ui);font-size:var(--step-0);padding:.35em .75em;font-weight:500;text-decoration:none}.nav a:hover{color:var(--foam)}.nav a.active{color:var(--lantern);box-shadow:inset 0 -2px 0 var(--lantern);border-radius:0}.nav{align-items:center}.sound-toggle{border:1px solid var(--foam-faint);width:36px;height:36px;color:var(--foam-soft);cursor:pointer;background:0 0;border-radius:50%;place-items:center;margin-left:.35rem;padding:0;display:grid}.sound-toggle:hover{border-color:var(--foam-soft);color:var(--foam)}.sound-toggle[aria-pressed=true]{color:var(--lantern)}.sound-toggle[data-status=blocked]{border-color:var(--lantern);animation:2.4s ease-in-out infinite sound-invite}@keyframes sound-invite{0%,to{box-shadow:0 0 #f3b04a00}50%{box-shadow:0 0 0 5px #f3b04a2e}}.sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sound-speaker{fill:currentColor}@media (width<=520px){.brand-name{font-size:var(--step-1)}}@media (width<=600px){.brand-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.nav a{padding-inline:.45em}.nav a[href^=mailto]{display:none}}.footer{border-top:1px solid var(--foam-faint);background:var(--abyss-deep)}.footer-inner{max-width:72rem;padding:2.5rem var(--gutter) 3rem;font-family:var(--font-ui);font-size:var(--step-0);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2rem;margin:0 auto;display:flex}.footer-sign{color:var(--brine);margin:0;display:grid}.footer-name{color:var(--foam);font-family:var(--font-display);font-size:var(--step-2)}.footer-links{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}