.game-root.svelte-1ha1uzz{position:relative;width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(30,64,175,.16),transparent 58%)}.scene.svelte-1ha1uzz{position:relative;width:100%;min-height:100vh}.scene__canvas.svelte-1ha1uzz{position:absolute;inset:0;width:100%;height:100%}.scene__overlay.svelte-1ha1uzz{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1rem,3vh,2.4rem) clamp(1.2rem,4vw,3rem);pointer-events:none;z-index:2;background:linear-gradient(180deg,#02061752,#02061714)}.level-overlay.svelte-1ha1uzz{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 50% 50%,rgba(2,6,23,.45),rgba(2,6,23,.2) 60%,transparent 70%)}.level-overlay.svelte-1ha1uzz .panel:where(.svelte-1ha1uzz){background:#0f172aeb;border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:1.2rem 1.4rem;color:#e5e7eb;text-align:center;box-shadow:0 20px 60px #00000059;min-width:min(92vw,420px)}.renderer-error.svelte-1ha1uzz{pointer-events:auto;background:#0f172af0;border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:1.2rem 1.4rem;color:#e5e7eb;max-width:min(480px,96vw);margin:0 auto clamp(1rem,4vh,2rem);box-shadow:0 24px 48px #0f172a80}.renderer-error.svelte-1ha1uzz h2:where(.svelte-1ha1uzz){font-size:clamp(1.25rem,3.2vw,1.6rem);font-weight:700;margin-bottom:.6rem}.renderer-error.svelte-1ha1uzz p:where(.svelte-1ha1uzz){margin:.4rem 0 0;line-height:1.45}.renderer-error__link.svelte-1ha1uzz{color:#38bdf8;text-decoration:underline;pointer-events:auto}.renderer-error__actions.svelte-1ha1uzz{margin-top:.8rem;display:flex;gap:.6rem;flex-wrap:wrap;pointer-events:auto}.audio-blocked.svelte-1ha1uzz{pointer-events:auto;background:#0f172af0;border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:1.2rem 1.4rem;color:#e5e7eb;max-width:min(420px,96vw);margin:0 auto clamp(1rem,3vh,1.8rem);box-shadow:0 24px 48px #0f172a73}.audio-blocked.svelte-1ha1uzz h2:where(.svelte-1ha1uzz){font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin-bottom:.6rem}.audio-blocked.svelte-1ha1uzz p:where(.svelte-1ha1uzz){margin:.4rem 0 0;line-height:1.45}.audio-blocked__actions.svelte-1ha1uzz{margin-top:.8rem;display:flex;gap:.6rem;justify-content:center;pointer-events:auto}.level-overlay.svelte-1ha1uzz h2:where(.svelte-1ha1uzz){font-family:var(--font-display-family);font-size:clamp(1.2rem,3vw,1.6rem);color:#f8fafc;margin:0 0 .35rem}.level-overlay.svelte-1ha1uzz p:where(.svelte-1ha1uzz){margin:0 0 .8rem;color:#cbd5e1}.level-overlay.svelte-1ha1uzz .actions:where(.svelte-1ha1uzz){display:flex;gap:.7rem;justify-content:center;margin-top:.6rem}.btn.svelte-1ha1uzz{pointer-events:auto;appearance:none;background:#334155;color:#e5e7eb;border:none;padding:.6rem 1rem;border-radius:10px;font-weight:600;cursor:pointer}.btn.primary.svelte-1ha1uzz{background:#2563eb;color:#fff}.btn.svelte-1ha1uzz:hover{filter:brightness(1.05)}.hud-wrapper.svelte-1ha1uzz{pointer-events:none}.hud-wrapper.svelte-1ha1uzz .toggle-tray,.hud-wrapper.svelte-1ha1uzz .hud-toggle{pointer-events:auto}.sr-only.svelte-1ha1uzz{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.board-zone.svelte-1ha1uzz{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(1.4rem,6vh,3.8rem) 0;pointer-events:none;position:relative}.board.svelte-1ha1uzz{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.6rem,2vw,1.2rem);padding:clamp(.9rem,2.6vw,1.5rem);border-radius:24px;min-height:clamp(280px,46vh,460px);width:min(88vw,780px);background:linear-gradient(180deg,#060b19d1,#020617b8);border:1px solid rgba(59,130,246,.2);box-shadow:inset 0 0 48px #1e40af38,0 26px 70px #0f172a61;overflow:hidden;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board.lanes-hidden.svelte-1ha1uzz{background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.board.lanes-hidden.svelte-1ha1uzz .lane:where(.svelte-1ha1uzz){border-color:transparent;background:none;box-shadow:none}.board.lanes-hidden.svelte-1ha1uzz .lane:where(.svelte-1ha1uzz):before,.board.lanes-hidden.svelte-1ha1uzz .lane:where(.svelte-1ha1uzz):after{opacity:0}.board.svelte-1ha1uzz:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(59,130,246,.18),transparent 45%),radial-gradient(circle at 90% 0%,rgba(236,72,153,.16),transparent 48%);mix-blend-mode:screen;pointer-events:none;animation:svelte-1ha1uzz-shimmer 6s linear infinite}.board.lanes-hidden.svelte-1ha1uzz:before{background:none}.judgment-line.svelte-1ha1uzz{position:absolute;top:clamp(10%,12%,13%);left:clamp(1.1rem,2.8vw,1.8rem);right:clamp(1.1rem,2.8vw,1.8rem);height:6px;border-radius:999px;background:linear-gradient(90deg,#3b82f61a,#ffffffb8,#3b82f61a);box-shadow:0 0 18px #60a5fa99,0 0 42px #3b82f666;pointer-events:none}.judgment-line.svelte-1ha1uzz:after{content:"";position:absolute;inset:-20px 0;background:linear-gradient(180deg,#3b82f647,#3b82f600);opacity:.5;filter:blur(12px);border-radius:inherit}.lane.svelte-1ha1uzz{position:relative;height:100%;overflow:hidden;border-radius:14px;border:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#94a3b80d,#0f172a8c);box-shadow:inset 0 -10px 22px #0f172a73;padding-bottom:clamp(.6rem,2vh,1.1rem)}.lane.svelte-1ha1uzz:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 55%,rgba(15,23,42,.5)),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--lane-color) 40%,transparent) 52%,transparent 100%);opacity:.22;mix-blend-mode:screen;pointer-events:none}.lane.svelte-1ha1uzz:after{content:"";position:absolute;inset:auto 26% -14px;height:28px;background:radial-gradient(circle,color-mix(in srgb,var(--lane-color) 35%,transparent) 0%,transparent 70%);opacity:.22}.note.svelte-1ha1uzz{position:absolute;left:50%;transform:translate(-50%);width:clamp(36px,6vw,56px);height:clamp(36px,6vw,56px);border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(255,255,255,.35) 35%,var(--lane-color) 75%);border:2px solid rgba(255,255,255,.65);box-shadow:0 0 22px color-mix(in srgb,var(--lane-color) 70%,transparent),0 0 44px color-mix(in srgb,var(--lane-color) 45%,transparent);transition:bottom 70ms linear,box-shadow .12s ease,filter 90ms ease;filter:saturate(1.2);will-change:bottom}.note.svelte-1ha1uzz:after{content:"";position:absolute;inset:18%;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%);opacity:.85}.note.imminent.svelte-1ha1uzz{box-shadow:0 0 32px #facc15cc,0 0 50px #ffffff80;filter:saturate(1.4) brightness(1.05)}.perfect-wave.svelte-1ha1uzz{position:absolute;top:clamp(10%,12%,13%);left:50%;width:clamp(72px,13vw,150px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffffffbf,color-mix(in srgb,var(--lane-color) 65%,transparent) 45%,#0f172a00 70%);opacity:.75;pointer-events:none;mix-blend-mode:screen;box-shadow:0 0 22px color-mix(in srgb,var(--lane-color) 55%,transparent);animation:svelte-1ha1uzz-perfect-wave .52s ease-out forwards}.feedback.svelte-1ha1uzz{position:absolute;top:clamp(.9rem,4vh,1.8rem);left:50%;transform:translate(-50%);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;pointer-events:none;display:flex;justify-content:center;min-width:180px}.feedback.svelte-1ha1uzz span:where(.svelte-1ha1uzz){color:#fffc;text-shadow:0 0 24px rgba(148,163,184,.5);animation:svelte-1ha1uzz-pop .32s ease}.feedback.svelte-1ha1uzz span.perfect:where(.svelte-1ha1uzz){color:#facc15;text-shadow:0 0 24px rgba(250,204,21,.6)}.feedback.svelte-1ha1uzz span.good:where(.svelte-1ha1uzz){color:#38bdf8;text-shadow:0 0 24px rgba(14,165,233,.5)}.feedback.svelte-1ha1uzz span.miss:where(.svelte-1ha1uzz){color:#f87171;text-shadow:0 0 24px rgba(248,113,113,.45)}.countdown.svelte-1ha1uzz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(3rem,6vw,4.6rem);font-weight:800;color:#38bdf8;text-shadow:0 0 36px rgba(59,130,246,.6);pointer-events:none}.controller-zone.svelte-1ha1uzz{pointer-events:none;display:flex;justify-content:center;padding:clamp(1rem,3vh,2rem) 0 clamp(1.4rem,4vh,2.6rem)}.controller.svelte-1ha1uzz{display:flex;justify-content:center;width:100%;gap:clamp(.6rem,2.6vw,1.4rem);flex-wrap:wrap;pointer-events:auto;position:relative}.controller.svelte-1ha1uzz>.action-button{position:relative;border-radius:999px;background:radial-gradient(circle at 50% 38%,var(--background-light, rgba(255, 255, 255, .18)),var(--background-dark, rgba(15, 23, 42, .92))),radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--lane-color, #8b5cf6) 65%,transparent),transparent 72%);border:1px solid var(--lane-border-color, #8b5cf6);box-shadow:0 0 26px color-mix(in srgb,var(--lane-color, #8b5cf6) 55%,transparent),0 0 52px #0f172aa6;transition:transform .12s ease,box-shadow .16s ease,filter .16s ease}.controller.svelte-1ha1uzz .action-button img{opacity:.9;mix-blend-mode:screen}.controller.svelte-1ha1uzz .action-button .arrow{font-size:clamp(1.8rem,3vw,2.6rem);color:color-mix(in srgb,var(--lane-color, #8b5cf6) 85%,white 15%);text-shadow:0 0 18px color-mix(in srgb,var(--lane-color, #8b5cf6) 80%,transparent)}.controller.svelte-1ha1uzz .action-button.pressed,.controller.svelte-1ha1uzz .action-button:active{transform:scale(.96);box-shadow:0 0 34px color-mix(in srgb,var(--lane-color, #8b5cf6) 75%,transparent);filter:brightness(1.08)}.controller.svelte-1ha1uzz .action-button:nth-child(1){--lane-color: #38bdf8;--lane-border-color: #38bdf8}.controller.svelte-1ha1uzz .action-button:nth-child(2){--lane-color: #f87171;--lane-border-color: #f87171}.controller.svelte-1ha1uzz .action-button:nth-child(3){--lane-color: #facc15;--lane-border-color: #facc15}.controller.svelte-1ha1uzz .action-button:nth-child(4){--lane-color: #a855f7;--lane-border-color: #a855f7}@keyframes svelte-1ha1uzz-pop{0%{transform:scale(.7);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes svelte-1ha1uzz-shimmer{0%{transform:translate(-10%)}50%{transform:translate(10%)}to{transform:translate(-10%)}}@keyframes svelte-1ha1uzz-perfect-wave{0%{transform:translate(-50%,-50%) scale(.35);opacity:.75}60%{opacity:.5}to{transform:translate(-50%,-50%) scale(1.65);opacity:0}}@media (max-width: 720px){.scene__overlay.svelte-1ha1uzz{padding:clamp(.75rem,4vh,1.4rem) clamp(.8rem,5vw,1.4rem) clamp(6rem,18vh,7.6rem)}.progress.svelte-1ha1uzz{gap:.5rem;min-width:0;width:100%}.board.svelte-1ha1uzz{width:100%;min-height:clamp(210px,38vh,340px)}.controller-zone.svelte-1ha1uzz{position:fixed;left:0;right:0;bottom:clamp(.8rem,6vh,1.4rem);padding:0 clamp(.9rem,6vw,1.6rem);z-index:5}.board-zone.svelte-1ha1uzz{padding:clamp(1rem,5vh,2.4rem) 0 clamp(5.4rem,18vh,7.2rem)}}