:root{--sky: #1ca7ec;--sky-deep: #1266b0;--ink: #0d2b45;--coral: #ff6b5e;--sun: #ffcf3f;--panel: rgba(255, 255, 255, .92);--font: "Baloo 2", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#eaf6ff;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none}#app,#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#stage{display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1ca7ec40,#1266b08c);pointer-events:auto;z-index:20}.panel{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vh,40px);padding:clamp(24px,5vh,60px);text-align:center}.logo{font-size:clamp(56px,12vw,160px);font-weight:800;letter-spacing:.02em;color:#fff;text-shadow:0 6px 0 var(--sky-deep),0 14px 30px rgba(0,0,0,.25)}.tagline{font-size:clamp(20px,3vw,40px);font-weight:700;color:var(--sun);letter-spacing:.12em;text-shadow:0 3px 0 rgba(0,0,0,.15)}.big{font-size:clamp(32px,6vw,72px);font-weight:800;color:#fff;line-height:1.05;text-shadow:0 4px 0 rgba(0,0,0,.2)}.mid{font-size:clamp(20px,3vw,34px);font-weight:800;color:#fff;line-height:1.1}.sub{font-size:clamp(16px,2vw,24px);color:#eaf6ff;font-weight:600}.btn-play{display:inline-flex;align-items:center;gap:18px;padding:clamp(18px,3vh,30px) clamp(40px,8vw,90px);font-family:inherit;font-size:clamp(32px,6vw,68px);font-weight:800;color:#fff;background:var(--coral);border:none;border-radius:999px;box-shadow:0 10px #d1453b,0 20px 40px #0000004d;cursor:pointer;transition:transform .08s ease}.btn-play:active{transform:translateY(6px);box-shadow:0 4px #d1453b,0 10px 20px #0000004d}.btn-play .icon{color:#fff}.start-cue{display:flex;flex-direction:column;align-items:center;gap:16px}.ring-wrap{position:relative;width:120px;height:120px}.hold-ring{transform:rotate(-90deg)}.hold-ring-bg{fill:none;stroke:#ffffff4d;stroke-width:10}.hold-ring-arc{fill:none;stroke:var(--sun);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .08s linear}.ring-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff}.spinner{width:64px;height:64px;border:8px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scores{display:flex;gap:clamp(24px,6vw,70px)}.score-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff}.score-item .icon{color:var(--sun)}.score-item .label{font-size:clamp(14px,1.6vw,20px);font-weight:700;letter-spacing:.1em;opacity:.85}.score-item .value{font-size:clamp(44px,8vw,96px);font-weight:800;line-height:1}.hud{position:fixed;top:0;left:0;display:none;gap:28px;padding:clamp(14px,2.5vh,28px) clamp(20px,4vw,44px)}.hud-item{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:var(--panel);border-radius:999px;box-shadow:0 6px 16px #00000026}.hud-item .icon{color:var(--sky)}.hud-item .value{font-size:clamp(26px,4vw,46px);font-weight:800;color:var(--ink)}.timer{position:fixed;top:clamp(14px,2.5vh,28px);left:50%;transform:translate(-50%);display:none;align-items:center;gap:10px;padding:8px 26px;background:var(--panel);border-radius:999px;box-shadow:0 6px 16px #00000026;color:var(--ink)}.timer .icon{color:var(--sky)}.timer .value{font-size:clamp(30px,5vw,56px);font-weight:800;font-variant-numeric:tabular-nums;min-width:1.6em;text-align:center}.timer.is-low{color:#fff;background:var(--coral);animation:pulse .6s ease-in-out infinite}.timer.is-low .icon{color:#fff}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.08)}}.next{position:fixed;top:clamp(14px,2.5vh,28px);right:clamp(20px,4vw,44px);display:none;flex-direction:column;align-items:center;gap:2px;padding:10px 14px 6px;background:var(--panel);border-radius:22px;box-shadow:0 6px 16px #00000026}.next-label{font-size:clamp(12px,1.4vw,16px);font-weight:700;letter-spacing:.14em;color:var(--sky)}.next-model{width:clamp(72px,9vw,120px);height:clamp(72px,9vw,120px)}.guide{position:fixed;left:50%;bottom:clamp(14px,3vh,34px);transform:translate(-50%);display:none;gap:clamp(16px,3vw,40px);padding:12px 28px;background:var(--panel);border-radius:999px;box-shadow:0 6px 16px #00000026}.guide-item{display:inline-flex;align-items:center;gap:8px;font-size:clamp(16px,2vw,24px);font-weight:800;color:var(--ink)}.guide-item .icon{color:var(--sky)}.grip{position:fixed;left:50%;top:50%;display:none;align-items:center;justify-content:center;width:96px;height:96px;margin:-48px 0 0 -48px;color:var(--sky-deep);background:#ffffff80;border:5px solid var(--sky);border-radius:50%;transition:opacity .15s ease,background .1s ease,border-color .1s ease,transform .08s ease;will-change:left,top}.grip.is-fist{color:#fff;background:var(--coral);border-color:#d1453b;transform:scale(.86)}