:root{--bg: #1d1814;--panel: rgba(29, 24, 20, .78);--text: #f6ecdf;--accent: #e08a3c}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,sans-serif;overflow:hidden}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.bar{position:fixed;left:0;right:0;top:0;display:flex;gap:10px;align-items:center;padding:10px 16px;background:var(--panel)}.bar.bottom{top:auto;bottom:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}.bar h1{font-size:15px;margin:0;flex:1;font-weight:600}.fps{font-variant-numeric:tabular-nums;opacity:.7}#status{flex:1;margin:0}button,select{font:inherit;color:var(--text);background:#3a2f27;border:1px solid #6b5848;border-radius:8px;padding:8px 12px;min-height:44px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.thought{position:fixed;transform:translate(-50%,-100%);background:#fffaf2;color:#2b2119;padding:10px 16px;border-radius:18px;font-size:20px;font-weight:600;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px #0000004d}.error{position:fixed;inset:60px 16px auto;background:#5a1f1f;padding:12px;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:13px}@media(max-width:600px){.bar h1,#language-label{display:none}}.items{display:flex;gap:8px}.placement{position:fixed;right:16px;bottom:80px;max-width:min(360px,calc(100% - 32px));background:var(--panel);padding:12px;border-radius:12px;display:flex;flex-direction:column;gap:8px}.placement[hidden]{display:none}.placement p{margin:0;font-weight:600}.places{display:flex;flex-direction:column;gap:6px}.bar.bottom{flex-wrap:wrap}@media(max-width:700px){#status{flex-basis:100%}}