html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;color:#ddd;overflow:hidden;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.app-root{width:100%;height:100%}.stage{position:fixed;inset:0;overflow:hidden;background:#000}.stage canvas.gargantua-canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;max-height:62vh;background:#080a10d9;backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12);color:#cfd6e4;font-size:12px;transform:translateY(calc(100% - 46px));transition:transform .25s ease}.hud--open{transform:translateY(0)}.hud--hidden{display:none}.hud__handle{flex:0 0 46px;display:flex;align-items:center;gap:8px;padding:0 12px;cursor:pointer;user-select:none;border-bottom:1px solid rgba(255,255,255,.08)}.hud__handle strong{color:#fff;letter-spacing:.06em;font-size:12px}.hud__summary{flex:1;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud__toggle{opacity:.8}.hud__body{overflow-y:auto;padding:4px 12px 16px;-webkit-overflow-scrolling:touch}.hud__section{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.hud__section:last-child{border-bottom:none}.hud__section h3{margin:0 0 6px;font-size:12px;color:#fff;font-weight:600}.hud__group h4{margin:8px 0 4px;font-size:11px;opacity:.7;font-weight:600}.hud__row{display:flex;align-items:center;gap:8px;padding:3px 0}.hud__row--col{flex-direction:column;align-items:flex-start;gap:2px}.hud__row small{opacity:.65;line-height:1.5}.hud__row button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:2px 8px;font-size:11px;cursor:pointer}.hud__chip{padding:2px 8px;border-radius:10px;background:#50c8782e;color:#9fe6b8}.hud__chip--lost{background:#e65a4633;color:#ffb0a0}.hud__chip--restored{background:#f0c8502e;color:#ffe28f}.hud__presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hud__presets button{background:#ffffff0f;color:#cfd6e4;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px 8px;font-size:11px;cursor:pointer;text-align:left}.hud__presets button.active{background:#5a96ff38;border-color:#78aaff80;color:#fff}.param{padding:3px 0}.param__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.param__label em{opacity:.45;font-style:normal;font-size:10px}.param__value{opacity:.9;font-variant-numeric:tabular-nums}.param__row{display:flex;align-items:center;gap:6px}.param__row input[type=range]{flex:1;accent-color:#6ea8ff;height:18px}.param__reset{background:transparent;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#9fb0c8;width:22px;height:20px;cursor:pointer;font-size:12px;line-height:1}.param__reset:hover{color:#fff;border-color:#fff6}.hud__reset{margin-top:10px;width:100%;background:#e6785029;color:#ffd0bf;border:1px solid rgba(230,120,80,.4);border-radius:6px;padding:6px;font-size:12px;cursor:pointer}.hud__keys{margin:0;padding-left:2px;list-style:none;line-height:1.9;opacity:.9}.hud__note{opacity:.55}kbd{display:inline-block;padding:0 4px;border:1px solid rgba(255,255,255,.25);border-bottom-width:2px;border-radius:3px;font-size:10px;font-family:inherit;background:#ffffff12}.hud-reopen{position:fixed;right:12px;bottom:12px;z-index:10;background:#080a10b3;color:#cfd6e4;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;display:none}@media(min-width:721px){.hud{inset:12px 12px auto auto;width:340px;max-height:calc(100vh - 48px);border:1px solid rgba(255,255,255,.12);border-radius:10px;transform:none}.hud:not(.hud--open){display:none}.hud__toggle{display:none}.hud-reopen{display:block}}