:root{color-scheme:dark;--hud-bg: rgba(8, 10, 16, .72);--hud-border: rgba(150, 175, 220, .16);--hud-text: #dfe6f2;--hud-dim: #8e9ab2;--accent: #f0a35e;--accent-cool: #7fb6ff;font-family:Inter,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#04060a;color:var(--hud-text);overflow:hidden}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.viewport{position:absolute;inset:0}.gargantua-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.gargantua-canvas:active{cursor:grabbing}.hud{position:absolute;top:16px;left:16px;width:316px;max-height:calc(100vh - 32px);overflow-y:auto;padding:14px 14px 10px;border:1px solid var(--hud-border);border-radius:14px;background:var(--hud-bg);backdrop-filter:blur(14px);font-size:12px;line-height:1.45;scrollbar-width:thin}.hud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}.hud-head h1{margin:0;font-size:15px;letter-spacing:.22em;font-weight:600}.subtitle{margin:2px 0 0;font-size:10px;letter-spacing:.06em;color:var(--hud-dim)}.hud-section{padding:9px 0;border-top:1px solid var(--hud-border)}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.label{color:var(--hud-dim);letter-spacing:.08em;font-size:10px;text-transform:uppercase}.badge{padding:1px 7px;border-radius:999px;border:1px solid var(--hud-border);font-size:10px;color:var(--accent)}.hint{margin:5px 0 7px;color:var(--hud-dim);font-size:11px}.segmented,.presets,.debug-grid{display:flex;flex-wrap:wrap;gap:4px}.segmented button,.presets button,.debug-grid button,.toggle,.hud-foot button,.hud-reopen,.fatal button,.context-lost button{border:1px solid var(--hud-border);border-radius:8px;background:#ffffff0a;color:var(--hud-text);font:inherit;padding:4px 8px;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.segmented button:hover,.presets button:hover,.debug-grid button:hover,.toggle:hover,.hud-foot button:hover,.hud-reopen:hover{border-color:#f0a35e8c}.segmented button.active,.presets button.active,.debug-grid button.active{border-color:var(--accent);background:#f0a35e29;color:#ffd9b0}.presets{margin-top:7px;flex-direction:column}.presets button{display:flex;justify-content:space-between;gap:10px;text-align:left}.preset-index{color:var(--hud-dim);font-size:10px;letter-spacing:.06em}.debug-grid{margin-top:4px}.debug-grid button{width:26px;text-align:center;padding:3px 0}.stats{display:flex;gap:12px;margin:9px 0 0}.stats div{display:flex;flex-direction:column}.stats dt{color:var(--hud-dim);font-size:10px}.stats dd{margin:0;font-variant-numeric:tabular-nums}.params details{border-top:1px dashed rgba(150,175,220,.12);padding:6px 0}.params details:first-child{border-top:none}.params summary{cursor:pointer;color:var(--accent-cool);font-size:11px;letter-spacing:.06em}.param{display:grid;grid-template-columns:1fr 92px 46px;align-items:center;gap:6px;margin-top:5px}.param-name{color:var(--hud-dim);font-size:11px}.param input[type=range]{width:100%;accent-color:var(--accent)}.param output{text-align:right;font-variant-numeric:tabular-nums;font-size:11px}.hud-foot{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--hud-border)}.hud-foot button{flex:1}.icon-button{border:none;background:transparent;color:var(--hud-dim);font-size:16px;line-height:1;cursor:pointer;padding:2px 4px}.hud-reopen{position:absolute;top:16px;left:16px;letter-spacing:.1em;font-size:11px;background:var(--hud-bg);backdrop-filter:blur(10px)}.shortcuts{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(760px,calc(100vw - 32px));padding:7px 14px;border:1px solid var(--hud-border);border-radius:999px;background:#080a1099;backdrop-filter:blur(10px);font-size:11px;color:var(--hud-dim);pointer-events:none}.shortcuts kbd{font:inherit;color:var(--hud-text);padding:0 4px;border:1px solid var(--hud-border);border-radius:4px}.fatal,.context-lost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 40px));padding:20px;border:1px solid rgba(255,120,100,.4);border-radius:14px;background:#140808e6;text-align:center}.context-lost{border-color:#f0a35e80;background:#140e06eb}.fatal h2,.context-lost h2{margin:0 0 8px;font-size:15px}.fatal p,.context-lost p{margin:0 0 14px;font-size:12px;color:var(--hud-dim)}@media(max-width:760px){.hud{inset:auto 0 0;width:100%;max-height:58vh;border-radius:16px 16px 0 0;border-left:none;border-right:none;border-bottom:none;padding-bottom:18px}.shortcuts{display:none}.param{grid-template-columns:1fr 84px 44px}.hud-reopen{top:auto;bottom:12px;left:12px}}