.cc-root{color:#eaf3ff;touch-action:manipulation;user-select:none;background:#0a0e1f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;inset:0;overflow:hidden}.cc-canvas{position:absolute;inset:0}.cc-canvas canvas{width:100%;height:100%;display:block}.cc-ui{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.cc-hud{padding:calc(env(safe-area-inset-top,0px) + 8px) 12px 4px;letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;font-size:13px;display:flex}.cc-hud span{opacity:.92;white-space:nowrap;align-items:center;gap:4px;display:inline-flex;position:relative}.cc-hud b{font-size:16px;font-weight:700}.cc-hud .is-active{color:#ffd15e}.cc-hud-score,.cc-hud-time{flex-shrink:0}.cc-next{align-items:center;gap:6px;display:inline-flex}.cc-next svg{display:block}.cc-wind{align-items:center;gap:5px;min-width:64px;display:inline-flex}.cc-wind-label{opacity:.7}.cc-wind-bar{background:linear-gradient(90deg,#6be3ff,#ff9f4a);border-radius:3px;min-width:4px;max-width:44px;height:5px}.cc-wind-dir{color:#ffd15e;font-weight:700}.cc-brace-count em{color:#6be3ff;font-style:normal}@media (width<=480px){.cc-hud{padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 4px;flex-wrap:nowrap;gap:4px 6px;font-size:10px;overflow:hidden}.cc-hud b{font-size:12px}.cc-hud .cc-label,.cc-hud .cc-wind-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-wind{min-width:30px}.cc-wind-bar{max-width:22px}.cc-next svg{width:20px;height:20px}}.cc-hint{color:#b7c4ea;white-space:nowrap;background:#0a0e1fb3;border:1px solid #6be3ff66;border-radius:999px;padding:3px 10px;display:inline-block}.cc-play-actions{pointer-events:none;align-self:center;gap:8px;margin:0 auto 12px;display:flex}.cc-brace-btn,.cc-guide-btn{pointer-events:auto;color:#eaf3ff;letter-spacing:.06em;cursor:pointer;background:#6be3ff24;border:1px solid #6be3ff99;border-radius:10px;min-width:132px;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:700}.cc-guide-btn{color:#ffd15e;background:#ffd15e1a;border-color:#ffd15e73;min-width:112px}.cc-brace-btn b{color:#6be3ff}.cc-brace-btn em{color:#6be3ff;font-style:normal}.cc-brace-btn:disabled{opacity:.4;cursor:default}.cc-overlay{z-index:100;pointer-events:auto;background:#0a0e1fb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}:-webkit-any(.stage-frame:fullscreen .cc-overlay,.stage-frame:-webkit-full-screen .cc-overlay,.stage-frame.is-fs .cc-overlay){z-index:3;position:absolute}:is(.stage-frame:fullscreen .cc-overlay,.stage-frame:fullscreen .cc-overlay,.stage-frame.is-fs .cc-overlay){z-index:3;position:absolute}.cc-card{text-align:center;background:#121a35;border:1px solid #6be3ff4d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;max-height:calc(100vh - 32px);padding:20px 18px;display:flex;overflow-y:auto}.cc-card h2{letter-spacing:.1em;color:#ffd15e;margin:0;font-size:18px}.cc-rig-silhouette{pointer-events:none;opacity:.45;fill:#8fb6ff38;stroke:#8fb6ff;stroke-width:2px;width:120px;height:42px}.cc-card p{color:#c7d3f0;margin:0;font-size:13px;line-height:1.5}.cc-card strong{color:#eaf3ff;font-size:30px;font-weight:700}.cc-card small{opacity:.7;font-size:12px}.cc-legend{color:#8fb6ff!important}.cc-new-best{font-weight:700;color:#ff9f4a!important}.cc-stats{grid-template-columns:repeat(2,1fr);gap:4px 12px;width:100%;margin:4px 0 0;display:grid}.cc-stats div{background:#6be3ff0f;border-radius:6px;justify-content:space-between;gap:8px;padding:2px 4px;display:flex}.cc-stats dt{letter-spacing:.04em;color:#8fb6ff;margin:0;font-size:11px}.cc-stats dd{color:#eaf3ff;margin:0;font-size:12px;font-weight:700}.cc-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.cc-actions button{color:#eaf3ff;letter-spacing:.05em;cursor:pointer;background:#6be3ff1a;border:1px solid #6be3ff66;border-radius:10px;min-height:44px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700}.cc-actions .cc-primary{color:#0a0e1f;background:#6be3ff;border-color:#6be3ff}.cc-mute{pointer-events:auto;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:101;color:#c7d3f0;cursor:pointer;background:#0a0e1f99;border:1px solid #6be3ff4d;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-family:inherit;font-size:12px;display:inline-flex;position:absolute}#fs-toggle{z-index:101;position:relative}