:root{color-scheme:dark;--bg: #14171c;--panel: #1f242c;--line: #343b46;--text: #e6e9ee;--accent: #e8a33d}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:14px/1.4 system-ui,sans-serif}canvas{display:block}.screen{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg)}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px;width:min(360px,92vw);display:grid;gap:12px}.card h1{margin:0 0 4px;font-size:20px}input,select,button{font:inherit;color:var(--text);background:#12151a;border:1px solid var(--line);border-radius:6px;padding:8px 10px}button{cursor:pointer;background:#2a313b}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.error{color:#ff8a80;min-height:1.4em}.hud{position:fixed;top:12px;left:12px;width:260px;display:grid;gap:8px;background:#14171ce0;border:1px solid var(--line);border-radius:8px;padding:12px}.hud[hidden]{display:none}.hud h2{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#9aa4b2}.hud ul{margin:0;padding-left:18px}.row{display:flex;gap:6px}.row>input{flex:1;min-width:0}.code{font:700 22px/1 ui-monospace,monospace;letter-spacing:.15em;color:var(--accent)}.hint{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#14171ce6;border:1px solid var(--accent);border-radius:6px;padding:6px 12px}.status{color:#ffd479;min-height:1.2em}.progress{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);z-index:5}.panel{position:fixed;inset:0;display:grid;place-items:center;background:#0000008c;z-index:10}.panel .card{width:min(520px,94vw);max-height:90vh;overflow:auto}.profile{display:grid;grid-template-columns:1fr auto auto auto;gap:6px;align-items:center}label.check{display:flex;gap:8px;align-items:center}[hidden]{display:none!important}.mission-hud{position:fixed;left:16px;bottom:16px;color:#fff;text-shadow:0 0 3px #000;font:14px/1.4 system-ui,sans-serif;pointer-events:none}.mission-hud .banner{margin-top:8px;font-weight:600}.mission-hud .card{pointer-events:auto}#app{cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%3E%3Cg%20stroke='black'%20stroke-width='5'%20stroke-linecap='round'%3E%3Cpath%20d='M16%202v9M16%2021v9M2%2016h9M21%2016h9'/%3E%3C/g%3E%3Cg%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%3E%3Cpath%20d='M16%202v9M16%2021v9M2%2016h9M21%2016h9'/%3E%3C/g%3E%3Ccircle%20cx='16'%20cy='16'%20r='2'%20fill='%23ff3b30'%20stroke='black'%20stroke-width='1'/%3E%3C/svg%3E") 16 16,crosshair}.mission-controls{position:fixed;right:16px;bottom:16px;padding:8px 10px;background:#14171c9e;border:1px solid var(--line);border-radius:8px;color:#fff;font:12px/1.5 system-ui,sans-serif;pointer-events:none;display:grid;gap:1px}.mission-controls .title{font-weight:600;opacity:.8;margin-bottom:2px}.mission-controls .ctl{display:grid;grid-template-columns:9.5em 1fr;gap:8px}.mission-controls kbd{font:inherit;color:var(--accent);text-align:right}#app .screen,#app .panel,#app .hud,#app .mission-hud .card{cursor:default}.fps{position:fixed;top:8px;right:12px;padding:2px 8px;background:#14171c9e;border-radius:6px;color:#fff;font:12px/1.5 ui-monospace,monospace;pointer-events:none;white-space:pre;z-index:5}