:root{--ink:#10202e;--panel:#0e2030f0;--panel2:#ffffff12;--line:#ffffff24;--sand:#f3dfa6;--gold:#ffd166;--sea:#2fb3c9;--good:#7ee08a;--bad:#ff7a6b;--text:#f4f7fa;--muted:#a9bccb;--r:14px;--slot:clamp(28px, min(5.2vw, calc((100vw - 64px) / 10)), 56px);font-family:Rubik,system-ui,sans-serif}html,body{width:100%;height:100%;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#1d8fae;margin:0;padding:0;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none;outline:none;display:block}#ui{pointer-events:none;z-index:5;position:fixed;inset:0}#boot{color:var(--sand);z-index:10;background:radial-gradient(circle at 50% 40%,#2fb3c9,#135a78);flex-direction:column;justify-content:center;align-items:center;gap:24px;font-family:Rubik,system-ui,sans-serif;font-weight:900;transition:opacity .35s;display:flex;position:fixed;inset:0}#boot.hidden{opacity:0;pointer-events:none}.boot-title{text-align:center;text-shadow:0 4px #0c3d52;padding:0 16px;font-size:min(8vw,56px)}.boot-bar{background:#0c3d52;border:3px solid #0a2a38;border-radius:7px;width:min(60vw,360px);height:14px;overflow:hidden}.boot-fill{background:linear-gradient(90deg, var(--gold), #ff9f43);width:0;height:100%;transition:width .2s}button{color:inherit;cursor:pointer;pointer-events:auto;font-family:inherit}.app{position:absolute;inset:0}.hud{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:absolute;inset:0}.hud-tl{flex-direction:column;gap:5px;width:min(260px,44vw);display:flex;position:absolute;top:10px;left:10px}.bar{background:#0a192699;border-radius:999px;align-items:center;gap:6px;padding:3px 8px 3px 4px;display:flex}.bar-icon{text-align:center;width:20px;font-size:15px}.bar-track{background:#ffffff1f;border-radius:6px;flex:1;height:10px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .25s}.bar-num{text-align:right;width:26px;font-size:12px;font-weight:700}.bar.low{animation:.8s infinite blink}@keyframes blink{50%{background:#c828288c}}.armor-chip,.chip{white-space:nowrap;background:#0a19269e;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.chip.small{padding:2px 8px;font-size:12px}.chip.warn{background:#c87814b3}.buffs{flex-wrap:wrap;gap:4px;display:flex}.quest{border:1px solid var(--line);background:#0a1926ad;border-radius:12px;margin-top:4px;padding:7px 10px;font-size:13px}.quest-title{color:var(--gold);font-size:12px;font-weight:700}.quest-text{margin-top:2px;font-weight:500}.quest-prog{color:var(--muted);font-size:12px}.hud-tr{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;max-width:55vw;display:flex;position:absolute;top:10px;right:10px}.btn-round{background:#0a1926b3;border:none;border-radius:50%;width:38px;height:38px;font-size:16px}.boss-bar{text-align:center;width:min(460px,50vw);position:absolute;top:12px;left:50%;transform:translate(-50%)}.boss-name{text-shadow:0 2px #000;font-size:16px;font-weight:900}.boss-track{background:#0000008c;border:2px solid #000;border-radius:8px;height:14px;overflow:hidden}.boss-fill{background:linear-gradient(90deg,#9b1c1c,#ff4b3a);height:100%;transition:width .2s}.toasts{flex-direction:column;align-items:center;gap:6px;width:min(520px,90vw);display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.toast{border-left:4px solid var(--sea);text-align:center;background:#0a1926db;border-radius:12px;padding:7px 14px;font-size:14px;font-weight:700;animation:.25s ease-out toastIn}.toast.good{border-left-color:var(--good)}.toast.bad{border-left-color:var(--bad)}.toast-icon{margin-right:6px}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}.compass{pointer-events:none;position:absolute;inset:0}.arrow{text-shadow:0 1px 2px #000;opacity:.9;flex-direction:column;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%)}.arrow-tip{color:var(--gold);font-size:20px}.arrow.boss .arrow-tip{color:var(--bad)}.arrow.raft .arrow-tip{color:#9be7ff}.arrow-icon{font-size:18px}.charge{left:50%;bottom:calc(var(--slot) + 70px);background:#00000080;border-radius:6px;width:140px;height:10px;position:absolute;overflow:hidden;transform:translate(-50%)}.charge-fill{background:linear-gradient(90deg, var(--gold), #ff7a2a);height:100%}.fish-bite{color:var(--gold);text-shadow:0 3px #000;font-size:34px;font-weight:900;animation:.3s infinite alternate pulse;position:absolute;top:38%;left:50%;transform:translate(-50%)}@keyframes pulse{to{transform:translate(-50%)scale(1.15)}}.supply{color:#3a2208;background:linear-gradient(#ffd166,#f0a33a);border:none;border-radius:14px;flex-direction:column;padding:8px 12px;font-size:14px;font-weight:900;animation:1.4s ease-in-out infinite bob;display:flex;position:absolute;top:104px;right:10px;box-shadow:0 4px #9a5b16}.supply small{font-size:11px;font-weight:700}@keyframes bob{50%{transform:translateY(-4px)}}.prompt{left:50%;bottom:calc(var(--slot) + 44px);background:#0a1926d1;border-radius:10px;padding:6px 12px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}kbd{background:var(--sand);color:var(--ink);border-radius:5px;margin-right:4px;padding:0 6px;font-weight:900;display:inline-block}.build-bar{pointer-events:auto;background:#0a1926e0;border-radius:12px;align-items:center;gap:8px;max-width:94vw;padding:6px 8px 6px 12px;font-size:13px;font-weight:700;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%)}.hotbar-wrap{left:50%;bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%)}.hotbar-name{text-shadow:0 1px 3px #000;font-size:13px;font-weight:700}.hotbar{background:#0a192699;border-radius:14px;gap:4px;padding:5px;display:flex}.slot{width:var(--slot);height:var(--slot);background:#ffffff12;border:2px solid #ffffff24;border-radius:10px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.slot.sel{border-color:var(--gold);background:#ffd16633}.slot.hb{background:#2fb3c924}.slot.picked{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.slot.bag{font-size:22px}.slot-key{color:var(--muted);font-size:10px;font-weight:700;position:absolute;top:1px;left:4px}.slot-n{text-shadow:0 1px 2px #000;font-size:12px;font-weight:900;position:absolute;bottom:1px;right:3px}.icon-emoji{filter:drop-shadow(0 1px 1px #00000080);line-height:1}.icon-img{image-rendering:auto;object-fit:contain}.joy-zone{left:0;bottom:calc(var(--slot) + 36px);pointer-events:auto;width:45vw;height:55vh;position:absolute}.joy{opacity:.55;background:#ffffff1a;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;position:absolute;top:calc(55vh - 110px);left:90px}.joy.on{opacity:1}.joy-knob{background:#ffffff8c;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}.touch-right{right:16px;bottom:calc(var(--slot) + 40px);align-items:flex-end;gap:12px;display:flex;position:absolute}.btn-action{touch-action:none;background:#ffd16659;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:34px;display:flex}.btn-action.pulse{background:#ff783c99;animation:.3s infinite alternate pulse2}@keyframes pulse2{to{transform:scale(1.1)}}.btn-interact{background:#7ee08a66;border:3px solid #ffffff80;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;line-height:1;display:flex}.btn-interact small{text-overflow:ellipsis;white-space:nowrap;max-width:68px;font-size:10px;font-weight:700;overflow:hidden}.app.touch .hotbar-wrap{left:50%}.overlay{pointer-events:auto;box-sizing:border-box;background:#040e1873;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.overlay.dark{background:#040a12b8}.panel{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:18px;flex-direction:column;gap:10px;width:min(460px,96vw);max-height:calc(100vh - 20px);padding:14px 16px;display:flex;box-shadow:0 16px 40px #0006}.panel.wide{width:min(980px,98vw)}.panel.center{text-align:center;align-items:center}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel h2{color:var(--sand);margin:0;font-size:20px;font-weight:900}.btn-x{background:var(--panel2);border:none;border-radius:50%;width:34px;height:34px;font-size:16px}.btn{color:#3a2208;background:linear-gradient(#ffd166,#f0a33a);border:none;border-radius:12px;padding:9px 16px;font-size:15px;font-weight:700;box-shadow:0 3px #9a5b16}.btn:active{transform:translateY(2px);box-shadow:0 1px #9a5b16}.btn:disabled{filter:grayscale(.9)brightness(.7);cursor:default}.btn.ghost{color:var(--text);box-shadow:none;background:#ffffff1a}.btn.small{padding:6px 12px;font-size:13px}.btn.big{min-width:220px;padding:12px 22px;font-size:18px}.row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.col{flex-direction:column;align-items:stretch;gap:10px;display:flex}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.hint{color:var(--gold);padding:6px;font-size:13px}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{background:var(--panel2);border:none;border-radius:10px;padding:7px 12px;font-size:13px;font-weight:700}.tab.on{background:var(--sea);color:#04202b}.tab.danger{background:#ff5a5a33;margin-left:auto}.scroll{touch-action:pan-y;-webkit-overflow-scrolling:touch;overflow-y:auto}.inv-layout{flex:1;gap:14px;min-height:0;display:flex}.inv-left{flex-direction:column;flex:none;gap:8px;display:flex}.inv-right{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.inv-grid{grid-template-columns:repeat(8, var(--slot));gap:4px;display:grid}.inv-armor{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.inv-info{background:var(--panel2);border-radius:12px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.recipes{flex-direction:column;gap:6px;max-height:min(56vh,520px);padding-right:4px;display:flex}.recipe{background:var(--panel2);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.recipe.can{border-color:#7ee08a73}.recipe.locked{opacity:.55}.recipe-icon{background:#0003;border-radius:10px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.recipe-body{flex:1;min-width:0}.recipe-name{margin-bottom:3px;font-size:14px;font-weight:700}.tag{margin-left:6px;font-size:12px}.tag.no{filter:grayscale();opacity:.6}.cost{flex-wrap:wrap;gap:8px;display:flex}.cost-item{align-items:center;gap:3px;font-size:12px;display:inline-flex}.cost-item.ok b{color:var(--good)}.cost-item.no b{color:var(--bad)}.build-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:min(62vh,560px);padding-right:4px;display:grid}.build-card{border:1px solid var(--line);background:var(--panel2);text-align:left;border-radius:14px;flex-direction:column;gap:4px;padding:8px;display:flex}.build-card.can{border-color:#7ee08a8c}.build-card.locked{opacity:.5;cursor:default}.build-icon{font-size:28px}.build-name{font-size:14px;font-weight:700}.build-desc{color:var(--muted);font-size:12px}.station-run{align-items:center;gap:14px;display:flex}.progress{background:#00000059;border-radius:12px;width:220px;height:22px;margin-top:6px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#59c8ff,#7ee08a);height:100%}.progress span{justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.chest-layout{flex-wrap:wrap;gap:16px;display:flex;overflow-y:auto}.menu{pointer-events:auto;background:linear-gradient(#08283c1a,#0414208c),url(../assets/cover.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-card{flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.logo{color:var(--sand);text-align:center;text-shadow:0 5px #0c3d52,0 10px 30px #00000059;max-width:90vw;margin:0 0 8px;font-size:clamp(30px,6vw,64px);font-weight:900;line-height:1.05}.confirm{background:var(--panel);text-align:center;border-radius:14px;flex-direction:column;gap:8px;padding:12px;display:flex}.leaders{flex-direction:column;gap:4px;display:flex}.leader{background:var(--panel2);border-radius:10px;grid-template-columns:40px 1fr auto;gap:8px;padding:6px 10px;display:grid}.leader.me{background:#ffd16633}.night-tint{display:none}@media (width<=760px),(height<=520px){.inv-layout{flex-direction:column;overflow-y:auto}.recipes{max-height:40vh}.panel{padding:10px}.hud-tl{width:44vw}.quest{font-size:12px}}@media (height<=520px){:root{--slot:40px}.quest{display:none}.toasts{top:48px}}.menu .btn.ghost{background:#0a1926c7}.menu .muted{color:#e8f4fb;text-shadow:0 1px 3px #000}.quest{pointer-events:auto;cursor:pointer;border-left:4px solid var(--gold)}.quest-title{justify-content:space-between;align-items:center;display:flex}.quest-toggle{color:var(--muted);font-size:12px}.quest-text{font-size:14px;font-weight:700;line-height:1.25}.quest-bar{background:#ffffff1f;border-radius:7px;height:14px;margin-top:5px;position:relative;overflow:hidden}.quest-bar-fill{background:linear-gradient(90deg,#ffd166,#7ee08a);height:100%;transition:width .3s}.quest-bar span{text-shadow:0 1px 2px #000;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.quest-how{color:#d9ecf5;background:#ffffff0f;border-radius:8px;margin-top:6px;padding:5px 7px;font-size:12.5px;line-height:1.35}.quest.collapsed .quest-text{font-size:12.5px}.help-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;max-height:min(62vh,560px);display:grid}.help-card{background:var(--panel2);border-radius:14px;gap:10px;padding:10px 12px;display:flex}.help-card p{color:#d9e6ee;margin:4px 0 0;font-size:13.5px;line-height:1.4}.help-icon{font-size:30px;line-height:1}.info-head{align-items:center;gap:10px;display:flex}.info-stats{gap:8px;margin-top:2px;font-size:12.5px;font-weight:700;display:flex}.info-line{font-size:12.5px;line-height:1.35}.info-uses{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.info-use{background:#ffffff14;border-radius:8px;align-items:center;gap:3px;padding:1px 6px 1px 2px;font-size:12px;display:inline-flex}.inv-info{max-width:calc(var(--slot) * 8 + 28px)}.cost-name{color:#cfdfe8;font-size:11.5px}.cost-item{background:#ffffff0f;border-radius:8px;padding:1px 6px 1px 2px}.hud-tr .btn-round{pointer-events:auto}.missing{color:#ff9a8d;flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.missing-item{color:#ffd0ca;background:#ff5a5a29;border:1px solid #ff6e6473;border-radius:8px;align-items:center;gap:3px;padding:1px 6px 1px 2px;display:inline-flex}.cost-item.no{background:#ff5a5a24;box-shadow:inset 0 0 0 1px #ff6e6473}.btn.short{color:#c9d6de;box-shadow:none;background:#ffffff1f}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-cyrillic-500-normal-Didq2w9O.woff2)format("woff2"),url(./rubik-cyrillic-500-normal-BH_pkKR0.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-cyrillic-700-normal-DFnztZBh.woff2)format("woff2"),url(./rubik-cyrillic-700-normal-C_jxLOfU.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(./rubik-cyrillic-900-normal-jlxVC9Lu.woff2)format("woff2"),url(./rubik-cyrillic-900-normal-DPF03d39.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:900;src:url(./rubik-latin-900-normal-Cz6GdZLE.woff2)format("woff2"),url(./rubik-latin-900-normal-CBojinpD.woff)format("woff")}