:root{color-scheme:dark;--ink: #ecebe6;--muted: #a3a9a8;--dim: #6f7676;--glass: rgba(16, 19, 20, .52);--glass-strong: rgba(13, 15, 16, .82);--line: rgba(236, 235, 230, .12);--line-strong: rgba(236, 235, 230, .28);--accent: #e8792f;--accent-soft: rgba(232, 121, 47, .16);--teal: #8fbcb5;--health: #c9614f;--stamina: #d9a35b;--oxygen: #79aac4;--danger: #e0574a;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: Inter, "Segoe UI", system-ui, sans-serif;--ui-scale: 1;--gutter: max(20px, 2.4vw);--ease: cubic-bezier(.22, .8, .24, 1);font-family:var(--body);font-size:calc(15px * var(--ui-scale));-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root,.app{margin:0;width:100%;height:100%;overflow:hidden;background:#121516;color:var(--ink)}.viewport,.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.ui-layer button,.ui-layer input,.ui-layer form,.menu-screen,.pause-screen,.story-screen,.death-screen,.menu-panel{pointer-events:auto}.icon{flex:none;display:block}button{font:inherit;color:var(--ink);background:#ecebe60d;border:1px solid var(--line);border-radius:4px;padding:.65rem 1.1rem;cursor:pointer;letter-spacing:.02em;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}button:hover{background:#ecebe61a;border-color:var(--line-strong)}button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:#1a140b;border-color:transparent;font-weight:600}button.primary:hover{background:#e4b373}kbd{display:inline-grid;place-items:center;min-width:1.55em;height:1.55em;padding:0 .4em;margin:0 .15em;font:600 .72rem/1 var(--body);color:var(--ink);background:#ecebe614;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:3px}.eyebrow,.kicker{margin:0;font:600 .7rem/1.2 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.kicker{color:var(--muted)}.lede{color:var(--muted);line-height:1.55;margin:.4rem 0 1.2rem}.muted{color:var(--muted)}.form-error{color:#e9a594;margin:0;font-size:.88rem}.boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:1.1rem;background:#0d0f10;animation:bootOut .55s ease .85s forwards}.boot-screen h1{margin:0 -.42em 0 0;font:600 clamp(2.4rem,6vw,4rem)/1 var(--display);letter-spacing:.42em}.boot-screen p{margin:0;color:var(--dim);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}.boot-bar{width:180px;height:1px;background:var(--line);overflow:hidden}.boot-bar i{display:block;height:100%;background:var(--accent);animation:bootBar 1.1s var(--ease) forwards;transform-origin:left}@keyframes bootBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bootOut{to{opacity:0;visibility:hidden}}.fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:#0b0d0e;opacity:0;pointer-events:none;transition:opacity .26s ease}.fade.on{opacity:1}.menu-screen,.pause-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;animation:fadeIn .6s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.menu-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#090b0cdb,#090b0c8c 34%,#090b0c00 62%),linear-gradient(0deg,#090b0cb3,#090b0c00 30%),radial-gradient(ellipse at 70% 40%,#0000 40%,#00000073)}.menu-screen:after,.pause-screen:after{content:"";position:absolute;top:-50%;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(100deg,transparent 0 46px,rgba(220,228,232,.5) 46px 47px,transparent 47px 97px);background-size:100% 140px;animation:rain .55s linear infinite}@keyframes rain{0%{transform:translateY(0)}to{transform:translateY(140px)}}.menu-column{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:2.4rem;width:min(440px,100%);padding:8vh var(--gutter) 12vh calc(var(--gutter) + 2vw)}.brand{animation:rise .9s var(--ease) both}.brand h1{margin:.5rem 0 0;font:600 clamp(3.4rem,7.4vw,5.8rem)/.9 var(--display);letter-spacing:.16em;text-shadow:0 10px 40px rgba(0,0,0,.6)}.brand.small h1{font-size:clamp(2.6rem,5vw,3.6rem);letter-spacing:.12em}.brand-rule{width:64px;height:2px;margin-top:1.1rem;background:var(--accent)}.brand-rule.center{margin:1.2rem auto}.menu-list{display:flex;flex-direction:column;gap:.15rem}.menu-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.62rem 0 .62rem 1.1rem;background:none;border:0;border-radius:0;text-align:left;color:var(--muted);animation:rise .7s var(--ease) both}.menu-item:nth-child(1){animation-delay:.08s}.menu-item:nth-child(2){animation-delay:.12s}.menu-item:nth-child(3){animation-delay:.16s}.menu-item:nth-child(4){animation-delay:.2s}.menu-item:nth-child(5){animation-delay:.24s}.menu-item:nth-child(6){animation-delay:.28s}.menu-item:nth-child(7){animation-delay:.32s}.menu-item:before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;background:var(--accent);transform:scaleY(0);transition:transform .25s var(--ease)}.menu-item:hover,.menu-item.focus,.menu-item.active{background:linear-gradient(90deg,var(--accent-soft),transparent 80%);color:var(--ink)}.menu-item.focus:before,.menu-item.active:before,.menu-item:hover:before{transform:scaleY(1)}.menu-label{display:flex;align-items:center;gap:.7rem;font:600 1.32rem/1.1 var(--display);letter-spacing:.14em;text-transform:uppercase;transition:transform .25s var(--ease)}.menu-item.focus .menu-label,.menu-item:hover .menu-label{transform:translate(4px)}.menu-label em{font:600 .6rem/1 var(--body);font-style:normal;letter-spacing:.16em;color:var(--accent);border:1px solid rgba(217,163,91,.45);padding:.28rem .45rem;border-radius:2px}.menu-sub{font-size:.78rem;color:var(--dim);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s var(--ease),opacity .3s var(--ease)}.menu-item.focus .menu-sub,.menu-item:hover .menu-sub{max-height:1.4rem;opacity:1;color:var(--muted)}.menu-panel{position:relative;z-index:1;margin:auto var(--gutter) auto auto;width:min(460px,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 12vh);overflow-y:auto;padding:1.8rem 1.8rem 1.6rem;background:var(--glass-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);animation:slideIn .45s var(--ease) both}.menu-panel h2{margin:.35rem 0 .4rem;font:600 2rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase}.panel-close{position:absolute;top:1.1rem;right:1.1rem;padding:.3rem .7rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.menu-footer{position:absolute;left:calc(var(--gutter) + 2vw);right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom));z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);pointer-events:none}.menu-footer .hints{letter-spacing:.1em;display:flex;align-items:center;gap:.2rem}.online-form{display:flex;flex-direction:column;gap:.9rem}.online-form label{display:flex;flex-direction:column;gap:.35rem}.online-form label span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.online-form .note{margin:0;color:var(--dim);font-size:.84rem}.online-form code{color:var(--ink)}input:not([type]),input[type=text]{font:inherit;color:var(--ink);background:#00000052;border:1px solid var(--line);border-radius:3px;padding:.65rem .75rem;outline:none}input:not([type]):focus,input[type=text]:focus{border-color:var(--accent)}.credits dl{margin:0;display:grid;gap:.7rem}.credits dl div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.credits dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.credits dd{margin:0;color:var(--ink)}.settings{margin-top:1rem}.tabs{display:flex;gap:1.2rem;border-bottom:1px solid var(--line);margin-bottom:.6rem;overflow-x:auto}.tabs button{padding:.6rem 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid rgba(236,235,230,.06)}.row-label{display:flex;flex-direction:column;gap:.15rem}.row-label small{color:var(--dim);font-size:.74rem}.row-control{display:flex;align-items:center;gap:.7rem}.row-control output{min-width:2.2rem;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.86rem}.seg{display:flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{border:0;border-radius:0;padding:.42rem .75rem;font-size:.8rem;background:none;color:var(--muted)}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent-soft);color:var(--ink)}.toggle{position:relative;width:42px;height:22px;padding:0;border-radius:11px;background:#ecebe61a}.toggle i{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .2s var(--ease),background .2s}.toggle.on{background:var(--accent-soft);border-color:#d9a35b99}.toggle.on i{transform:translate(20px);background:var(--accent)}input[type=range]{width:150px;accent-color:var(--accent)}.keys{margin:.8rem 0 0;display:grid;gap:.35rem}.keys div{display:grid;grid-template-columns:7.2rem 1fr;align-items:center;font-size:.84rem}.keys dt{margin:0}.keys dd{margin:0;color:var(--muted)}.story-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--gutter);background:radial-gradient(ellipse at center,#0a0c0d99,#08090af0 70%);animation:fadeIn .6s var(--ease)}.story-inner{text-align:center;max-width:520px;animation:rise .9s var(--ease) both}.story-inner h1{margin:.8rem 0 0;font:600 clamp(2.8rem,7vw,4.8rem)/.95 var(--display);letter-spacing:.18em;margin-right:-.18em;text-transform:uppercase}.story-inner .soon{margin:0 -.5em 0 0;font:600 1.05rem/1 var(--display);letter-spacing:.5em;text-transform:uppercase;color:var(--accent)}.story-inner .lede{margin:1rem 0 2rem}.pause-screen{background:#080a0b8c;-webkit-backdrop-filter:blur(6px) saturate(.8);backdrop-filter:blur(6px) saturate(.8)}.confirm{padding:1rem 1.1rem;border:1px solid var(--line);background:var(--glass-strong);animation:rise .35s var(--ease) both}.confirm p{margin:0 0 .8rem;color:var(--muted);line-height:1.45}.confirm div{display:flex;gap:.6rem}.coords{margin:0;color:var(--dim);font-size:.74rem;letter-spacing:.08em}.stat-row{display:flex;gap:1.6rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.stat-row div{display:flex;flex-direction:column}.stat-row b{font:600 1.8rem/1 var(--display)}.stat-row span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:.3rem}.spaced{margin-top:1.2rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.55)}.hud .flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.38) 100%);transition:box-shadow .6s ease}.hud.under .vignette{box-shadow:inset 0 0 160px #1e180cd9;background:radial-gradient(ellipse at center,#28201240 30%,#0e0a04b3)}.hud.low-air .vignette,.hud.hurt .vignette{box-shadow:inset 0 0 180px #7816128c;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{box-shadow:inset 0 0 120px #7816124d}}.location-reveal{position:absolute;left:50%;top:22%;transform:translate(-50%);text-align:center;animation:reveal 5.2s ease both}.location-reveal h2{margin:.5rem 0 .4rem;font:600 clamp(2rem,4.6vw,3.4rem)/1 var(--display);letter-spacing:.24em;margin-right:-.24em;text-transform:uppercase}.location-reveal p:last-child{margin:0;color:var(--muted);font-size:.86rem}@keyframes reveal{0%{opacity:0;letter-spacing:.3em}14%{opacity:1}78%{opacity:1}to{opacity:0}}.compass{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;width:min(380px,52vw);height:30px;transform:translate(-50%);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent)}.compass span{position:absolute;top:5px;transform:translate(-50%);font:600 .78rem/1 var(--display);letter-spacing:.1em;color:var(--muted);transition:left .1s linear}.compass span.major{color:var(--ink);font-size:.95rem;top:3px}.compass span.tick{width:1px;height:6px;top:8px;background:var(--line-strong)}.compass .needle{position:absolute;left:50%;bottom:0;width:0;height:0;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--accent)}.objectives{position:absolute;top:max(18px,env(safe-area-inset-top));left:var(--gutter);width:min(330px,40vw);padding:.85rem 1rem .9rem;background:linear-gradient(90deg,var(--glass),transparent);border-left:2px solid var(--accent);pointer-events:auto;animation:rise .5s var(--ease) both}.obj-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:0}.obj-head:hover{background:none}.objectives h2{margin:.35rem 0 0;font:600 1.25rem/1.15 var(--display);letter-spacing:.06em;text-transform:uppercase}.obj-detail{margin:.4rem 0 .6rem;color:var(--muted);line-height:1.45;font-size:.84rem}.obj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.obj-list li{display:flex;align-items:center;gap:.5rem;color:var(--dim);font-size:.8rem}.obj-list li.current{color:var(--ink)}.obj-list li.done{color:var(--teal);text-decoration:line-through;text-decoration-color:#8fbcb566}.obj-list.large li{font-size:.95rem;padding:.35rem 0;border-bottom:1px solid rgba(236,235,230,.05)}.obj-optional{display:flex;flex-direction:column;gap:.1rem;margin-top:.6rem;font-size:.8rem}.obj-optional b{font-weight:600}.obj-optional span{color:var(--muted)}.obj-optional .tag{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.obj-optional.done b{color:var(--teal)}.top-right{position:absolute;top:max(16px,env(safe-area-inset-top));right:var(--gutter);display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.minimap{width:calc(150px * var(--ui-scale));height:calc(150px * var(--ui-scale));border-radius:50%;box-shadow:0 6px 24px #00000059}.tally{display:flex;gap:1rem}.tally div{display:flex;flex-direction:column;align-items:flex-end}.tally b{font:600 1.45rem/1 var(--display)}.tally span{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tally .hot b{color:var(--accent)}.vitals{position:absolute;left:var(--gutter);bottom:max(22px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.45rem;width:calc(230px * var(--ui-scale))}.bar{display:flex;align-items:center;gap:.55rem;transition:opacity .5s var(--ease),transform .5s var(--ease)}.bar.hidden{opacity:0;transform:translate(-8px)}.bar .track{flex:1;height:4px;background:#ecebe621;overflow:hidden}.bar .track i{display:block;height:100%;transform-origin:left;transition:transform .25s linear}.bar span{width:1.9rem;text-align:right;font:600 .8rem/1 var(--display);letter-spacing:.06em;color:var(--muted);font-variant-numeric:tabular-nums}.bar.health{color:var(--health)}.bar.health .track i{background:var(--health)}.bar.stamina{color:var(--stamina)}.bar.stamina .track i{background:var(--stamina)}.bar.oxygen{color:var(--oxygen)}.bar.oxygen .track i{background:var(--oxygen)}.bar.danger{color:var(--danger)}.bar.danger .track i{background:var(--danger)}.gear{display:flex;gap:.4rem;margin-top:.3rem;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .5rem;font-size:.74rem;letter-spacing:.06em;color:var(--muted);background:var(--glass);border:1px solid var(--line)}.chip.on{color:var(--ink);border-color:#d9a35b80}.boat-status{position:absolute;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;background:var(--glass);border:1px solid var(--line);font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap;animation:rise .35s var(--ease) both}.boat-status .sep{width:1px;height:14px;background:var(--line-strong)}.boat-status .keys{color:var(--dim);font-size:.74rem;margin-left:.4rem}.prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;max-width:min(460px,80vw);text-align:center;animation:promptIn .22s var(--ease) both}@keyframes promptIn{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.prompt-title{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.prompt-row{display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .95rem .5rem .55rem;background:var(--glass);border:1px solid var(--line);font-size:.95rem}.prompt-row kbd{min-width:1.9em;height:1.9em;font-size:.82rem;background:var(--ink);color:#15130f;border-color:transparent;margin:0}.prompt-row kbd.touch{padding:0 .55em;border-radius:999px;background:var(--accent)}.context-hint{position:absolute;left:50%;bottom:22%;transform:translate(-50%);display:flex;gap:1rem;margin:0;font-size:.8rem;color:var(--muted)}.context-hint span{display:inline-flex;align-items:center;gap:.3rem}.look-hint{position:absolute;left:50%;bottom:12%;transform:translate(-50%);margin:0;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}.notes{position:absolute;right:var(--gutter);bottom:max(22px,env(safe-area-inset-bottom));width:min(340px,40vw);display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.35rem}.notes p{margin:0;padding:.45rem .75rem;font-size:.82rem;line-height:1.4;text-align:right;background:linear-gradient(270deg,var(--glass),transparent);border-right:2px solid var(--line-strong);animation:slideIn .4s var(--ease) both}.caption{position:absolute;bottom:16%;left:50%;transform:translate(-50%);margin:0;max-width:min(640px,80vw);text-align:center;font:500 1.2rem/1.4 var(--body)}.edge-arrow{position:absolute;left:50%;top:50%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid var(--accent);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.fps{position:absolute;left:50%;top:52px;transform:translate(-50%);margin:0;font-size:.7rem;color:var(--dim)}.icon-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:50%;background:var(--glass)}.mute-btn{position:absolute;z-index:4;right:var(--gutter);top:calc(max(16px,env(safe-area-inset-top)) + 160px * var(--ui-scale))}.mute-btn.muted{color:var(--accent);border-color:#d9a35b80}.remote-name{padding:2px 8px;background:#0d0f10bf;border:1px solid var(--line);color:var(--ink);font:600 11px/1.4 var(--body);letter-spacing:.08em;white-space:nowrap}.bubble{display:none;max-width:220px;padding:.35rem .6rem;background:#ecebe6f0;color:#1b1408;font-size:12px;line-height:1.35;text-align:center}.bubble.show{display:block}.online-bar{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 208px * var(--ui-scale));right:var(--gutter);width:220px;z-index:3;padding:.75rem .85rem;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.82rem}.online-bar ul{list-style:none;margin:.5rem 0;padding:0}.online-bar li{margin:.2rem 0}.online-bar .row{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:0;border:0}.online-bar .row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-bar .row button{padding:.18rem .5rem;font-size:.68rem;letter-spacing:.08em}.online-bar .row button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.online-bar input{width:100%;font-size:.82rem;padding:.45rem .55rem}.death-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--gutter);background:radial-gradient(ellipse at center,#140e0859,#080604d9);animation:fadeIn 1.2s ease}.death-screen h2{margin:.6rem 0 .5rem;font:600 clamp(2.6rem,6vw,4rem)/1 var(--display);letter-spacing:.2em;margin-right:-.2em;text-transform:uppercase}.death-screen p{margin:0;color:var(--muted)}.death-actions{display:flex;gap:.7rem;margin-top:1.6rem}.boot-error{position:absolute;inset:20vh 10vw auto;z-index:25;padding:1rem;background:#3a1616}@media(max-width:760px){.menu-column{width:100%;padding:6vh var(--gutter) 14vh;gap:1.6rem}.menu-shade{background:linear-gradient(0deg,#090b0ceb,#090b0c80 60%,#090b0c33)}.menu-screen.with-panel .menu-column,.pause-screen.with-panel .menu-column{display:none}.menu-panel{margin:auto;max-height:calc(100% - 4vh)}.objectives,.notes{width:min(260px,60vw)}.boat-status .keys{display:none}}.touch-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}.look-pad{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;touch-action:none}.touch-pause,.stick,.touch-actions{z-index:2;pointer-events:auto;touch-action:none}.touch-pause{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));min-width:64px;min-height:40px;padding:.3rem .8rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;background:var(--glass)}.stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:radial-gradient(circle,#0d0f1026,#0d0f1066);border:1px solid var(--line-strong)}.stick i{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border-radius:50%;background:#ecebe6d9;box-shadow:0 2px 10px #00000059;pointer-events:none}.touch-actions{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,58px);gap:10px;direction:rtl}.touch-actions button{direction:ltr;width:58px;height:58px;margin:0;padding:0;border-radius:50%;font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--glass);border-color:var(--line-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.touch-actions button:active{background:#ecebe633}.touch-actions button.use{background:var(--accent);color:#1a140b;border-color:transparent}html.coarse,html.coarse body{touch-action:none;overscroll-behavior:none}html.coarse .menu-item{padding-top:.8rem;padding-bottom:.8rem}html.coarse .menu-sub{display:none}html.coarse .compass{width:min(240px,46vw)}html.coarse .objectives{top:calc(max(10px,env(safe-area-inset-top)) + 48px);left:max(10px,env(safe-area-inset-left));width:min(230px,48vw);padding:.5rem .7rem}html.coarse .objectives h2{font-size:1rem}html.coarse .top-right{top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}html.coarse .minimap{width:96px;height:96px}html.coarse .mute-btn{top:calc(max(10px,env(safe-area-inset-top)) + 106px);right:max(10px,env(safe-area-inset-right))}html.coarse .vitals{left:max(12px,env(safe-area-inset-left));bottom:calc(166px + env(safe-area-inset-bottom));width:min(170px,42vw)}html.coarse .prompt,html.coarse .context-hint{bottom:calc(190px + env(safe-area-inset-bottom))}html.coarse .boat-status{bottom:calc(150px + env(safe-area-inset-bottom))}html.coarse .notes{right:max(10px,env(safe-area-inset-right));bottom:auto;top:calc(max(10px,env(safe-area-inset-top)) + 150px);width:min(220px,46vw)}html.coarse .online-bar{top:calc(max(10px,env(safe-area-inset-top)) + 150px);right:max(10px,env(safe-area-inset-right));width:180px}html.coarse .location-reveal{top:18%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.online-bar.lobby{width:268px;padding:.6rem .7rem .7rem;background:#080c10d1;border:0;border-top:3px solid #e8792f}.online-bar.lobby header{display:grid;grid-template-columns:1fr auto;gap:.15rem .5rem;align-items:center;margin-bottom:.4rem}.online-bar.lobby .lobby-title{padding:0;background:none;border:0;color:#fff;font:600 1.15rem/1 var(--display);text-align:left;cursor:pointer}.online-bar.lobby .lobby-status{display:flex;align-items:center;gap:5px;font-size:.74rem;color:#9fe3a8}.online-bar.lobby .lobby-status i{width:7px;height:7px;border-radius:50%;background:#3ddc6b}.online-bar.lobby .lobby-room{grid-column:2;font-size:.72rem;color:#aeb8bc;text-align:right}.online-bar.lobby ul{margin:.2rem 0 .5rem;display:grid;gap:4px}.online-bar.lobby .row{display:grid;grid-template-columns:30px 1fr 10px 28px;align-items:center;gap:8px;padding:4px 6px;background:#ffffff0a}.online-bar.lobby .row.me{background:#e8792f1f}.online-bar.lobby .row .portrait{border-radius:50%}.online-bar.lobby .who{display:flex;flex-direction:column;min-width:0}.online-bar.lobby .who b{font-weight:600;font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-bar.lobby .who .lobby-role{font-size:.7rem}.online-bar.lobby .dot{width:8px;height:8px;border-radius:50%;background:#3ddc6b}.online-bar.lobby .dot.alert{background:#ff5a4a}.online-bar.lobby .icon-btn{position:relative;width:28px;height:26px;padding:0;display:grid;place-items:center;background:none;border:1px solid rgba(255,255,255,.18);color:#e9edef;border-radius:3px}.online-bar.lobby .icon-btn s{position:absolute;left:4px;right:4px;top:50%;height:2px;background:#ff5a4a;transform:rotate(-35deg)}.online-bar.lobby .leave-room{width:100%;margin-top:.5rem;padding:.5rem;background:linear-gradient(180deg,#a3322a,#7d221c);border:1px solid #c4463c;color:#fff;font-weight:600;border-radius:3px;cursor:pointer}.online-bar.lobby.folded ul,.online-bar.lobby.folded form{display:none}.online-bar.lobby .lobby-count{grid-column:1;font-size:.72rem;color:#e8a16a}.time-btn{position:absolute;z-index:4;right:var(--gutter);top:calc(max(16px,env(safe-area-inset-top)) + 206px * var(--ui-scale))}.time-btn.set{color:var(--accent);border-color:#d9a35b80}html.coarse .time-btn{top:calc(max(10px,env(safe-area-inset-top)) + 152px);right:max(10px,env(safe-area-inset-right))}:root{--ice: #e8792f;--ice-soft: rgba(232, 121, 47, .18);--navy: rgba(10, 12, 14, .86);--hunger: #d08a45;--energy: #8fbf6a}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:auto;animation:fadeIn .8s var(--ease)}.title-art{position:absolute;top:0;right:0;bottom:0;width:56vw;background:url(../ui/menu-art.webp) right center / cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%);animation:artDrift 40s ease-in-out infinite alternate}@keyframes artDrift{0%{transform:scale(1.02)}to{transform:scale(1.07) translate(-1%)}}.title-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#040a10f7,#040a10e6 34%,#040a1073 52%,#040a1000 68%),linear-gradient(0deg,#040a10bf,#040a1000 26%),radial-gradient(ellipse at 75% 30%,rgba(40,90,140,.12),transparent 60%)}.title-rain{position:absolute;top:-50%;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(102deg,transparent 0 38px,rgba(200,230,255,.55) 38px 39px,transparent 39px 83px);background-size:100% 120px;animation:rain .45s linear infinite}.title-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 72% 18%,rgba(190,220,255,.55),transparent 60%);opacity:0;mix-blend-mode:screen;animation:lightning 11s infinite}@keyframes lightning{0%,61%,63.5%,65%,to{opacity:0}62%{opacity:.85}64%{opacity:.5}}.title-column{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:2.6rem;height:100%;width:min(560px,100%);padding:6vh var(--gutter) 10vh calc(var(--gutter) + 2.4vw)}.logo{animation:rise 1s var(--ease) both}.logo h1{position:relative;margin:0;font:400 clamp(4rem,9.5vw,8.4rem)/.9 Anton,"Barlow Condensed",Impact,sans-serif;letter-spacing:.02em;color:transparent;background:linear-gradient(180deg,#f6fcff,#d4f0fb 32%,#8dcbe6 58%,#3e8db4 82%,#1f5675);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px rgba(63,180,240,.35)) drop-shadow(0 6px 0 rgba(0,0,0,.55));-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9 0.05' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.2 2.55'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9 0.05' numOctaves='3' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -3.2 2.55'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");-webkit-mask-size:400px 160px;mask-size:400px 160px}.logo p{margin:.7rem 0 0 .3rem;font:600 clamp(.8rem,1.35vw,1.15rem)/1.2 "Barlow Condensed",sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#6fd0f5;text-shadow:0 0 12px rgba(232,121,47,.35)}.title-menu{display:flex;flex-direction:column;gap:.55rem;width:min(380px,100%)}.title-item{display:flex;align-items:stretch;width:86%;min-height:58px;padding:0;border-radius:3px;background:var(--navy);border:1px solid rgba(140,190,220,.18);color:#e8f2f7;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:width .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease);animation:rise .7s var(--ease) both}.title-item:nth-child(1){animation-delay:.1s}.title-item:nth-child(2){animation-delay:.15s}.title-item:nth-child(3){animation-delay:.2s}.title-item:nth-child(4){animation-delay:.25s}.title-item:nth-child(5){animation-delay:.3s}.title-item:nth-child(6){animation-delay:.35s}.title-icon{display:grid;place-items:center;width:66px;flex:none;border-right:1px solid rgba(140,190,220,.16);color:#cfe3ec;transition:color .25s}.title-label{display:flex;align-items:center;padding:0 1.2rem;font:500 1.55rem/1 Barlow Condensed,sans-serif;letter-spacing:.02em}.title-item:hover,.title-item.focus,.title-item.active{width:100%;background:linear-gradient(90deg,#e8792fe6,#8c3c1499);border-color:var(--ice);box-shadow:0 0 0 1px #e8792f59,0 0 22px #e8792f59,inset 0 0 24px #e8792f1f}.title-item:hover .title-icon,.title-item.focus .title-icon{color:var(--ice);border-right-color:#e8792f59}.title-item.focus .title-label{font-weight:600}.title-panel{position:absolute;z-index:3;top:50%;right:var(--gutter);transform:translateY(-50%);width:min(480px,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 8vh);overflow-y:auto;padding:1.8rem 1.8rem 1.6rem;background:#0a0c0ee0;border:1px solid rgba(232,121,47,.28);box-shadow:0 0 40px #00000080,0 0 30px #e8792f14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:panelIn .45s var(--ease) both}@keyframes panelIn{0%{opacity:0}to{opacity:1}}.title-panel .eyebrow{color:#6fd0f5}.title-panel h2{margin:.35rem 0 .4rem;font:400 2.2rem/1 Anton,Barlow Condensed,sans-serif;letter-spacing:.04em;text-transform:uppercase}.title-panel button.primary,.exit-screen button.primary{background:linear-gradient(90deg,#1f9fd6,#e8792f);color:#04121b}.title-panel button.primary:hover{background:#6fdcff}.title-panel .tabs button.on{border-bottom-color:var(--ice)}.title-panel .seg button.on,.title-panel .toggle.on{background:var(--ice-soft)}.title-panel .toggle.on i{background:var(--ice)}.new-game{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field>span,.field>div>span{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.row2{flex-direction:row;gap:2rem}.row2>div{display:flex;flex-direction:column;gap:.4rem}.outfits{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.outfits button{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.86rem;text-align:left}.outfits button i{width:18px;height:26px;border-radius:3px;flex:none}.outfits button.on{border-color:var(--ice);background:var(--ice-soft)}.swatches{display:flex;gap:.45rem}.swatches button{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid transparent}.swatches button.on{border-color:var(--ice);box-shadow:0 0 10px #e8792f80}.check-row{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer}.check-row input{margin-top:.25rem;accent-color:var(--ice);width:18px;height:18px}.check-row span{display:flex;flex-direction:column;gap:.2rem}.check-row small{color:var(--muted);font-size:.8rem;line-height:1.4}.new-game .note{margin:0;color:var(--dim);font-size:.84rem}button.big{padding:.9rem 1.2rem;font:600 1.15rem/1 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase}.title-footer{position:absolute;left:calc(var(--gutter) + 2.4vw);right:var(--gutter);bottom:max(18px,env(safe-area-inset-bottom));z-index:2;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#a0c8dc8c;pointer-events:none}.title-footer .hints{display:flex;gap:.2rem;align-items:center;letter-spacing:.1em}.exit-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:1rem;text-align:center;background:#05090d;pointer-events:auto}.exit-screen h1{margin:0;font:400 4rem/1 Anton,sans-serif;color:#cfeaf6;letter-spacing:.04em}.exit-screen p{margin:0 0 .6rem;color:var(--muted)}@media(max-width:760px){.title-art{width:100vw;opacity:.6;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 60%);mask-image:linear-gradient(0deg,transparent 0%,#000 60%)}.title-column{width:100%;gap:1.6rem;padding:8vh var(--gutter) 12vh;justify-content:flex-end}.title-screen.with-panel .title-column{display:none}.title-panel{top:auto;bottom:0;transform:none;right:0;width:100%;max-height:92%}.title-item{width:100%}.row2{flex-direction:column;gap:1rem}}.bar.hunger{color:var(--hunger)}.bar.hunger .track i{background:var(--hunger)}.bar.energy{color:var(--energy)}.bar.energy .track i{background:var(--energy)}.chip.live{color:#7fe39a;border-color:#7fe39a80}.chip.sos{color:#ff8a7a;border-color:#ff5a4a99;animation:breathe 1.2s ease-in-out infinite}.danger{position:absolute;top:calc(max(16px,env(safe-area-inset-top)) + 42px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.7rem;padding:.55rem 1rem;max-width:min(520px,86vw);background:linear-gradient(90deg,#3c280abf,#1e14088c);border:1px solid rgba(217,163,91,.6);color:#f2d39d}.danger div{display:flex;flex-direction:column;gap:.1rem}.danger b{font:600 1rem/1.1 Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase}.danger span{font-size:.78rem;color:var(--muted)}.danger.critical{background:linear-gradient(90deg,#5a120ed1,#280a0899);border-color:#ff5a4abf;color:#ffb3a8;animation:alarm 1.4s ease-in-out infinite}@keyframes alarm{50%{box-shadow:0 0 24px #ff463273}}.sos-feed{position:absolute;right:var(--gutter);top:calc(max(16px,env(safe-area-inset-top)) + 160px * var(--ui-scale) + 50px);display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.sos-feed p{display:flex;align-items:center;gap:.4rem;margin:0;padding:.35rem .6rem;font-size:.8rem;color:#ffd2cb;background:#50100c99;border-right:2px solid #ff5a4a}.sos-marker{position:absolute;left:50%;top:50%;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid #ff5a4a;filter:drop-shadow(0 0 6px rgba(255,90,74,.7))}.sos-marker span{position:absolute;top:18px;left:-24px;width:48px;text-align:center;font:600 .72rem/1 Barlow Condensed,sans-serif;color:#ffb3a8}.objectives.tasks{border-left-color:#6fd0f5}.objectives.tasks .eyebrow{color:#6fd0f5}.objectives.tasks li em{margin-left:auto;font-style:normal;color:var(--muted)}.hotbar{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:6px}.hot{position:relative;display:grid;place-items:center;width:calc(48px * var(--ui-scale));height:calc(48px * var(--ui-scale));padding:0;border-radius:3px;background:#0810169e;border:1px solid rgba(160,200,220,.18);color:#dcebf1;pointer-events:auto}.hot.empty{opacity:.45}.hot.held{border-color:var(--ice);box-shadow:0 0 12px #e8792f66;color:var(--ice)}.hot b{position:absolute;right:4px;bottom:2px;font:600 .72rem/1 Barlow Condensed,sans-serif}.hot em{position:absolute;left:4px;top:3px;font:600 .6rem/1 var(--body);font-style:normal;color:var(--dim)}.hot-hint{margin-left:.6rem;font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.2rem}.boat-status{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 62px)}.remote-name.alert{background:#6e140ed9;border-color:#ff5a4a;color:#ffd2cb}.inventory{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 6vh);overflow-y:auto;padding:1.4rem 1.5rem 1.2rem;background:#0a0c0ee6;border:1px solid rgba(232,121,47,.28);box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.inventory header{display:flex;justify-content:space-between;align-items:flex-start}.inventory header .panel-close{position:static}.inventory h2{margin:.3rem 0 0;font:400 1.7rem/1 Anton,sans-serif;letter-spacing:.04em}.inventory .eyebrow{color:#6fd0f5}.inv-stats{display:grid;gap:.4rem;margin:1rem 0}.inv-stat{display:grid;grid-template-columns:18px 4.5rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.8rem}.inv-stat .track{height:4px;background:#ecebe621;overflow:hidden}.inv-stat .track i{display:block;height:100%;transform-origin:left}.inv-stat b{text-align:right;font-variant-numeric:tabular-nums}.inv-stat.health{color:var(--health)}.inv-stat.health i{background:var(--health)}.inv-stat.hunger{color:var(--hunger)}.inv-stat.hunger i{background:var(--hunger)}.inv-stat.energy{color:var(--energy)}.inv-stat.energy i{background:var(--energy)}.inv-stat span{color:var(--muted)}.inv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inv-slot{position:relative;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:3px;background:#ffffff0a;border:1px solid rgba(160,200,220,.18);color:#dcebf1}.inv-slot.empty{opacity:.4;cursor:default}.inv-slot.on{border-color:var(--ice);background:var(--ice-soft)}.inv-slot.held:after{content:"IN USE";position:absolute;bottom:3px;font-size:.5rem;letter-spacing:.12em;color:var(--ice)}.inv-slot b{position:absolute;right:5px;top:4px;font:600 .8rem/1 Barlow Condensed,sans-serif}.inv-slot em{position:absolute;left:5px;top:4px;font-size:.62rem;font-style:normal;color:var(--dim)}.inv-detail{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line)}.inv-detail h3{margin:0 0 .3rem;font:600 1.25rem/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.inv-detail p{margin:0 0 .8rem;color:var(--muted);font-size:.86rem;line-height:1.45}.inv-actions{display:flex;gap:.6rem}.inventory button.primary{background:linear-gradient(90deg,#1f9fd6,#e8792f);color:#04121b}.inv-empty{color:var(--muted);font-size:.86rem;margin:1rem 0 0}.inv-keys{margin:1rem 0 0;color:var(--dim);font-size:.76rem;display:flex;align-items:center;flex-wrap:wrap;gap:.2rem}.touch-top{position:absolute;z-index:2;top:max(10px,env(safe-area-inset-top));left:calc(max(12px,env(safe-area-inset-left)) + 74px);display:flex;gap:6px;pointer-events:auto}.touch-top button{min-width:48px;min-height:40px;padding:0 .6rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;background:var(--glass);border-radius:3px}.touch-top button.sos{color:#ff8a7a;border-color:#ff5a4a99}html.coarse .hotbar{bottom:calc(150px + env(safe-area-inset-bottom))}html.coarse .hot-hint{display:none}html.coarse .danger{top:calc(max(10px,env(safe-area-inset-top)) + 56px)}html.coarse .vitals{bottom:calc(210px + env(safe-area-inset-bottom))}html.coarse .prompt,html.coarse .context-hint{bottom:calc(232px + env(safe-area-inset-bottom))}html.coarse .objectives{top:calc(max(10px,env(safe-area-inset-top)) + 100px)}.bar.stamina{color:#e6dcbc}.bar.stamina .track i{background:#e6dcbc}.death-screen button.primary{background:linear-gradient(90deg,#1f9fd6,#e8792f);color:#04121b}.death-screen h2{font-family:Anton,var(--display);letter-spacing:.08em}.pause-screen{background:#040a109e;-webkit-backdrop-filter:blur(6px) saturate(.8);backdrop-filter:blur(6px) saturate(.8)}.pause-screen .brand h1{font:400 clamp(2.8rem,5vw,3.8rem)/1 Anton,var(--display);letter-spacing:.06em;color:#e8f4fa}.pause-screen .brand-rule{background:var(--ice)}.pause-screen .kicker{color:#6fd0f5}.pause-screen .menu-list{gap:.5rem}.pause-screen .menu-item{width:86%;padding:.85rem 1.2rem;background:var(--navy);border:1px solid rgba(140,190,220,.18);border-radius:3px;color:#e8f2f7}.pause-screen .menu-item:before{display:none}.pause-screen .menu-item .menu-label{font:500 1.35rem/1 Barlow Condensed,sans-serif;letter-spacing:.04em;text-transform:none}.pause-screen .menu-item:hover,.pause-screen .menu-item:focus-visible,.pause-screen .menu-item.active{width:100%;outline:none;background:linear-gradient(90deg,#e8792fe6,#8c3c1499);border-color:var(--ice);box-shadow:0 0 18px #e8792f4d}.pause-screen .menu-panel{border-color:#e8792f47;background:#0a0c0ee6}.pause-screen .menu-panel h2{font-family:Anton,var(--display);letter-spacing:.04em}.pause-screen .confirm button.primary{background:linear-gradient(90deg,#1f9fd6,#e8792f);color:#04121b}.inventory .inv-grid{grid-template-columns:repeat(5,1fr)}.inv-weight{display:flex;flex-direction:column;gap:4px;min-width:140px;margin-left:auto;margin-right:12px;font:600 .82rem/1 Barlow,sans-serif;color:#e9edef}.inv-weight .track{height:5px;background:#ffffff1f;border-radius:3px;overflow:hidden}.inv-weight .track i{display:block;height:100%;background:#e8792f;transform-origin:left}.inv-weight.heavy span{color:#ff8a6a}.inv-weight.heavy .track i{background:#d9452f}.inv-slot .fresh{position:absolute;left:6px;right:6px;bottom:4px;height:3px;background:#6fd17a;border-radius:2px;transform-origin:left}.inv-slot .fresh.stale{background:#f2c14e}.inv-slot .fresh.off{background:#d9452f}.inv-meta{margin:.2rem 0 .6rem;font-size:.82rem;color:#b8c2c6}.give-panel{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 6vh);overflow-y:auto;padding:1.2rem 1.3rem 1rem;background:#080c10e6;border-top:3px solid #e8792f;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;color:#e9edef}.give-panel header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.give-panel h2{margin:.1rem 0 0;font:600 1.4rem/1.1 Barlow Condensed,sans-serif}.give-targets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.8rem}.give-targets button{padding:5px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:inherit;border-radius:3px;cursor:pointer}.give-targets button.on{border-color:#e8792f;background:#e8792f2e}.give-targets small{color:#aeb8bc;margin-left:4px}.give-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.give-rows li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:6px 8px;background:#ffffff0a;border-left:2px solid transparent}.give-rows li.picked{border-left-color:#e8792f;background:#e8792f1a}.give-rows .name{display:flex;flex-direction:column;font-weight:600}.give-rows .name small{font-weight:400;color:#aeb8bc}.give-rows .stepper{display:flex;align-items:center;gap:8px}.give-rows .stepper b{min-width:1.4em;text-align:center}.give-rows .stepper button{width:28px;height:28px;border-radius:3px;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:inherit;font-size:1rem;cursor:pointer}.give-rows .stepper button:disabled{opacity:.3;cursor:default}.give-panel footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.9rem}.give-panel footer span{color:#b8c2c6;font-size:.86rem}.give-panel footer .primary{padding:.55rem 1rem;background:#e8792f;border:0;color:#111;font-weight:700;border-radius:3px;cursor:pointer}.give-panel footer .primary:disabled{opacity:.4;cursor:default}.give-note{margin:.7rem 0 0;font-size:.76rem;color:#8f9a9e}.day-summary{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 2 * var(--gutter)));max-height:calc(100% - 6vh);overflow-y:auto;padding:1.4rem 1.5rem 1.2rem;background:#080c10eb;border-top:3px solid #e8792f;box-shadow:0 24px 70px #0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e9edef;pointer-events:auto;animation:feed-in .35s ease-out}.day-summary h2{margin:.1rem 0 .4rem;font:700 2rem/1 Barlow Condensed,sans-serif;letter-spacing:.02em}.day-summary .verdict{margin:0 0 1rem;color:#cfd6d9}.ds-rows{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:4px}.ds-rows li{display:flex;justify-content:space-between;padding:6px 10px;background:#ffffff0a;color:#9aa5a9}.ds-rows li.on{color:#eef1f2;border-left:2px solid #e8792f}.ds-rows li b{font:700 1.05rem/1 Barlow Condensed,sans-serif}.ds-rank{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;background:#f2c14e14;border:1px solid rgba(242,193,78,.3);margin-bottom:.8rem}.ds-rank small{display:block;color:#b8c2c6;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em}.ds-rank strong{font:700 1.3rem/1.1 Barlow Condensed,sans-serif;color:#f2c14e}.ds-next{grid-column:1 / -1}.ds-next .track{height:5px;margin-top:4px;background:#ffffff1f;border-radius:3px;overflow:hidden}.ds-next .track i{display:block;height:100%;background:#f2c14e;transform-origin:left}.ds-flood{margin:0 0 1rem;color:#e8792f;font-weight:600}.day-summary .primary{width:100%;padding:.7rem;background:#e8792f;border:0;color:#111;font-weight:700;border-radius:3px;cursor:pointer}.world-map{position:absolute;inset:max(3vh,12px) max(3vw,12px);z-index:7;display:grid;grid-template-columns:1fr 230px;background:#080c10eb;border-top:3px solid #e8792f;box-shadow:0 24px 70px #0009;pointer-events:auto;color:#e9edef}.wm-frame{position:relative;min-height:0}.wm-frame canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.wm-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.wm-tools button{min-width:34px;height:34px;background:#080c10d9;border:1px solid rgba(255,255,255,.25);color:inherit;border-radius:3px;font-weight:700;cursor:pointer}.wm-legend{padding:1rem 1.1rem;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:.8rem}.wm-legend h2{margin:0;font:700 1.4rem/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.wm-legend ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.wm-legend li{display:flex;align-items:center;gap:10px;font-size:.88rem}.wm-legend li i{width:12px;height:12px;border-radius:50%;flex:none}.wm-legend li i.building,.wm-legend li i.drop,.wm-legend li i.boat{border-radius:2px}.wm-legend li i.ping{background:transparent!important;border:2px solid #5fb4d8}.wm-help{margin:0;font-size:.78rem;color:#aeb8bc}.wm-legend .panel-close{margin-top:auto}@media(max-width:700px){.world-map{grid-template-columns:1fr;grid-template-rows:1fr auto}.wm-legend{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.wm-legend ul{grid-template-columns:1fr 1fr}}.roles{display:grid;gap:6px}.roles button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;text-align:left;background:#ffffff0a;border:1px solid rgba(255,255,255,.14);border-left:3px solid var(--role);color:inherit;cursor:pointer}.roles button.on{background:#e8792f24;border-color:#e8792f;border-left-color:var(--role)}.roles button small{font-size:.74rem;color:#b8c2c6}.wm-legend .panel-close{position:static;align-self:stretch}.title-item{position:relative}.title-item .title-tag{margin-left:.6rem;font:500 .72rem/1 var(--body);color:#b8c2c6;letter-spacing:.02em}.title-item .title-tag.sub{color:#e8a16a}.title-item .title-chev{margin-left:auto;padding-right:.8rem;opacity:0;color:#fff;transition:opacity .15s}.title-item.focus .title-chev,.title-item:hover .title-chev{opacity:1}.title-item.focus,.title-item:hover{background:linear-gradient(90deg,#e8792feb,#e8792f8c);border-color:#e8792f;color:#fff}.title-item.focus .title-icon,.title-item:hover .title-icon{color:#fff;border-right-color:#ffffff4d}.story-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:2rem 1rem}.story-soon .logo-small{margin:0;font:800 3rem/1 var(--display);letter-spacing:.04em;color:#f3f1ec;text-shadow:0 3px 0 rgba(0,0,0,.5)}.story-soon .story-kicker{margin:0;font:600 1.1rem/1 var(--display);letter-spacing:.45em;text-transform:uppercase;color:#e9edef}.story-soon .story-soon-title{margin:0 0 .6rem;font:600 1rem/1 var(--display);letter-spacing:.4em;text-transform:uppercase;color:#e8792f}.story-soon .lede{max-width:30ch}.back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.8rem;padding:.6rem 1.2rem;background:#0a0c0eb3;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:3px;cursor:pointer}.back-btn:hover{border-color:#e8792f}.pause-screen .menu-item{display:flex;align-items:center;gap:.8rem}.pause-screen .menu-item .icon{flex:none;opacity:.9}.pause-screen .menu-item:focus,.pause-screen .menu-item:hover,.pause-screen .menu-item.active{background:linear-gradient(90deg,#e8792feb,#e8792f80);color:#fff}.settings2{display:grid;grid-template-columns:150px 1fr;gap:0;border:1px solid rgba(255,255,255,.08);background:#0a0c0e80}.settings2 .set-tabs{display:flex;flex-direction:column;padding:.4rem 0;border-right:1px solid rgba(255,255,255,.08)}.settings2 .set-tabs button{display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;background:none;border:0;border-left:3px solid transparent;border-radius:0;color:#c8cfd2;font:500 .88rem/1 var(--body);text-align:left;cursor:pointer}.settings2 .set-tabs button.on{background:#e8792f29;border-left-color:#e8792f;color:#fff}.settings2 .set-body{padding:.8rem 1rem 1rem;min-width:0}.settings2 .set-body h3{margin:0 0 .5rem;font:600 1.15rem/1 var(--display);letter-spacing:.04em}.settings2 .row{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.set-note{margin:.8rem 0 0;font-size:.8rem;color:#9aa5a9}.stepper2{display:inline-flex;align-items:center;gap:.4rem;min-width:150px;justify-content:space-between}.stepper2 span{flex:1;text-align:center;font-size:.86rem;color:#fff}.stepper2 button{width:24px;height:24px;padding:0;background:none;border:0;color:#e9edef;font-size:1.15rem;line-height:1;cursor:pointer}.stepper2 button:hover:not(:disabled){color:#e8792f}.stepper2 button:disabled{opacity:.25;cursor:default}.settings2 .toggle.on,.title-panel .settings2 .toggle.on{background:#e8792f;border-color:#e8792f}.settings2 .toggle.on i,.title-panel .settings2 .toggle.on i{background:#fff}@media(max-width:640px){.settings2{grid-template-columns:1fr}.settings2 .set-tabs{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.settings2 .set-tabs button{border-left:0;border-bottom:3px solid transparent}.settings2 .set-tabs button.on{border-bottom-color:#e8792f}}.touch-ui .touch-pause{left:auto;right:max(12px,env(safe-area-inset-right));min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;font-size:.8rem;letter-spacing:0;background:#080c10bf;border:1px solid rgba(255,255,255,.35)}.touch-ui .touch-top{left:max(12px,env(safe-area-inset-left))}.touch-ui .stick{border:2px solid rgba(255,255,255,.35);background:radial-gradient(circle,#080c1033,#080c108c)}.touch-ui .stick:before{content:"‹   ›";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffffff73;font-size:1.2rem;letter-spacing:.3em;pointer-events:none}.touch-ui .touch-actions button{border:1.5px solid rgba(255,255,255,.5);background:#080c1099}.touch-ui .touch-actions button.use{background:#e8792f;color:#111}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}html.coarse .minimap2{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 52px);right:max(12px,env(safe-area-inset-right))}.title-item{align-items:center}.title-item .title-tag{align-self:center;font-size:.8rem}.pause-screen .menu-item{flex-direction:row;justify-content:flex-start;text-align:left;padding-left:1rem}.pause-screen .menu-item .menu-label{text-align:left}@media(max-width:520px){html.coarse .compass2{display:none}html.coarse .minimap2{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 104px);right:max(12px,env(safe-area-inset-right));width:104px;height:104px}html.coarse .hud2 .field-panel{bottom:calc(210px + env(safe-area-inset-bottom))}html.coarse .hud2 .rescue-panel{right:max(12px,env(safe-area-inset-right));bottom:calc(272px + env(safe-area-inset-bottom));width:170px}html.coarse .hud2 .notes{top:calc(max(10px,env(safe-area-inset-top)) + 160px);width:min(220px,58vw)}}.bags .bag-swatch{background:linear-gradient(180deg,#55606a 0,#55606a 60%,#2c3136 60%)}.bags .bag-swatch.leather{background:linear-gradient(180deg,#8a5a32 0,#8a5a32 60%,#5a3a22 60%)}.bags .bag-swatch.stylized{background:linear-gradient(180deg,#6f7a4a 0,#6f7a4a 60%,#4a5232 60%)}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;gap:10px;text-align:center;background:#0b1014;color:#f2efe6;font-family:inherit}.rotate-hint span{font-size:3.4rem;color:#e8792f;animation:rotate-hint 2s ease-in-out infinite}.rotate-hint b{font-size:1.2rem;letter-spacing:.04em}.rotate-hint small{color:#f2efe6b3}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(orientation:landscape)and (max-height:540px){.title-column{flex-direction:row;align-items:center;justify-content:space-between;gap:1.4rem;width:100%;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.title-screen.with-panel .title-column{display:flex}.title-screen.with-panel .title-menu{display:none}.logo h1{font-size:clamp(2.4rem,15vh,4.6rem)}.logo p{font-size:.72rem;margin-top:.4rem}.title-menu{width:min(330px,46vw);max-height:100%;overflow-y:auto;gap:.32rem;padding:2px}.title-item{width:100%;min-height:38px}.title-item .title-icon{width:38px}.title-label{font-size:.95rem}.title-footer{display:none}.title-panel{top:max(8px,env(safe-area-inset-top));bottom:max(8px,env(safe-area-inset-bottom));right:max(12px,env(safe-area-inset-right));transform:none;width:min(460px,58vw);max-height:none;padding:.9rem 1.1rem}.title-panel h2{font-size:1.5rem}.title-panel .lede{display:none}.title-panel .field,.title-panel .check-row{margin:.35rem 0}.title-panel .note{margin:.25rem 0;font-size:.75rem}.title-panel button.big{min-height:42px;margin-top:.4rem}}@media(orientation:landscape)and (max-height:540px){html.coarse .touch-ui .touch-top{gap:4px}html.coarse .touch-top button{min-width:0;min-height:28px;height:28px;padding:0 6px;font-size:.55rem;letter-spacing:.04em;border-radius:3px}html.coarse .compass2{width:26vw}}.hud2{font-family:"Barlow Condensed",var(--body)}.mission-card{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));display:flex;align-items:flex-start;gap:.7rem;padding:.6rem 1.4rem .7rem .7rem;min-width:270px;background:linear-gradient(90deg,#060a0ed1,#060a0e99 75%,#060a0e00);pointer-events:auto}.mission-icon{padding:0;border:0;background:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.mission-icon:hover{background:none}.mission-kicker{margin:0;font:600 1.05rem/1.1 Barlow Condensed,sans-serif;color:#f2b33a;letter-spacing:.02em}.mission-card h2{margin:.1rem 0 .35rem;font:600 1.35rem/1.1 Barlow Condensed,sans-serif;color:#fff;letter-spacing:.01em;text-shadow:0 2px 6px rgba(0,0,0,.7)}.mission-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.mission-card li{display:flex;align-items:center;gap:.55rem;font:500 1.02rem/1.15 Barlow Condensed,sans-serif;color:#e9edf0;text-shadow:0 1px 3px rgba(0,0,0,.8)}.mission-card li i{display:grid;place-items:center;width:15px;height:15px;border:1.5px solid #dfe5e8;border-radius:2px;color:#7fe39a}.mission-card li.done{color:#9aa6aa;text-decoration:line-through}.mission-card li.done i{border-color:#7fe39a}.compass2{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(620px,52vw);text-align:center}.compass2 .tape{position:relative;height:40px;background:linear-gradient(180deg,#080c108c,#080c1040);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.compass2 .tape span{position:absolute;bottom:4px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;font:500 .82rem/1 Barlow Condensed,sans-serif;color:#c9d1d4;transition:left .1s linear}.compass2 .tape span i{width:1px;height:7px;margin-bottom:4px;background:#dce4e6b3}.compass2 .tape span.major{font-size:1.1rem;font-weight:600;color:#fff}.compass2 .tape span.major i{height:11px;width:2px;background:#fff}.compass2 .pin{position:absolute;top:-2px;transform:translate(-50%);transition:left .1s linear;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}.compass2 .pin.off{opacity:.6}.compass2 .distance{margin:.25rem 0 0;font:600 1.1rem/1 Barlow Condensed,sans-serif;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.weather-card{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:flex;align-items:center;gap:.6rem;padding:.45rem .9rem .45rem .6rem;background:#080c1099;border-radius:3px}.weather-card div{display:flex;flex-direction:column;gap:.15rem}.weather-card b{font:600 1.1rem/1 Barlow Condensed,sans-serif;color:#fff}.weather-card span{font:500 1.08rem/1 Barlow Condensed,sans-serif;color:#e3e8ea;white-space:nowrap}.field-panel{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.45rem;width:calc(210px * var(--ui-scale))}.minimap2{width:calc(196px * var(--ui-scale));height:calc(196px * var(--ui-scale));filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.place{display:flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .6rem .3rem .4rem;font:600 1.15rem/1 Barlow Condensed,sans-serif;color:#fff;background:linear-gradient(90deg,#080c10b3,#080c1000)}.vitals2{display:flex;flex-direction:column;gap:.38rem}.vital{display:flex;align-items:center;gap:.55rem}.vital svg{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.vital .vtrack{flex:1;height:9px;border-radius:5px;background:#0a0e12b3;border:1px solid rgba(255,255,255,.08);overflow:hidden}.vital .vtrack i{display:block;height:100%;border-radius:5px;transform-origin:left;transition:transform .25s linear}.vital.health{color:#f4f4f4}.vital.health i{background:linear-gradient(180deg,#ff4a3d,#c51f16)}.vital.energy{color:#f4f4f4}.vital.energy i{background:linear-gradient(180deg,#45d16b,#1f9a43)}.vital.hunger{color:#f4f4f4}.vital.hunger i{background:linear-gradient(180deg,#ffc23a,#d58b0a)}.vital.thirst{color:#3fb8ff}.vital.thirst i{background:linear-gradient(180deg,#4cc6ff,#1786d6)}.vital.oxygen{color:#a9e6ff}.vital.oxygen i{background:linear-gradient(180deg,#c8f1ff,#6cc8ec)}.vital.danger{color:#ff6a5a;animation:breathe 1s ease-in-out infinite}.vital.danger i{background:linear-gradient(180deg,#ff6a5a,#b8221a)}.field-panel .gear{margin-top:.1rem}.hotbar2{position:absolute;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;gap:8px}.hot2-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.hot2{position:relative;display:grid;place-items:center;width:calc(64px * var(--ui-scale));height:calc(64px * var(--ui-scale));padding:0;border-radius:5px;background:linear-gradient(180deg,#1e2226db,#0c0e10db);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0f,0 4px 10px #0006;pointer-events:auto}.hot2.empty{opacity:.55}.hot2.held{border-color:#f2b33a;box-shadow:0 0 14px #f2b33a73,inset 0 0 10px #f2b33a26}.hot2 b{position:absolute;right:6px;bottom:3px;font:600 .95rem/1 Barlow Condensed,sans-serif;color:#fff;text-shadow:0 1px 2px #000}.hot2-wrap em{font:600 .8rem/1 Barlow Condensed,sans-serif;font-style:normal;color:#fff;background:#0a0c0eb3;border:1px solid rgba(255,255,255,.15);border-radius:3px;padding:1px 5px}.squad-panel{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:.7rem}.squad{display:flex;gap:6px}.member{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.member .portrait{display:block;border-radius:3px;border:1px solid rgba(255,255,255,.18)}.member.me .portrait,.portrait.active{border-color:#e8792f;box-shadow:0 0 10px #e8792f8c}.member.alert .portrait{border-color:#ff5a4a;box-shadow:0 0 10px #ff5a4a99}.member>i{display:block;width:100%;height:4px;background:#3ddc6b;transform-origin:left;border-radius:2px}.member>span{max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 .72rem/1 Barlow Condensed,sans-serif;color:#dde4e6}.held-card{position:relative;display:flex;align-items:center;gap:.7rem;min-width:230px;padding:.55rem 1rem .55rem .7rem;background:#080c10b8;border-radius:4px;border-bottom:2px solid rgba(255,255,255,.35)}.held-card div{display:flex;flex-direction:column;gap:.2rem}.held-card b{font:600 1.35rem/1 Barlow Condensed,sans-serif;color:#fff}.held-card span{font:500 .82rem/1.2 Barlow Condensed,sans-serif;color:#b9c3c7}.held-card .food-count{position:absolute;top:-10px;right:8px;display:flex;align-items:center;gap:2px;font:600 .85rem/1 Barlow Condensed,sans-serif;font-style:normal;color:#fff;background:#080c10cc;padding:2px 6px 2px 2px;border-radius:10px}.story-tally{position:absolute;right:18px;bottom:18px}.hud2 .notes{top:calc(max(14px,env(safe-area-inset-top)) + 118px);bottom:auto;left:max(16px,env(safe-area-inset-left));right:auto;align-items:flex-start}.hud2 .sos-feed{top:96px}.hud2 .danger{top:calc(max(10px,env(safe-area-inset-top)) + 72px)}.hud2 .prompt{bottom:150px}.hud2 .context-hint{bottom:128px}.hud2 .boat-status{bottom:98px}.hud2 .look-hint{bottom:104px}@media(max-width:900px){.mission-card{min-width:0;max-width:56vw;padding-right:.6rem}.mission-card h2{font-size:1.1rem}.compass2{width:46vw}.held-card{min-width:0}.held-card div span{display:none}}html.coarse .compass2{top:calc(max(8px,env(safe-area-inset-top)) + 46px);width:60vw}html.coarse .mission-card{top:calc(max(8px,env(safe-area-inset-top)) + 46px);transform:scale(.85);transform-origin:top left}html.coarse .weather-card{top:calc(max(8px,env(safe-area-inset-top)) + 46px);transform:scale(.8);transform-origin:top right}html.coarse .field-panel{bottom:calc(150px + env(safe-area-inset-bottom));width:150px}html.coarse .minimap2{width:110px;height:110px}html.coarse .hotbar2{bottom:calc(150px + env(safe-area-inset-bottom))}html.coarse .hot2{width:46px;height:46px}html.coarse .squad-panel{display:none}html.coarse .hud2 .prompt,html.coarse .hud2 .context-hint{bottom:calc(222px + env(safe-area-inset-bottom))}.weather-card .flood-trend{font:600 .82rem/1 Barlow,sans-serif;letter-spacing:.02em}.weather-card .flood-trend.up{color:#e8792f}.weather-card .flood-trend.down{color:#7fc8c0}.event-feed{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 78px);right:max(14px,env(safe-area-inset-right));width:min(300px,42vw);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;pointer-events:none}.event-feed li{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#080c109e;border-left:3px solid #e8792f;color:#eef1f2;font:500 .86rem/1.2 Barlow,sans-serif;animation:feed-in .25s ease-out}.event-feed li i{width:8px;height:8px;border-radius:50%;background:#e8792f;flex:none}.event-feed li.rescue i,.event-feed li.heli i{background:#6fd17a}.event-feed li.flood i{background:#5fb4d8}.event-feed li.give i,.event-feed li.trust i{background:#f2c14e}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}html.coarse .event-feed{display:none}.vital.temp{color:#ffb36b}.vital.temp i{background:linear-gradient(180deg,#ffbe7a,#e8792f)}.vital .vlabel{font:600 .78rem/1 Barlow,sans-serif;color:#e9edef;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7)}.gear .chip.trust{border-left:3px solid #f2c14e}.gear .chip.trust b{color:#f2c14e;margin-right:3px}.rescue-panel{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 260px);right:max(14px,env(safe-area-inset-right));width:min(290px,42vw);padding:10px 12px 12px;background:#080c10b8;border-top:3px solid #e8792f;color:#e9edef;font:500 .84rem/1.3 Barlow,sans-serif;pointer-events:none}.rescue-panel header{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.rescue-panel header span{font:600 .68rem/1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8792f}.rescue-panel header h3{margin:0;font:600 1.15rem/1 Barlow Condensed,sans-serif;color:#fff}.rescue-panel header em{margin-left:auto;font-style:normal;color:#b8c2c6}.rp-meters{display:grid;gap:5px;margin-bottom:8px}.rp-meter{display:grid;grid-template-columns:52px 1fr 36px;align-items:center;gap:8px}.rp-meter span{color:#b8c2c6}.rp-meter b{text-align:right}.rp-meter .track{height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden}.rp-meter .track i{display:block;height:100%;transform-origin:left}.rp-meter.panic .track i{background:#f2c14e}.rp-meter.panic.high .track i{background:#e8792f}.rp-meter.panic.high b{color:#ff9a5a}.rp-meter.health .track i{background:#6fd17a}.rp-meter.health.low .track i{background:#d9452f}.rp-needs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px;padding:0;list-style:none}.rp-needs li{padding:2px 8px;border:1px solid rgba(232,121,47,.7);border-radius:10px;font-size:.78rem}.rp-needs li.met{border-color:#6fd17a;color:#9fe3a8;text-decoration:line-through}.rp-needs li.opt{border-color:#ffffff4d;color:#cfd6d9}.rp-steps{margin:0;padding:0;list-style:none;display:grid;gap:4px}.rp-steps li{display:flex;align-items:center;gap:8px;color:#aeb8bc}.rp-steps li i{width:15px;height:15px;flex:none;display:grid;place-items:center;border:1.5px solid rgba(255,255,255,.35);border-radius:3px;font-style:normal;font-size:.7rem}.rp-steps li.done{color:#7f8a8e;text-decoration:line-through}.rp-steps li.done i{border-color:#6fd17a;color:#6fd17a}.rp-steps li.active{color:#fff;font-weight:600}.rp-steps li.active i{border-color:#e8792f;box-shadow:0 0 0 2px #e8792f40}.rp-steps li.opt{font-style:italic}html.coarse .rescue-panel{top:auto;bottom:190px;transform:scale(.82);transform-origin:bottom right}.hud2 .notes{flex-direction:column}.hud2 .notes p{text-align:left;background:linear-gradient(90deg,rgba(8,12,16,.66),transparent);border-right:0;border-left:2px solid #e8792f}.hud2.online .rescue-panel{right:calc(max(14px,env(safe-area-inset-right)) + 234px)}.ping-tag{padding:2px 8px;background:#080c10b8;border-left:2px solid #5fb4d8;color:#eef1f2;font:600 12px/1.3 Barlow,sans-serif;white-space:nowrap;pointer-events:none}.ping-tag.mine{border-left-color:#e8792f}.event-feed li.ping i{background:#5fb4d8}.squad .member{position:relative}.squad .role-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#111;font:700 10px/1 Barlow,sans-serif;box-shadow:0 0 0 2px #080c10cc}.squad .member-dist{display:block;text-align:center;font:500 10px/1.2 Barlow,sans-serif;color:#b8c2c6}.lobby-role{font-style:normal;font-size:.72rem}body.map-open .label-layer{visibility:hidden}.rescue-panel.compact{padding:8px 12px}.rescue-panel.compact header{margin-bottom:4px}.rp-next{margin:0;color:#fff;font-weight:600}.rp-next:before{content:"›";color:#e8792f;margin-right:6px}html:not(.coarse) .hud2 .field-panel{position:static;width:auto;display:contents}html:not(.coarse) .hud2 .vitals2{position:absolute;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));width:calc(250px * var(--ui-scale));padding:.55rem .8rem .6rem .6rem;gap:.3rem;background:linear-gradient(90deg,#080c10c7,#080c1059);border-left:3px solid #e8792f}html:not(.coarse) .hud2 .gear{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 212px * var(--ui-scale));left:max(14px,env(safe-area-inset-left))}html:not(.coarse) .hud2 .mission-card{top:calc(max(14px,env(safe-area-inset-top)) + 244px * var(--ui-scale))}html:not(.coarse) .hud2 .notes{top:calc(max(14px,env(safe-area-inset-top)) + 354px * var(--ui-scale))}html:not(.coarse) .hud2 .minimap2{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:calc(168px * var(--ui-scale));height:calc(168px * var(--ui-scale))}html:not(.coarse) .hud2 .place{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 172px * var(--ui-scale));right:max(14px,env(safe-area-inset-right));background:linear-gradient(270deg,#080c10b3,#080c1000);padding:.25rem .4rem .25rem .8rem}html:not(.coarse) .hud2 .weather-card{top:calc(max(14px,env(safe-area-inset-top)) + 204px * var(--ui-scale))}html:not(.coarse) .hud2 .event-feed{top:calc(max(14px,env(safe-area-inset-top)) + 280px * var(--ui-scale))}html:not(.coarse) .hud2 .rescue-panel,html:not(.coarse) .hud2.online .rescue-panel{top:auto;right:auto;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}html:not(.coarse) .hud2.online .rescue-panel{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 150px)}html:not(.coarse) .online-bar{top:auto;right:auto;left:var(--gutter);bottom:max(14px,env(safe-area-inset-bottom))}.vital .vbody{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.vital .vname{font:500 .72rem/1 Barlow,sans-serif;font-style:normal;color:#c9d1d4;letter-spacing:.02em}.vital .vtrack{flex:none}.hud2 .prompt{padding:.45rem .9rem;background:#080c10c7;border:1px solid rgba(255,255,255,.12);border-radius:4px}.hud2 .prompt .prompt-row{display:inline-flex;align-items:center;gap:.6rem}.hud2 .prompt .prompt-icon{margin-left:.3rem;color:#e8792f}html:not(.coarse) .hud2.online .rescue-panel{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 78px)}.vital .vbody{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.6rem}.vital .vname{font-size:.86rem;color:#e9edef}.vital .vpct{font:700 1.05rem/1 Barlow Condensed,sans-serif;color:currentColor;min-width:3ch;text-align:right}.vital.health .vpct{color:#ff6a5a}.vital.energy .vpct{color:#5fdd83}.vital.hunger .vpct{color:#ffc23a}.vital.thirst .vpct{color:#4cc6ff}.vital.oxygen .vpct{color:#a9e6ff}.vital.danger .vpct{color:#ff6a5a}.vital .vlabel{font-size:.86rem}html:not(.coarse) .hud2 .vitals2{width:calc(210px * var(--ui-scale))}.weather-card{pointer-events:auto}.weather-card .time-mode{margin-left:.4rem;display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.2);border-radius:3px;color:#fff;font:600 .82rem/1 Barlow,sans-serif;cursor:pointer;white-space:nowrap}.weather-card .time-mode.day{border-color:#f2c14e;color:#f2c14e}.weather-card .time-mode.night{border-color:#8fb4ff;color:#bcd0ff}.weather-card .time-mode kbd{font-size:.68rem}@media(orientation:landscape)and (max-height:540px){html.coarse .compass2{top:max(6px,env(safe-area-inset-top));width:30vw;transform:translate(-50%) scale(.8);transform-origin:top center}html.coarse .hud2 .field-panel{position:fixed;top:calc(max(6px,env(safe-area-inset-top)) + 54px);left:0;right:0;bottom:auto;margin:0 auto;transform:none;width:max-content;max-width:52vw;gap:0}html.coarse .hud2 .place,html.coarse .hud2 .gear{display:none}html.coarse .hud2 .vitals2{flex-direction:row;gap:.7rem;padding:.2rem .6rem;background:#080c108c;border-radius:3px;font-size:.78rem}html.coarse .hud2 .vitals2 .vname,html.coarse .hud2 .vitals2 .track{display:none}html.coarse .hud2 .minimap2{position:fixed;top:calc(max(8px,env(safe-area-inset-top)) + 50px);right:max(12px,env(safe-area-inset-right));width:84px;height:84px}html.coarse .weather-card{display:none}html.coarse .mute-btn{top:max(10px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 54px)}html.coarse .mission-card{top:calc(max(8px,env(safe-area-inset-top)) + 48px);transform:scale(.62);transform-origin:top left;max-width:60vw}html.coarse .hud2 .notes{top:calc(max(8px,env(safe-area-inset-top)) + 122px);width:min(220px,34vw);font-size:.75rem}html.coarse .hotbar2{bottom:max(6px,env(safe-area-inset-bottom));transform:translate(-50%) scale(.82);transform-origin:bottom center}html.coarse .hot2{width:40px;height:40px}html.coarse .held-card{display:none}html.coarse .hud2 .prompt,html.coarse .hud2 .context-hint,html.coarse .prompt,html.coarse .context-hint{bottom:calc(66px + env(safe-area-inset-bottom))}html.coarse .boat-status{bottom:calc(66px + env(safe-area-inset-bottom));transform:scale(.8)}html.coarse .hud2 .rescue-panel{top:calc(max(8px,env(safe-area-inset-top)) + 144px);bottom:auto;right:max(12px,env(safe-area-inset-right));width:170px;transform:scale(.7);transform-origin:top right}}.task-pop{position:absolute;left:50%;top:22%;transform:translate(-50%);min-width:min(420px,80vw);max-width:86vw;padding:14px 26px 16px;text-align:center;color:#f4efe4;background:linear-gradient(180deg,#0e1a1ee0,#0a1418c7);border:1px solid rgba(242,179,58,.55);border-radius:10px;box-shadow:0 10px 34px #00000073;pointer-events:none;animation:task-pop 5s ease forwards;z-index:30}.task-pop span{display:block;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#f2b33a}.task-pop strong{display:block;margin-top:4px;font-size:30px;line-height:1.05;letter-spacing:.02em}.task-pop p{margin:6px 0 0;font-size:16px;opacity:.9}.task-pop em{display:block;margin-top:8px;font-style:normal;font-size:13px;color:#f2b33a}@keyframes task-pop{0%{opacity:0;transform:translate(-50%) translateY(-12px) scale(.96)}8%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}88%{opacity:1}to{opacity:0}}@media(orientation:landscape)and (max-height:540px){.task-pop{top:16%;padding:8px 16px 10px}.task-pop strong{font-size:22px}.task-pop p{font-size:13px}}@media(orientation:landscape)and (max-height:540px){html.coarse .time-btn{top:max(10px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 96px)}}.prompt,.hud2 .prompt{top:calc(max(8px,env(safe-area-inset-top)) + 92px);bottom:auto}html.coarse .prompt,html.coarse .hud2 .prompt,html.coarse .hud2 .context-hint{top:30%;bottom:auto}@media(orientation:landscape)and (max-height:540px){html.coarse .hud2 .prompt,html.coarse .hud2 .context-hint,html.coarse .prompt,html.coarse .context-hint{top:30%;bottom:auto}}.online-pill{display:none}html.coarse .online-pill{position:fixed;z-index:6;top:max(10px,env(safe-area-inset-top));right:calc(max(12px,env(safe-area-inset-right)) + 138px);display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 11px;border-radius:18px;color:#eef3f1;background:#080c10bf;border:1px solid rgba(95,211,138,.6);font:600 .95rem/1 Barlow Condensed,sans-serif}html.coarse .online-pill svg{color:#5fd38a}html.coarse .online-bar.folded{display:none}html.coarse .online-bar.open{position:fixed;z-index:6;top:calc(max(10px,env(safe-area-inset-top)) + 44px);right:max(12px,env(safe-area-inset-right));left:auto;bottom:auto;max-width:min(320px,70vw);max-height:70vh;overflow:auto}.compass2 .online-now{display:inline-flex;align-items:center;gap:7px;margin:.35rem 0 0;padding:4px 14px;border-radius:999px;background:#080c10b3;border:1px solid rgba(95,211,138,.5);font:600 1.15rem/1.2 Barlow Condensed,sans-serif;color:#eef3f1}.compass2 .online-now svg{color:#5fd38a}.compass2 .online-now b{color:#5fd38a;font-size:1.3rem}