:root{--glass:#0a0e1c8c;--glass-b:#a0beff29;--ink:#dbe6ff;--ink-dim:#c8d7f59e;--accent:#8fb4ff}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#02030a;height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Hiragino Sans,Yu Gothic UI,sans-serif}#view{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#view.dragging{cursor:grabbing}#ui{pointer-events:none;transition:opacity 1.2s;position:fixed;top:0;bottom:0;left:0;right:0}#ui.idle{opacity:0}#ui.idle *{pointer-events:none!important}#ui.hidden{opacity:0;transition-duration:.35s}#ui.hidden *{pointer-events:none!important}.caption{text-align:center;opacity:0;text-shadow:0 1px 14px #000c;transition:opacity 1.4s;position:absolute;top:11%;left:0;right:0}.caption.show{opacity:1}.caption b{letter-spacing:.32em;text-indent:.32em;font-size:clamp(22px,4.2vw,40px);font-weight:300;display:block}.caption span{letter-spacing:.18em;color:var(--ink-dim);margin-top:8px;font-size:clamp(11px,1.6vw,14px);display:block}.panel{background:var(--glass);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(14px)saturate(1.2);pointer-events:auto;border-radius:14px;width:252px;padding:12px;font-size:13px;position:absolute;top:14px;right:14px}.panel .sec{margin:0 0 10px}.panel .sec:last-child{margin-bottom:0}.panel h4{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 6px;font-size:10.5px;font-weight:500}.tpl{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tpl button{align-items:center;gap:8px;display:flex}button{font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:#7896e61a;border:1px solid #a0beff24;border-radius:9px;padding:8px 10px;transition:background .2s,border-color .2s}button:hover{background:#82a5ff33}button.on{background:#6e96ff4d;border-color:#aac8ff8c}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sw{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 8px}.line{align-items:center;gap:8px;display:flex}.line>button{flex:none;min-width:78px}input[type=range]{min-width:0;accent-color:var(--accent);flex:1;height:24px}.seg{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.seg button{text-align:center;padding:7px 2px;font-size:12px}.acts{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.acts button{text-align:center;padding:8px 4px;font-size:12px}.hint{color:var(--ink-dim);margin-top:8px;font-size:11px;line-height:1.5}.pending{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.dock{display:none}.ghost{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));text-align:center;letter-spacing:.08em;opacity:0;pointer-events:none;background:var(--glass);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(14px)saturate(1.2);z-index:5;border-radius:12px;min-width:56px;min-height:40px;padding:8px 14px;font-size:13px;transition:opacity .6s,background .2s;position:fixed}.ghost.show{opacity:.8;pointer-events:auto}.ghost.show:hover{opacity:1;background:#3c55968c}.ghost.show:focus-visible{opacity:1;background:#3c55968c}.fps{color:#9fe;pointer-events:none;white-space:pre;z-index:9;background:#00000073;border-radius:6px;padding:4px 6px;font:11px/1.4 ui-monospace,Consolas,monospace;position:fixed;top:8px;left:8px}@media (max-width:700px),(max-height:480px) and (pointer:coarse){.panel{top:auto;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;border-radius:16px 16px 12px 12px;width:auto;margin:0 10px;transition:transform .3s,opacity .3s;transform:translateY(24px)}.panel.open{opacity:1;pointer-events:auto;transform:none}.panel .sec-tpl{display:none}.dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(#02030a00,#02030a8c);gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock .tpl{flex:1;gap:6px;display:flex}.dock .tpl button{background:var(--glass);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex:1;justify-content:center;padding:9px 4px;font-size:12px}.dock .tpl .sw{display:none}.dock .more{text-align:center;background:var(--glass);flex:none;width:44px;padding:9px 0}.caption{top:9%}}@media (max-height:480px) and (pointer:coarse){.panel{width:min(340px,56vw);left:auto;bottom:calc(54px + env(safe-area-inset-bottom));max-height:calc(100vh - 70px);margin:0 10px 0 0;overflow:auto}.dock .tpl button{padding:7px 4px}.caption{top:6%}}@media (prefers-reduced-motion:reduce){#ui,.caption{transition-duration:10ms}}