:root{--bg:#0b1220;--panel:#090e1880;--panel-strong:#090e18c7;--line:#ffffff24;--line-strong:#ffffff57;--text:#f6f2e9;--muted:#f6f2e99e;--accent:#ffb347;--teal:#34d6c3;--radius:14px;--font:"PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;--num:"SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.ui{z-index:10;transition:opacity .4s,transform .4s;position:fixed}body:not(.started) .ui{opacity:0;pointer-events:none}body.ui-hidden .ui,body.photo .ui,body.photo #bubbles,body.photo .toast{opacity:0!important;pointer-events:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}kbd{font-family:var(--num);border:1px solid var(--line);color:var(--muted);border-radius:5px;padding:3px 5px;font-size:10.5px;line-height:1}.topbar{padding:calc(16px + var(--safe-t)) calc(18px + var(--safe-r)) 0 calc(18px + var(--safe-l));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px)saturate(1.2);align-items:center;gap:12px;padding:9px 16px 9px 10px;display:flex}.brand-mark{width:38px;height:38px;color:var(--teal);stroke-width:2.6px}.brand-mark .bill{stroke:var(--accent);fill:var(--accent)}.brand h1{letter-spacing:.08em;margin:0;font-size:17px;font-weight:800}.brand p{letter-spacing:.04em;color:var(--muted);margin:3px 0 0;font-size:11.5px}.top-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;transition:border-color .2s,color .2s;display:grid}.icon-btn:hover{border-color:var(--line-strong);color:#fff}.icon-btn svg{width:20px;height:20px}.icon-btn .i-off,.icon-btn[aria-pressed=false] .i-on{display:none}.icon-btn[aria-pressed=false] .i-off{display:block}.hud{left:calc(18px + var(--safe-l));bottom:calc(18px + var(--safe-b));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px)saturate(1.2);align-items:center;gap:14px;padding:12px 18px 12px 12px;display:flex}.gauge{width:104px;height:104px;position:relative}.gauge svg{width:100%;height:100%}.gauge .track{stroke:#ffffff1f;stroke-width:7px}.gauge .fill{stroke:var(--accent);stroke-width:7px;transition:stroke-dashoffset .2s linear}.gauge-val{text-align:center;place-content:center;padding-top:4px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gauge-val span{font-family:var(--num);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.gauge-val small{color:var(--muted);margin-top:3px;font-size:11px}.stats{grid-template-columns:repeat(2,auto);gap:8px 22px;margin:0;display:grid}.stats div:last-child{grid-column:span 2}.stats dt{color:var(--muted);letter-spacing:.06em;font-size:11px}.stats dd{font-family:var(--num);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:17px;font-weight:600}.stats dd small{font-family:var(--font);color:var(--muted);margin-left:3px;font-size:11px;font-weight:400}.actions{left:50%;bottom:calc(18px + var(--safe-b));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px)saturate(1.2);border-radius:18px;gap:6px;padding:6px;display:flex;transform:translate(-50%)}.actions button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:10px 10px 8px;transition:border-color .2s,transform .12s;display:flex;position:relative}.actions button:hover{border-color:var(--line-strong)}.actions button:active,.actions button.pulse{transform:scale(.94)}.actions button svg{width:24px;height:24px}.actions button span{letter-spacing:.04em;font-size:12.5px;font-weight:600}.actions button kbd{opacity:.7;padding:2px 4px;font-size:9px;position:absolute;top:5px;right:6px}.actions button[disabled]{opacity:.35;cursor:default}.panel{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px)saturate(1.2);width:296px;overflow:hidden}.panel-toggle{display:none}.panel-body{gap:14px;padding:14px 16px 16px;display:grid}.field{gap:8px;display:grid}.field.row{grid-template-columns:1fr auto;align-items:center}.field label,.field .label{color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.field output{font-family:var(--num);color:var(--text);font-size:12.5px}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p,50%), #ffffff29 var(--p,50%));border-radius:4px;height:4px}input[type=range]::-moz-range-track{background:#ffffff29;border-radius:4px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-6px}input[type=range]::-moz-range-thumb{border:3px solid var(--accent);background:#fff;border-radius:50%;width:12px;height:12px}.presets{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.presets button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:2px 0;font-size:12px}.presets button:hover{color:var(--text);border-bottom-color:var(--accent)}.check{color:var(--muted);cursor:pointer;align-items:center;gap:5px;margin-left:auto;font-size:12px!important;display:inline-flex!important}.check input{accent-color:var(--accent)}.seg{border:1px solid var(--line);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.seg button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:7px 4px;font-size:12.5px}.seg button:hover{color:var(--text);border-color:var(--line)}.seg button[aria-checked=true]{color:var(--text);border-color:var(--accent)}.chips{gap:6px;display:flex}.chips button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:7px 0;font-size:12.5px}.chips button[aria-pressed=true]{color:var(--text);border-color:var(--teal)}.switch{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:12px;width:42px;height:24px;padding:2px}.switch span{background:var(--muted);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;display:block}.switch[aria-checked=true]{border-color:var(--accent)}.switch[aria-checked=true] span{background:var(--accent);transform:translate(18px)}#bubbles{pointer-events:none;z-index:8;position:fixed;top:0;bottom:0;left:0;right:0}.bubble{color:#1c1c20;letter-spacing:.04em;white-space:nowrap;transform-origin:50% 100%;will-change:transform, opacity;background:#fffaf0;border:1.5px solid #1c1c20;border-radius:14px;padding:7px 13px;font-size:15px;font-weight:800;position:absolute;top:0;left:0}.bubble:after{content:"";background:#fffaf0;border-bottom:1.5px solid #1c1c20;border-right:1.5px solid #1c1c20;width:12px;height:12px;position:absolute;bottom:-8px;left:18px;transform:rotate(45deg)skew(8deg,8deg)}.toast{z-index:12;top:calc(84px + var(--safe-t));background:var(--panel-strong);border:1px solid var(--line-strong);letter-spacing:.04em;opacity:0;pointer-events:none;white-space:nowrap;border-radius:12px;padding:9px 18px;font-size:14px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;left:50%;transform:translate(-50%,-8px)}.toast.show{opacity:1;transform:translate(-50%)}.shot-label{left:50%;bottom:calc(112px + var(--safe-b));letter-spacing:.3em;color:#ffffffc7;opacity:0;pointer-events:none;font-size:12px;transform:translate(-50%)}.shot-label.show{opacity:1}#flash{z-index:30;opacity:0;pointer-events:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0}#flash.go{animation:.5s ease-out flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.help{z-index:40;-webkit-backdrop-filter:blur(6px);background:#04080e8c;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.help[hidden]{display:none}.help-card{background:var(--panel-strong);border:1px solid var(--line-strong);-webkit-user-select:text;user-select:text;border-radius:18px;width:min(620px,100%);max-height:100%;padding:24px 26px;overflow:auto}.help-card h2{letter-spacing:.06em;margin:0 0 16px;font-size:19px}.keys{gap:10px;display:grid}.keys div{flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;display:flex}.keys kbd{color:var(--text);border-color:var(--line-strong);padding:4px 7px;font-size:12px}.keys span{color:var(--muted);margin-right:12px}.about{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding-top:14px;font-size:13px;line-height:1.8}.help .close{border:1px solid var(--accent);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;margin-top:18px;padding:9px 22px;font-weight:600}.loader{z-index:50;background:radial-gradient(120% 90% at 50% 100%,#f7a86b 0%,#c7627a 32%,#3b3f78 62%,#0d1428 100%);place-items:center;padding:20px;transition:background 1.2s,opacity .8s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader.ready{-webkit-backdrop-filter:blur(14px)saturate(1.1);background:#080c1659}.loader.gone{opacity:0;pointer-events:none}.loader-card{text-align:center;border:1px solid var(--line-strong);background:#090e188c;border-radius:22px;width:min(440px,100%);padding:26px 28px 22px}.loader-art{stroke-width:2.6px;width:100%;max-width:330px;height:auto;overflow:visible}.loader-art .ground{stroke:#ffffff40;stroke-dasharray:6 8}.loader-art .wheel circle,.loader-art .wheel line{stroke:#e8f5f3}.loader-art .wheel .spokes line{stroke-width:1.2px;opacity:.8}.loader-art .frame{stroke:var(--teal);stroke-width:3.4px}.loader-art .saddle{fill:#7a4524;stroke:#7a4524}.loader-art .body,.loader-art .head,.loader-art .neck{fill:#fbf7f0;stroke:#fbf7f0}.loader-art .neck{fill:none;stroke-width:10px}.loader-art .tail{fill:#e8e2d8;stroke:#e8e2d8}.loader-art .bill{fill:#ffb347;stroke:#ffb347;stroke-width:1.5px}.loader-art .pouch{fill:#ffd27a;stroke:#f2a83c;stroke-width:1.2px}.loader-art .eye{fill:#1c1c20;stroke:none}.loader-art .helmet{fill:#e2412e;stroke:#e2412e}.loader-art .wing{fill:#fbf7f0;stroke:#1d1d22;stroke-width:2px}.loader-art .scarf{fill:#c8262c;stroke:#c8262c;stroke-width:1px}.loader-art .leg{stroke:#ef8646;stroke-width:3.6px}.loader-art #la-leg-far{opacity:.55}.loader-art .crank{stroke:#d8dde3;stroke-width:3px}.loader-card h2{letter-spacing:.14em;margin:12px 0 4px;font-size:24px;font-weight:900}.tagline{color:var(--muted);letter-spacing:.08em;margin:0 0 18px;font-size:13.5px}.progress{background:#ffffff24;border-radius:4px;height:4px;overflow:hidden}.progress .bar{background:linear-gradient(90deg, var(--teal), var(--accent));width:0%;height:100%;transition:width .3s}.load-text{color:var(--muted);min-height:1.4em;margin:10px 0 0;font-size:12.5px}.start{border:1px solid var(--accent);color:#fff;letter-spacing:.2em;cursor:pointer;background:#ffb3471f;border-radius:14px;margin-top:14px;padding:12px 38px;font-size:16px;font-weight:800;transition:background .2s,transform .15s}.start:hover{background:#ffb34738}.start:active{transform:scale(.97)}.fineprint{color:#ffffff73;letter-spacing:.04em;margin:14px 0 0;font-size:11.5px}.noscript{place-items:center;font-size:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:900px){.panel{width:270px}}@media (max-width:760px){.brand{padding:7px 12px 7px 8px}.brand-mark{width:30px;height:30px}.brand h1{font-size:15px}.brand p{display:none}.top-actions{gap:6px}.icon-btn{width:38px;height:38px}.icon-btn[data-action=fullscreen]{display:none}.hud{top:calc(72px + var(--safe-t));bottom:auto;left:calc(12px + var(--safe-l));gap:10px;padding:8px 12px 8px 8px}.gauge{width:70px;height:70px}.gauge-val span{font-size:20px}.stats{gap:4px 14px}.stats dd{font-size:14px}.stats div:nth-child(n+3){display:none}.actions{left:calc(10px + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));justify-content:space-between;transform:none}.actions button{flex:1;min-width:0;padding:9px 2px 7px}.actions button kbd{display:none}.panel{top:calc(72px + var(--safe-t));bottom:auto;right:calc(12px + var(--safe-r));width:auto;max-width:calc(100vw - 24px)}.panel-toggle{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:9px 12px;font-size:13px;display:flex}.panel-toggle svg{width:18px;height:18px}.panel-body{width:min(300px,100vw - 24px);max-height:calc(100vh - 220px);padding-top:4px;display:none;overflow:auto}.panel.open .panel-body{display:grid}.shot-label{bottom:calc(96px + var(--safe-b))}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}