html,body,#root{color:#dfe8ff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#03050c;height:100%;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.stage{position:fixed;inset:0}.progress{top:calc(env(safe-area-inset-top) + 14px);pointer-events:none;background:#dfe8ff1f;border-radius:2px;width:min(40vw,220px);height:3px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.progress-fill{transform-origin:0;background:linear-gradient(90deg,#9a8a78,#ffa060,#7ac8ff);height:100%;transition:transform .4s ease-out;transform:scaleX(0)}.mute{top:calc(env(safe-area-inset-top) + 4px);opacity:.5;cursor:pointer;background:0 0;border:0;padding:8px;font-size:18px;position:fixed;right:8px}.hint{bottom:calc(env(safe-area-inset-bottom) + 12%);text-align:center;opacity:.75;pointer-events:none;font-size:15px;line-height:1.5;animation:2.4s ease-in-out infinite breathe;position:fixed;left:0;right:0}@keyframes breathe{50%{opacity:.4}}.finale{padding-bottom:calc(env(safe-area-inset-bottom) + 14%);pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;animation:1.2s ease-out both appear;display:flex;position:fixed;inset:0}.finale-title{letter-spacing:.04em;text-shadow:0 0 18px #7ac8ffb3;font-size:26px}.finale-sub{opacity:.6}.finale button{pointer-events:auto;color:inherit;font:inherit;cursor:pointer;background:#0a142899;border:1px solid #9fdcff99;border-radius:999px;margin-top:10px;padding:10px 28px;font-size:16px}@keyframes appear{0%{opacity:0;transform:translateY(12px)}}