*{box-sizing:border-box;margin:0;padding:0}html,body{color:#c8ccd4;cursor:default;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:none;background:#05070a;width:100%;height:100%;font-family:Courier New,ui-monospace,monospace;overflow:hidden}canvas{display:block}#app{width:100%;height:100%;position:relative}.hidden{display:none!important}#menu{z-index:100;background:radial-gradient(at 50% 40%,#141a22d9 0%,#030508f7 70%),#04060a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#menu .screen{text-align:center;flex-direction:column;align-items:center;gap:12px;width:min(440px,88vw);display:flex}#menu h1{letter-spacing:.34em;color:#d6dae0;text-shadow:0 0 26px #78a0c838;margin-right:-.34em;font-size:clamp(30px,7vw,54px);font-weight:400}#menu h2{letter-spacing:.3em;color:#b6bcc5;margin-right:-.3em;font-size:22px;font-weight:400}#menu .tagline{color:#6d7783;letter-spacing:.09em;white-space:pre-line;margin-bottom:10px;font-size:12px}#menu input{color:#ccd2da;letter-spacing:.16em;text-align:center;background:#0c1117e6;border:1px solid #2b343d;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:14px}#menu input:focus{background:#10161ef2;border-color:#4a5a68}#menu button{color:#c2c9d2;letter-spacing:.22em;cursor:pointer;background:#141b23e6;border:1px solid #333e49;width:100%;padding:12px 16px;font-family:inherit;font-size:13px;transition:all .14s}#menu button:hover{color:#e4e9ef;background:#26323ef2;border-color:#5b6b7a}#menu button.secondary{color:#6d7783;border-color:#262e36}#menu .spacer{height:10px}#menu button.difficulty-option{text-align:left;background:#0c1117e6;border:1px solid #2b343d;border-left-width:2px;width:100%;padding:13px 16px}#menu button.difficulty-option:hover{background:#1e2832f2;border-color:#5b6b7a #5b6b7a #5b6b7a #d9c98a}#menu .difficulty-name{letter-spacing:.24em;color:#c2c9d2;margin-bottom:5px;font-size:13px}#menu button.difficulty-option:hover .difficulty-name{color:#e4e9ef}#menu .difficulty-blurb{color:#5f6a75;letter-spacing:.05em;text-transform:none;font-size:10px;line-height:1.7}#menu button.difficulty-option.remembered{border-left-color:#6d5f36}#menu .lobby-difficulty{letter-spacing:.2em;color:#d9c98a;margin-bottom:4px;font-size:11px}#menu .error{color:#c56a5c;letter-spacing:.05em;min-height:16px;font-size:12px}#menu .controls-note{color:#4e5762;letter-spacing:.06em;margin-top:18px;font-size:10px;line-height:2}#menu .room-code{letter-spacing:.42em;color:#d9c98a;cursor:pointer;margin-right:-.42em;padding:10px 4px;font-size:38px;transition:color .15s}#menu .room-code:hover{color:#f0e2a8}#menu .room-code.copied:after{content:" ✓";color:#5fa87a}#menu .player-list{flex-direction:column;gap:3px;width:100%;margin:6px 0 14px;display:flex}#menu .player-row{letter-spacing:.1em;text-align:left;color:#b3bac3;background:#0e1319bf;border-left:2px solid #37444f;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}#menu .mic-indicator{color:#4e5762;opacity:.35;width:15px;height:15px;transition:opacity .15s,color .15s}#menu .mic-indicator svg{width:100%;height:100%;display:block}#menu .mic-indicator.talking{color:#96d684;opacity:1;filter:drop-shadow(0 0 4px #96d6848c)}.mic-indicator.muted{color:#b4544a;opacity:.85}#menu .player-row.clickable{cursor:pointer;transition:background-color .12s,border-color .12s}#menu .player-row.clickable:hover{background:#182028e6;border-left-color:#5b6b7a}#menu input.lobby-name{margin-bottom:2px}.pause-roster{flex-direction:column;gap:3px;width:min(300px,80vw);margin:18px auto 4px;display:flex}.pause-player-row{letter-spacing:.1em;color:#b3bac3;cursor:pointer;background:#0e1319bf;border-left:2px solid #37444f;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:background-color .12s;display:flex}.pause-player-row:hover{background:#182028e6}.pause-player-row .mic-indicator{color:#7f8a95;width:15px;height:15px}.pause-player-row .mic-indicator svg{width:100%;height:100%;display:block}#menu .player-row.disconnected{opacity:.4;font-style:italic}#menu .end-title{letter-spacing:.28em;color:#b4544a;margin-bottom:14px;margin-right:-.28em;font-size:30px}#menu .end-title.won{color:#5fa87a}#menu .end-body{color:#8d959f;white-space:pre-line;margin-bottom:20px;font-size:13px;line-height:1.9}#hud{z-index:20;pointer-events:none;letter-spacing:.12em;font-size:12px;position:absolute;inset:0}.damage-vignette{opacity:0;background:radial-gradient(#0000 42%,#96140ebf 100%);position:absolute;inset:0}.damage-vignette.flash{animation:.65s ease-out damage-pulse}@keyframes damage-pulse{0%{opacity:.95}to{opacity:0}}.hud-meters{flex-direction:column;gap:7px;width:190px;display:flex;position:absolute;bottom:26px;left:26px}.meter{background:#ffffff17;height:4px;transition:opacity .4s}.meter-fill{height:100%;transition:width .1s linear,background-color .3s}.meter-fill.stamina{background:#7f9bb0}.meter-fill.stamina.low{background:#c07a4e}.meter-fill.stamina.exhausted{background:#a8443c}.meter-fill.breath{background:#6fa3b8}.meter-fill.breath.low{background:#c25a52}.hud-gear{flex-direction:column;align-items:center;gap:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hotbar{gap:5px;display:flex}.slot{background:#0a0e13a8;border:1px solid #232c35;border-bottom-width:2px;flex-direction:column;justify-content:flex-end;width:74px;height:46px;padding:5px 6px;transition:border-color .12s,background-color .12s;display:flex;position:relative}.slot.empty{opacity:.4}.slot.active{background:#1a222ceb;border-color:#4a5563 #4a5563 #d9c98a}.slot-key{color:#4e5762;font-size:9px;position:absolute;top:4px;left:6px}.slot.active .slot-key{color:#d9c98a}.slot-label{letter-spacing:.1em;color:#7f8a95;text-align:center;font-size:10px}.slot.active .slot-label{color:#dbe1e8}.passives{letter-spacing:.2em;color:#6d7f8c;font-size:9px;position:absolute;bottom:78px;left:26px}.voice{letter-spacing:.22em;color:#5d6f7c;font-size:9px;transition:color .2s;display:none;position:absolute;bottom:100px;left:26px}.voice.speaking{color:#b8c4ce}.voice.loud{color:#c56a5a}.voice.muted{color:#4a545c}.voice.denied{color:#7c5a4a}.voice-speakers{letter-spacing:.18em;color:#9fb4c4;white-space:pre-line;text-shadow:0 0 6px #000c;font-size:10px;display:none;position:absolute;bottom:122px;left:26px}.touch-controls{z-index:15;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.tc-stick{background:#0a0e1352;border:1px solid #8c96a059;border-radius:50%;width:124px;height:124px;position:absolute;bottom:88px;left:22px}.tc-nub{background:#a0acb84d;border:1px solid #b4bec880;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.tc-button{color:#9fb0bf;letter-spacing:.16em;text-align:center;background:#0a0e1380;border:1px solid #2c3540;border-radius:50%;justify-content:center;align-items:center;font-size:9px;display:flex;position:absolute}.tc-button.pressed{background:#a0acb847}.tc-button.on{color:#d9c98a;border-color:#d9c98a}.tc-jump{width:78px;height:78px;font-size:11px;bottom:56px;right:24px}.tc-sprint{width:58px;height:58px;bottom:78px;right:116px}.tc-crouch{width:58px;height:58px;bottom:152px;right:44px}.tc-interact{color:#d9c98a;background:#141a20d1;border-color:#6d5f36;border-radius:8px;min-width:110px;height:46px;padding:0 16px;font-size:10px;display:none;bottom:250px;right:22px}.tc-mini{border-radius:8px;width:54px;height:36px;top:16px}.tc-torch{right:236px}.tc-radio{right:174px}.tc-mic{right:112px}.tc-mic.blocked{color:#7c5a4a;border-color:#7c5a4a}.tc-map{right:296px}.tc-pause{letter-spacing:.3em;width:44px;right:16px}.tc-tune{width:66px;height:66px;font-size:18px;display:none;bottom:90px}.tc-tune-left{margin-left:-290px;left:50%}.tc-tune-right{margin-left:224px;left:50%}#rotate-hint{z-index:110;letter-spacing:.24em;color:#6d7f8c;pointer-events:none;font-size:9px;display:none;position:absolute;top:8px;left:50%;transform:translate(-50%)}@media (pointer:coarse) and (orientation:portrait){#rotate-hint{display:block}}.slot-caption{letter-spacing:.22em;color:#6d5f36;min-height:12px;font-size:9px}.battery{opacity:.72;align-items:center;gap:9px;transition:opacity .3s;display:flex;position:absolute;bottom:52px;left:26px}.battery.lit{opacity:1}.battery-label{letter-spacing:.2em;color:#7c8792;min-width:56px;font-size:9px}.battery.lit .battery-label{color:#d9c98a}.battery-track{background:#ffffff17;width:120px;height:4px}.battery-fill{background:#c9b877;height:100%;transition:width .3s linear,background-color .3s}.battery.low .battery-fill{background:#c07a4e}.battery.dead .battery-fill{background:#7a3a33}.battery-time{color:#6b7681;min-width:34px;font-size:9px}.battery.low .battery-time{color:#c56a5c}.gear-panel{display:none;position:absolute}.map-canvas{filter:drop-shadow(0 3px 14px #000000d9);top:52px;right:26px}.compass-canvas{top:24px;left:50%;transform:translate(-50%)}.radio{background:#0a0e13b3;border:1px solid #232c35;align-items:center;gap:10px;padding:5px 12px;transition:top .2s;display:none;position:absolute;top:26px;left:50%;transform:translate(-50%)}.radio-label{letter-spacing:.24em;color:#7c8792;min-width:68px;font-size:9px}.radio-track{background:#ffffff17;width:140px;height:4px}.radio-fill{background:#6d7f8c;width:0;height:100%;transition:width .18s linear,background-color .3s}.radio-fill.strong{background:#d9c98a}.radio.below-compass{top:64px}.objective{color:#97a0ab;letter-spacing:.2em;font-size:12px;position:absolute;top:22px;right:26px}.objective.urgent{color:#d5b45f}.prompt{opacity:0;color:#cdd4dc;letter-spacing:.18em;text-shadow:0 2px 10px #000000e6;font-size:13px;transition:opacity .14s;position:absolute;top:58%;left:50%;transform:translate(-50%)}.prompt.visible{opacity:1}.notice{opacity:0;color:#b9c1cb;letter-spacing:.15em;text-align:center;text-shadow:0 2px 12px #000000f2;max-width:70vw;font-size:14px;transition:opacity .5s;position:absolute;top:16%;left:50%;transform:translate(-50%)}.notice.visible{opacity:1}.clue{opacity:0;color:#b3ab8e;letter-spacing:.06em;white-space:pre-line;background:#06090ded;border-left:2px solid #6d5f36;width:min(560px,84vw);padding:26px 30px;font-size:13px;line-height:2;transition:opacity .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clue.visible{opacity:1}.spectate{opacity:0;color:#a05a52;letter-spacing:.24em;font-size:13px;transition:opacity .5s;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.spectate.visible{opacity:1}.transmit{z-index:30;background:#06090deb;border:1px solid #2c3540;width:min(420px,86vw);padding:20px 24px;display:none;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.transmit.visible{display:block}.transmit-title{letter-spacing:.3em;color:#9aa3ad;text-align:center;margin-bottom:16px;font-size:12px}.dial-track{background:#ffffff0d;border:1px solid #262f38;height:26px;margin-bottom:14px;position:relative}.dial-target{background:#5fa87a38;border-left:1px solid #5fa87a80;border-right:1px solid #5fa87a80;height:100%;transition:left 80ms linear,width 80ms linear;position:absolute;top:0}.dial-needle{background:#d8dee6;width:2px;height:calc(100% + 6px);position:absolute;top:-3px;box-shadow:0 0 8px #d8dee6b3}.progress-track{background:#ffffff12;height:6px}.progress-fill{background:#6d5f36;width:0;height:100%;transition:width .12s linear,background-color .3s}.transmit.on-signal .progress-fill{background:#5fa87a}.transmit-status{letter-spacing:.2em;text-align:center;color:#c56a5c;margin-top:12px;font-size:11px}.transmit.on-signal .transmit-status{color:#5fa87a}.transmit-hint{letter-spacing:.16em;text-align:center;color:#4e5762;margin-top:10px;font-size:9px}#debug{color:#6f7a86;white-space:pre;pointer-events:none;z-index:50;background:#00000073;border-left:2px solid #3a4652;padding:6px 9px;font-size:11px;line-height:1.5;position:absolute;top:8px;left:8px}#lock-prompt{z-index:40;cursor:pointer;text-align:center;background:#03050880;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}#lock-prompt h2{letter-spacing:.4em;color:#b9c0c9;margin-right:-.4em;font-size:20px;font-weight:400}#lock-prompt p{color:#6f7a86;letter-spacing:.15em;font-size:11px}#lock-prompt button{color:#c2c9d2;letter-spacing:.22em;cursor:pointer;background:#141b23e6;border:1px solid #333e49;min-height:44px;margin-top:22px;padding:12px 26px;font-family:inherit;font-size:12px}#lock-prompt button:hover{background:#26323ef2;border-color:#5b6b7a}@media (pointer:coarse){.hud-meters{width:150px;bottom:232px;left:22px}.battery{bottom:258px;left:22px}.voice{bottom:300px;left:22px}.voice-speakers{bottom:322px;left:22px}.passives{bottom:282px;left:22px}.objective,.compass-canvas,.radio{top:62px}.radio.below-compass{top:100px}.map-canvas{top:62px}.hotbar{gap:4px}.slot{pointer-events:auto;width:52px;height:40px}.slot-label{font-size:8px}#menu button,#menu input{min-height:44px}.prompt{display:none!important}.transmit-hint,#menu .controls-note,.slot-caption{display:none}}