:root{--glass:#0e1e1880;--glass-b:#d2f0e138;--ink:#eef8f2;--ink-dim:#e1f2e8b3;--accent:#9fe0c4}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#1c3a2c;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:.3s}#ui.hidden *{pointer-events:none!important}.caption{text-align:center;opacity:0;text-shadow:0 1px 14px #001e14b3;transition:opacity 1.8s;position:absolute;top:9%;left:0;right:0}.caption.show{opacity:1}.caption b{letter-spacing:.4em;text-indent:.4em;font-size:clamp(22px,4vw,38px);font-weight:300;display:block}.caption span{letter-spacing:.24em;color:var(--ink-dim);margin-top:8px;font-size:clamp(11px,1.5vw,14px);display:block}.tap{letter-spacing:.08em;white-space:nowrap;background:var(--glass);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(10px);opacity:0;border-radius:99px;padding:8px 16px;font-size:13px;transition:opacity .6s;animation:2.2s ease-in-out infinite pulse;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.tap.show{opacity:.95}@keyframes pulse{50%{transform:translate(-50%)translateY(-3px)}}.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:244px;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}#qinfo{letter-spacing:0;text-transform:none;opacity:.85}button{font:inherit;color:var(--ink);cursor:pointer;text-align:center;background:#c8f0dc1f;border:1px solid #dcfaeb2e;border-radius:9px;padding:8px 10px;transition:background .2s,border-color .2s}button:hover{background:#c8f5e13d}button.on,button[aria-pressed=true]{background:#78d2aa4d;border-color:#beffe18c}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.line{align-items:center;gap:8px;display:flex}.line.sub{margin-top:6px}.line>button{flex:none;min-width:84px}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{padding:7px 2px;font-size:12px}.acts{grid-template-columns:1fr 1fr;gap:6px;display:grid}.acts button{padding:8px 4px;font-size:12px}.hint{color:var(--ink-dim);margin-top:8px;font-size:11px;line-height:1.5}.dock{display:none}.ghost{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));letter-spacing:.1em;opacity:0;pointer-events:none;background:var(--glass);border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(12px);z-index:5;border-radius:12px;min-width:48px;min-height:40px;padding:8px 12px;font-size:12px;transition:opacity .6s,background .2s;position:fixed}.ghost.show{opacity:.55;pointer-events:auto}.ghost.show:hover,.ghost.show:active{opacity:1;background:#3c82648c}.ghost.show:focus-visible{opacity:1;background:#3c82648c}.fps{color:#bfe;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(56px + 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 .acts,.panel .hint{display:none}.dock{padding:8px 10px calc(8px + env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(#0a1e1400,#0a1e1466);gap:6px;display:flex;position:absolute;bottom:0;left:0;right:0}.dock button{background:var(--glass);-webkit-backdrop-filter:blur(10px);white-space:nowrap;flex:1;min-height:42px;padding:10px 4px;font-size:12px}.dock button[aria-pressed=true]{background:#46967380}.dock .more{flex:none;width:46px}.caption{top:8%}.tap{bottom:17%}}@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 button{min-height:38px;padding:7px 4px}.caption{top:5%}.tap{bottom:20%}}@media (prefers-reduced-motion:reduce){#ui,.caption{transition-duration:10ms}.tap{animation:none}}