:root{font-family:Arial,Helvetica,sans-serif;color:#ebe9d6;background:#283b32;font-synthesis:none;font-weight:400;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #d4d7a1;outline-offset:4px}[hidden]{display:none!important}#game{position:fixed;inset:0;display:block;width:100%;height:100%;touch-action:none}.lens-treatment{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 45%,#06151166 100%);z-index:1}.topbar{position:fixed;inset:0 0 auto;z-index:7;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(#0d1b20a0,transparent);pointer-events:none}.topbar>*{pointer-events:auto}.brand{color:#f1eddb;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:12px;font-size:25px}.brand span{font-size:13px;letter-spacing:3px}.brand small{display:block;font-size:6px;letter-spacing:3px;margin-top:5px;opacity:.65}.location{font-size:9px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.divider{opacity:.35;margin:0 8px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b8c895;box-shadow:0 0 7px #d0d4a930}.header-actions{display:flex;gap:7px}.icon-button{font-size:8px;letter-spacing:1.4px;padding:10px 13px;border:1px solid #e8ead633;background:#14251c50;color:#e8ead6;border-radius:2px}.icon-button:hover{background:#273c2b}.hud{position:fixed;inset:0;pointer-events:none;z-index:2}.compass{position:absolute;left:50%;top:26px;transform:translate(-50%);width:230px;text-align:center;border-bottom:1px solid #e6e7c850;padding:0 0 9px;display:flex;justify-content:center;gap:23px;font-size:10px;letter-spacing:3px;text-shadow:0 1px 4px #000}.compass-tick{opacity:.4}.mission-card{position:absolute;left:32px;top:108px;width:270px;border-left:2px solid #d5d4a0;padding:3px 0 5px 14px;text-shadow:0 1px 5px #092316;background:linear-gradient(90deg,#172c254f,transparent)}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:700;display:flex;justify-content:space-between;gap:20px}.eyebrow span{opacity:.5}.mission-card h2{font-size:18px;font-weight:400;letter-spacing:.5px;margin:13px 0}.mission-bottom{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:1.1px}.mission-bottom #fish-progress{font-size:16px;color:#e3c681;letter-spacing:5px;white-space:nowrap}.mission-card p{font-size:9px;margin:12px 0 0;opacity:.7;letter-spacing:1px}.alert-card{position:absolute;right:32px;top:111px;width:185px;font-size:9px;font-weight:700;letter-spacing:1.7px;text-shadow:0 1px 3px #000}.alert-card .live-dot{margin-right:10px}.alert-track{height:2px;background:#f1eccc30;margin-top:12px}.alert-track>div{height:100%;background:#e89165;width:0;transition:width .1s}.radar-wrap{position:absolute;left:30px;bottom:40px;width:172px;background:#14261fb3;border:1px solid #dfebc927;box-shadow:0 5px 30px #0002;backdrop-filter:blur(6px)}.radar-title,.radar-footer{font-size:6px;letter-spacing:1.1px;padding:9px;color:#c4caae}.radar-footer{border-top:1px solid #e5e5ba20;display:flex;justify-content:space-between}.radar-footer span{opacity:.5}#radar{width:170px;height:170px;display:block}.radio{position:absolute;bottom:41px;left:226px;max-width:325px;text-shadow:0 2px 6px #102820;display:flex;gap:12px;font-size:10px;line-height:1.8}.radio span{white-space:nowrap;font-size:7px;color:#d4cd9d;letter-spacing:1.5px;padding-top:4px}.radio p{margin:0}.controls{position:absolute;right:30px;bottom:24px;display:flex;gap:16px;font-size:7px;letter-spacing:1px;opacity:.7;text-shadow:0 2px 5px #000}.controls span{display:flex;align-items:center;gap:5px}kbd{font:8px Arial,sans-serif;border:1px solid #f4e9bc40;background:#1d322355;padding:4px 5px;border-radius:2px;color:#f2f0d2}.district{position:absolute;bottom:69px;right:32px;text-align:right;font-size:12px;letter-spacing:3px;text-shadow:0 2px 5px #12301e}.district small{font-size:7px;display:block;letter-spacing:2.5px;margin-top:9px;opacity:.6}.waypoint{position:absolute;left:0;top:0;will-change:transform;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;letter-spacing:1px;text-shadow:0 2px 4px #000}.waypoint:before{content:"◇";font-size:27px;color:#f0d083}.waypoint.exit:before{color:#c9d7b6}.waypoint.next:before{animation:waypoint-pulse 1.1s ease-in-out infinite;color:#ffe08a}.waypoint.next{font-weight:700;color:#fff3c4}.waypoint.edge{opacity:.92}.waypoint.edge:before{content:"➤";font-size:22px;transform:rotate(var(--bearing, 0deg))}@keyframes waypoint-pulse{50%{transform:scale(1.35);text-shadow:0 0 14px #ffd36a}}.intro{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;max-width:min(460px,calc(100vw - 32px));padding:18px 24px;background:#152b20e6;border:1px solid #e1bc6680;color:#eeeac8;text-align:center;letter-spacing:1px;pointer-events:none;animation:intro-in .5s ease-out}.intro small{font-size:9px;color:#e1bc66;letter-spacing:3px}.intro strong{font-size:19px}.intro span{font-size:11px;line-height:1.5;opacity:.85}.intro.leaving{opacity:0;transition:opacity .6s}@keyframes intro-in{0%{opacity:0;transform:translate(-50%,-12px)}}.interaction{position:absolute;left:50%;bottom:24%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:13px 20px;background:#152b20dc;border:1px solid #e2d09b88;font-size:12px;letter-spacing:1px}.overlay{position:fixed;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#081c18df 0%,#0c2116a6 26%,#12271c1a 65%,transparent);z-index:4}.briefing-card{width:430px;margin-left:6vw;padding-top:30px}.briefing-card>.eyebrow{padding-bottom:22px;border-bottom:1px solid #dce0b62d;max-width:360px}.chapter{font-size:8px;letter-spacing:2.7px;margin-top:32px;color:#c5ceaf}.briefing-card h1{font-size:68px;font-weight:800;letter-spacing:-2px;line-height:.97;margin:23px 0;color:#eeeadb}.briefing-card h1 em{font-style:normal;font-size:116px;letter-spacing:0;color:#d3c88c}.briefing-copy{font-size:12px;line-height:1.9;opacity:.7;margin:24px 0}.mission-line{font-size:8px;letter-spacing:1.5px;margin:13px 0}.mission-line span{color:#c9bf87;margin-right:18px}.primary{display:flex;align-items:center;justify-content:space-between;background:#d6d0a6;color:#1b3127;border:0;border-radius:1px;padding:17px 21px;font-weight:700;font-size:9px;letter-spacing:2px;width:335px;margin-top:30px;transition:background .2s}.primary:hover{background:#f1ebc3}.primary span{font-size:20px;font-weight:400}.footnote{font-size:8px;letter-spacing:.7px;opacity:.5;margin-top:16px}.scene-note{position:absolute;right:32px;bottom:38px;text-align:right;font-size:9px;letter-spacing:3px;text-shadow:0 1px 4px #13221a}.scene-note span{display:block;font-size:7px;opacity:.55;margin-top:10px}.centered{justify-content:center;background:#0b201bc9;backdrop-filter:blur(5px)}.ending-card{width:min(460px,90vw);padding:40px;background:#182c25d9;border:1px solid #e0dab02a}.ending-card h1{font-size:44px;font-weight:500;letter-spacing:-1px}.ending-card p{font-size:12px;line-height:1.9;opacity:.65}.ending-card .primary{width:100%}.loading{position:fixed;inset:0;z-index:10;background:#14251f;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-mark{font-size:54px;color:#d2cb9c}.loading h2{font-size:18px;font-weight:500;letter-spacing:7px;margin-top:22px}.loading p{font-size:8px;letter-spacing:2px;opacity:.6}.loading-line{height:1px;width:190px;background:linear-gradient(90deg,transparent,#d3ca91,transparent);margin-top:25px}.loading.error{padding:30px;line-height:2;text-align:center}.mobile-controls,.mobile-hint{display:none}@media (max-width: 1000px){.location{display:none}.controls{gap:9px;font-size:6px}.radio{max-width:235px;font-size:9px}.district{font-size:9px}.topbar{padding:20px}.mission-card{left:22px;top:92px}.alert-card{right:22px;top:93px}.briefing-card h1{font-size:56px}.briefing-card h1 em{font-size:98px}.briefing-card{width:370px}.compass{top:23px;width:180px}}:where(body.touch-layout,body.force-touch) .mobile-controls,:where(body.touch-layout,body.force-touch) .mobile-hint{display:block}:where(body.touch-layout,body.force-touch) .controls,:where(body.touch-layout,body.force-touch) .desktop-hint{display:none}:where(body.touch-layout,body.force-touch) .mobile-controls{position:absolute;inset:0;pointer-events:none;touch-action:none}:where(body.touch-layout,body.force-touch) .look-zone{position:absolute;inset:23% 0 0 48%;pointer-events:auto;touch-action:none}:where(body.touch-layout,body.force-touch) .look-zone>span{position:absolute;right:38px;top:40%;font-size:7px;letter-spacing:2px;opacity:.25}:where(body.touch-layout,body.force-touch) .joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:128px;height:128px;border:1px solid #edeec349;border-radius:50%;background:#18362940;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}:where(body.touch-layout,body.force-touch) .joystick-ring{width:86px;height:86px;border:1px dashed #ecedc426;border-radius:50%}:where(body.touch-layout,body.force-touch) .stick{position:absolute;width:48px;height:48px;border-radius:50%;background:#dae0bd57;border:1px solid #f0f0c360;pointer-events:none;box-shadow:0 3px 12px #0c291733}:where(body.touch-layout,body.force-touch) .joystick>span{position:absolute;bottom:-15px;font-size:6px;letter-spacing:3px;opacity:.5}:where(body.touch-layout,body.force-touch) .touch-actions{position:absolute;right:max(23px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:62px 76px;gap:10px;pointer-events:auto}:where(body.touch-layout,body.force-touch) .touch-actions button{border:1px solid #e2e4ba60;border-radius:50%;background:#1e39298f;color:#eeeac8;font-size:8px;letter-spacing:1px;width:62px;height:62px;touch-action:manipulation}:where(body.touch-layout,body.force-touch) .touch-actions #touch-steal{grid-column:2;grid-row:1 / 3;align-self:center;width:76px;height:76px;background:#d5c998c9;color:#233629;font-weight:700}:where(body.touch-layout,body.force-touch) .touch-actions button.selected{background:#c6d6a7;color:#203a2a}:where(body.touch-layout,body.force-touch) .touch-actions #touch-steal:disabled{opacity:.4}:where(body.touch-layout,body.force-touch) .radar-wrap{left:25px;bottom:185px;width:106px}:where(body.touch-layout,body.force-touch) .radar-title{font-size:5px;padding:6px}:where(body.touch-layout,body.force-touch) .radar-footer{display:none}:where(body.touch-layout,body.force-touch) #radar{width:104px;height:104px}:where(body.touch-layout,body.force-touch) .radio{left:155px;bottom:179px;max-width:230px;font-size:9px}:where(body.touch-layout,body.force-touch) .radio span{display:none}:where(body.touch-layout,body.force-touch) .district{right:23px;bottom:192px;font-size:8px;letter-spacing:1.5px}:where(body.touch-layout,body.force-touch) .district small{font-size:5px}:where(body.touch-layout,body.force-touch) .mission-card{width:225px;top:85px}:where(body.touch-layout,body.force-touch) .mission-card h2{font-size:16px}:where(body.touch-layout,body.force-touch) .mission-bottom{gap:10px}:where(body.touch-layout,body.force-touch) .alert-card{width:154px;top:86px;font-size:7px}:where(body.touch-layout,body.force-touch) .interaction{bottom:30%;font-size:10px}:where(body.touch-layout,body.force-touch) .interaction kbd{display:none}:where(body.touch-layout,body.force-touch) .icon-button{font-size:7px;padding:9px}:where(body.touch-layout,body.force-touch) .topbar{padding:15px 20px}:where(body.touch-layout,body.force-touch) .brand span{font-size:10px;letter-spacing:2px}:where(body.touch-layout,body.force-touch) .brand small{font-size:5px}:where(body.touch-layout,body.force-touch) .compass{top:59px;font-size:8px;width:130px}:where(body.touch-layout,body.force-touch) .briefing-card{margin-left:5vw}:where(body.touch-layout,body.force-touch) .briefing-card h1{font-size:43px}:where(body.touch-layout,body.force-touch) .briefing-card h1 em{font-size:78px}:where(body.touch-layout,body.force-touch) .briefing-copy{font-size:11px;margin:17px 0}:where(body.touch-layout,body.force-touch) .primary{margin-top:22px}:where(body.touch-layout,body.force-touch) .scene-note{font-size:7px}:where(body.touch-layout,body.force-touch) .location{display:none}@media (max-height: 620px){.briefing-card{padding-top:35px}.briefing-card>.eyebrow{padding-bottom:10px}.chapter{margin-top:15px}.briefing-card h1{font-size:36px;margin:12px 0}.briefing-card h1 em{font-size:62px}.briefing-copy{font-size:10px;line-height:1.5;margin:12px 0}.mission-line{font-size:7px;margin:9px 0}.primary{padding:13px 17px;margin-top:18px}.footnote{font-size:7px}.mission-card{top:73px}.radar-wrap{width:89px;bottom:162px}#radar{width:87px;height:87px}.radio{bottom:166px;left:138px;font-size:8px;max-width:240px}.district{bottom:170px}.joystick{width:110px;height:110px}.alert-card{top:78px}.compass{top:18px}.scene-note{bottom:20px}}@media (max-width: 480px){.briefing-card{width:87vw}.briefing-card>.eyebrow{font-size:6px}.primary{width:100%}.scene-note{display:none}.topbar{padding:16px 14px}.header-actions{gap:4px}.icon-button{padding:8px;font-size:6px}.mission-card{left:16px;width:190px}.mission-card .eyebrow{font-size:6px}.mission-card h2{font-size:15px}.mission-bottom{font-size:6px;gap:7px}.mission-bottom #fish-progress{font-size:12px}.mission-card p{font-size:7px;max-width:185px}.alert-card{top:183px;left:16px;right:auto;width:180px}.district{max-width:185px;line-height:1.6}.radio{bottom:167px;left:145px;right:20px;font-size:8px}.radar-wrap{bottom:188px}.interaction{bottom:38%}.joystick{width:116px;height:116px}.touch-actions{gap:8px;grid-template-columns:54px 66px}.touch-actions button{width:54px;height:54px;font-size:7px}.touch-actions #touch-steal{width:66px;height:66px}}body.force-touch .mobile-controls,body.force-touch .mobile-hint{display:block}body.force-touch .controls,body.force-touch .desktop-hint{display:none}.joystick.sprinting{border-color:#e1c472;box-shadow:0 0 0 5px #e1c47225}.joystick.sprinting .stick{background:#dcc47eaa}@media (max-height: 480px) and (min-width: 600px){.mission-card{top:60px;width:185px}.mission-card h2{margin:8px 0;font-size:14px}.mission-card p{font-size:7px}.radar-wrap{inset:96px 22px auto auto;width:76px}#radar{width:74px;height:74px}.radar-title,.radio,.district{display:none}.alert-card{top:59px}.joystick,.touch-actions{bottom:22px}.briefing-card{padding-top:24px}.briefing-card .chapter{margin-top:9px}.briefing-card .mission-line{display:none}.briefing-card h1{font-size:29px}.briefing-card h1 em{font-size:49px}.briefing-card .primary{margin-top:10px}}.energy-meter{position:absolute;right:32px;bottom:115px;width:185px;font-size:8px;letter-spacing:1.5px;text-shadow:0 1px 4px #000}.energy-meter>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px}.energy-track{height:4px;background:#18291caa;border:1px solid #ece5b333}#energy-fill{height:100%;width:100%;background:#e2cb82;transition:width .08s linear}.energy-meter.exhausted #energy-fill{background:#de8c63}.health-meter{transform:translateY(-30px)}#health-fill{height:100%;width:100%;background:#9fcf7f;transition:width .12s linear}.health-meter.low #health-fill{background:#e0684f}.health-meter.hurt{animation:health-hit .35s ease-out}@keyframes health-hit{30%{transform:translateY(-30px) translate(-4px);filter:brightness(1.6)}}:where(body.touch-layout,body.force-touch) .touch-actions{grid-template-columns:54px 62px 62px;grid-template-rows:54px 62px;gap:8px}:where(body.touch-layout,body.force-touch) .touch-actions button{width:54px;height:54px;font-size:7px}:where(body.touch-layout,body.force-touch) .touch-actions #touch-squeak{grid-column:1;grid-row:1}:where(body.touch-layout,body.force-touch) .touch-actions #touch-sneak{grid-column:2;grid-row:1}:where(body.touch-layout,body.force-touch) .touch-actions #touch-crawl{grid-column:1;grid-row:2}:where(body.touch-layout,body.force-touch) .touch-actions #touch-jump{grid-column:2;grid-row:2;width:62px;height:62px;border-color:#f2de97;background:#5a6244bf}:where(body.touch-layout,body.force-touch) .touch-actions #touch-bite{grid-column:3;grid-row:1;border-color:#e0a07a}:where(body.touch-layout,body.force-touch) .touch-actions #touch-steal{grid-column:3;grid-row:2;width:62px;height:62px;align-self:center}:where(body.touch-layout,body.force-touch) .touch-actions button:disabled{opacity:.4}:where(body.touch-layout,body.force-touch) .energy-meter{right:25px;bottom:170px;width:184px;font-size:7px}:where(body.touch-layout,body.force-touch) .district{bottom:248px}:where(body.touch-layout,body.force-touch) .radio{bottom:284px;max-width:210px}@media (max-width: 480px){.touch-actions{right:14px;grid-template-columns:46px 52px 52px;gap:6px}.touch-actions button{width:46px;height:46px;font-size:6px}.touch-actions #touch-jump,.touch-actions #touch-steal{width:52px;height:52px}.energy-meter{right:17px;bottom:168px;width:158px}.district{bottom:239px;max-width:160px}.radio{bottom:287px;left:155px;right:17px}}@media (max-height: 480px) and (min-width: 600px){.energy-meter{bottom:156px}.district,.radio{display:none}.radar-wrap{bottom:auto}}.air-meter{position:fixed;left:50%;bottom:125px;transform:translate(-50%);width:160px;padding:9px 12px;background:#163941dc;border:1px solid #b3dfe75c;color:#ddf5f3;font:10px Arial;letter-spacing:1.5px;border-radius:4px;pointer-events:none}.air-meter[hidden]{display:none}.air-meter span{display:flex;justify-content:space-between}.air-meter>div{height:4px;background:#ffffff20;margin-top:7px}.air-meter i{display:block;height:100%;background:#9bdde1}.touch-layout .air-meter,.force-touch .air-meter{bottom:205px}@media (max-height: 500px){.touch-layout .air-meter,.force-touch .air-meter{bottom:75px}}.briefing-card{max-height:calc(100dvh - 32px);overflow-y:auto;scrollbar-width:thin}.room-panel{margin:20px 0 12px;padding:18px;border:1px solid #d3bc7948;background:#1b302bd9;text-align:left}.room-panel h2{margin:0 0 14px;font-size:12px;letter-spacing:.12em;color:#efd29b}.room-panel h2 span{display:block;margin-top:6px;font-size:10px;color:#a8baac}.room-panel label{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.1em;color:#bacbbc}.room-panel input{box-sizing:border-box;width:100%;padding:11px;background:#112820;border:1px solid #c6bc8955;color:#f4efda;font:inherit;font-size:14px;border-radius:3px}.room-panel input:focus-visible,.room-button:focus-visible,.room-live summary:focus-visible{outline:2px solid #f1ce82;outline-offset:3px}#room-code-input{text-transform:uppercase;letter-spacing:.12em;min-width:0}.room-button{cursor:pointer;min-height:40px;padding:9px 12px;border:1px solid #c7c7a766;background:#294238;color:#eee8d5;border-radius:3px;font:inherit;font-size:11px;letter-spacing:.04em}.room-button:hover{background:#3c5948}.room-button:disabled,#room-start:disabled{cursor:default;opacity:.45}#room-create{width:100%;margin:9px 0;background:#a68749;color:#101e18;font-weight:700}.room-join-row{display:flex;gap:8px}.room-actions{display:flex;gap:6px;flex-wrap:wrap}.room-code{font-size:12px;letter-spacing:.16em}.room-code strong{color:#f1ce82;font-size:21px}#room-members,#room-live-members{padding:0;list-style:none;margin:12px 0}#room-members li,#room-live-members li{border-left:3px solid var(--otter-color);padding:6px 8px;margin:5px 0;color:#e6e8d5;font-size:12px;overflow-wrap:anywhere}#room-status{min-height:1.5em;margin:10px 0 0;font-size:12px;line-height:1.5;color:#c5d5bc}.room-live{position:fixed;right:18px;top:76px;z-index:22;width:min(280px,calc(100vw - 36px));padding:11px 14px;background:#173329ed;color:#e6e8d5;border:1px solid #b8c89c66;border-radius:5px;pointer-events:auto}.room-live summary{cursor:pointer;font-size:12px;letter-spacing:.06em}.room-live p{font-size:11px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width: 600px){.room-panel{margin-top:12px;padding:12px}.room-live{top:64px;right:10px}}.briefing-card{max-height:calc(100dvh - 120px);margin-top:60px;padding-top:0}.in-room .briefing-card h1{font-size:42px;line-height:1;margin:18px 0}.in-room .briefing-card h1 em{font-size:64px}.in-room .briefing-card .mission-line,.in-room .briefing-copy,.in-room .briefing-card .footnote{display:none}.in-room .briefing-card .chapter{margin-top:14px}.room-live{top:148px}@media (max-width: 600px){.room-live{top:154px;max-width:220px}}.coop-name{position:fixed;z-index:3;pointer-events:none;transform:translate(-50%,-100%);padding:5px 9px;color:var(--otter-color);background:#142c25e8;border-bottom:2px solid var(--otter-color);border-radius:3px;font-size:12px;line-height:1.3;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fiction-disclaimer{max-width:440px;margin:18px 0;font-size:11px;line-height:1.6;color:#c4c9b9}