:root{--mono:"JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--accent:#00ff9c;--accent-dim:#3fd68a}html,body{background:#000;height:100%;margin:0;overflow:hidden}#app,canvas{display:block}#app-title{z-index:5;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:12px;left:50%;transform:translate(-50%)}#app-title .app-title-name{font:600 15px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 12px #00ff9c99}#app-title .app-title-credit{font:11px/1 var(--mono);letter-spacing:.08em;color:var(--accent-dim);margin-top:5px}#build-credit{z-index:5;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;font:11px/1 var(--mono);letter-spacing:.08em;color:var(--accent-dim);position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#controls{font:12px/1.4 var(--mono);color:var(--accent-dim);-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c069e;border:1px solid #00ff9c47;border-radius:8px;padding:10px 12px;position:fixed;top:12px;left:12px;box-shadow:0 0 20px #00ff9c1f,inset 0 0 24px #00ff9c0a}#controls .ctrl-row{align-items:center;gap:8px;margin:4px 0;display:flex}#controls .ctrl-row span{width:52px;color:var(--accent);letter-spacing:.06em}#controls input[type=range]{width:130px;accent-color:var(--accent)}#controls button{font:inherit;color:var(--accent);cursor:pointer;letter-spacing:.04em;background:#00ff9c14;border:1px solid #00ff9c66;border-radius:5px;padding:4px 10px;transition:background .15s,box-shadow .15s}#controls button:hover:not(:disabled){background:#00ff9c2e;box-shadow:0 0 10px #00ff9c59}#controls button:disabled{opacity:.5;cursor:default}#controls input[type=file]{max-width:200px;font-size:11px;font-family:var(--mono);color:var(--accent-dim);margin-top:6px}#controls input[type=file]::file-selector-button{font:11px var(--mono);color:var(--accent);cursor:pointer;background:#00ff9c14;border:1px solid #00ff9c66;border-radius:5px;margin-right:8px;padding:3px 8px}#status{max-width:210px;color:var(--accent-dim);margin-top:6px}#hud{color:var(--accent-dim);border-top:1px solid #00ff9c33;margin-top:6px;padding-top:6px}#device-note{color:#e8c46a;max-width:210px}