*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{color:#f8f7ff;background:#050506;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}button{font:inherit}.coming-soon{isolation:isolate;width:100vw;height:100vh;position:relative;overflow:hidden}.background-video,.shade,.brand-stage,.game-panel{position:absolute;inset:0}.background-video{z-index:-3;object-fit:cover;width:100%;height:100%}.shade{z-index:-2;background:radial-gradient(circle at 50% 48%,#aab2f133,#0000 28rem),linear-gradient(#00000038,#0000008f)}.brand-stage{z-index:1;align-content:center;place-items:center;gap:clamp(1.25rem,3vw,2.4rem);padding:2rem;transition:opacity .22s,transform .22s;display:grid}.game-active .brand-stage{opacity:.18;pointer-events:none;transform:scale(.98)}.ensemble-logo{filter:drop-shadow(0 22px 60px #00000080);width:min(560px,76vw);height:auto}.coming-soon-label{color:#f8f7ffc7;letter-spacing:.14em;text-transform:uppercase;margin:calc(clamp(1.25rem,3vw,2.4rem)/-1.81818) 0 0;font-size:clamp(.7rem,1.5vw,.88rem);font-weight:700}.mark-button{cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:clamp(76px,11vw,118px);height:clamp(76px,11vw,118px);padding:0;transition:transform .18s,border-color .18s,background .18s;display:grid;box-shadow:inset 0 1px #ffffff38,0 18px 60px #0000006b}.mark-button:hover,.mark-button:focus-visible{background:#aab2f129;border-color:#aab2f1bd;outline:none;transform:translateY(-2px)scale(1.04)}.ensemble-mark{object-fit:contain;border-radius:50%;width:74%;height:74%}.auth-notice{color:#f8f7ffd6;text-align:center;max-width:34rem;margin:calc(clamp(1.25rem,3vw,2.4rem)/-2.22222) 0 0;font-size:.76rem;font-weight:700;line-height:1.45}.game-panel{z-index:2;grid-template-rows:auto auto minmax(0,1fr);gap:.7rem;padding:clamp(.8rem,2vw,1.5rem);display:grid}.game-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:min(760px,100%);margin-inline:auto;display:flex}.game-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.score-strip{flex-wrap:wrap;gap:.5rem;display:flex}.score-strip span,.close-button,.ranked-button{color:#f8f7ff;text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0505068f;border:1px solid #ffffff2e;border-radius:8px;justify-content:center;align-items:center;min-height:40px;padding:.5rem .78rem;font-size:.72rem;font-weight:700;display:inline-flex}.mode-toggle,.health-control{color:#f8f7ff;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0505068f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:.55rem;min-height:40px;padding:.5rem .78rem;font-size:.72rem;font-weight:700;display:inline-flex}.mode-toggle{cursor:pointer}.mode-toggle input{appearance:none;cursor:pointer;background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;width:34px;height:20px;margin:0;transition:background .16s}.mode-toggle input:after{content:"";background:#f8f7ff;border-radius:50%;width:12px;height:12px;margin:3px;transition:transform .16s;display:block}.mode-toggle input:checked{background:#3b8c78;border-color:#77e6c4}.mode-toggle input:checked:after{transform:translate(14px)}.mode-toggle input:focus-visible{outline-offset:2px;outline:2px solid #f8f7ff}.health-control{gap:.65rem}.health-bar{background:#ffffff29;border-radius:999px;width:120px;height:8px;overflow:hidden}.health-bar i{background:#77e6c4;height:100%;transition:width .18s,background .18s;display:block;box-shadow:0 0 12px #77e6c4b3}.health-bar.danger i{background:#ff6b9a;box-shadow:0 0 12px #ff6b9ab3}.close-button,.ranked-button{cursor:pointer}.close-button:hover,.close-button:focus-visible,.ranked-button:hover,.ranked-button:focus-visible{border-color:#ffffff6b;outline:none}.ranked-button{color:#97fce4;border-color:#77e6c485}.ranked-button:disabled{color:#f8f7ff6b;cursor:default;border-color:#ffffff24}.ranked-access{color:#f8f7ffb8;letter-spacing:.04em;text-align:center;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;width:min(760px,100%);min-height:0;margin-inline:auto;font-size:.68rem;font-weight:700;display:flex}.turnstile-host{min-height:65px;display:none}.turnstile-host.visible{display:block}.game-stage{grid-template-columns:minmax(130px,1fr) minmax(0,500px) minmax(130px,1fr);align-items:center;gap:clamp(1rem,2vw,2rem);width:min(1200px,100%);min-height:0;margin:0 auto auto;display:grid}.game-note{color:#f8f7ffb8;font-size:.75rem;line-height:1.5}.game-note h2{color:#f8f7ff;letter-spacing:.1em;text-transform:uppercase;margin:0 0 .7rem;font-size:.68rem}.game-note p{margin:0 0 .75rem}.leaderboard{margin-top:1.2rem}.leaderboard ol{gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.leaderboard li{color:#f8f7ffc7;font-variant-numeric:tabular-nums;justify-content:space-between;gap:.8rem;display:flex}.leaderboard strong{color:#97fce4}.leaderboard small{color:#f8f7ff80;font-size:.64rem;line-height:1.45}.social-status{border-top:1px solid #ffffff24;margin-top:1.2rem;padding-top:1rem}.social-status .verified{color:#97fce4}.social-requirement+.social-requirement{border-top:1px solid #ffffff1a;margin-top:.85rem;padding-top:.85rem}.eligibility-result{text-transform:uppercase;margin-top:.9rem;font-weight:700}.social-actions{flex-wrap:wrap;gap:.45rem;display:flex}.social-status button,.social-status a{color:#97fce4;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#05050680;border:1px solid #97fce475;border-radius:6px;justify-content:center;align-items:center;min-height:34px;padding:.45rem .65rem;font-size:.62rem;font-weight:700;text-decoration:none;display:inline-flex}.social-status button:hover,.social-status button:focus-visible,.social-status a:hover,.social-status a:focus-visible{border-color:#97fce4;outline:none}.playfield{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff14 1px,#0000 1px) 0 0/100% 72px,#05050675;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:repeat(4,minmax(64px,1fr));width:100%;height:min(68vh,720px);min-height:420px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000080}.hit-line{z-index:2;background:linear-gradient(90deg,#0000,#aab2f1,#97fce4,#0000);height:2px;position:absolute;top:18%;left:0;right:0;box-shadow:0 0 28px #97fce470}.lane{border-left:1px solid #ffffff1a;min-width:0;position:relative}.lane.left{--lane-color:#ff6b9a}.lane.down{--lane-color:#f8b84e}.lane.up{--lane-color:#77e6c4}.lane.right{--lane-color:#8fa8ff}.lane:first-of-type{border-left:none}.lane-target{z-index:3;width:48px;height:48px;color:var(--lane-color);-webkit-text-stroke:2px #fff;paint-order:stroke fill;text-shadow:0 0 6px #ffffffe6, 0 0 18px color-mix(in srgb, var(--lane-color), transparent 25%);place-items:center;font-size:2.7rem;font-weight:900;line-height:1;display:grid;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.lane-feedback{z-index:3;color:var(--lane-color);letter-spacing:.06em;pointer-events:none;text-shadow:0 0 12px color-mix(in srgb, var(--lane-color), transparent 15%);text-transform:uppercase;font-size:clamp(.68rem,1.4vw,.82rem);font-weight:800;line-height:1;animation:.56s ease-out both lane-feedback;position:absolute;top:calc(18% + 36px);left:50%}@keyframes lane-feedback{0%{opacity:0;transform:translate(-50%,8px)scale(.86)}20%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-14px)scale(1.04)}}.note{z-index:1;width:min(76%,92px);color:var(--lane-color);text-shadow:0 0 12px color-mix(in srgb, var(--lane-color), transparent 18%), 0 10px 28px #00000094;place-items:center;font-size:clamp(3rem,7vw,5rem);font-weight:900;line-height:1;transition:opacity .12s;display:grid;position:absolute;left:50%;transform:translate(-50%,-50%)}.note.miss{filter:grayscale()}.game-ready,.game-over{z-index:5;color:#f8f7ff;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050506c7;place-content:center;gap:1rem;padding:2rem;display:grid;position:absolute;inset:0}.game-ready{justify-items:center}.game-ready>span,.game-over span{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:800}.song-selector{width:min(100%,430px);min-width:0}.song-scroll{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#97fce480 #ffffff14;scrollbar-width:thin;grid-auto-columns:72%;grid-auto-flow:column;gap:.65rem;padding:.15rem 0 .65rem;display:grid;overflow-x:auto}.song-card{--song-accent:#fff6;border:1px solid color-mix(in srgb, var(--song-accent), transparent 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--song-accent), transparent 84%), transparent 70%), #050506b8;color:#f8f7ff;cursor:pointer;scroll-snap-align:center;text-align:left;border-radius:10px;align-content:center;gap:.28rem;min-height:116px;padding:.8rem;display:grid}.song-card:hover,.song-card:focus-visible,.song-card.selected{border-color:var(--song-accent);box-shadow:inset 0 0 24px color-mix(in srgb, var(--song-accent), transparent 88%);outline:none}.song-card small,.song-card span{color:color-mix(in srgb, var(--song-accent), white 20%);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem;font-style:normal;font-weight:700}.song-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.song-card em{color:#f8f7ff9e;font-size:.68rem;font-style:normal}.song-card.coming-next{--song-accent:#fff6;cursor:default;opacity:.58}.game-ready p{color:#f8f7ffb8;max-width:22rem;margin:0;font-size:.78rem;line-height:1.5}.play-song-button,.game-over button{color:#f8f7ff;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#77e6c424;border:1px solid #77e6c4d1;border-radius:8px;min-height:42px;padding:.6rem 1rem;font-size:.74rem;font-weight:700}.play-song-button:hover,.play-song-button:focus-visible,.game-over button:hover,.game-over button:focus-visible{background:#77e6c442;outline:none}.play-song-button:disabled{cursor:wait;opacity:.62}@media (width<=900px){.game-panel{overflow-y:auto}.game-actions{justify-content:flex-start}.game-stage{grid-template-columns:1fr;gap:.8rem}.game-note:first-child{order:2}.playfield{order:1}.game-note:last-child{order:3}.game-note{grid-template-columns:8rem 1fr 1fr;gap:.7rem;width:min(760px,100%);margin-inline:auto;font-size:.68rem;display:grid}.game-note h2,.game-note p{margin:0}}@media (width<=560px){.game-panel{padding:.7rem}.game-topbar{gap:.45rem}.score-strip span,.close-button,.ranked-button,.mode-toggle,.health-control{min-height:36px;padding-inline:.5rem;font-size:.62rem}.health-bar{width:86px}.playfield{min-height:390px}.game-note{grid-template-columns:1fr;gap:.25rem}.lane-target{font-size:2.3rem}}