:root{font-family:Outfit,system-ui,sans-serif;color:#f3faff;background:#07111e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit}button{cursor:pointer}#viewport,canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,12,24,.36),transparent 40%,rgba(4,12,24,.2)),linear-gradient(0deg,rgba(4,12,24,.42),transparent 23%)}.hud{position:absolute;z-index:2;background:rgba(7,21,37,.78);backdrop-filter:blur(16px);border:1px solid rgba(96,206,239,.2);box-shadow:0 12px 40px #02091470}.top{top:0;left:0;right:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px;border-radius:0}.logo{display:flex;gap:10px;align-items:center;white-space:nowrap}.logo>span{font-size:35px;color:#4de4d0;text-shadow:0 0 25px #4de4d0}.logo b{font-size:19px;letter-spacing:.5px}.logo em{color:#4de4d0;font-style:normal}.logo small{display:block;letter-spacing:2px;font-size:10px;color:#aac3dc}.logo i{color:#f6c46c;font-style:normal}.stats{display:flex;gap:12px;align-items:center;background:#0c2439ba;border:1px solid #336078;border-radius:16px;padding:6px 14px;font-size:12px}.portrait{font-size:30px}.meter{height:7px;background:#294357;border-radius:10px;margin-top:7px;min-width:140px;overflow:hidden}.meter div{height:100%;width:0;background:linear-gradient(90deg,#2be6c5,#f8c96e);transition:width .4s}.right-top{display:flex;gap:9px;align-items:center}.pill,.right-top button,.right-top a{border:1px solid #35647a;color:#e8faff;background:#103148b8;border-radius:10px;padding:10px 13px;text-decoration:none;font-size:12px}.mission{top:96px;left:20px;width:296px;padding:20px;border-radius:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#55e7d0;font-weight:800}.mission h1{font-size:23px;line-height:1.08;margin:12px 0}.mission p{font-size:13px;color:#bdd0df;line-height:1.6}.mission #tasks{margin-top:18px;border-top:1px solid #365266;padding-top:13px;display:grid;gap:12px;font-size:13px;color:#c8d8e4}.mission #tasks .done{color:#4de5c1}.bottom{bottom:14px;left:16px;right:16px;padding:10px 16px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.controls{display:flex;gap:7px;align-items:center;font-size:12px;color:#d1e1ef}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:27px;padding:0 6px;border-radius:6px;background:#14374d;border:1px solid #68b8d0;color:white;font:700 12px Outfit}.inventory{display:flex;gap:6px}.inventory span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #396c8c;background:#12314a;border-radius:9px;font-size:21px}.camera-note{font-size:12px;color:#9ac3d7}.interact{position:absolute;z-index:3;bottom:96px;left:50%;transform:translateX(-50%);background:#061d31ed;border:1px solid #4ce9d4;border-radius:12px;padding:12px 20px;box-shadow:0 0 30px #1ccbc43a}.hidden{display:none!important}.modal{position:absolute;z-index:10;inset:0;background:#020a13b8;display:grid;place-items:center;backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(560px,92vw);background:linear-gradient(150deg,#142c42,#091a2d);border:1px solid #4b9cae;border-radius:22px;padding:28px;box-shadow:0 35px 90px #000b}.modal-panel h2{font-size:27px;margin:12px 0}.modal-panel p{color:#d2e2ee;line-height:1.65}.modal-panel button:not(.close){background:linear-gradient(120deg,#2be3bf,#72c7f4);color:#062136;border:0;border-radius:11px;padding:12px 18px;font-weight:800;margin:8px 8px 0 0}.modal-panel button.secondary{background:#25445c;color:#f1fbff;border:1px solid #4e829c}.close{position:absolute;right:17px;top:16px;border:0;background:transparent;color:white;font-size:20px}.modal textarea{width:100%;height:155px;background:#08192a;border:1px solid #3b7794;border-radius:10px;color:#fff;padding:14px;resize:vertical;font:14px Outfit}.modal .feedback{background:#102f43;border-left:3px solid #41e6c5;padding:12px;border-radius:6px;margin-top:12px}.toast{position:absolute;z-index:15;top:90px;left:50%;transform:translateX(-50%);background:#0b3345;border:1px solid #4fe2c7;border-radius:12px;padding:13px 22px;box-shadow:0 15px 35px #0009}.mobile{display:none;position:absolute;z-index:4;bottom:90px;left:15px}.mobile button{background:#0c2a44df;border:1px solid #5dd5e0;color:#fff;border-radius:9px;padding:12px;margin:2px}#loading{position:absolute;z-index:20;inset:0;background:#061422;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;letter-spacing:2px}#loading p{color:#9cbccc}.spinner{width:52px;height:52px;border:4px solid #21455b;border-top-color:#52e9cb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.stats,.camera-note{display:none}.mission{width:250px;top:85px;padding:14px}.mission h1{font-size:18px}.mobile{display:block}.bottom{bottom:5px}.controls{display:none}.right-top a{display:none}}