:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d9f5f3;background:#02080d;color-scheme:dark}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}#game{position:relative;background:radial-gradient(circle at 65% 40%,#15353b,#030b11 65%)}canvas{width:100%;height:100%;display:block;outline:0;cursor:default;touch-action:none}button,select{border:1px solid #72999b66;color:#dff;background:#07151acc;padding:.55rem .75rem;letter-spacing:.08em;text-transform:uppercase;font-size:11px;backdrop-filter:blur(8px)}button{cursor:pointer}button:hover{border-color:#ffad61;color:#ffd0a4}#loading{position:absolute;inset:0;z-index:20;display:grid;place-content:center;gap:18px;text-align:center;background:#031017;letter-spacing:.25em;font-size:11px;transition:opacity .7s}#loading span{width:44px;height:44px;margin:auto;border:2px solid #254b52;border-top-color:#ff9845;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#hud{position:absolute;inset:0;pointer-events:none}#brand{position:absolute;top:25px;left:30px;font-weight:700;letter-spacing:.24em;font-size:13px;text-shadow:0 2px 8px #000}#brand small{display:block;color:#77a3a5;font-size:8px;margin-top:5px}#controls{position:absolute;top:19px;right:25px;display:flex;gap:8px;align-items:center;pointer-events:auto}#controls label{font-size:9px;color:#88aaac;display:flex;gap:7px;align-items:center}#subtitle{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);max-width:min(700px,80%);text-align:center;padding:8px 15px;background:#02070ac4;border-left:2px solid #ef913f;font-size:15px;opacity:0;transition:opacity .25s}#hint{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;color:#99b5b6;opacity:0;transition:opacity .5s}#hotspot{position:absolute;display:none;transform:translate(-50%,-50%);padding:7px 10px 7px 25px;background:#061117e8;border:1px solid #77afb577;color:#e8ffff;font-size:11px;letter-spacing:.08em;white-space:nowrap}#hotspot i{position:absolute;left:9px;top:50%;width:7px;height:7px;border:1px solid #ff9c4b;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 9px #ff872e}#toast{position:absolute;bottom:52px;left:25px;color:#91b6b7;font-size:10px;letter-spacing:.08em}#debug{display:none;position:absolute;top:75px;right:25px;background:#02090bde;border:1px solid #31545a;padding:10px 12px;font:11px/1.6 ui-monospace,monospace;color:#9ff;white-space:pre}#fade{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:#02070a;opacity:0;pointer-events:none;transition:opacity 1.5s}#fade.show{opacity:1;pointer-events:auto}#fade p{color:#e99348;letter-spacing:.4em;font-size:10px}#fade h1{font-weight:300;letter-spacing:.18em;font-size:clamp(24px,5vw,55px)}#fade button{pointer-events:auto}#cinema-bars:before,#cinema-bars:after{content:"";position:absolute;z-index:4;left:0;right:0;height:5.2vh;background:#010406;transition:height .7s}#cinema-bars:before{top:0}#cinema-bars:after{bottom:0}#game.playing #cinema-bars:before,#game.playing #cinema-bars:after{height:0}@media(max-width:700px){#brand{left:14px;top:15px}#controls{top:60px;right:12px}#controls label span{display:none}#hint{width:90%;text-align:center}}