:root{--panel: rgba(18, 18, 22, .78);--text: #f1efe9;--muted: #a9a6a0;--accent: #e8b43a;--error: #ff8a7a;--warning: #f0c060}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e8e5df;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}canvas#view{display:block;width:100vw;height:100vh}.hud{position:fixed;inset:0;pointer-events:none}.hud .top{position:absolute;top:16px;left:16px;display:flex;gap:10px;align-items:center}.hud .bottom{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;max-width:min(560px,calc(100vw - 32px))}.title,.chip,.panel{background:var(--panel);backdrop-filter:blur(8px);border-radius:8px;padding:6px 12px}.title{font-weight:600;font-size:15px}.chip{color:var(--muted);font-size:13px}.panel{pointer-events:auto}.hidden{display:none!important}#status .live{color:var(--accent);font-weight:600}#status.flash{outline:2px solid var(--accent)}.problems{max-height:30vh;overflow:auto;font-size:12.5px}.problems .error{color:var(--error)}.problems .warning{color:var(--warning)}.problems div+div{margin-top:4px}#selection code,.problems code{color:var(--accent)}.help{position:absolute;top:60px;right:16px;display:grid;gap:4px}.help-title{font-weight:600;margin-bottom:4px}.hint{position:absolute;top:16px;right:16px;background:var(--panel);border-radius:8px;padding:6px 10px;color:var(--muted);font-size:13px}kbd{display:inline-block;min-width:20px;padding:0 5px;border:1px solid rgba(255,255,255,.25);border-radius:4px;font:12px ui-monospace,monospace;text-align:center;color:var(--text)}body.headless .hud{display:none}.sidebar{position:absolute;top:60px;left:16px;bottom:16px;width:210px;display:flex;flex-direction:column;pointer-events:auto}.menu-toggle{align-self:flex-start;font:inherit;font-size:16px;color:var(--text);background:var(--panel);border:0;border-radius:8px;padding:4px 10px;cursor:pointer;backdrop-filter:blur(8px)}.menu{margin-top:6px;padding:6px;border-radius:10px;background:var(--panel);backdrop-filter:blur(8px);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar.collapsed .menu{display:none}.menu .section{margin:8px 6px 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.menu .section:first-child{margin-top:2px}.menu .level{margin:6px 6px 0;font-size:12px;color:var(--muted)}.menu button,.menu select{font:inherit;font-size:13px;color:var(--text);background:transparent;border:0;border-radius:7px;padding:6px 10px;text-align:left;cursor:pointer}.menu select{background:#ffffff14;margin:2px 0}.menu select option{color:#1a1a1a}.menu button:hover{background:#ffffff1a}.menu button.active{background:#ffffff2e}.menu button.walk{background:var(--accent);color:#1a1a1a;font-weight:600}.menu button.walk:hover{filter:brightness(1.08)}.menu .row{display:flex;gap:2px}.menu .row button{flex:1;text-align:center}.crosshair,.walk-hint{display:none}body.locked .crosshair{display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #00000059}body.walking .walk-hint{display:block;position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:13px}body.locked .bottom,body.locked .hint{display:none}.hud .top{left:16px}.loading{position:absolute;top:0;left:0;right:0;height:4px;background:#00000040}.loading .progress{height:100%;background:var(--accent);transition:width .2s}.loading .progress-label{position:absolute;top:8px;right:16px;font-size:12px;color:var(--muted);background:var(--panel);padding:3px 8px;border-radius:6px}