html,body{background:#1b2a33;height:100%;margin:0;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#stage{flex:none;position:relative}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{position:absolute;top:0;left:0}#screen,#ui{width:100vw;height:100vh}@font-face{font-family:Pixelify;src:url(/fonts/pixelify-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Pixelify;src:url(/fonts/pixelify-sans-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:block}@font-face{font-family:Pixelify;src:url(/fonts/pixelify-sans-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:block}@font-face{font-family:Jersey;src:url(/fonts/jersey-10-latin-400-normal.woff2)format("woff2");font-display:block}#ui{--font-body:"Pixelify", ui-monospace, monospace;--font-head:"Jersey", "Pixelify", monospace;--fs-s:.86em;--fs-l:1.3em;--fs-xl:1.9em;--fs-xxl:2.6em;--text:#f6eedc;--muted:#cbbfa5;--gold:#f0cf6a;--good:#9ad98f;--warn:#f2d36b;--bad:#ef8a72;--hint:#f4c36a;--sea:#8fb8d8;--focus:#f0cf6a;--focus-bg:#f0cf6a24;--wood-hi:#4a3322;--wood:#2b1f16;--wood-lo:#1b130d;--edge:#7a5530;--well:#140d08;--chip:#1b130dd1;--paper-ink:#2e2116;--paper-muted:#5e4a33;--paper-gold:#8a5d0c;--paper-good:#2f6b2c;--paper-bad:#9a3a28;--paper-focus:#8a5d0c;--r:.35em;--gap:.5em;pointer-events:none;font-family:var(--font-body);color:var(--text);letter-spacing:.045em;word-spacing:.12em;-webkit-user-select:none;user-select:none;font-size:16px;line-height:1.4;position:absolute;inset:0;overflow:hidden}#ui *{box-sizing:border-box}button:where(#ui *){font:inherit;color:inherit;letter-spacing:inherit;text-align:inherit;background:0 0;border:0;padding:0}#ui p{margin:.3em 0}.item,.btn,.tab,.lcell,.fcard,.screen,.center{pointer-events:auto}.item,.btn,.tab,.lcell,.fcard{cursor:pointer}h1,h2,.title,.logo,.coins{font-family:var(--font-head);letter-spacing:.04em;margin:0;font-weight:400;line-height:1}h1{font-size:var(--fs-xxl);color:var(--gold);text-shadow:0 .06em #6a4a18}h2,.title{font-size:var(--fs-xl)}.caps{font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.small,.sub{font-size:var(--fs-s)}.sub,.muted{color:var(--muted)}.gold{color:var(--gold)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.num{font-variant-numeric:tabular-nums;text-align:right;min-width:2.6em}.center-t{text-align:center;justify-content:center}.row{align-items:center;gap:var(--gap);display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.icon{object-fit:contain;width:2em;height:2em;image-rendering:pixelated;filter:drop-shadow(0 .1em #00000059);flex:none}.icon.s{width:1.3em;height:1.3em}.icon.l{width:3em;height:3em}.icon.xl{width:6em;height:6em}.sil{filter:brightness(0)opacity(.35)}.panel .icon,.chip .icon,.well .icon{filter:drop-shadow(0 0 .06em #ffecbebf)drop-shadow(0 .1em #00000059)}.panel .icon.sil,.well .icon.sil{filter:brightness(0)opacity(.35)}.swatch{border-radius:var(--r);flex:none;width:2em;height:1.4em;box-shadow:inset 0 0 0 .12em #0006}.panel{border:.16em solid var(--edge);background:linear-gradient(#302218f7,#1e1610f7);border-radius:.45em;position:relative;box-shadow:inset 0 0 0 .12em #140d08,inset 0 .2em 0 .12em #ffdca012,0 .3em #00000059,0 .6em 1.4em #00000040}.rivets:before,.rivets:after{content:"";background:radial-gradient(circle at 35% 35%,#fff0b0,#b88a30 60%,#6a4a18);border-radius:50%;width:.38em;height:.38em;position:absolute;top:.32em;box-shadow:0 .06em #0008}.rivets:before{left:.32em}.rivets:after{right:.32em}.paper{color:var(--paper-ink);border-radius:var(--r);--muted:var(--paper-muted);--gold:var(--paper-gold);--good:var(--paper-good);--bad:var(--paper-bad);--warn:#8a6a10;--focus:var(--paper-focus);--focus-bg:#a06e1e29;background:radial-gradient(at 35% 25%,#f8eed6,#e8d6ad 65%,#d4ba8a);box-shadow:inset 0 0 1.4em #78501e4d,0 .25em #0000004d}.paper h1{color:var(--paper-gold);text-shadow:none}.well{border-radius:var(--r);background:#0a060359;box-shadow:inset 0 .1em .4em #00000073}.well.pad{padding:.5em .7em}.chip{text-shadow:0 .07em #0009;background:var(--chip);border-radius:var(--r);border:.1em solid #7a5530b3;align-items:center;gap:.45em;padding:.25em .6em;display:inline-flex;box-shadow:0 .15em .5em #00000040}.key{color:#2a1f17;min-width:1.5em;height:1.35em;font-weight:700;font-size:var(--fs-s);letter-spacing:0;vertical-align:.05em;text-transform:none;background:linear-gradient(#fff6dc,#e6d2a6);border-radius:.25em;justify-content:center;align-items:center;margin:0 .15em;padding:0 .3em;line-height:1;display:inline-flex;box-shadow:0 .14em #8a6a3a}.key.pad{background:linear-gradient(#e8eef2,#b8c6cf);border-radius:.7em;box-shadow:0 .14em #5a6a74}.kglyph{fill:currentColor;width:.75em;height:.75em}.hint{white-space:nowrap;align-items:center;gap:.15em;margin-right:.9em;display:inline-flex}.hints-inline{flex-wrap:wrap;align-items:center;display:inline-flex}.btn{border-radius:var(--r);color:#fff6dc;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(#a87a3a,#7a5530);border:.12em solid #c9a24a;align-items:center;gap:.4em;padding:.35em .9em;display:inline-flex;box-shadow:0 .16em #3a2a1c}.btn:hover{filter:brightness(1.12)}.btn.primary{padding:.45em 1.1em}.btn.danger{color:var(--bad);border-color:var(--bad)}.panel a{color:var(--sea)}.panel a:hover,.panel a:focus-visible{color:var(--focus)}.btn[disabled]{color:var(--muted);box-shadow:none;cursor:default;filter:none;background:0 0;border-style:dashed;border-color:currentColor}.bar{background:var(--well);border-radius:.3em;height:.55em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .08em #000}.bar>i{background:linear-gradient(#b4ec9c,#4f8f4a);border-radius:.3em;transition:width .4s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.bar.gold>i{background:linear-gradient(#ffe39a,#c9a24a)}.bar.bad>i{background:linear-gradient(#ffa08a,#b0423a)}.bar.warn>i{background:linear-gradient(#fff09a,#d0a43a)}.pips{gap:.2em;margin-top:.15em;display:flex}.pips i{background:var(--well);border-radius:.12em;width:.6em;height:.6em;box-shadow:inset 0 0 0 .08em #5a4430}.pips i.on{background:linear-gradient(#ffe39a,#c9a24a);box-shadow:inset 0 0 0 .08em #6a4a18}.item{border-radius:var(--r);border:.12em solid #0000;align-items:center;gap:.6em;width:100%;padding:.4em .55em;display:flex}.item:hover{background:#ffffff0d}.sel,.item.sel{box-shadow:0 0 .7em #f0cf6a40;border-color:var(--focus)!important;background:var(--focus-bg)!important}.item.off>.grow,.item.off>.icon{opacity:.6}.item.static{cursor:default;padding:.3em .4em}.price{font-family:var(--font-head);font-size:var(--fs-l);color:var(--gold);white-space:nowrap}.price.short{color:var(--muted);text-decoration:line-through;text-decoration-thickness:.08em}.price.big{font-size:var(--fs-xl)}.flash{animation:.9s ease-out flash}@keyframes flash{0%{box-shadow:0 0 0 .25em #fff0a0e6,0 0 1.6em #fff0a0e6}to{box-shadow:0 0 #fff0a000}}.hud-left{flex-direction:column;align-items:flex-start;gap:.35em;max-width:24em;display:flex;position:absolute;top:.8em;left:.8em}.coins{color:var(--gold);text-shadow:0 .08em #6a4a18;font-size:1.7em}.coins.big{font-size:2.2em}.floater{font-size:var(--fs-s);animation:1.4s ease-out forwards rise}@keyframes rise{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.2em)}}.mini{width:8.4em;position:absolute;top:.8em;right:.9em}.mini .ring{background:radial-gradient(circle at 35% 30%,#f6dc8a,#a87a2a 55%,#5a3a10);border-radius:50%;width:8.4em;height:8.4em;padding:.35em;position:relative;box-shadow:0 .25em #00000059,0 .5em 1em #0000004d}.mini canvas,.mini .compass{cursor:pointer;pointer-events:auto;border-radius:50%;width:100%;height:100%;display:block}.mini .compass .cpt{font:13px var(--font-head);fill:#f0d27a;fill-opacity:.85;text-anchor:middle;dominant-baseline:central}.mini .n{font-family:var(--font-head);color:#2a1f17;background:#f0d27a;border-radius:.3em;padding:0 .3em;position:absolute;top:-.15em;left:50%;transform:translate(-50%)}.fishdial{filter:drop-shadow(0 .25em .4em #00000073);width:15em;transition:opacity .3s;position:absolute;bottom:.8em;left:50%;transform:translate(-50%)}.fishdial.off,.fishtip.off{opacity:0;pointer-events:none}.fishdial .dial{width:100%;height:auto;display:block;overflow:visible}.fishdial .bezel{fill:#b8862e;stroke:#5a3a10;stroke-width:1.6px}.fishdial .face{fill:#f2e6c4;stroke:#7a5530;stroke-width:1px}.fishdial .trk{fill:#d9caa3}.fishdial .z.safe{fill:#7fb86a}.fishdial .z.strain{fill:#e2b94a}.fishdial.grace .z.safe{fill:#9ad98f;filter:drop-shadow(0 0 3px #b4ec9c)}.fishdial.grace .z.strain,.fishdial.grace .z.danger{opacity:.45}.fishdial .z.danger{fill:#c0493a}.fishdial.surge .z.danger{animation:.24s steps(2,end) infinite danger-flash}@keyframes danger-flash{50%{fill:#ff8a6a}}.fishdial .sweep{fill:#7fb86a}.fishdial .sweep.perfect{fill:#f0cf6a;animation:.5s ease-in-out infinite alternate perfect-glow}@keyframes perfect-glow{to{fill:#fff2b0}}.fishdial .prog-bg{fill:none;stroke:#3a2810;stroke-width:7px;stroke-linecap:round}.fishdial .prog{fill:none;stroke:#5fd0e0;stroke-width:5px;filter:drop-shadow(0 0 2px #8fe6f0);stroke-linecap:round;transition:d .15s linear}.fishdial .prog.taking{stroke:#ef8a72}.fishdial .prog-head{fill:#1b3a44;stroke:#5fd0e0;stroke-width:2px}.fishdial .prog-head.taking{stroke:#ef8a72}.fishdial image{image-rendering:pixelated}.fishdial .tick{stroke:#4a3624;stroke-width:1.2px}.fishdial .tick.big{stroke-width:2.2px}.fishdial .needle{transform-origin:0 0;transition:transform .12s ease-out}.fishdial .needle path{fill:#7e2c25;stroke:#2a1f17;stroke-width:.8px}.fishdial .needle .hook{fill:#2a1f17}.fishdial.surge .needle path{fill:#c0493a}.fishdial .hub{fill:#b8862e;stroke:#5a3a10;stroke-width:1.4px}.fishdial .hub-in{fill:#5a3a10}.fishdial.alert .bezel{fill:#d9a040}.fishdial.q3 .bezel{fill:#f0cf6a;filter:drop-shadow(0 0 3px #f0cf6a)}.fishdial.bite .bezel{animation:.45s ease-in-out infinite alternate bite-pulse}@keyframes bite-pulse{to{fill:#f0cf6a}}.fishdial .plaque{white-space:nowrap;width:100%;height:1.5em;font-size:var(--fs-s);color:#fff6dc;background:linear-gradient(#5a3a10,#3a2810);border:.1em solid #b8862e;border-radius:.3em;align-items:center;gap:.3em;margin:-.15em auto 0;padding:0 .5em;display:flex;position:relative;overflow:hidden}.fishdial .plaque .ic{flex:none;justify-content:center;align-items:center;width:1.5em;height:1.4em;display:inline-flex}.fishdial .plaque .ic>*{width:auto;max-height:1.3em}.fishdial .plaque .title{font-size:inherit;text-overflow:ellipsis;min-width:0;overflow:hidden}.fishdial .plaque .right{flex:none;align-items:center;gap:.3em;display:inline-flex}.fishdial .stars{color:var(--gold);letter-spacing:.05em}.fishdial .stars .off{opacity:.3}.fishtip{text-align:center;color:#fff6dc;text-shadow:0 .08em #000,0 0 .4em #000c;pointer-events:none;width:24em;transition:opacity .25s;position:absolute;bottom:10.4em;left:50%;transform:translate(-50%)}.fishtip>span{font-size:var(--fs-s)}.fishtip.hot{color:var(--gold)}.captions-stack{position:absolute;bottom:12.6em;left:50%;transform:translate(-50%)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.hints{white-space:nowrap;font-size:var(--fs-s);text-shadow:0 .1em #000a;flex-wrap:nowrap;row-gap:.35em;display:flex;position:absolute;bottom:.9em;left:.8em}.shadowed{font-size:var(--fs-s);background:var(--chip);border-radius:var(--r);padding:.25em .6em}.toasts{flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:.9em;left:50%;transform:translate(-50%)}.toasts.low{top:1.6em}.toast{white-space:nowrap;animation:.45s cubic-bezier(.2,.8,.2,1) slidein}.toast.good{color:var(--gold);border-color:#f0cf6a99}.toast.bad{color:var(--hint);border-color:#f4c36a8c}.toast.fade{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(-.3em)}@keyframes slidein{0%{opacity:0;transform:translateY(-.4em)}to{opacity:1;transform:none}}.captions{flex-direction:column;align-items:center;gap:.2em;display:flex}.caption{color:#fff;background:#000000c7;border-radius:.2em;padding:.15em .6em}.chip.easy-offer{pointer-events:auto;white-space:normal;gap:.45em;max-width:24em}.chip.easy-offer .go{pointer-events:auto;cursor:pointer;color:var(--gold);border-radius:var(--r);border:1px solid #f0cf6a99;padding:0 .45em}.chip.easy-offer .x{pointer-events:auto;cursor:pointer;color:var(--muted);padding:0 .2em;font-size:1.15em;line-height:1}@keyframes glow{0%{box-shadow:0 0 #f4c36a00}to{box-shadow:0 0 1.2em #f4c36a8c}}.meter{grid-template-columns:4em 1fr 4.2em;align-items:center;gap:.5em;display:grid}.meter .state{font-size:var(--fs-s);text-align:right}.gauge{background:var(--well);border-radius:.4em;height:.9em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .08em #000}.gauge>i{background:linear-gradient(#b4ec9c,#4f8f4a);border-radius:.4em;position:absolute;top:0;bottom:0;left:0}.gauge.warn>i{background:linear-gradient(#fff09a,#d0a43a)}.gauge.bad>i{background:repeating-linear-gradient(-45deg,#ffa08a 0 .3em,#b0423a .3em .6em)}.gauge.gold>i{background:linear-gradient(#ffe39a,#c9a24a)}.gauge>b{background:#ffffff8c;width:.12em;position:absolute;top:0;bottom:0}.gauge .zone{background:repeating-linear-gradient(45deg,#ef8a7273 0 .3em,#ef8a722e .3em .6em);position:absolute;top:0;bottom:0;right:0}.card{align-items:center;gap:.9em;width:25em;padding:.8em 1em;animation:.5s cubic-bezier(.2,.8,.2,1) drop;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)}@keyframes drop{0%{opacity:0;transform:translate(-50%,-.8em)}to{opacity:1;transform:translate(-50%)}}.stamp{font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.08em;border:.12em solid;border-radius:.25em;margin:.3em .35em 0 0;padding:.05em .4em;display:inline-block;transform:rotate(-5deg)}.stamp.sea{color:#3f5f8a}.label-world{font-size:var(--fs-s);white-space:nowrap;padding:.1em .4em;position:absolute;transform:translate(-50%,-100%)}.sunk{background:#0e181e8c;flex-direction:column;justify-content:center;align-items:center;gap:.4em;animation:1s fadein;display:flex;position:absolute;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.screen.panel{background:linear-gradient(#30221a,#1e1610)}.screen{flex-direction:column;padding:.9em 1.1em .8em;animation:.3s ease-out fadein;display:flex;position:absolute;inset:.9em}.screen.doc{padding:.8em}.screen.flush{padding:0}.head{justify-content:space-between;align-items:flex-end;gap:1em;margin-bottom:.5em;display:flex}.foot{color:var(--muted);justify-content:space-between;align-items:center;gap:1em;margin-top:.6em;font-size:.85em;display:flex}.tabs{align-items:center;gap:.35em;margin:.2em 0 .6em;display:flex}.tab{border-radius:var(--r) var(--r) 0 0;background:var(--wood-lo);color:var(--muted);border:.12em solid var(--wood-hi);text-transform:uppercase;letter-spacing:.08em;border-bottom:none;align-items:center;gap:.45em;padding:.4em .9em .3em;display:inline-flex}.tab:hover{color:var(--text)}.tab.on{color:#fff6dc;background:linear-gradient(#a87a3a,#7a5530);border-color:#c9a24a}.tnum{opacity:.75;font-size:.7em}.body{flex:1;gap:.8em;min-height:0;display:flex}.list{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex-direction:column;flex:1;gap:.15em;min-width:0;padding:.4em;display:flex;overflow-y:auto}.list-head{padding:.6em .4em .2em}.list-head:first-child{padding-top:.2em}.col{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex-direction:column;flex:1;gap:.5em;min-width:0;min-height:0;display:flex;overflow-y:auto}.col.side{flex:0 0 17em}.detail{flex-direction:column;flex:0 0 19em;gap:.5em;padding:.9em;display:flex;overflow-y:auto}.d-icon{justify-content:center;padding:.4em 0;display:flex}.d-body{flex:1}.d-foot{background:linear-gradient(#0000,#e8d6ad 35%);justify-content:space-between;align-items:center;gap:.6em;margin-top:auto;padding:.5em 0 .2em;display:flex;position:sticky;bottom:-.9em}.d-foot .btn{margin-left:auto}.why{font-size:var(--fs-s);color:var(--warn);text-align:right}.ledger{flex-direction:column;gap:.25em;display:flex}.trend{font-size:var(--fs-s);text-align:right;min-width:3.4em}.trend.up:before{content:"";vertical-align:.1em;border:.3em solid #0000;border-top:0;border-bottom:.45em solid;margin-right:.25em;display:inline-block}.trend.down:before{content:"";vertical-align:.1em;border:.3em solid #0000;border-top:.45em solid;border-bottom:0;margin-right:.25em;display:inline-block}.preview{aspect-ratio:1.45;border-radius:var(--r);background:radial-gradient(at 50% 40%,#4a7a94,#2b4566);flex:none;width:100%;display:block}.detail .preview{aspect-ratio:1.9}.preview.chart{aspect-ratio:1.2;filter:sepia(.3)}.stat{grid-template-columns:4.6em 1fr 4.6em;align-items:center;gap:.5em;margin:.15em 0;display:grid}.hold-grid{grid-template-columns:repeat(3,1fr);align-content:start;gap:.35em;display:grid}.fcard{border-radius:var(--r);background:#00000040;border:.12em solid #3a2a1c;align-items:center;gap:.5em;min-height:3.8em;padding:.35em 1.2em .55em .4em;display:flex;position:relative}.fcard>.icon.l{width:2.4em;height:2.4em}.fcard>div{white-space:nowrap}.fcard.empty{opacity:.35;cursor:default}.fcard .badges{gap:.1em;display:flex;position:absolute;top:.2em;right:.3em}.journal{flex:1;min-height:0;display:flex}.journal .page{flex:1;padding:.9em 1em;overflow-y:auto}.journal .page+.page{border-left:.15em solid #78501e59;box-shadow:inset .8em 0 1em -.8em #78501e73}.screen.flush .foot{padding:0 1em .7em}.lgrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3em;display:grid}.lcell{aspect-ratio:1.3;border-radius:var(--r);border:.12em solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.lcell>.icon.l{width:85%;height:auto}.lcell .corner{position:absolute;top:.05em;right:.05em}.hero{justify-content:center;display:flex}.hero .icon.huge{width:10em;height:6em}.facts{grid-template-columns:auto 1fr;gap:.4em 1em;margin:.8em 0 0;display:grid}.facts dt{font-size:var(--fs-s);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-self:center}.facts dd{margin:0}.chartwrap{flex:1;min-height:0;padding:.4em;position:relative}.chartwrap canvas{pointer-events:auto;touch-action:none;border-radius:.2em;width:100%;height:100%;display:block;box-shadow:0 0 0 .12em #3a2a1c,0 0 0 .35em #e9d9b0,0 0 0 .47em #3a2a1c}.legend{font-size:var(--fs-s);flex-wrap:wrap;align-items:center;gap:1em;display:flex}.legend span{align-items:center;gap:.35em;display:inline-flex}.lg{width:.75em;height:.75em;display:inline-block;box-shadow:0 0 0 .1em #1b2a33}.lg.port{background:#f0cf6a;border-radius:50%;width:.85em;height:.85em}.lg.light{background:linear-gradient(#efe9dc 40%,#c0493a 40% 60%,#efe9dc 60%);width:.4em;height:.9em}.lg.unknown{background:0 0;border-radius:50%;width:.6em;height:.6em;box-shadow:inset 0 0 0 .12em #8a949c}.lg.wreck,.lg.treasure{box-shadow:none;background:linear-gradient(45deg,#0000 42%,currentColor 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,currentColor 42% 58%,#0000 58%)}.lg.wreck{color:#a87a3a}.lg.treasure{color:#c0493a}.lg.you{width:0;height:0;box-shadow:none;filter:drop-shadow(0 0 .08em #1b2a33);border:.4em solid #0000;border-left:.75em solid #ff9a6b;border-right:0}.lg.target{background:0 0;border:.18em solid #f0cf6a;border-radius:50%;box-shadow:0 0 0 .08em #1b2a33}.lg.school,.lg.sailor{background:#b4d0d8;border-radius:50%;width:.5em;height:.5em}.lg.sailor{background:#e6efec;width:.6em;height:.6em}.lg.escaped{background:0 0;border:.16em solid #c0493a;border-radius:50%;box-shadow:0 0 0 .08em #1b2a33}.lg.island{box-shadow:none;background:0 0;border:.12em dashed #3a2a1cb3;border-radius:50%}.wp-glyph{background:#e6efec;flex:none;width:.55em;height:.55em;margin:0 .15em;display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 .1em #1b2a33}.chart-chips{z-index:1;flex-direction:column;align-items:flex-start;gap:.4em;max-width:calc(100% - 2em);display:flex;position:absolute;top:1em;left:1em}.chart-chips .chip{color:#f6eedc;pointer-events:auto}.chart-ctl{z-index:1;align-items:center;gap:.3em;display:flex;position:absolute;bottom:1em;right:1em}.chart-ctl .btn[aria-label]{min-width:2em;padding:.1em .4em;font-size:1.1em}.chart-tip{z-index:2;pointer-events:none;max-width:19em;font-size:var(--fs-s);color:#f6eedc;background:#1b2a33eb;border:.1em solid #f0cf6a73;border-radius:.35em;flex-direction:column;gap:.1em;padding:.35em .6em;display:flex;position:absolute;box-shadow:0 .2em .6em #00000059}.chart-tip b{color:#fff6dc;font-weight:600}.chart-tip,.region-card,.chart-chips .chip,.chart-ctl{--muted:#c3ced2;--gold:#f0cf6a}.region-card{z-index:1;color:#f6eedc;width:17em;max-width:calc(100% - 9em);font-size:var(--fs-s);pointer-events:none;flex-direction:column;gap:.25em;padding:.5em .7em;display:flex;position:absolute;bottom:1em;left:1em}.region-card .rc-head{justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.region-card .rc-head b{font-family:var(--font-head);color:#fff6dc;letter-spacing:.04em;font-size:1.25em}.region-card .rc-tag{color:#8fd48a;white-space:nowrap;background:#8fd48a2e;border-radius:.3em;padding:0 .4em;font-size:.8em}.region-card .rc-tag.shut{color:#f0a090;background:#c0493a38}.region-card .rc-stats{gap:.9em;display:flex}.region-card .rc-stats b{color:var(--gold)}.region-card .rc-fish{flex-wrap:wrap;align-items:center;gap:.15em .3em;display:flex}html.touch .region-card{display:none}.chart-ctl .btn[disabled]{color:#8a949c;background:#1b2a338c;border-style:solid}html.touch .chart-ctl .btn[aria-label]{display:none}.center{flex-direction:column;justify-content:center;align-items:center;gap:.8em;display:flex;position:absolute;inset:0}.dim-bg{background:#0a101680}.logo{color:#fff6dc;text-shadow:0 .05em #2a1f17,0 .1em #7a5530,0 .12em .3em #00000080;font-size:6.5em;line-height:.9;animation:3s ease-in-out infinite bob}.logo.still{font-size:4em;animation:none}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-.08em)rotate(1deg)}}.tagline{color:var(--gold);background:var(--chip);border-radius:var(--r);padding:.2em .8em}.menu-box{padding:.8em 1.2em}.menu{flex-direction:column;gap:.3em;min-width:14em;display:flex}.menu .item{text-transform:uppercase;letter-spacing:.08em;justify-content:center;font-size:1.15em}.menu-box.confirm{text-align:center;flex-direction:column;gap:.6em;max-width:30em;display:flex}.menu-box.confirm p{white-space:normal;margin:0}.menu.row{flex-direction:row;justify-content:center;gap:.6em}.menu .item.danger{color:var(--bad)}.dialog{overscroll-behavior:contain;flex-direction:column;width:34em;max-width:96vw;max-height:92%;padding:1em 1.4em;display:flex;overflow-y:auto}.dialog h1{margin-bottom:.3em}.scroll{scrollbar-width:thin;scrollbar-color:var(--edge) transparent;flex:1;min-height:0;overflow-y:auto}.setrow{grid-template-columns:1fr auto;align-items:center;gap:1em;display:grid}.value{color:var(--gold);align-items:center;gap:.3em;display:inline-flex}.vol{gap:.15em;display:flex}.vol i{background:var(--well);border-radius:.12em;width:.8em;height:.9em}.vol i.on{background:linear-gradient(#ffe39a,#c9a24a)}.help{min-height:2.8em;color:var(--muted);border-top:.1em solid #7a553080;padding-top:.4em;font-size:.9em}#ui.plain{--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-head:system-ui, -apple-system, "Segoe UI", sans-serif;letter-spacing:.01em}#ui.plain h1,#ui.plain h2,#ui.plain .title,#ui.plain .coins,#ui.plain .price,#ui.plain .logo{font-weight:700}#ui.calm *,#ui.calm :before{transition:none!important;animation:none!important}#ui.hc{--text:#fff;--muted:#e2dccf;--gold:#ffd84a;--good:#a8ff9a;--bad:#ff9d85;--chip:#000000eb;--focus:#fff;--focus-bg:#ffffff29;--paper-ink:#000;--paper-muted:#3a2a14;--paper-gold:#6a4400;--paper-good:#1d5a18;--paper-bad:#8a1c08;--paper-focus:#000}#ui.hc .panel{background:#0c0805;border-color:#f0d27a}#ui.hc .paper{background:#fbf4e4}#ui.hc .chip,#ui.hc .toast{border-color:#fff}#ui.hc .hints,#ui.hc .shadowed{border-radius:var(--r);background:#000000d9;padding:.2em .4em}#ui.hc .sel{outline:.12em solid var(--focus)}.forecast{font-size:var(--fs-s);margin-right:.8em}.forecast.warn{color:var(--hint);border-color:#f4c36ab3}.cat-dot{background:#d9803a;border-radius:.35em .35em .2em .2em;flex:none;width:.9em;height:.7em;box-shadow:.35em -.3em 0 -.12em #d9803a}.sunk-card{text-align:center;max-width:32em;padding:1.2em 1.8em}.sunk-card h1{margin-bottom:.3em}.checklist{border-radius:var(--r);background:#78501e1a;flex-direction:column;gap:.3em;margin:.5em 0;padding:.5em .6em;display:flex}.finale{text-align:center;width:40em}.finale .facts{text-align:left;max-width:22em;margin:.8em auto}.finale .logo{margin-bottom:.3em;font-size:3.6em}.cheats{width:30em}.cheat-input{background:var(--well);border:.1em solid var(--edge);border-radius:var(--r);min-height:1.8em;color:var(--gold);padding:.3em .5em;font-family:ui-monospace,monospace;font-size:1.4em}.cheat-input.err{border-color:var(--hint)}.caret{background:var(--gold);vertical-align:-.1em;width:.55em;height:1em;margin-left:.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.cheats .code{text-transform:none;letter-spacing:0;color:var(--gold);cursor:pointer;pointer-events:auto;font-family:ui-monospace,monospace}.talk-wrap{pointer-events:auto;cursor:pointer;background:linear-gradient(#0000 55%,#0a10168c);justify-content:center;align-items:flex-end;padding-bottom:1.4em;display:flex;position:absolute;inset:0}.talk{align-items:center;gap:1em;width:44em;max-width:92%;padding:.9em 1.2em;animation:.35s cubic-bezier(.2,.8,.2,1) talk-in;display:flex;position:relative}@keyframes talk-in{0%{opacity:0;transform:translateY(.8em)}to{opacity:1;transform:none}}.talk .portrait{border-radius:var(--r);background:radial-gradient(circle at 50% 40%,#4a7a94,#2b4566);flex:none;justify-content:center;align-items:center;width:6.5em;height:6.5em;display:flex;box-shadow:inset 0 0 0 .12em #140d08}.talk .line{margin-top:.3em;font-size:1.1em;line-height:1.45}.talk-foot{align-items:center;gap:.6em;font-size:.8em;display:flex;position:absolute;bottom:.5em;right:1em}.talk .grow{padding-bottom:1.2em}.online{width:34em}.form-row{align-items:center;gap:.6em;margin:.6em 0;display:flex}.form-grid{grid-template-columns:auto 1fr;align-items:center;gap:.5em .8em;margin:.6em 0;display:grid}#ui input{pointer-events:auto;font:inherit;color:var(--text);background:var(--well);border:.1em solid var(--edge);border-radius:var(--r);flex:1;min-width:0;padding:.3em .5em}#ui input:focus{outline:.12em solid var(--focus)}.label-world.sailor{color:var(--sea);border-color:#8fb8d899}.label-world.bare{opacity:.7;pointer-events:none;filter:drop-shadow(0 .1em #000a);padding:0}.account-box{border-radius:var(--r);background:#0a06034d;margin:.6em 0;padding:.7em}.seg-pick{gap:.3em;margin-bottom:.6em;display:flex}.seg-btn{pointer-events:auto;cursor:pointer;border-radius:var(--r);flex:1;padding:.35em;border:.12em solid var(--wood-hi)!important;color:var(--muted)!important;text-align:center!important}.seg-btn.on{border-color:var(--focus)!important;color:var(--text)!important;background:var(--focus-bg)!important}.small-btn{font-size:var(--fs-s);padding:.25em .6em}.online .dot{background:var(--muted);border-radius:50%;flex:none;width:.6em;height:.6em}.online .dot.online{background:var(--good)}.online .dot.connecting{background:var(--warn)}.why.left{text-align:left}.bubble{color:#2a1f17;font-size:var(--fs-s);white-space:nowrap;background:#fff6dc;border-radius:.6em;padding:.25em .6em;animation:.3s ease-out bubble-in;position:absolute;transform:translate(-50%,-100%);box-shadow:0 .15em #0000004d}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,-70%)}to{opacity:1;transform:translate(-50%,-100%)}}.bubble:after{content:"";border:.35em solid #0000;border-top-color:#fff6dc;border-bottom:0;position:absolute;bottom:-.35em;left:50%;transform:translate(-50%)}.bubble.mine{background:#f0d27a}.bubble.mine:after{border-top-color:#f0d27a}.bubble.say{white-space:normal;text-align:center;overflow-wrap:anywhere;width:max-content;max-width:16em;line-height:1.3}.emote-pick{pointer-events:auto;min-width:16em;padding:.6em;position:absolute;bottom:5em;left:50%;transform:translate(-50%)}#screen{touch-action:none;-webkit-touch-callout:none}#touch{pointer-events:none;color:#f6eedc;-webkit-user-select:none;user-select:none;font-family:Pixelify,ui-monospace,monospace;position:absolute;inset:0}.course-pin{filter:drop-shadow(0 1px #000a);width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.course-pin.live{animation:.9s ease-in-out infinite alternate pin}@keyframes pin{0%{transform:translate(-50%,-50%)scale(.85)}to{transform:translate(-50%,-50%)scale(1.1)}}.tb{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;letter-spacing:.03em;width:52px;height:54px;color:inherit;text-shadow:0 1px #0009;background:#1b130dd6;border:2px solid #7a5530e6;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:0;font:11px/1 Pixelify,ui-monospace,monospace;display:flex;position:relative;box-shadow:0 2px #00000059}.tb .icon{width:26px;height:26px}.tb.down{background:#f0cf6a4d;border-color:#f0cf6a}.tb.off{opacity:.5}.tb.main,.tb.use{color:#fff6dc;background:linear-gradient(#a87a3a,#7a5530);border-color:#c9a24a;border-radius:50%}.tb.main{width:80px;height:80px;font-size:13px}.tb.main .icon{width:36px;height:36px}.tb.use{width:64px;height:64px;font-size:12px}.tb.main.down,.tb.use.down{background:linear-gradient(#c9a24a,#a87a3a)}.tb.main.pulse{animation:1.1s ease-in-out infinite cast-pulse}@keyframes cast-pulse{0%,to{box-shadow:0 0 #f0cf6ab3}50%{box-shadow:0 0 0 12px #f0cf6a00}}.tbadge{color:#2a1f17;min-width:20px;height:20px;text-shadow:none;background:#f0cf6a;border-radius:10px;padding:0 5px;font-size:12px;line-height:20px;position:absolute;top:-6px;right:-6px}.tglyph{fill:none;width:24px;height:24px}.tglyph.text{justify-content:center;align-items:center;font-size:15px;display:flex}.tb .cat-dot{width:20px;height:15px;margin-top:4px}.tbar,.tact,.tcorner{align-items:flex-end;display:flex;position:fixed}.tbar{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));gap:6px}.tact{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));gap:10px}.tcorner{right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));gap:8px}.tcorner.top{top:max(10px, env(safe-area-inset-top));bottom:auto}html.touch #ui>.app{font-size:max(1em, calc(12px * var(--ui-k,1)))}html.touch #ui :is(.item:not(.static),.btn,.tab,.seg-btn){min-height:44px}html.touch #ui :is(.dialog,.card,.talk,.online,.cheats,.finale,.sunk-card,.emote-pick){max-width:calc(100vw - 1.2em)}html.touch #ui :is(.hint,.tnum),html.touch #ui :is(.prompt,.prompt-world,.btn,.tabs)>.key{display:none}html.touch #ui .fishdial{bottom:70px}html.touch #ui .fishtip{max-width:calc(100vw - 2em);bottom:calc(70px + 9.6em)}html.touch #ui .captions-stack{bottom:calc(70px + 11.8em)}html.touch #ui .screen:not(:has(.tabs)) .foot{min-height:52px;padding-right:64px}html.touch #ui .screen.flush .foot{padding-right:76px}html.touch #ui .screen:has(.chartwrap) .foot{padding-right:130px}@media (max-height:500px){html.touch #ui .screen{padding:.5em .8em;inset:.4em}html.touch #ui .head{margin-bottom:.2em}html.touch #ui .tabs{margin-bottom:.3em}html.touch #ui .detail .icon.xl{width:3em;height:3em}html.touch #ui .detail .preview{display:none}}@media (orientation:portrait){html.touch .tact{bottom:calc(max(8px, env(safe-area-inset-bottom)) + 66px)}html.touch #ui .fishdial{bottom:250px}html.touch #ui .fishtip{bottom:calc(250px + 9.6em)}html.touch #ui .captions-stack{bottom:calc(250px + 11.8em)}html.touch #ui .chat-float .fade:not(:last-child){display:none}html.touch #ui .toasts{top:32%}html.touch #ui .toasts:not(.low){align-items:center;max-width:calc(100vw - 2em);left:50%;right:auto;transform:translate(-50%)}#ui .chip.objective{max-width:calc(100vw - 11.5em)}html.touch #ui :is(.head,.tabs){flex-wrap:wrap}html.touch #ui .tab{border-radius:var(--r);border-bottom:.12em solid var(--wood-hi)}html.touch #ui .body{flex-direction:column;overflow-y:auto}html.touch #ui .body>.col{flex:none;overflow:visible}html.touch #ui .body>.list{flex:auto;min-height:9em}html.touch #ui .body>.detail{flex:none;max-height:45%}html.touch #ui .journal{flex-direction:column}html.touch #ui .journal>.page{min-height:0}html.touch #ui .journal .page+.page{box-shadow:none;border-top:.15em solid #78501e59;border-left:0}html.touch #ui .lgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}.hud-bar{gap:0;width:max-content;max-width:calc(100vw - 1.6em);padding:.3em .7em;font-size:1em}.hud-bar .seg{white-space:nowrap;align-items:center;gap:.35em;margin:0 0 0 .9em;display:inline-flex;position:relative}.hud-bar .seg:first-child{margin-left:0}.hud-bar .seg.bad{color:var(--bad)}.hud-bar .coins{font-variant-numeric:tabular-nums;font-size:1.25em;line-height:1}.hud-bar .num{text-align:left;font-variant-numeric:tabular-nums;display:inline-block}.hud-bar .coins.num,.hud-bar .num.hold{min-width:2.6em}.hud-bar .floater{white-space:nowrap;pointer-events:none;position:absolute;top:-.2em;left:1.6em}.hud-bar .mini-bar{width:4em;display:inline-block}.hud-bar .key{font-size:.8em}.chip.objective{text-align:left;cursor:pointer;pointer-events:auto;white-space:normal;align-items:flex-start;max-width:24em}.chip.objective:hover{border-color:var(--gold)}.chip.objective .row{align-items:flex-start;gap:.4em}.chip.contracts{gap:.7em}.chip.contracts span{align-items:center;gap:.2em;display:inline-flex}.mini .wind{flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-.4em;left:-.6em}.mini .wind .vane{filter:drop-shadow(0 .1em #00000059);width:2.8em;height:2.8em}.mini .wind.quiet .vane{opacity:.85;width:2.2em;height:2.2em}.mini .wind .pct{background:var(--chip);border-radius:.3em;margin-top:-.3em;padding:0 .3em;font-size:.7em}.mini .day{background:var(--chip);white-space:nowrap;border-radius:.4em;align-items:center;gap:.25em;padding:.05em .45em;font-size:.72em;display:inline-flex;position:absolute;bottom:-.55em;left:50%;transform:translate(-50%)}.mini .forecast{margin-top:.9em;font-size:.75em}.island-sign{font-size:var(--fs-s);background:var(--chip);pointer-events:auto;white-space:nowrap;border:.1em solid #7a5530b3;border-radius:.35em;align-items:center;gap:.1em;display:inline-flex;position:absolute;transform:translate(-50%)}.island-sign button{color:var(--text);cursor:pointer;align-items:center;gap:.35em;padding:.15em .5em .15em .2em;display:inline-flex}.island-sign img{width:2.6em;height:2.6em;image-rendering:pixelated;border-radius:.15em;box-shadow:0 0 0 .1em #1b2a33}.island-sign .sign-main{flex-direction:row}.island-sign .sign-main .who{color:var(--muted);font-size:.8em;display:block}.island-sign .sign-main .txt{flex-direction:column;align-items:flex-start;line-height:1.15;display:flex}.lg.owned{background:0 0;border:.14em dashed #e8c86a;border-radius:50%;box-shadow:0 0 0 .06em #1b2a33}.island-sign .sign-link{color:var(--sea);border-left:.08em solid #7a553099;padding-left:.3em}.island-sign .sign-link:hover{color:var(--focus)}.island-sign.mine{border-color:var(--gold)}.island-sign.mine .sign-main span{color:var(--gold)}.dialog.island .flag{width:2.4em;height:2.4em;image-rendering:pixelated}.dialog.island .isl-head .flag-box .flag{border-radius:.2em;width:4.5em;height:4.5em;box-shadow:0 0 0 .12em #e8c86a,0 0 0 .22em #1b2a33}.island-form .flag-box{background:var(--well);border-radius:var(--r);justify-content:center;align-items:center;width:3.2em;height:3.2em;display:inline-flex}.island-form .flag-box .flag{width:3em;height:3em}.island-form input[type=text],.island-form input:not([type]){min-width:12em}.toasts:not(.low){align-items:flex-end;max-width:min(26em,40vw);top:11.6em;left:auto;right:.9em;transform:none}.toasts:not(.low) .toast{white-space:normal;text-align:left}.dialog.island .isl-head{align-items:center;gap:.8em;margin-bottom:.6em;display:flex}.dialog.island .isl-head h1{font-size:var(--fs-xl)}.dialog.island .isl-head p{margin:.1em 0 0}.dialog.island .foot{gap:.5em}.chip.waypoint{gap:.4em}.chip.waypoint .go{pointer-events:auto;cursor:pointer;color:var(--gold);border-radius:var(--r);border:1px solid #f0cf6a99;margin-left:.2em;padding:0 .45em}.chip.waypoint .go:hover{background:#f0cf6a26}.route{pointer-events:none;position:absolute;inset:0}.route i{background:#e6efec;border-radius:50%;width:.42em;height:.42em;margin:-.21em 0 0 -.21em;animation:1.8s ease-in-out infinite route-ripple;position:absolute;box-shadow:0 0 0 .09em #1b2a33,0 .1em 0 .05em #0006}@keyframes route-ripple{0%,to{opacity:.3;transform:scale(.75)}45%{opacity:.95;transform:scale(1.05)}}.route .buoy{filter:drop-shadow(0 .1em #0008);width:1.3em;height:1.95em;animation:2.4s ease-in-out infinite bob-buoy;position:absolute;transform:translate(-50%,-88%)}@keyframes bob-buoy{0%,to{transform:translate(-50%,-88%)rotate(-4deg)}50%{transform:translate(-50%,-82%)rotate(4deg)}}.chip.waypoint .x{color:var(--muted);cursor:pointer;pointer-events:auto;padding:0 .2em;font-size:1.15em;line-height:1}.region-title{font-family:var(--font-head);letter-spacing:.06em;color:#fff6dc;text-shadow:0 .06em #2a1f17,0 .12em .4em #000a;pointer-events:none;white-space:nowrap;font-size:2.1em;transition:opacity .9s;animation:.9s ease-out region-in;position:absolute;top:14%;left:50%;transform:translate(-50%)}.region-title.out{opacity:0}.region-title small{font-family:var(--font-body,inherit);letter-spacing:.02em;text-align:center;color:#e6efec;white-space:normal;margin-top:.2em;max-width:26em;margin-inline:auto;font-size:.42em;display:block}@keyframes region-in{0%{opacity:0;transform:translate(-50%,.3em)}}.chip.objective .obj-short{align-items:center;gap:.35em;display:none}.chip.objective.folded .obj-full{display:none}.chip.objective.folded .obj-short{display:flex}.chip.objective.folded:hover .obj-full,.chip.objective.folded:focus-visible .obj-full{display:block}.chip.objective.folded:hover .obj-short,.chip.objective.folded:focus-visible .obj-short{display:none}.prompt-world{font-size:var(--fs-s);white-space:nowrap;color:#fff6dc;text-shadow:0 .08em #000,0 0 .4em #000c;pointer-events:none;animation:.3s ease-out region-in;position:absolute;transform:translate(-50%)}.prompt-world .key{font-size:.9em}.prompt-world.first-hint{align-items:center;gap:.35em;font-size:1.1em;animation:1.6s ease-in-out infinite hint-breathe;display:inline-flex}@keyframes hint-breathe{0%,to{opacity:.75;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-.15em)}}html.touch .prompt-world.first-hint{display:none}.fish-chart{flex-wrap:wrap;align-items:center;gap:.5em;margin-top:.6em;display:flex}.chip.zone-on{white-space:normal;gap:.5em}.chip.zone-on .x{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 .2em;font-size:1.2em;line-height:1}.item.helper .btn.on{border-color:var(--good);color:var(--good)}.dialog.island .adult{align-items:flex-start;gap:.5em;margin:.4em 0}.dialog.island .adult input{margin-top:.2em}.speech{white-space:normal;align-items:center;gap:.55em;max-width:min(34em,86vw);animation:.5s ease-out region-in;position:absolute;bottom:5.2em;left:50%;transform:translate(-50%)}.speech b{margin-right:.3em}html.touch #ui .speech{top:12%;bottom:auto}.card .share{pointer-events:auto;margin-top:.4em}.chip.share-chip{pointer-events:auto;cursor:pointer;border-color:#f0cf6a99;gap:.4em;animation:.4s ease-out region-in}.chip.share-chip:hover{background:#f0cf6a26}.card.first{box-shadow:0 0 0 .15em var(--gold), 0 .4em 1.4em #0008}.region-title.welcome{font-size:3.4em;top:10%}.port-board{font-size:var(--fs-s);align-items:center;gap:.7em;min-width:0;margin:-.2em 0 .5em;display:flex}.chip.today{white-space:nowrap;flex:none;gap:.4em;max-width:100%;overflow:hidden}.chip.today .feat{align-items:center;gap:.15em;display:inline-flex}.port-board .rumour{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--muted);flex:1;font-style:italic;overflow:hidden}.chip.today.on{border-color:var(--good);color:var(--good)}@media (orientation:portrait){.port-board{flex-wrap:wrap;row-gap:.3em}}.variants{font-size:var(--fs-s);flex-wrap:wrap;align-items:center;gap:.35em .6em;margin-top:.7em;display:flex}.variants .var{color:var(--muted);align-items:center;gap:.2em;display:inline-flex}.variants .var.got{color:var(--gold)}.head .perks{font-size:var(--fs-s);align-items:center;gap:.35em;margin-left:auto;display:inline-flex}.card .title .stars{color:var(--gold);font-size:.8em}.card .title .stars .off{opacity:.25}.bait-tag{align-items:center;gap:.7em;margin-left:.6em;display:inline-flex}.bait-tag>span{align-items:center;gap:.25em;display:inline-flex}.bait-tag .key{font-size:.85em}.face{background:radial-gradient(circle at 50% 30%, hsl(var(--hue) 42% 58%), hsl(var(--hue) 38% 30%) 75%);border-radius:50%;flex:none;width:2.6em;height:2.6em;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 -.3em .5em #00000040,0 0 0 .12em #e2b94a,0 0 0 .24em #2a1f17}.face img{width:84%;image-rendering:pixelated;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}.face .blink{opacity:0;animation:4.6s step-end infinite face-blink}.face .mouth{opacity:0;animation:.28s step-end 7 face-talk}.face-s{width:2.2em;height:2.2em}.face-l{border-radius:var(--r);width:100%;height:100%}.d-icon .face-l{border-radius:50%;width:6em;height:6em}@keyframes face-blink{0%{opacity:0}95%{opacity:1}98%{opacity:0}}@keyframes face-talk{0%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.face .blink,.face .mouth{animation:none}}.stamp.grade{margin-left:.4em}.stamp.grade.g1{color:#c08a5a;border-color:#c08a5a}.stamp.grade.g2{color:#b8c0c6;border-color:#b8c0c6}.stamp.grade.g3{color:var(--gold);border-color:var(--gold)}.chat{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.3em;width:min(26em,40%);display:flex;position:absolute;bottom:2.8em;left:.8em}.chat>*{pointer-events:auto}.chat-float{pointer-events:none;flex-direction:column;align-items:flex-start;gap:.15em;display:flex}.chat-float .fade{transition:opacity .4s}#ui .chat-line{margin:0}.chat-line{border-radius:var(--r,.3em);font-size:var(--fs-s,.86em);overflow-wrap:anywhere;text-shadow:0 .08em #000a;background:#0a121880;padding:.1em .5em;line-height:1.4}.chat-line :is(.who,.me,.name){font:inherit;color:var(--gold,#f0cf6a);background:0 0;border:0;margin-right:.45em;padding:0;font-weight:700}.chat-line .who{cursor:pointer}.chat-line .who:hover{text-decoration:line-through}.chat-line .me{color:#b8e0ea}.chat-line.sys{color:#b3c4cc;font-style:italic}.chat-line .admin{color:var(--gold,#f0cf6a);margin-right:.25em}.chat-note{font-size:var(--fs-s,.86em);color:#e9c98f;border-radius:var(--r,.3em);cursor:pointer;background:#0a121899;margin:0;padding:.15em .5em}.chat-panel{background:#0a1218d1;border:.1em solid #7a5530b3;border-radius:.45em;flex-direction:column;gap:.3em;width:100%;padding:.4em;display:flex;box-shadow:0 .3em .8em #0000004d}.chat-panel header{font-size:var(--fs-s,.86em);align-items:baseline;gap:.6em;padding:0 .2em;display:flex}.chat-panel header .muted{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-x{color:#efe9dc;cursor:pointer;padding:0 .3em;font-size:1.3em;line-height:1}.chat-x:hover{color:var(--gold,#f0cf6a)}.chat-log{flex-direction:column;gap:.15em;max-height:14em;display:flex;overflow-y:auto}.chat-log .chat-line{background:0 0;padding:.05em .3em}.chat-input{font:inherit;font-size:var(--fs-s,.86em);border-radius:var(--r,.3em);border:.12em solid var(--gold,#f0cf6a);color:#efe9dc;background:#0a1218e6;outline:none;padding:.4em .6em}.dock{font-size:var(--fs-s,.86em);gap:.5em;padding:.2em .3em .2em .6em}.dock .dot{background:var(--muted);border-radius:50%;flex:none;width:.55em;height:.55em}.dock .dot.online{background:var(--good)}.dock .dot.connecting{background:var(--warn)}.dock-btn{color:#efe9dc;cursor:pointer;background:#ffffff14;border:.08em solid #f0cf6a73;border-radius:.3em;align-items:center;gap:.35em;padding:.1em .5em;font-weight:700;display:inline-flex}.dock-btn:hover{background:#f0cf6a2e}.dock-btn kbd{font:inherit;color:#1b2a33;background:#ffffffd9;border-radius:.2em;padding:0 .3em;font-size:.85em}.cta-link{color:var(--gold,#f0cf6a)}html.touch .dock-btn kbd{display:none}html.touch .chat{width:min(22em,62vw);bottom:76px}html.touch .dock-btn{min-height:36px}.sailor-card{flex-direction:column;gap:.5em;min-width:18em;padding:.6em .8em;display:flex;position:absolute;bottom:4.5em;left:50%;transform:translate(-50%)}.sailor-card header{align-items:baseline;gap:.6em;display:flex}.sailor-card header b{color:var(--gold,#f0cf6a)}.sailor-card header button{margin-left:auto}.sailor-card .row{flex-wrap:wrap;gap:.4em;display:flex}.follow-chip{border-radius:var(--r,.3em);font-size:var(--fs-s,.86em);background:#0a1218b3;align-items:center;gap:.6em;margin:0;padding:.25em .6em;display:flex;position:absolute;bottom:4.5em;left:50%;transform:translate(-50%)}.cta{flex-direction:column;align-items:center;gap:.15em;margin:.9em auto 0;padding:.7em 1.6em;font-size:1.05em;display:flex}.cta-sub{opacity:.85;font-size:.72em;font-weight:400}.cta-signed{text-align:center;text-shadow:0 .08em #000a;margin:.8em 0 0}.dock-text{cursor:pointer}.dock-text:hover{text-underline-offset:.2em;text-decoration:underline}.online-now{font-size:var(--fs-s,.86em);justify-content:center;align-items:center;gap:.45em;margin:.6em 0 0;display:flex}.online-now .dot{background:var(--good,#9ad98f);border-radius:50%;width:.55em;height:.55em}.leaders .body{display:block;overflow-y:auto}.board{max-width:36em;margin:0;padding:0;list-style:none}.board li{border-bottom:.08em dashed #5a46284d;align-items:center;gap:.8em;padding:.3em .6em;display:flex}.board li .rank{text-align:right;width:2em;color:var(--muted);font-variant-numeric:tabular-nums}.board li:nth-child(-n+3) .rank{color:var(--gold);font-weight:700}.board li.me{border-radius:var(--r,.3em);background:#f0cf6a38}.leaders .mine{margin-top:.8em}html:not(.touch) #ui .dock:not(:hover):not(:focus-within) .dock-btn:not(.cta-link){display:none}.week-grid{grid-template-columns:repeat(auto-fill,minmax(16em,1fr));gap:.8em;margin-top:.6em;display:grid}.week-card{border-radius:var(--r,.3em);background:#5a462814;padding:.5em .6em}.week-card .row{gap:.4em;margin-bottom:.3em}.week-card .board li{padding:.15em .3em}.lcell .running-dot{background:#5b9bd5;border-radius:50%;width:.55em;height:.55em;position:absolute;top:.3em;left:.3em;box-shadow:0 0 0 .1em #fff8}