@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(./pirata-one-latin-ext-400-normal-CI_wL8s0.woff2)format("woff2"),url(./pirata-one-latin-ext-400-normal-DS3wEyC3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Pirata One;font-style:normal;font-display:swap;font-weight:400;src:url(./pirata-one-latin-400-normal-C8jLWNfm.woff2)format("woff2"),url(./pirata-one-latin-400-normal-CiJE7gJH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gold:#f2c14e;--gold2:#d98a2b;--ink:#0a1420;--bone:#f3e6c8;--panel:#08101a99;--panel-strong:#08101adb;--line:#f3e6c833;--text:#f6f0e2;--muted:#f6f0e2ad;--red:#e2523f;--green:#5fc27a;--sea:#49c4c0;--display:"Pirata One", "Cinzel", Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--sans);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;margin:0;overflow:hidden}#c{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}.gone{visibility:hidden;opacity:0!important;pointer-events:none!important}kbd{min-width:1.5em;font:700 .78em var(--sans);text-align:center;background:#ffffff29;border:1px solid #ffffff47;border-bottom-width:2px;border-radius:5px;padding:.05em .4em;display:inline-block}.btn{font:700 15px var(--sans);color:var(--text);border:1px solid var(--line);cursor:pointer;letter-spacing:.02em;background:#ffffff1a;border-radius:12px;padding:12px 18px;transition:transform .12s,background .2s,box-shadow .2s}.btn:hover{background:#ffffff2e;transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{color:#2b1705;background:linear-gradient(#ffd978,#e08a2c);border:none;box-shadow:0 8px 30px #e6963266,inset 0 1px #fff9}.btn.primary:hover{box-shadow:0 10px 38px #f0aa3c8c,inset 0 1px #fff9}.btn.big{font:400 28px var(--display);letter-spacing:.06em;width:100%;padding:12px 16px 14px}.btn.ghost{background:0 0}.chip{font:600 13px var(--sans);color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#0000004d;border-radius:99px;padding:7px 12px}.chip:hover{color:var(--text)}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.row.small{margin-top:12px}#menu{z-index:20;padding:calc(16px + var(--st)) 16px calc(16px + var(--sb));touch-action:pan-y;background:radial-gradient(at 50% 115%,#e6963238,#0000 60%),linear-gradient(#04091033,#04091099);justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-inner{text-align:center;width:min(420px,100%)}.logo{color:var(--bone);text-shadow:0 4px 24px #0009;margin-bottom:18px}.logo .skull{filter:drop-shadow(0 4px 18px #0000008c);width:96px;height:88px}.logo .hole{fill:var(--ink)}.logo .teeth{stroke:var(--ink);stroke-width:3px;fill:none}.logo h1{font:400 clamp(52px, 15vw, 84px)/.95 var(--display);letter-spacing:.02em;margin:4px 0 8px}.tagline{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.menu-card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:18px}#loading{z-index:40;background:var(--ink);color:var(--muted);font:400 24px var(--display);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}@media (height<=460px){.logo .skull{width:56px;height:52px}.logo h1{font-size:46px}.logo{margin-bottom:10px}.menu-card{padding:12px}}#hud{font-size:14px;transition:opacity .4s}#hud>*{pointer-events:none}.helm-hud{top:calc(10px + var(--st));left:calc(10px + var(--sl));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:16px;align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex;position:absolute}.dial{width:74px;height:74px}.dial svg{width:100%;height:100%;display:block}.dial-bg{fill:#060c148c;stroke:var(--line);stroke-width:1.5px}.dial-ticks line{stroke:#f3e6c873;stroke-width:1.4px}.dial-north{fill:var(--red)}.dial-n,.dial-c{fill:var(--bone);font:700 13px var(--sans);text-anchor:middle}.dial-c{fill:var(--muted);font-size:10px}.dial-ship{fill:var(--bone)}.dial-wind path{fill:none;stroke:var(--sea);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.95}.dial-wind.good path{stroke:var(--green)}.dial-wind.fair path{stroke:var(--gold)}.dial-wind.poor path{stroke:var(--red)}.readout{flex-direction:column;gap:3px;min-width:76px;display:flex}.speed b{font:400 30px/1 var(--display);color:var(--bone)}.speed span{color:var(--muted);margin-left:5px;font-size:12px}.pips{align-items:center;gap:4px;display:flex}.pips em{color:var(--muted);margin-right:2px;font-size:11px;font-style:normal}.pips i{background:#ffffff29;border-radius:3px;width:16px;height:7px}.pips i.on{background:var(--bone)}.wind-text{color:var(--muted);white-space:nowrap;font-size:11px}.wind-text.good{color:var(--green)}.wind-text.fair{color:var(--gold)}.wind-text.poor{color:var(--red)}#toast{left:50%;bottom:calc(96px + var(--sb));background:var(--panel-strong);border:1px solid var(--line);text-align:center;opacity:0;border-radius:12px;max-width:min(86vw,520px);padding:9px 14px;font-size:14px;line-height:1.35;transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,8px)}#toast.on{opacity:1;transform:translate(-50%)}#banner{text-align:center;opacity:0;text-shadow:0 3px 18px #000000bf;width:min(92vw,640px);transition:opacity .5s,transform .5s;position:absolute;top:24%;left:50%;transform:translate(-50%,-6px)}#banner.on{opacity:1;transform:translate(-50%)}#banner b{font:400 clamp(34px, 9vw, 56px)/1 var(--display);color:var(--bone);display:block}#banner span{color:var(--text);margin-top:6px;font-size:15px;display:block}#hints{left:50%;bottom:calc(12px + var(--sb));color:var(--muted);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:99px;gap:14px;padding:6px 14px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}#hints kbd{margin-right:2px}#touch-move,#touch-look{position:absolute;pointer-events:auto!important}#touch-look{inset:0}#touch-move{width:46%;top:46%;bottom:0;left:0}#stick-base{opacity:.45;background:#ffffff12;border:1.5px solid #fff3;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;transition:opacity .15s;position:absolute;top:78%;left:90px}#stick-base.active{opacity:.95}#stick-knob{background:#f3e6c8bf;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}.tbs{position:absolute;inset:0}.tb{touch-action:none;width:62px;height:62px;color:var(--bone);-webkit-backdrop-filter:blur(6px);background:#08101a8c;border:1.5px solid #f3e6c859;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;position:absolute;pointer-events:auto!important}.tb.pressed{background:#f3e6c84d;transform:scale(.94)}.tb.active{border-color:var(--gold);color:var(--gold)}.tb.hide{display:none}.tb-icon{font-size:22px;line-height:1}.tb-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.tb.big{width:78px;height:78px}.tb.r1{right:calc(16px + var(--sr));bottom:calc(112px + var(--sb))}.tb.r2{right:calc(16px + var(--sr));bottom:calc(40px + var(--sb))}.tb.r3{right:calc(106px + var(--sr));bottom:calc(26px + var(--sb))}.tb.r4{right:calc(106px + var(--sr));bottom:calc(100px + var(--sb))}.tb.r5{right:calc(16px + var(--sr));bottom:calc(186px + var(--sb))}.tb.r6{right:calc(164px + var(--sr));bottom:calc(26px + var(--sb))}.tb.l1{left:calc(16px + var(--sl));bottom:calc(190px + var(--sb))}.tb.l2{left:calc(90px + var(--sl));bottom:calc(190px + var(--sb))}@media (height<=460px){.dial{width:58px;height:58px}.speed b{font-size:24px}#toast{bottom:calc(14px + var(--sb))}.tb{width:54px;height:54px}.tb.r1{bottom:calc(92px + var(--sb))}.tb.r2{bottom:calc(28px + var(--sb))}.tb.r3{right:calc(90px + var(--sr));bottom:calc(20px + var(--sb))}.tb.r4{right:calc(90px + var(--sr));bottom:calc(84px + var(--sb))}.tb.r5{right:calc(148px + var(--sr));bottom:calc(84px + var(--sb))}.tb.r6{right:calc(148px + var(--sr));bottom:calc(20px + var(--sb))}.tb.l1,.tb.l2{bottom:calc(150px + var(--sb))}#stick-base{top:70%}}.sheet{z-index:15;padding:calc(10px + var(--st)) calc(10px + var(--sr)) calc(10px + var(--sb)) calc(10px + var(--sl));background:#0409108c;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0;pointer-events:auto!important}.sheet-card{background:var(--panel-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:18px;max-width:100%;max-height:100%;padding:12px;overflow:auto}.sheet-card *{pointer-events:auto}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.sheet-head h2{font:400 26px/1 var(--display);color:var(--bone);margin:0}.btn.close{padding:6px 12px;font-size:16px}.chart-card canvas{border-radius:8px;margin:0 auto;display:block;box-shadow:0 6px 30px #00000080}.chart-legend{color:var(--muted);text-align:center;margin:8px 2px 0;font-size:12px}.corner{top:calc(10px + var(--st));right:calc(10px + var(--sr));gap:8px;display:flex;position:absolute}.corner button{pointer-events:auto;width:46px;height:46px;color:var(--bone);cursor:pointer;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;font-size:20px;line-height:1;display:flex}.corner button small{font:600 8.5px var(--sans);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.menu-note{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.4}.linkish{color:var(--muted);font:600 13px var(--sans);cursor:pointer;background:0 0;border:none;padding:6px;text-decoration:underline}#prompt{left:50%;bottom:calc(58px + var(--sb));opacity:0;background:var(--panel-strong);border:1px solid var(--gold);white-space:nowrap;border-radius:12px;padding:8px 14px;font-size:14px;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,6px)}#prompt.on{opacity:1;transform:translate(-50%)}.tb.big .tb-label{color:var(--bone)}.tb.big{border-color:var(--gold)}#hud[data-mode=foot] .helm-hud{opacity:.55}.bars{flex-direction:column;gap:5px;min-width:78px;padding-left:4px;display:flex}.bar{align-items:center;gap:5px;display:flex}.bar em{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;width:28px;font-size:9.5px;font-style:normal}.bar span{background:#ffffff24;border-radius:4px;flex:1;min-width:44px;height:7px;overflow:hidden}.bar i{background:var(--green);border-radius:4px;width:100%;height:100%;transition:width .25s;display:block}.bar.sails i{background:var(--bone)}.bar.crew i{background:var(--sea)}.bar.low i{background:var(--red)}.purse{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:5px;height:46px;padding:0 12px;font-size:15px;display:flex}.purse b{font:400 22px/1 var(--display);color:var(--gold)}.target{top:calc(10px + var(--st));background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid #e2523f8c;border-radius:12px;flex-direction:column;gap:4px;width:190px;padding:7px 10px;transition:opacity .25s,visibility .25s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.target-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.target-head b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.target-head span{color:var(--muted);font-size:11px}.guns{transition:opacity .2s,visibility .2s;position:absolute;inset:0}.tb.gun{--p:100;border-color:#f3e6c840;width:74px;height:74px}.tb.gun:before{content:"";pointer-events:none;background:conic-gradient(var(--bone) calc(var(--p) * 1%), transparent 0);opacity:.55;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.tb.gun.ready:before{opacity:.9}.tb.gun.lit.ready{color:var(--gold);background:#f2c14e47;box-shadow:0 0 22px #f2c14e80}.tb.gun.lit.ready:before{background:conic-gradient(var(--gold) 100%, transparent 0)}.tb.gun .tb-icon{font-size:26px}.tb.gun.auto{width:86px;height:86px;right:calc(14px + var(--sr));bottom:calc(112px + var(--sb))}.tb.gun.auto .tb-icon{font-size:30px}.tb.gun.auto .tb-label{color:var(--bone);font-size:11px;font-weight:700}.tb.ammo{right:calc(180px + var(--sr));bottom:calc(26px + var(--sb))}.tb.ammo .tb-icon{font-size:17px}.tb-aim{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);font-size:8.5px;font-weight:700}.tb.ammo[data-ammo=chain]{border-color:#d9c79c}.tb.ammo[data-ammo=grape]{border-color:#4fc7b8}.target[data-aim=hull] .bar.hull em,.target[data-aim=sails] .bar.sails em,.target[data-aim=crew] .bar.crew em{color:var(--gold);font-weight:800}.tb.desk{cursor:pointer}.tb.gun.desk{width:60px;height:60px}.tb.gun.desk.port{bottom:24px;left:24px}.tb.gun.desk.starboard{bottom:24px;right:24px}.tb.ammo.desk{width:54px;height:54px;bottom:24px;right:96px}#hud.hurt:after{content:"";animation:.5s ease-out forwards hurt;position:absolute;inset:0;box-shadow:inset 0 0 120px #e2523f8c}@keyframes hurt{0%{opacity:1}to{opacity:0}}@media (height<=460px){.tb.gun{width:62px;height:62px}.tb.gun.auto{width:70px;height:70px;right:calc(12px + var(--sr));bottom:calc(90px + var(--sb))}.tb.ammo{right:calc(156px + var(--sr));bottom:calc(20px + var(--sb))}.target{width:160px}.bars{display:none}}@media (width<=480px){.target{top:calc(112px + var(--st));left:calc(10px + var(--sl));transform:none}}.harbor-card,.join-card{width:min(560px,100%)}.sheet-purse{font:400 22px/1 var(--display);color:var(--gold);white-space:nowrap;margin-left:auto}.tabs{gap:6px;margin-bottom:8px;display:flex}.tab{border:1px solid var(--line);color:var(--muted);font:700 14px var(--sans);cursor:pointer;background:#ffffff0d;border-radius:10px;flex:1;padding:9px 6px}.tab.on{color:var(--gold);border-color:var(--gold);background:#f2c14e2e}.sheet-body{flex-direction:column;gap:6px;display:flex}.row-item{background:#ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.row-info{flex-direction:column;gap:2px;min-width:0;display:flex}.row-info b{font-size:14px}.row-info span{color:var(--muted);font-size:12px;line-height:1.3}.btn.small{white-space:nowrap;border-radius:10px;padding:9px 12px;font-size:13px}.trade{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.sheet-foot{color:var(--muted);margin:6px 4px 0;font-size:12px;line-height:1.4}.sheet-foot.top{margin:0 4px 4px}.sheet-note{min-height:18px;color:var(--gold);text-align:center;margin:8px 4px 0;font-size:13px}.kept{color:var(--muted);padding:0 8px;font-size:12px}.dice{text-align:center;background:#ffffff0d;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px;display:flex}.dice span{color:var(--muted);font-size:12px}.dice-faces{color:var(--bone);letter-spacing:.1em;font-size:46px;line-height:1}.chip.on{color:var(--gold);border-color:var(--gold)}.join-row{text-align:left;cursor:pointer;border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#ffffff0f;border-radius:12px;align-items:stretch;gap:12px;margin-top:8px;padding:12px;display:flex}.join-row:hover{background:#ffffff1f}.join-row i{border-radius:5px;flex:none;width:10px}.join-row div{flex-direction:column;gap:3px;display:flex}.join-row b{font:400 24px/1 var(--display);color:var(--bone)}.join-row span{color:var(--muted);font-size:13px;line-height:1.35}.join-row em{color:var(--gold);font-size:12px;font-style:normal}#join{z-index:30;position:fixed}@media (width<=480px){.corner{flex-direction:column;align-items:flex-end}.purse{height:38px}}.map-row{justify-content:flex-start;align-items:flex-start}.tmap{border-radius:6px;flex:none;box-shadow:0 3px 12px #0006}.wanted{height:46px;color:var(--red);background:var(--panel);-webkit-backdrop-filter:blur(8px);border:1px solid #e2523f8c;border-radius:12px;align-items:center;gap:4px;padding:0 10px;font-size:16px;transition:opacity .3s,visibility .3s;display:flex}.wanted b{font:400 20px/1 var(--display)}.wanted.gone{display:none}@media (width<=480px){.wanted{height:38px}}.fight-me{left:50%;bottom:calc(64px + var(--sb));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;gap:5px;width:min(300px,58vw);padding:8px 10px;transition:opacity .25s,visibility .25s;display:flex;position:absolute;transform:translate(-50%)}.bar.wide em{width:38px}.bar.wide span{height:9px}.bar.guard i{background:var(--gold);transition:width .1s}.fight-foe{border-color:#e2523fb3}#spoils{z-index:16}.join-row.best{border-color:var(--gold)}#hud[data-mode=fight] .helm-hud,#hud[data-mode=fight] .guns{display:none}@media (height<=460px){.fight-me{bottom:calc(10px + var(--sb));width:220px}}.target.ripe{border-color:var(--gold)}.target.ripe .target-head span{color:var(--gold);font-weight:700}#hud[data-mode=fight] .target:not(.fight-foe){display:none}.target.beast{top:calc(96px + var(--st));border-color:var(--red);width:240px}#hud[data-mode=fight] .target.beast{display:none}#ending{z-index:17}.ending-card{text-align:center}.ending-card h2{font:400 clamp(34px, 9vw, 52px)/1 var(--display);color:var(--gold);margin:6px 0 12px}.ending-card p{margin:0 0 10px;font-size:15px;line-height:1.5}.ending-stats{color:var(--bone);font-weight:700}@media (width<=480px){.target.beast{top:calc(196px + var(--st));left:calc(10px + var(--sl));width:190px;transform:none}}.pause-card{flex-direction:column;gap:8px;width:min(380px,100%);display:flex}.pause-card .btn{text-align:center;width:100%}.menu-note a{color:var(--gold)}@media (width<=480px){#toast{bottom:auto;top:calc(112px + var(--st));left:calc(10px + var(--sl));text-align:left;max-width:calc(100vw - 86px);transform:translateY(-6px)}#toast.on{transform:none}#hud:has(.target:not(.beast):not(.gone)) #toast{top:calc(198px + var(--st))}#hud:has(.target:not(.beast):not(.gone)):has(.target.beast:not(.gone)) #toast{top:calc(258px + var(--st))}#banner{top:37%}}@media (height<=460px){#toast{max-width:370px;left:calc(50% - 62px)}}.foe-tag,.mark{pointer-events:none;transition:opacity .2s,visibility .2s;position:absolute;top:0;left:0}.foe-tag{background:#08101ab8;border:1px solid #e2523fb3;border-radius:7px;flex-direction:column;gap:2px;width:92px;padding:3px 5px 4px;display:flex}.foe-tag b{white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:9.5px;line-height:1.15;overflow:hidden}.foe-tag .bar em{display:none}.foe-tag[data-edge=left]:before,.foe-tag[data-edge=right]:before{color:#ff8a70;text-shadow:0 1px 3px #000;margin-top:-11px;font-size:18px;position:absolute;top:50%}.foe-tag[data-edge=left]:before{content:"◀";left:-20px}.foe-tag[data-edge=right]:before{content:"▶";right:-20px}.foe-tag[data-edge=left]{margin-left:16px}.foe-tag[data-edge=right]{margin-left:-16px}.foe-tag .bar span{height:4px}.foe-tag[data-who=friend],.target[data-who=friend]{border-color:#4fbf6a}.foe-tag[data-who=merchant],.target[data-who=merchant]{border-color:var(--gold)}.target[data-who=friend] .target-head span{color:#7fd896;font-weight:700}.mark{border:1px solid var(--gold);color:var(--gold);white-space:nowrap;background:#08101abf;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700}.mark:after{content:"";background:var(--gold);width:1px;height:14px;position:absolute;top:100%;left:50%}.pop{pointer-events:none;font:800 15px var(--sans);white-space:nowrap;text-shadow:0 1px 4px #000,0 0 2px #000;animation:1s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.pop.hull{color:#ff8a70}.pop.sails{color:#f3e6c8}.pop.crew{color:#6fe0d2}@keyframes pop{0%{opacity:1;margin-top:0}to{opacity:0;margin-top:-46px}}#whereto{z-index:40;position:fixed}.whereto-card{width:min(560px,100%)}.whereto-row{gap:8px;margin:6px 0 4px;display:flex}.whereto-input{min-width:0;font:600 16px var(--sans);color:var(--text);border:1px solid var(--line);background:#00000059;border-radius:12px;outline:none;flex:1;padding:11px 12px}.whereto-input:focus{border-color:var(--gold)}.whereto-input::placeholder{color:var(--muted);font-weight:500}.whereto-preview{min-height:35px;color:var(--gold);margin:4px 4px 10px;font-size:13px;line-height:1.35}.whereto-preview.odd{color:var(--bone);font-style:italic}.whereto-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.whereto-choice{text-align:left;cursor:pointer;color:var(--text);font-family:var(--sans);border:1px solid var(--line);background:#ffffff12;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.whereto-choice:hover{background:#ffffff24}.whereto-choice b{font:400 19px/1.1 var(--display);color:var(--bone)}.whereto-choice span{color:var(--muted);font-size:11.5px;line-height:1.3}.whereto-choice.here{opacity:.6;cursor:default;border-color:var(--gold)}.whereto-known{margin-top:6px}@media (height<=460px){.whereto-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.whereto-choice span{display:none}.whereto-choice b{font-size:16px}.whereto-preview{min-height:18px;margin-bottom:6px}}#guide{z-index:41;position:fixed}.guide-card{flex-direction:column;width:min(620px,100%);display:flex}.guide-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:2px 4px 8px;overflow:auto}.guide-start{border:1px solid var(--gold);background:#f2c14e1a;border-radius:12px;margin:4px 0 10px;padding:10px 12px 10px 34px;font-size:14.5px;line-height:1.4}.guide-start li{margin:3px 0}.guide-start li::marker{color:var(--gold);font-weight:800}.guide-body h3{font:400 21px/1.1 var(--display);color:var(--bone);margin:12px 0 2px}.guide-body ul{color:var(--text);margin:2px 0 0;padding-left:20px;font-size:13.5px;line-height:1.42}.guide-body ul li{margin:3px 0}.guide-card .btn.big{flex:none;margin-top:8px}@media (height<=460px){.guide-card .btn.big{padding:6px 12px 8px;font-size:22px}}