:root{--bg:#0e0f13;--panel:#181a20c7;--text:#e8e6e3;--muted:#9aa0a6;--accent:#d97757;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}.stage{position:fixed;inset:0}.stage canvas{display:block}.loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hud{pointer-events:none;grid-template-rows:auto auto 1fr;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid;position:fixed;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0f;border-radius:12px}header{pointer-events:none;grid-column:1/-1;align-items:baseline;gap:16px;display:flex}header h1{text-shadow:0 2px 8px #000;margin:0;font-size:1rem}.status{text-shadow:0 2px 8px #000;font-size:.9rem;font-weight:700}.status.busy{color:var(--accent);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.toolbar{pointer-events:none;grid-column:1;place-self:start;align-items:flex-start;gap:6px;display:flex}.toolbar>*{pointer-events:auto}.settings{font-size:.8rem}.settings summary{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:6px 10px;font-weight:600;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings-body{grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;padding:0 10px 10px;display:grid}.settings-body label{color:var(--muted);flex-direction:column;gap:3px;font-size:.7rem;display:flex}.settings-body input,.settings-body select{color:var(--text);background:#00000059;border:1px solid #333842;border-radius:6px;min-width:0;padding:5px 7px;font-size:.78rem}.settings-body .check{flex-direction:row;grid-column:1/-1;align-items:center;gap:6px;font-size:.72rem}.settings-body .note{color:var(--muted);opacity:.8;grid-column:1/-1;margin:0;font-size:.68rem}.key-state{color:#e0a24a}.key-state.ok{color:#6fcf8f}.icon-btn{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:30px;height:30px;color:var(--text);cursor:pointer;border:1px solid #ffffff14;border-radius:8px;font-size:1rem;line-height:1}.icon-btn.accent{background:var(--accent);color:#fff;border-color:#0000}.side{flex-direction:column;grid-area:2/2/4;align-self:start;gap:10px;width:260px;padding:14px;display:flex}.side:not(:has(li,.comment:not(:empty),.cost:not(:empty))){display:none}.comment{color:var(--muted);overflow-wrap:anywhere;min-height:1.2em;font-style:italic}.hint{opacity:.6}.comment:empty{display:none}.history{white-space:pre;max-height:40vh;margin:0;padding-left:28px;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;overflow-y:auto}.cost{color:var(--muted);font-size:.75rem}.cost:empty{display:none}@media (max-width:720px){.hud{grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr}.side{grid-area:4/1;align-self:end;width:auto}.history{max-height:18vh}.settings-body{grid-template-columns:1fr}}