:root{color-scheme:dark;font-family:Arial Narrow,Avenir Next Condensed,system-ui,sans-serif;background:#100b19}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#100b19}button{font:inherit}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,7vw,110px);color:#f5dfbd;background:linear-gradient(90deg,#0a0712e6,#0a071299 42%,#0a07120f 72%);animation:reveal 1.2s ease both}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 30%,transparent 0 18%,rgba(12,7,17,.32) 72%),repeating-linear-gradient(0deg,rgba(255,255,255,.016) 0 1px,transparent 1px 4px)}.eyebrow{position:relative;z-index:1;color:#6fffd5;font-size:13px;letter-spacing:.28em;margin-bottom:14px;animation:rise .7s .2s ease both}h1{position:relative;z-index:1;margin:0;font-size:clamp(74px,13vw,190px);line-height:.72;letter-spacing:-.045em;font-weight:500;text-shadow:0 10px 50px rgba(0,0,0,.55);animation:rise .9s .1s ease both}.subtitle{position:relative;z-index:1;margin:20px 0 0;font-size:clamp(22px,3vw,42px);letter-spacing:.42em;color:#ec8b5d;animation:rise .8s .25s ease both}.premise{position:relative;z-index:1;max-width:420px;margin:36px 0 30px;font-family:Georgia,serif;font-style:italic;font-size:clamp(21px,2vw,29px);line-height:1.2;color:#e9dbc9;animation:rise .8s .4s ease both}#start-btn{position:relative;z-index:2;width:fit-content;border:1px solid rgba(111,255,213,.8);color:#d8fff2;background:#102b2a5c;padding:14px 22px 12px;letter-spacing:.16em;font-size:15px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;animation:rise .8s .52s ease both}#start-btn:hover{background:#379d8466;transform:translateY(-2px);box-shadow:0 0 34px #4fffd033}.start-controls{position:absolute;z-index:2;left:clamp(28px,7vw,110px);bottom:30px;display:flex;flex-wrap:wrap;gap:10px 22px;max-width:720px;color:#ece0cf9e;font-size:12px;letter-spacing:.12em}#hud{position:fixed;inset:0;z-index:4;pointer-events:none;color:#f0e7d8}.brand{position:absolute;top:24px;left:28px;display:flex;align-items:baseline;gap:9px;text-shadow:0 2px 15px #000}.brand b{font-size:20px;letter-spacing:.06em;font-weight:500}.brand span{font-size:11px;color:#ef9262;letter-spacing:.15em}#objective{position:absolute;top:24px;right:28px;text-align:right;padding-right:12px;border-right:2px solid #6fffd5;text-shadow:0 2px 15px #000}#objective small,#flight-readout small{display:block;color:#6fffd5;font-size:10px;letter-spacing:.2em}#objective strong{display:block;margin-top:4px;font-size:16px;font-weight:500;letter-spacing:.025em}#flight-readout{position:absolute;top:82px;right:28px;max-width:390px;text-align:right;text-shadow:0 2px 15px #000}#flight-readout strong{display:block;color:#fff;font-size:20px;font-weight:500}#flight-readout span{display:block;margin-top:5px;color:#fff9;font-size:11px;letter-spacing:.05em}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px;display:grid;place-items:center;color:#cefff1e6;font-size:26px;text-shadow:0 0 12px #53ffd0}#prompt{position:absolute;left:50%;bottom:92px;transform:translate(-50%);padding:9px 14px;color:#fff8e8;background:#08070ead;border-bottom:1px solid rgba(111,255,213,.8);letter-spacing:.1em;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#toast{position:absolute;left:50%;top:25%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-style:italic;font-size:clamp(24px,3vw,42px);text-align:center;text-shadow:0 3px 25px #000;animation:toast .35s ease both}#dialogue{position:absolute;left:clamp(24px,8vw,130px);bottom:78px;width:min(560px,calc(100vw - 48px));padding:20px 22px 16px;background:linear-gradient(100deg,#0a0810eb,#0f0f18c2);border-left:2px solid #ef9262;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#dialogue small{color:#ef9262;letter-spacing:.2em}#dialogue p{margin:8px 0 13px;font-family:Georgia,serif;font-size:23px;line-height:1.18}#dialogue span{color:#ffffff80;font-size:11px;letter-spacing:.12em}#status{position:absolute;left:28px;right:28px;bottom:24px;display:flex;justify-content:space-between;color:#ece0cfa6;font-size:11px;letter-spacing:.13em;text-shadow:0 2px 12px #000}#scanner-vignette{position:absolute;inset:0;opacity:0;transition:opacity .35s;box-shadow:inset 0 0 150px #39ffcd3b;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 45px,rgba(79,255,203,.025) 46px 47px)}#scanner-vignette.active{opacity:1;animation:scanPulse 2.4s ease-in-out infinite}#scanner-label{position:absolute;left:50%;top:18px;transform:translate(-50%);color:#6fffd5;font-size:10px;letter-spacing:.25em}@keyframes reveal{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes toast{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes scanPulse{50%{box-shadow:inset 0 0 210px #39ffcd52}}@media(max-width:700px){.start-controls{display:none}#objective{top:68px;max-width:70vw}#flight-readout{top:125px;max-width:75vw}}