:root{color-scheme:dark;--bg: #0f1410;--panel: rgba(18, 28, 22, .88);--panel-border: rgba(120, 180, 120, .18);--text: #e8f0e8;--muted: #9bb09b;--accent: #e85d3a;--accent-soft: rgba(232, 93, 58, .18);--track: rgba(255, 255, 255, .08);--thumb: #7ec87e;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);font-family:SF Pro Text,PingFang SC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}#canvas{display:block;width:100%;height:100%}.panel{position:fixed;top:16px;right:16px;width:min(320px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px 18px 16px;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);z-index:10}.panel__header h1{font-size:1.15rem;font-weight:650;letter-spacing:.02em}.panel__subtitle{margin-top:4px;color:var(--muted);font-size:.8rem}.panel__section{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}.panel__section h2{margin-bottom:12px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.control{display:block;margin-bottom:14px}.control__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:.9rem}.control__row output{min-width:3.2em;text-align:right;font-variant-numeric:tabular-nums;color:var(--accent);font-weight:650}.control input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--track);outline:none;cursor:pointer}.control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--thumb);border:2px solid #0d1a10;box-shadow:0 0 0 3px var(--accent-soft);cursor:grab}.control input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--thumb);border:2px solid #0d1a10;box-shadow:0 0 0 3px var(--accent-soft);cursor:grab}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats>div{padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.stats dt{font-size:.72rem;color:var(--muted);margin-bottom:4px}.stats dd{font-size:.95rem;font-weight:650;font-variant-numeric:tabular-nums}.hint{font-size:.82rem;line-height:1.45;color:var(--muted);margin-bottom:12px}.btn-row{display:flex;gap:8px}.btn{flex:1;border:none;border-radius:10px;padding:10px 12px;font:inherit;font-size:.85rem;font-weight:600;color:#1a100c;background:linear-gradient(180deg,#f07a55,var(--accent));cursor:pointer;transition:transform .12s ease,filter .12s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn--ghost{color:var(--text);background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.btn--active{box-shadow:0 0 0 2px var(--accent-soft),inset 0 0 0 1px var(--accent);filter:brightness(1.08)}.xr-help{font-size:.8rem;line-height:1.55;color:var(--muted);margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.xr-help b,.xr-help strong{color:var(--text);font-weight:650}.vr-slot{display:flex;justify-content:stretch}.vr-button{width:100%;border:none;border-radius:10px;padding:12px 14px;font:inherit;font-size:.9rem;font-weight:700;letter-spacing:.02em;color:#0c1a12;background:linear-gradient(180deg,#9ae08a,#5cb85c);cursor:pointer;box-shadow:0 8px 24px #5cb85c40;transition:filter .12s ease,transform .12s ease}.vr-button:hover:not(:disabled){filter:brightness(1.06)}.vr-button:active:not(:disabled){transform:translateY(1px)}.vr-button:disabled{opacity:.55;cursor:not-allowed;background:#ffffff1f;color:var(--muted);box-shadow:none}.vr-button--active{background:linear-gradient(180deg,#f07a55,var(--accent));color:#1a100c;box-shadow:0 8px 24px #e85d3a4d}body.xr-presenting .panel,.xr-hud{display:none}@media(max-width:640px){.panel{top:auto;bottom:0;right:0;left:0;width:100%;max-height:46vh;border-radius:16px 16px 0 0}}