:root{font-family:DM Sans,sans-serif;color:#f1f0df;background:#151413;font-synthesis:none;--bone:#f1f0df;--muted:#a9a7a4;--lime:#dbd0c3;--line:rgba(226,237,212,.19);--mono:"IBM Plex Mono",monospace;--display:"Barlow Condensed",Impact,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{color:inherit}button svg{width:18px;height:18px;stroke-width:1.6}svg{flex-shrink:0}a{color:inherit}button{border:0;background:none}input{color:var(--bone);border:1px solid var(--line);background:#191816;outline:0}input:focus{border-color:var(--lime)}[hidden]{display:none!important}#app{width:100%;height:100svh;position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;position:absolute;inset:0;outline:0;touch-action:none;background:radial-gradient(ellipse at 70% 45%,#736d41,#292725 34%,#0b1715 75%)}.atmosphere{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#080f0cd9,#080f0c80 36%,#080f0c12 67%),linear-gradient(0deg,rgba(6,13,10,.88),transparent 35%,transparent 70%,rgba(6,13,10,.35));transition:opacity 1s}.playing .atmosphere{opacity:0}.vignette{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 160px 30px #0006}.grain{position:absolute;inset:0;pointer-events:none;opacity:.047;z-index:19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.89' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:screen}.scanline{position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#000 4px)}.topbar{position:absolute;top:0;left:0;right:0;padding:29px 42px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:28px;height:35px;color:var(--lime)}.brand-name{font-family:var(--display);font-weight:700;font-size:25px;letter-spacing:1.8px}.brand span{display:block}.brand-sub{font:9px var(--mono);letter-spacing:2.4px;color:var(--muted);margin-top:1px}.top-right{display:flex;align-items:center;gap:23px}.district-pill{font:10px var(--mono);letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #dbd0c344}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;transition:background .2s}.icon-button:hover{background:#dbd0c319}.text-button{font:10px var(--mono);letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 0;color:var(--muted)}.text-button:hover{color:var(--lime)}.menu{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:100px 7.3vw 102px;transition:opacity .6s,visibility .6s}.menu-main{width:440px;max-width:100%;position:relative}.eyebrow{font:10px var(--mono);letter-spacing:2.5px;text-transform:uppercase;color:var(--lime);display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:23px;height:1px;background:var(--lime)}.menu h1{font-family:var(--display);font-size:clamp(105px,11.7vw,172px);font-weight:800;letter-spacing:-2px;line-height:.82;margin:26px 0 28px;text-shadow:0 5px 35px #0002}.menu h1 span{display:block}.menu h1 span:last-child{color:var(--lime)}.menu-copy{font-size:14px;line-height:1.8;max-width:345px;color:#b8b6b3;margin:0 0 26px}.join-form{max-width:334px}.name-label{font:9px var(--mono);letter-spacing:1.5px;color:#a5a2a0;display:block;margin-bottom:8px}.name-wrap{border-bottom:1px solid #a29d9866;display:flex;align-items:center;padding:0 0 9px;margin-bottom:15px}.name-wrap>svg{width:16px;height:16px;color:var(--lime)}.name-wrap input{width:100%;background:none;border:0;padding:4px 10px;font-size:14px}.name-wrap input:focus{outline:0}.name-wrap>span{font:8px var(--mono);letter-spacing:1px;white-space:nowrap;color:#989490}.primary{background:var(--lime);color:#1d1c1b;min-height:51px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:12px;font-weight:700;letter-spacing:.1px;transition:background .2s,transform .2s}.primary:hover{background:#e3dcd3;transform:translateY(-1px)}.primary svg{width:18px}.menu-links{display:flex;align-items:center;justify-content:space-between;margin-top:12px;max-width:334px}.menu-links .text-button{font-size:9px}.headphones{font:9px var(--mono);color:#8f8c88;letter-spacing:.3px;display:flex;align-items:center;gap:7px;margin-top:20px}.headphones svg{width:13px;height:13px}.menu-footer{position:absolute;bottom:29px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1.4px;color:#92908c}.menu-footer .coordinates{display:flex;align-items:center;gap:18px}.small-cross{font-size:18px;color:var(--lime)}.incident{position:absolute;bottom:107px;right:6.5vw;width:305px;border-top:1px solid #dbd0c355;padding-top:16px;background:linear-gradient(0deg,#12111033,transparent);animation:enter 1s .15s both}.incident-top{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1.7px;color:var(--lime)}.incident-top .number{color:#b7b3af}.incident h2{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:.4px;margin:17px 0 9px}.incident p{font-size:11px;line-height:1.85;max-width:270px;color:#a7a4a0;margin:0}.incident-bottom{margin-top:20px;border-top:1px solid var(--line);padding-top:12px;font:9px var(--mono);letter-spacing:.5px;display:flex;justify-content:space-between}.incident-bottom span:last-child{color:#d9bd86}.scene-caption{position:absolute;right:6.5vw;top:34%;font:9px var(--mono);letter-spacing:1.5px;color:#dad6d19c;display:flex;align-items:center;gap:13px}.scene-caption:before{content:"+";font-size:22px;color:var(--lime)}.scene-caption span{display:block;line-height:1.9}.scene-caption small{font-size:8px;color:#a39f9b}.playing .menu{opacity:0;visibility:hidden;pointer-events:none}.playing .topbar{padding:24px 28px}.playing .brand-name{font-size:21px}.playing .brand-sub{display:none}.playing .brand-mark{width:21px;height:28px}.hud{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .8s}.playing .hud{opacity:1}.hud button,.hud input{pointer-events:auto}.hud-location{position:absolute;top:91px;left:30px}.hud-location .eyebrow{font-size:8px;letter-spacing:1.6px}.hud-location h2{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:.7px;margin:5px 0 4px;text-shadow:0 2px 15px #000}.hud-location p{font:9px var(--mono);color:#bbb8b4;margin:0}.objective{position:absolute;right:29px;top:91px;width:254px;text-align:left;border-left:1px solid #dbd0c36b;padding:3px 0 3px 16px;text-shadow:0 2px 10px #000}.objective-label{font:8px var(--mono);letter-spacing:1.8px;color:var(--lime)}.objective h3{font-size:13px;font-weight:500;line-height:1.7;margin:9px 0}.objective p{font:10px var(--mono);line-height:1.7;color:#bebab6;margin:0}.progress-track{height:2px;background:#d5d0cb22;width:140px;margin-top:12px}.progress-track span{display:block;background:var(--lime);height:100%;transition:width .5s}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#f1f0dfad;border-radius:50%;box-shadow:0 0 6px #000}.interact{position:absolute;left:50%;top:calc(50% + 49px);transform:translate(-50%);display:flex;align-items:center;gap:11px;background:#181715db;backdrop-filter:blur(8px);padding:12px 18px;border:1px solid #c9c2ba44;max-width:360px;min-width:180px}.interact kbd{width:28px;height:28px;border:1px solid #dbd0c370;display:grid;place-items:center;font:12px var(--mono);color:var(--lime)}.interact strong{display:block;font-size:12px;font-weight:500}.interact small{display:block;margin-top:4px;font:9px var(--mono);line-height:1.5;color:#aca8a3}.bottom-hud{position:absolute;bottom:27px;left:29px;right:29px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.vital{width:155px}.vital-line{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;margin-bottom:9px;color:#bebab5}.vital-line span:first-child{display:flex;align-items:center;gap:6px}.vital-line svg{width:13px;height:13px;color:var(--lime)}.stability-track{height:3px;background:#f1f0df25}.stability-track span{display:block;height:100%;width:100%;background:var(--lime);transition:width .7s}.vital-note{font:8px var(--mono);color:#a29f9b;margin-top:9px}.toolbelt{display:flex;gap:7px;background:#16151376;padding:7px;border:1px solid #b2aba326;backdrop-filter:blur(5px)}.tool{min-width:61px;padding:11px 10px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;position:relative;color:#b5b2ae;border:1px solid transparent}.tool:hover,.tool.active{border-color:#d4c9bc77;background:#dbd0c319;color:var(--lime)}.tool svg{width:19px;height:19px}.tool span{font:8px var(--mono);letter-spacing:.2px}.tool kbd{position:absolute;top:1px;right:3px;font:7px var(--mono);color:#918e89}.controls-hint{font:9px var(--mono);line-height:1.9;color:#b7b3ae;text-align:right}.controls-hint kbd{border-bottom:1px solid #b7b3ae55;font:inherit;padding:0 2px}.pact-ribbon{position:absolute;top:23px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:9px 15px;background:#35263bdd;border:1px solid #cbabe15c;font:9px var(--mono);letter-spacing:.4px;color:#dec9ee}.pact-ribbon svg{width:15px;height:15px}.pact-ribbon button{color:#c1a7ce;font-size:15px;line-height:1;padding:0 2px}.compass{position:absolute;left:50%;top:76px;transform:translate(-50%);font:9px var(--mono);letter-spacing:8px;color:#d5d1cc77}.compass b{color:var(--lime);font-weight:500}.toast-stack{position:absolute;left:50%;bottom:130px;transform:translate(-50%);z-index:16;display:flex;flex-direction:column;align-items:center;gap:8px;width:90%;max-width:470px;pointer-events:none}.toast{padding:13px 19px;background:#1f1e1ceb;border:1px solid #dbd0c349;color:#dddad6;font-size:12px;line-height:1.6;box-shadow:0 10px 50px #0003;animation:toast-in .3s var(--ease);text-align:center}.toast.error{border-color:#d98d6966;background:#2c211beb}.toast.special{border-color:#dbd0c3b0;color:var(--lime)}.connection-banner{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:18;background:#30271ef0;color:#edd3a7;border:1px solid #ceaf7555;font:10px var(--mono);padding:12px 20px;max-width:90%;text-align:center}.hint-card{position:absolute;left:30px;bottom:131px;max-width:265px;background:#191716d9;border-left:2px solid var(--lime);padding:16px;pointer-events:auto}.hint-card strong{font-size:12px;font-weight:500}.hint-card p{font-size:11px;line-height:1.7;color:#b4b0ab;margin:9px 0 0}.hint-card button{position:absolute;right:9px;top:7px;color:#a29e99;font-size:18px;padding:2px 6px}.overlay{position:absolute;inset:0;z-index:12;display:grid;place-items:center;background:#0d0c0ba6;backdrop-filter:blur(10px);padding:25px;animation:fade .2s}.panel{width:720px;max-width:100%;max-height:calc(100svh - 70px);overflow:auto;background:#1d1c1b;border:1px solid #b9b3ad36;box-shadow:0 20px 100px #0007;position:relative}.panel-top{padding:25px 28px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.panel-top .eyebrow{font-size:8px;letter-spacing:1.7px}.panel-top h2{font-family:var(--display);font-size:36px;font-weight:500;letter-spacing:.3px;margin:9px 0 0}.close-button{padding:8px;color:#b2aeaa;display:flex}.close-button:hover{color:var(--lime)}.panel-intro{font-size:13px;color:#b3afab;line-height:1.85;margin:0 0 23px}.tabs{display:flex;padding:0 28px;border-bottom:1px solid var(--line);gap:28px}.tab{font:10px var(--mono);letter-spacing:.2px;padding:16px 0;border-bottom:2px solid transparent;color:#9c9893}.tab[aria-selected=true]{color:var(--lime);border-bottom-color:var(--lime)}.map-canvas{width:100%;height:310px;display:block;background-image:linear-gradient(#a49e980b 1px,transparent 1px),linear-gradient(90deg,#a49e980b 1px,transparent 1px);background-size:20px 20px;border:1px solid #aba6a033}.map-legend{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;font:9px var(--mono);color:#a7a39e}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block}.map-legend i.unknown{background:#978773}.map-legend i.you{background:#f7f3df;box-shadow:0 0 8px #fff7}.map-note{font:10px var(--mono);line-height:1.8;color:#9b9691;margin-top:21px}.field-entry{padding:19px 0;border-bottom:1px solid var(--line);display:flex;gap:19px}.field-entry:first-child{padding-top:0}.field-entry:last-child{border:0;padding-bottom:0}.field-entry .entry-num{font:10px var(--mono);color:var(--lime);padding-top:5px;min-width:20px}.field-entry h3{font-size:14px;font-weight:500;margin:0 0 8px}.field-entry p{font-size:12px;line-height:1.85;color:#aea9a4;margin:0}.field-entry .stamp{font:8px var(--mono);letter-spacing:1px;display:inline-block;padding:4px 6px;border:1px solid #dbd0c33b;color:var(--lime);margin-top:11px}.empty-state{padding:35px 20px;text-align:center}.empty-state>svg{width:36px;height:36px;color:#9d989255;stroke-width:1}.empty-state h3{font-family:var(--display);font-size:27px;font-weight:500;margin:15px 0 11px}.empty-state p{max-width:365px;font-size:12px;line-height:1.85;color:#a5a19c;margin:0 auto}.memory{padding:20px;border:1px solid #beb9b434;background:#dbd0c307;margin-bottom:15px}.memory .memory-time{font:9px var(--mono);color:#9d9995;letter-spacing:1px}.memory h3{font-family:var(--display);font-size:27px;font-weight:500;margin:12px 0 9px}.memory p{font-size:12px;line-height:1.8;color:#afaaa5;margin:0}.memory .byline{font:9px var(--mono);color:var(--lime);margin-top:16px}.settings-panel{width:510px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 0;border-bottom:1px solid var(--line)}.setting-row:first-child{padding-top:0}.setting-row:last-child{border-bottom:0}.setting-copy strong{display:block;font-size:12px;font-weight:500}.setting-copy small{display:block;color:#a09c97;font-size:10px;line-height:1.7;margin-top:6px;max-width:250px}.setting-row input[type=range]{width:140px;accent-color:var(--lime)}.setting-row input[type=checkbox]{appearance:none;min-width:35px;width:35px;height:20px;border-radius:12px;border:1px solid #c1bdb948;position:relative;background:#161514;cursor:pointer;transition:background .2s}.setting-row input[type=checkbox]:after{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;border-radius:50%;background:#9d9994;transition:transform .2s}.setting-row input[type=checkbox]:checked{background:#dbd0c333}.setting-row input[type=checkbox]:checked:after{background:var(--lime);transform:translate(15px)}.controls-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;font-size:11px;color:#a9a49f;margin-top:25px}.controls-list span{display:flex;align-items:center;justify-content:space-between}.controls-list kbd{font:9px var(--mono);padding:4px 6px;border:1px solid #aea8a255;color:#d5d0ca}.settings-foot{margin-top:25px;font:9px var(--mono);color:#928d87;line-height:1.8}.invite-panel{width:480px}.door-art{height:150px;display:flex;align-items:flex-end;justify-content:center;position:relative;margin-bottom:23px;overflow:hidden;background:radial-gradient(ellipse at bottom,#dbd0c31b,transparent 65%)}.door-frame{width:68px;height:122px;border:2px solid #dbd0c378;position:relative;box-shadow:0 0 55px #dbd0c314;transform:perspective(250px) rotateY(-13deg)}.door-frame:before{content:"";position:absolute;inset:5px;background:linear-gradient(90deg,#dbd0c32e,#dbd0c308);border:1px solid #dbd0c341}.door-frame:after{content:"";position:absolute;width:4px;height:4px;background:var(--lime);border-radius:50%;top:62px;right:12px}.door-floor{position:absolute;bottom:0;width:250px;height:1px;background:linear-gradient(90deg,transparent,#dbd0c36b,transparent)}.invite-name{font:10px var(--mono);letter-spacing:1.5px;color:var(--lime);text-align:center;margin-bottom:16px}.invite-url{display:flex;gap:8px;margin:17px 0}.invite-url input{min-width:0;width:100%;padding:12px;font:10px var(--mono);color:#bcb6b0}.invite-url button{background:#dbd0c315;border:1px solid #dbd0c344;padding:10px 14px}.invite-foot{font-size:10px;line-height:1.8;color:#98948f}.pact-panel{width:510px;background:#211c26;border-color:#bba0cb55}.pact-panel .eyebrow{color:#cbb1dc}.pact-panel .eyebrow:before{background:#cbb1dc}.pact-panel .panel-top h2{font-size:43px}.pact-emblem{display:flex;justify-content:center;margin:0 0 23px}.pact-emblem svg{width:49px;height:49px;stroke-width:1;color:#d0b5de}.pact-terms{border-top:1px solid #c9b0d82e;border-bottom:1px solid #c9b0d82e;padding:19px 0;margin-bottom:23px}.pact-terms p{font-size:12px;color:#c6b6ce;line-height:1.8;margin:0 0 13px}.pact-terms p:last-child{margin-bottom:0}.pact-terms b{color:#ebdff1;font-weight:500}.pact-panel .primary{background:#d9c2e8;color:#271e2e}.secondary{padding:13px;width:100%;margin-top:7px;font:10px var(--mono);color:#ab9ab6}.pause-panel{width:400px}.pause-actions{display:flex;flex-direction:column;gap:10px}.pause-actions .secondary{border:1px solid var(--line);color:#bbb6b1;margin:0;min-height:45px}.residents-panel{width:470px}.resident{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.resident:last-child{border:0}.avatar{width:34px;height:38px;background:#dbd0c312;display:grid;place-items:center;border:1px solid #dbd0c326;color:var(--lime);font:13px var(--mono)}.resident-info{flex:1}.resident-info strong{font-size:12px;font-weight:500}.resident-info small{font:9px var(--mono);color:#9e9a94;display:block;margin-top:6px}.resident-tag{font:8px var(--mono);color:var(--lime);border:1px solid #dbd0c333;padding:5px 7px}.mute-button{font:9px var(--mono);color:#908c88;padding:8px}.mute-button:hover{color:var(--bone)}.chat{position:absolute;left:28px;bottom:134px;width:315px;z-index:9;pointer-events:auto;background:#1d1c1aeb;border:1px solid #b2aaa13b;backdrop-filter:blur(14px)}.chat-top{padding:13px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font:9px var(--mono);letter-spacing:1px;color:var(--lime)}.chat-top button{padding:0;display:flex;color:#9a948e}.chat-top button svg{width:14px;height:14px}.chat-messages{height:190px;overflow:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:#726d67 transparent}.chat-message{font-size:11px;line-height:1.65;overflow-wrap:anywhere}.chat-message .sender{font:9px var(--mono);color:var(--lime);margin-right:7px}.chat-message.system{color:#918c86;font:9px var(--mono);line-height:1.8}.chat-form{display:flex;border-top:1px solid var(--line)}.chat-form input{border:0;background:transparent;min-width:0;flex:1;padding:12px 14px;font-size:11px}.chat-form button{padding:8px 13px;color:var(--lime)}.chat-form button svg{width:15px;height:15px}.touch-controls{display:none;pointer-events:none;position:absolute;inset:0;z-index:7}.joystick{position:absolute;bottom:143px;left:28px;width:102px;height:102px;background:#dbd0c312;border:1px solid #dbd0c333;border-radius:50%;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:32px;top:32px;width:36px;height:36px;border:1px solid #dbd0c377;background:#dbd0c325;border-radius:50%;pointer-events:none}.touch-interact{position:absolute;bottom:165px;right:35px;border:1px solid #dbd0c377;background:#1f1e1cb8;border-radius:50%;width:59px;height:59px;pointer-events:auto;font:13px var(--mono)}.renderer-error{position:absolute;inset:0;background:#191716;z-index:30;display:grid;place-items:center;padding:30px}.renderer-error>div{max-width:480px}.renderer-error h1{font-family:var(--display);font-size:48px}.renderer-error p{font-size:14px;line-height:1.8;color:#b2aea9}.renderer-error button{margin-top:20px}.reduced-motion *{animation:none!important;transition:none!important}.loading-mark{display:inline-flex;align-items:center;gap:8px}.loading-mark:before{content:"";width:10px;height:10px;border:1px solid #2e2c2944;border-top-color:#2e2c29;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.menu{padding-left:10vw}.incident,.scene-caption{right:10vw}.menu-copy{font-size:15px}.menu-main{width:500px}}@media(max-height:740px)and (min-width:761px){.menu{padding-top:90px;padding-bottom:75px}.menu h1{font-size:110px;margin:20px 0}.menu-copy{margin-bottom:18px;font-size:12px}.headphones{margin-top:11px}.incident{bottom:84px}.scene-caption{top:28%}.topbar{padding-top:20px}.menu-footer{bottom:20px}}@media(max-width:1050px){.menu{padding-left:6vw}.menu h1{font-size:125px}.incident{right:5vw;width:260px}.scene-caption{right:5vw}.topbar{padding:26px 30px}.menu-copy{max-width:290px}.controls-hint{display:none}.bottom-hud{justify-content:flex-start}.toolbelt{margin-left:auto}.objective{width:225px}.incident p{font-size:10px}}@media(max-width:760px){.topbar{padding:20px 22px}.brand-name{font-size:23px}.brand-sub{font-size:8px;letter-spacing:1.6px}.top-right{gap:12px}.district-pill{font-size:8px;letter-spacing:.7px}.district-pill .district-label{display:none}.icon-button{width:33px;height:33px}.menu{padding:108px 8vw 93px;justify-content:center}.menu-main{width:350px}.menu h1{font-size:clamp(100px,22vw,148px);margin:23px 0}.menu-copy{font-size:12px;line-height:1.8;max-width:300px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.9px}.incident,.scene-caption{display:none}.menu-footer{left:22px;right:22px;bottom:22px;font-size:8px;letter-spacing:.7px}.menu-footer .coordinates{gap:9px}.menu-footer .version{display:none}.atmosphere{background:linear-gradient(90deg,#0f0e0de6,#0f0e0d99 70%,#0f0e0d66),linear-gradient(0deg,#0f0e0dc9,transparent 60%)}.playing .topbar{padding:18px 17px}.playing .brand-name{font-size:19px}.playing .top-right{gap:9px}.hud-location{top:79px;left:18px}.hud-location h2{font-size:24px}.hud-location .eyebrow{font-size:7px}.objective{top:80px;right:17px;width:163px;padding-left:11px}.objective-label{font-size:7px;letter-spacing:1px}.objective h3{font-size:11px;margin:7px 0}.objective p{font-size:8px}.progress-track{width:100px}.bottom-hud{left:17px;right:17px;bottom:18px;gap:12px}.vital{width:95px}.vital-line,.vital-note{font-size:7px}.toolbelt{gap:3px;padding:4px}.tool{min-width:44px;padding:9px 7px 7px}.tool span{font-size:7px}.tool svg{width:17px;height:17px}.tool kbd{display:none}.panel{max-height:calc(100svh - 30px)}.overlay{padding:15px}.panel-top{padding:22px 20px 18px}.panel-top h2{font-size:31px}.panel-body{padding:22px 20px}.tabs{padding:0 20px;gap:23px}.tab{font-size:9px}.map-canvas{height:265px}.map-legend{font-size:8px;gap:5px}.pact-ribbon{top:auto;bottom:100px;width:max-content;max-width:95%;font-size:8px;padding:8px 12px}.compass{display:none}.hint-card{left:18px;bottom:116px;max-width:245px}.chat{left:17px;bottom:110px;width:calc(100% - 34px);max-width:350px}.settings-foot{font-size:8px}.setting-row input[type=range]{width:105px}.controls-list{gap:12px 14px;font-size:9px}.interact{top:calc(50% + 35px);padding:10px 13px;width:max-content;max-width:90%}.interact strong{font-size:11px}.interact small{font-size:8px}.toast-stack{bottom:105px}.toast{font-size:11px}.scene-caption{display:none}}@media(pointer:coarse){.playing .touch-controls{display:block}.controls-hint{display:none}.hint-card{bottom:265px}.chat{bottom:260px}.tool kbd,.interact kbd{display:none}}.menu h1 .title-invitation{font-size:.64em;letter-spacing:.025em;line-height:1.05;margin-bottom:.06em}@media(max-width:480px){.district-pill{display:none}.brand-name{font-size:22px;letter-spacing:1.2px}}@media(max-height:620px)and (max-width:760px){.menu{padding-top:84px;padding-bottom:65px}.menu h1{font-size:82px;margin:15px 0}.menu-copy{font-size:11px;margin-bottom:12px}.headphones{display:none}.menu-links{margin-top:5px}.name-wrap{margin-bottom:9px}.primary{min-height:43px}.menu-footer{bottom:15px}}.role-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;margin-bottom:5px;border-bottom:1px solid var(--line)}.role-picker label{font:8px var(--mono);letter-spacing:1.4px;color:var(--lime)}.role-picker p{font-size:10px;color:#9d9994;margin:8px 0 0}.role-picker select{padding:10px 12px;max-width:155px;background:#191716;border:1px solid #b5afa755;color:var(--bone);font:11px var(--mono);cursor:pointer}.frontier-map{margin-top:22px;border-top:1px solid var(--line);padding-top:22px}.frontier-stop{display:flex;gap:16px;align-items:center;position:relative;padding:13px 0 13px 5px}.frontier-stop:before{content:"";position:absolute;left:18px;top:0;bottom:0;width:1px;background:#958f8844}.frontier-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #8e898355;background:#272523;color:#a7a29b;font:9px var(--mono);z-index:1}.frontier-stop strong{display:block;font-size:11px;font-weight:500;color:#b9b5b0}.frontier-stop small{display:block;font:8px var(--mono);margin-top:6px;color:#928e88}.frontier-stop.here .frontier-number{border-color:var(--lime);color:var(--lime)}.frontier-stop.here strong{color:var(--lime)}:root{color:#e9e4d9;background:#080a0a;--bone: #e9e4d9;--muted: #aca79d;--lime: #d6bc8d;--danger: #df745b;--line: #d6ccac29}::selection{background:#975137;color:#fff7df}input,select{color-scheme:dark}button:disabled{cursor:default}#scene{background:#0b0e0f}.atmosphere{background:linear-gradient(90deg,#070909eb,#070909b5 31%,#07090922 67%),linear-gradient(0deg,#060808f5,transparent 48%,#0709095e)}.vignette{box-shadow:inset 0 0 130px 15px #0007}.grain{opacity:.045;mix-blend-mode:soft-light}.scanline{opacity:.035}.topbar{padding:28px 38px}.brand-mark{color:#d07c61}.brand-name{font-size:23px;letter-spacing:2px}.brand-sub{color:#9b9588;font-size:8px;letter-spacing:3.5px;margin-top:3px}.icon-button{border-radius:2px;border-color:#b9b5a327;background:#10141452}.live-dot{background:#b6b68b;box-shadow:0 0 9px #b6b68b33}.district-pill{font-size:9px;color:#a9aaa0}.district-pill #district-name{color:#dfded1}.menu{padding-left:7.2vw;padding-bottom:100px}.menu-main{width:550px}.menu .eyebrow{font-size:9px;letter-spacing:2px;color:#c28a72}.menu .eyebrow:before{background:#b15e47;width:28px}.menu h1{font-size:clamp(112px,12.5vw,178px);margin:29px 0 27px;letter-spacing:-1.8px;line-height:.82;text-shadow:3px 3px 0 #0006,0 0 50px #0008}.menu h1>span:last-child{color:#e3dfd2}.menu h1 .title-invitation{color:#e3dfd2;font-weight:500;letter-spacing:.08em;font-size:.51em;line-height:1.12;margin-bottom:7px}.menu h1>span .title-period{display:inline;color:#a9553e}.menu-copy{font-size:13px;line-height:1.9;color:#a5a69d;max-width:410px;margin-bottom:25px}.menu-copy strong{font-weight:450;color:#d4d0c4}.join-form,.menu-links{max-width:340px}.name-label{font-size:8px;letter-spacing:1.6px;color:#aaa697}.name-wrap{border:1px solid #aeaa902d;background:#0c1111a8;padding:11px 13px;margin:11px 0 10px}.name-wrap input{font-size:13px}.name-wrap>svg{color:#999c8e}.name-wrap>span{font-size:7px;color:#81877b}.primary{min-height:52px;background:#c9b48d;color:#171b19;letter-spacing:.4px;border:1px solid #e8d6ad5e}.primary:hover{background:#e4cfa9;box-shadow:0 0 25px #bda77c10}.join-form .primary{background:#954a35;border-color:#c27c5d99;color:#f1e4d0}.join-form .primary:hover{background:#af5c42}.cancel-join{font-size:9px}.menu-links{margin-top:11px}.headphones{margin-top:21px;font-size:8px;color:#8c9185}.incident{border-top:1px solid #af715867;border-bottom:1px solid #aca18426;padding:21px 0 15px;width:305px;right:6.4vw;bottom:112px;background:linear-gradient(90deg,#09101128,transparent)}.incident-top{font-size:8px;color:#c88163}.incident-top .number{color:#92988c;font-size:8px;letter-spacing:.8px}.incident h2{font-size:32px;font-weight:500;color:#e2dfd0;margin:20px 0 12px}.incident p{color:#a9ada0;font:10px/2 var(--mono)}.incident-bottom{border:0;margin-top:23px;padding:0;color:#aaa997;font-size:8px}.incident-bottom span:last-child{color:#c5785c}.case-tags{display:flex;gap:9px;margin-top:19px}.case-tags span{color:#959b8c;font:6px var(--mono);letter-spacing:.6px;border:1px solid #a1ac9230;padding:5px 6px}.scene-caption{color:#b7bba5;right:6.4vw;top:32%;font-size:8px;letter-spacing:1.5px}.scene-caption:before{content:"";width:6px;height:6px;background:#a4573e;border-radius:50%}.scene-caption small{color:#888f7e;font-size:7px}.menu-footer{color:#747d70;font-size:8px}.menu-footer #server-note{color:#b6bba7}.playing .topbar{padding:22px 26px;background:linear-gradient(#05080890,transparent);pointer-events:none}.playing .top-right{pointer-events:auto}.playing .brand-name{font-size:18px;letter-spacing:1.5px}.hud-location{top:88px;left:29px}.hud-location .eyebrow{color:#d1b98e}.hud-location h2{font-size:28px;color:#ece7d9}.hud-location p{color:#b7b8a9}.objective{width:267px;top:89px;border-left-color:#c49e6b80;background:linear-gradient(90deg,#070a0a7d,transparent);padding:8px 5px 10px 14px}.objective h3{font-size:12px;margin:9px 0 7px;line-height:1.65}.objective p{font-size:9px;color:#b8b9ab}.objective-label{color:#c6a97e}.progress-track{background:#bdaf9028;width:100%;height:2px}.compass{top:28px;display:flex;flex-direction:column;align-items:center;gap:6px;letter-spacing:1px}.compass span{font-size:6px;color:#919b8c}.compass b{font-size:13px;font-weight:400;color:#d3d7c6}.crosshair{opacity:.8;box-shadow:0 0 2px 1px #000;transition:transform .15s,background .15s}.crosshair.has-target{transform:scale(1.8);background:#edd2a0}.interact{background:#0c1111ee;border-color:#bdac8355;border-left:2px solid #d3af75;border-radius:1px;padding:13px 17px}.interact strong{color:#e6dfcd}.interact small{color:#b2b3a2}.toolbelt{background:#090e0ecc;border-color:#9da48b2b;padding:5px;gap:5px}.tool{min-width:54px;padding:13px 10px 9px;color:#a4ac9d}.tool:hover,.tool.active{color:#ead2a9;border-color:#c7af7c59;background:#c7af7c12}.tool span{font-size:7px}.vital-line{color:#bebdaf;font-size:8px;letter-spacing:.6px}.vital-note{color:#929b8d;font-size:7px;letter-spacing:.5px}.controls-hint{font-size:8px;color:#a0a997}.hint-card{background:#0b1111ed;border-left:1px solid #bfa574;max-width:265px;padding:16px 17px}.hint-card strong{color:#daceb1}.hint-card p{color:#9da795}.pact-ribbon{top:auto;bottom:111px;background:#211c27e6;font-size:8px;border-color:#a597ad55}.threat-status{position:absolute;top:95px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:11px;width:max-content;max-width:33%;padding:11px 14px;background:#201510e8;border:1px solid #b6764f70}.threat-light{width:5px;height:5px;background:#d09c56;flex-shrink:0}.threat-status strong{font:8px var(--mono);letter-spacing:.9px;color:#e3bf89;display:block}.threat-status small{display:block;font:8px/1.6 var(--mono);color:#c3ae90;margin-top:6px}#threat-time{font:12px var(--mono);color:#e2bf88}.threat-status[data-phase=blackout]{border-color:#b8574366;background:#23100ee6}.threat-status[data-phase=blackout] .threat-light{background:#da7455}.blackout .vignette{box-shadow:inset 0 0 140px 16px #250b0880}.signal-beacon{position:absolute;left:30px;top:187px;display:flex;align-items:center;gap:10px;padding:10px 11px;background:#111914e8;border:1px solid #a5b68a55;color:#c7d2b5;font:8px var(--mono);max-width:310px}.signal-beacon svg{width:14px;height:14px}.overlay{background:#040707b5;backdrop-filter:blur(7px);grid-template-columns:minmax(0,1fr)}.panel{min-width:0;max-width:100%;background:#111615;border:1px solid #aca38342;box-shadow:0 25px 100px #000b}.panel-top{background:linear-gradient(120deg,#d4b47f07,transparent);padding:23px 28px}.panel-top .eyebrow{color:#ad9270}.panel-top h2{color:#e0dbc9;font-size:34px}.panel-body{padding:25px 28px}.panel-intro{color:#aeb3a3}.panel .secondary{border:1px solid #b2ac8b33;color:#cabca1;padding:13px}.panel .secondary:hover{background:#d2b6850b;border-color:#c4a37480}.pact-panel{background:#18151d;border-color:#9c81a24d}.pact-panel .primary{background:#bfb0ca;border-color:#d8cbe363}.map-canvas{background-color:#0d1211;border-color:#a6aa8936}.map-legend i.others{background:#9ac4c2}.field-rules{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:15px 0 22px;margin-bottom:10px;border-bottom:1px solid var(--line);color:#c5b08c;font:9px/1.6 var(--mono)}.chat{background:#0d1413f0;border-color:#a8ab8940}.chat-top{color:#d0ba92;font-size:8px}.radio-actions{display:flex;border-bottom:1px solid var(--line)}.radio-actions button{display:flex;align-items:center;justify-content:center;gap:7px;width:50%;padding:11px 6px;font:8px var(--mono);color:#c9b593}.radio-actions button:hover{background:#baa58116}.radio-actions button:first-child{border-right:1px solid var(--line);color:#d19a80}.radio-actions svg{width:13px;height:13px}.chat-messages{height:175px}.signal-card{padding:16px;border:1px solid #a7ad883d;margin-bottom:12px;background:#c4b47d05}.signal-card strong{font-size:14px;font-weight:500}.signal-card p{font:10px var(--mono);color:#b1b99e}.signal-card small{font:9px var(--mono);color:#9b9f8c}.signal-card .secondary{margin-top:14px}.signal-actions{display:flex;gap:10px;margin-top:20px}.toast{background:#111715f2;border-color:#bbac805e;font-size:11px}.toast.special{color:#e5cfab;border-color:#d1b67b88}.toast.error{background:#241612ee;border-color:#bc75565c;color:#e0b497}.connection-banner{background:#251e14f5;color:#d8c09a;top:69px;display:flex;align-items:center;gap:12px}.connection-banner button{text-decoration:underline;font:inherit;color:#fff0cc;white-space:nowrap}.reduced-motion .grain{opacity:.025}.reduced-motion .scanline{display:none}@media(min-width:1600px){.menu{padding-left:9vw}.menu h1{font-size:178px}.incident,.scene-caption{right:9vw}}@media(max-width:1050px){.menu{padding-left:6vw}.menu-main{width:460px}.menu h1{font-size:135px}.incident{width:250px;right:5vw}.incident h2{font-size:28px}.case-tags{gap:5px}.case-tags span{font-size:5px;padding:5px}.threat-status{top:205px;max-width:350px}}@media(max-height:740px)and (min-width:761px){.menu{padding-top:94px;padding-bottom:75px}.menu h1{font-size:112px;margin:22px 0}.menu-copy{font-size:12px;margin-bottom:19px}.headphones{margin-top:14px}.incident{bottom:94px}}@media(max-width:760px){.topbar{padding:20px}.brand-name{font-size:21px}.brand-sub{font-size:7px}.menu{padding:106px 7vw 80px}.menu-main{width:410px}.menu h1{font-size:clamp(110px,23vw,155px);margin:27px 0}.menu .eyebrow{font-size:7px;letter-spacing:1.2px}.menu-copy{font-size:12px;max-width:350px}.menu-footer{font-size:7px;left:20px;right:20px}.headphones{font-size:7px}.atmosphere{background:linear-gradient(90deg,#060b0ce8,#060b0c77),linear-gradient(0deg,#060a0bec,transparent)}.playing .topbar{padding:16px}.playing .brand-name{font-size:16px}.playing .brand-mark{width:17px}.hud-location{left:17px;top:76px;max-width:43%}.hud-location h2{font-size:24px}.hud-location p{font-size:8px;line-height:1.5}.objective{top:76px;right:17px;width:44%;padding:6px 0 8px 10px}.objective h3{font-size:10px}.objective p{font-size:8px}.compass{display:none}.threat-status{top:210px;max-width:calc(100% - 34px);width:max-content}.threat-status strong{font-size:7px}.signal-beacon{top:161px;left:17px;max-width:calc(100% - 34px);font-size:7px;padding:8px 10px}.vital{width:80px}.vital-line{font-size:6px}.vital-note{font-size:6px;line-height:1.5}.vital-line svg{display:none}.toolbelt{gap:2px;padding:4px}.tool{min-width:40px;padding:10px 6px 7px}.tool span{font-size:6px}.bottom-hud{bottom:max(16px,env(safe-area-inset-bottom));gap:10px}.pact-ribbon{bottom:96px}.panel-top,.panel-body{padding:20px}.panel-top h2{font-size:30px}.field-rules{grid-template-columns:1fr;font-size:8px}.field-entry{gap:12px}.map-legend{flex-wrap:wrap;gap:10px}.signal-actions{flex-direction:column;gap:4px}.chat{bottom:105px}.hint-card{left:17px;bottom:109px;max-width:250px}.connection-banner{top:62px;font-size:8px}}@media(pointer:coarse){.chat{bottom:260px}.hint-card{bottom:261px;max-width:230px}.touch-interact:disabled{opacity:.28}.threat-status{top:207px}}@media(max-width:380px){.vital{display:none}.toolbelt{margin:0 auto}.menu-copy{font-size:11px}.menu .eyebrow{letter-spacing:.5px}}@media(max-height:650px)and (max-width:760px){.menu{padding-top:83px;padding-bottom:62px}.menu h1{font-size:86px;margin:16px 0}.menu-copy{font-size:11px;margin-bottom:13px}.name-wrap{padding:7px 10px}.join-form .primary{min-height:43px}.menu-footer{bottom:17px}.headphones{display:none}}@media(max-height:480px){.menu{overflow-y:auto;justify-content:flex-start;padding-top:75px}.menu-main{padding-bottom:65px}.menu-footer,.incident,.hint-card{display:none}.threat-status{top:165px}}