:root{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#e9e4d5;background:#101410}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit}#game{display:block;width:100vw;height:100dvh}#hud{position:fixed;inset:0;pointer-events:none;padding:max(16px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));text-shadow:0 1px 3px #000}header{display:flex;justify-content:space-between;letter-spacing:.12em}header div:first-child{display:flex;flex-direction:column}small{font-size:10px;color:#a9b6a2;margin-top:5px}#clock{font-size:22px;color:#efb267}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:26px;opacity:.7}#status{position:absolute;left:20px;bottom:20px;display:flex;gap:9px}#status div{border-left:2px solid #d18b4c;background:#101612c9;padding:8px 12px;min-width:92px;display:flex;flex-direction:column}#status b{font-size:16px;margin-top:3px}#radio{display:none;position:absolute;bottom:95px;left:20px;width:260px;padding:10px;background:#081311dc;border:1px solid #57bda9}#radio.show{display:grid;grid-template-columns:55px 1fr 38px;align-items:center;gap:8px;color:#6de0c6;font-size:11px}#radio i{height:5px;background:#6de0c6;box-shadow:0 0 8px #6de0c6}#drone-feed{pointer-events:auto;position:absolute;right:20px;top:70px;width:210px;height:132px;padding:0;border:1px solid #6ab6a4;background:#071311;overflow:hidden}#drone-feed canvas{width:100%;height:100%;object-fit:cover;opacity:.82}#drone-feed>span{position:absolute;left:5px;bottom:5px;font-size:9px;color:#6de0c6}#return-view{display:none}.drone-expanded #drone-feed{inset:auto 20px 20px auto;width:auto;height:auto}.drone-expanded #return-view{display:block;position:fixed;z-index:20;right:20px;bottom:20px;background:#111b18;border:1px solid #6de0c6;padding:14px}.drone-expanded #status,.drone-expanded header,.drone-expanded #crosshair{display:none}#message,#prompt{position:absolute;left:50%;transform:translate(-50%);top:66%;letter-spacing:.12em;background:#101410d9;padding:8px 12px;opacity:0;transition:.2s}#message.show{opacity:1}#prompt{top:57%;opacity:1;background:none;color:#f0c37e}#vignette{pointer-events:none;position:fixed;inset:0;z-index:3;box-shadow:inset 0 0 120px 25px transparent;transition:.2s}.hurt #vignette{box-shadow:inset 0 0 130px 40px #8a0019cc}.hurt #game{transform:translate(3px,-2px)}#look-zone{display:none;position:fixed;inset:0 0 0 42%;z-index:5}#touch{display:none}#intro,#death,#victory{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:linear-gradient(90deg,#0a100ee8,#0a100e99);transition:opacity .7s}#intro>div{width:min(560px,84vw);border-left:2px solid #d28a49;padding:25px 28px}h1{font:700 clamp(42px,8vw,82px)/.88 Georgia,serif;margin:20px 0}h1 em{font-style:normal;color:#d79355}#intro p{line-height:1.6;color:#bbc1b5;max-width:520px}#intro button,#victory button{padding:15px 20px;background:#b76e36;border:0;margin:15px 0;cursor:pointer;font-weight:700}#intro small{display:block}.hidden{opacity:0;pointer-events:none!important}#death,#victory{opacity:0;pointer-events:none;text-align:center;background:#050607ed}#death.show,#victory.show{opacity:1;pointer-events:auto}#victory h2{font:50px/1 Georgia,serif;color:#e8bd7c}@media(pointer:coarse),(max-width:700px){#look-zone,#touch{display:block}#touch{position:fixed;inset:0;z-index:8;pointer-events:none}#touch button{pointer-events:auto;position:absolute;border:1px solid #ccd8c670;border-radius:50%;background:#19241fb3;width:54px;height:54px;font-size:10px}#move-stick{pointer-events:auto;position:absolute;left:24px;bottom:max(28px,env(safe-area-inset-bottom));width:105px;height:105px;border:1px solid #d9ded05c;border-radius:50%;background:#18221d63}#move-stick i{position:absolute;left:33px;top:33px;width:38px;height:38px;border-radius:50%;background:#d7dbcc88}#touch [data-hold]{left:138px;bottom:115px}#touch [data-action=jump]{right:24px;bottom:153px}#touch .fire{right:28px;bottom:32px;width:76px;height:76px;border-color:#d78b65}#touch [data-action=reload]{right:111px;bottom:30px}#touch [data-action=switch]{right:107px;bottom:94px}#touch [data-action=interact]{right:25px;bottom:235px}#status{left:10px;bottom:145px;gap:4px}#status div{min-width:72px;padding:5px 7px}#status small{font-size:7px}#status b{font-size:12px}#drone-feed{right:10px;top:58px;width:130px;height:82px}#objective{max-width:180px}#clock{font-size:16px}#radio{bottom:258px;width:200px}.drone-expanded #touch,.drone-expanded #look-zone{display:none}}#debug{position:fixed;z-index:50;left:8px;top:8px;margin:0;padding:8px;background:#000c;color:#70ffc4;font:10px/1.35 monospace;pointer-events:none}@media(orientation:portrait)and (pointer:coarse){#intro:after{content:"ROTATE DEVICE FOR LANDSCAPE PLAY";position:absolute;bottom:6%;color:#efb267;font-size:11px}}#drone-feed:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#7cf5d008 4px);animation:droneNoise 1.8s steps(2) infinite}.dying #game{transform:rotate(4deg) translateY(5vh);filter:saturate(.2) brightness(.35)}.dying #vignette{background:#16080bd0}#victory{background:#07100dcc}.drone-expanded #drone-feed{display:none}@keyframes droneNoise{50%{opacity:.65}}#settings{position:fixed;inset:0;z-index:35;display:grid;place-items:center;background:#07100dee;opacity:0;pointer-events:none;transition:opacity .3s}#settings.show{opacity:1;pointer-events:auto}#settings>div{width:min(460px,88vw);border-left:2px solid #d28a49;background:#0d1411f2;padding:22px 26px}#settings h2{font:600 26px/1 Georgia,serif;color:#e8bd7c;margin:0 0 18px}#settings label{display:flex;flex-direction:column;gap:6px;font-size:11px;letter-spacing:.1em;color:#bbc1b5;margin:0 0 16px}#settings label.check{flex-direction:row;align-items:center;gap:9px}#settings label b{color:#efb267}#settings input[type=range]{width:100%;accent-color:#d18b4c}#settings input[type=checkbox]{width:17px;height:17px;accent-color:#d18b4c}#settings select{background:#151d19;color:#e9e4d5;border:1px solid #5a6b5e;padding:8px;font:inherit}#settings small{color:#8b9488;font-size:9px;margin-top:2px}.settings-actions{display:flex;gap:10px;margin-top:8px}#settings button{flex:1;padding:12px;background:#b76e36;border:0;cursor:pointer;font-weight:700}#settings #fullscreen-now{background:#2a3a33;color:#cfe6d9;border:1px solid #6ab6a4}button.ghost{background:none;border:1px solid #6a7a6e;color:#c9cfc2;padding:12px 18px;margin-left:10px;cursor:pointer}#fs-toggle{position:fixed;z-index:9;top:8px;left:50%;transform:translate(-50%);pointer-events:auto;background:#101612aa;border:1px solid #ccd8c650;color:#d7dbcc;width:36px;height:30px;font-size:15px;line-height:1;cursor:pointer;opacity:.55}#fs-toggle:hover{opacity:1}.drone-expanded #fs-toggle,.dying #fs-toggle{display:none}#pause-btn{position:fixed;z-index:9;top:8px;left:calc(50% - 44px);transform:translate(-50%);pointer-events:auto;background:#101612aa;border:1px solid #ccd8c650;color:#d7dbcc;width:40px;height:30px;font-size:11px;line-height:1;cursor:pointer;opacity:.55;border-radius:4px;letter-spacing:1px}#pause-btn:hover{opacity:1}.drone-expanded #pause-btn,.dying #pause-btn,.paused #pause-btn{display:none}.paused #touch,.paused #look-zone{display:none!important}#pause{position:fixed;inset:0;z-index:34;display:grid;place-items:center;background:#07100dd8;opacity:0;pointer-events:none;transition:opacity .2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#pause.show{opacity:1;pointer-events:auto}#pause>div{width:min(340px,82vw);display:flex;flex-direction:column;gap:12px;border-left:2px solid #d28a49;background:#0d1411f2;padding:24px 26px}#pause h2{font:600 30px/1 Georgia,serif;color:#e8bd7c;margin:0 0 6px}#pause button{padding:14px;background:#b76e36;border:0;color:#0a0d0b;font-weight:700;cursor:pointer;letter-spacing:.08em}#pause button.ghost{background:none;border:1px solid #6a7a6e;color:#c9cfc2;margin:0}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:20px;opacity:0;color:#fff}#hitmarker.show{opacity:.9;animation:hm .18s ease-out}#hitmarker.show:before{content:"✕"}#hitmarker.monster{color:#7affb1;font-size:24px}#hitmarker.monster.show{opacity:1;animation:hm .26s ease-out}@keyframes hm{0%{transform:translate(-50%,-50%) scale(1.6)}to{transform:translate(-50%,-50%) scale(1)}}