:root{--cyan: #1ef2ff;--pink: #ff2a8a;--amber: #ffb340;--ink: #e8f6ff;--dim: rgba(232, 246, 255, .55);--glass: rgba(8, 10, 20, .62);--line: rgba(30, 242, 255, .35);--mono: "Consolas", "JetBrains Mono", "Menlo", monospace;--display: "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#030208;overflow:hidden;color:var(--ink);font-family:var(--display)}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hidden{opacity:0;pointer-events:none!important;visibility:hidden}button{font:inherit;color:inherit;cursor:pointer}kbd{font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--line);border-radius:3px;background:#1ef2ff14;color:var(--cyan);margin-right:3px}#loader{position:fixed;inset:0;display:grid;place-items:center;background:#030208;z-index:50;transition:opacity .8s}.loader-inner{width:min(420px,80vw);text-align:center}.logo{font-family:var(--mono);font-weight:700;letter-spacing:.35em;font-size:22px;margin-bottom:22px;text-shadow:0 0 18px var(--cyan)}.logo span,h1 span{color:var(--pink);text-shadow:0 0 18px var(--pink)}.bar{height:3px;background:#ffffff14;overflow:hidden}#loadbar{height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 12px var(--cyan);transition:width .2s}#loadtext{margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.1em}#title{position:fixed;inset:0;display:flex;align-items:flex-end;padding:0 6vw 9vh;z-index:20;background:linear-gradient(0deg,#030208d9,#03020833 45%,#03020800 70%);transition:opacity .6s,visibility .6s}.title-inner{max-width:760px}.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.3em;color:var(--amber);text-shadow:0 0 10px rgba(255,179,64,.6)}h1{margin:10px 0 6px;font-family:var(--mono);font-size:clamp(42px,8vw,96px);letter-spacing:.08em;line-height:1;text-shadow:0 0 30px rgba(30,242,255,.55)}.sub{margin:0 0 26px;color:var(--dim);font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}.actions button{padding:12px 20px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(6px);letter-spacing:.08em;text-transform:uppercase;font-size:13px;transition:all .2s}.actions button:hover{border-color:var(--cyan);box-shadow:0 0 18px #1ef2ff59}.actions .primary{background:linear-gradient(90deg,#ff2a8ad9,#ff2a8a8c);border-color:var(--pink);box-shadow:0 0 24px #ff2a8a73}.keys{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--dim)}#hud{position:fixed;inset:0;pointer-events:none;z-index:10;transition:opacity .4s}#hud-tl{position:absolute;top:18px;left:20px;font-family:var(--mono)}.mode{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.25em}#mode-dot{width:8px;height:8px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.3}}#telemetry{margin-top:6px;font-size:11px;color:var(--dim);letter-spacing:.12em}#hud-tr{position:absolute;top:14px;right:18px;display:flex;gap:12px;align-items:center;pointer-events:auto}#fps{font-family:var(--mono);font-size:11px;color:var(--dim)}#btn-settings{width:36px;height:36px;border:1px solid var(--line);background:var(--glass);font-size:18px}#btn-settings:hover{border-color:var(--cyan)}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#crosshair .dot{width:4px;height:4px;background:var(--ink);border-radius:50%;box-shadow:0 0 6px var(--cyan);transition:all .15s}#crosshair.active .dot{width:26px;height:26px;background:transparent;border:1px solid var(--cyan);border-radius:2px;transform:translate(-11px,-11px) rotate(45deg);box-shadow:0 0 12px var(--cyan)}#target-label{position:absolute;left:22px;top:-6px;white-space:nowrap;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 8px var(--cyan);opacity:0;transition:opacity .15s}#crosshair.active #target-label{opacity:1}body.free-cursor #crosshair{display:none}body.unlocked #crosshair:not(.active) .dot{display:none}#hint{position:absolute;bottom:74px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--dim);text-align:center}#modebar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto}#modebar button{padding:8px 14px;border:1px solid var(--line);background:var(--glass);font-size:12px;letter-spacing:.1em;text-transform:uppercase}#modebar button.on{border-color:var(--pink);box-shadow:0 0 14px #ff2a8a66}#card{position:absolute;right:22px;top:50%;transform:translateY(-50%);width:300px;padding:16px 18px;background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);border-left:3px solid var(--c, var(--cyan));font-family:var(--mono);transition:opacity .25s,transform .25s;overflow:hidden}#card.hidden{transform:translate(30px,-50%)}.card-kind{font-size:10px;letter-spacing:.3em;color:var(--c, var(--cyan))}.card-title{margin:6px 0 12px;font-size:18px;font-weight:700;letter-spacing:.05em;text-shadow:0 0 12px var(--c, var(--cyan))}.card-rows div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12px}.card-rows span:first-child{color:var(--dim)}.card-rows span:last-child{text-align:right}.card-scan{position:absolute;left:0;right:0;height:40%;top:-40%;background:linear-gradient(180deg,transparent,rgba(30,242,255,.12),transparent);animation:scan 1.2s ease-out 1}@keyframes scan{to{top:110%}}#toast{position:absolute;top:70px;left:50%;transform:translate(-50%,-10px);padding:8px 16px;background:var(--glass);border:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.1em;opacity:0;transition:all .3s}#toast.show{opacity:1;transform:translate(-50%)}#notice{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:40;width:min(420px,calc(100vw - 32px));padding:18px 20px;background:#060812eb;border:1px solid var(--line);font-family:var(--mono);font-size:13px;line-height:1.5;color:var(--dim)}#notice .notice-title{color:var(--ink);letter-spacing:.1em;margin-bottom:6px}#notice button{margin-top:14px;padding:8px 16px;border:1px solid var(--cyan);background:#1ef2ff1a;letter-spacing:.1em;text-transform:uppercase}#settings{position:fixed;top:64px;right:18px;width:320px;z-index:30;padding:14px 18px 12px;background:#060812db;backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:0 0 40px #1ef2ff1f;font-size:13px;transition:opacity .25s,visibility .25s}.panel-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);letter-spacing:.3em;font-size:12px;color:var(--cyan);margin-bottom:10px}.panel-head button{background:none;border:none;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.row em{font-style:normal;color:var(--cyan);font-family:var(--mono);font-size:11px;margin-left:6px}.row input[type=range]{width:140px;accent-color:var(--pink)}.row input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink)}.row select{background:#0c0f1c;color:var(--ink);border:1px solid var(--line);padding:4px 8px;font:inherit}.presets{flex-wrap:wrap;justify-content:flex-start;gap:6px}.presets button{flex:1;padding:6px 4px;border:1px solid var(--line);background:#1ef2ff0d;font-size:11px}.presets button:hover{border-color:var(--cyan)}.foot{margin-top:8px;font-size:11px;color:var(--dim);font-family:var(--mono)}html,body,#scene{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.touch-keys,#stick,#touch-btns{display:none}body.touch .touch-keys{display:flex}body.touch .desk-keys{display:none}#stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border:1px solid var(--line);border-radius:50%;background:#1ef2ff0f}#stick.on{display:block}#stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#1ef2ff40;border:1px solid var(--cyan);box-shadow:0 0 14px #1ef2ff66}body.touch #touch-btns{display:flex;flex-direction:column;gap:10px;position:absolute;right:calc(16px + env(safe-area-inset-right));bottom:96px;pointer-events:auto}#touch-btns button{width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:var(--glass);font-size:18px;touch-action:none}#touch-btns button.held{border-color:var(--cyan);background:#1ef2ff33}body.mode-walk #tb-down,body.mode-cinematic #touch-btns,body.mode-follow #touch-btns{display:none}body.touch #hint{bottom:calc(70px + env(safe-area-inset-bottom));max-width:60vw}body.touch #modebar{bottom:calc(14px + env(safe-area-inset-bottom))}body.touch #card{pointer-events:auto}@media(max-width:640px){#card{width:auto;inset:auto 16px 120px;transform:none}#settings{left:16px;right:16px;width:auto;max-height:calc(100vh - 80px);overflow-y:auto}.keys{display:none}#title{padding:0 16px 9vh}h1{font-size:9vw;letter-spacing:.04em}.actions button{padding:12px 14px}#modebar button{padding:8px 10px;font-size:11px}#hint{font-size:10px;width:calc(100vw - 32px)}#hud-tl{left:16px}}