[hidden]{display:none!important}:root{--paper:#f6f0e4;--card:#fffaf0;--ink:#1d1a17;--accent:#c2412d;--soft:#e9dfcc;--gold:#e7a920;--font:ui-rounded, "SF Pro Rounded", "Trebuchet MS", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#stage{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}a{color:var(--ink)}#hud{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));z-index:3;position:fixed}button.round{border:2.5px solid var(--ink);background:var(--card);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}button.round:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}button.round svg{width:22px;height:22px}#btn-pause svg rect{fill:var(--ink)}.overlay{z-index:5;touch-action:pan-y;background:radial-gradient(#f6f0e473,#1d1a1766);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}#title.overlay{padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));pointer-events:none;background:0 0;flex-direction:column;justify-content:space-between;align-items:center;display:flex}#title .panel,#title .title-head{pointer-events:auto}.title-head{text-align:center}.title-head h1{letter-spacing:1px;color:var(--ink);text-shadow:3px 3px 0 var(--card), -3px 3px 0 var(--card), 3px -3px 0 var(--card), -3px -3px 0 var(--card), 6px 7px 0 var(--accent);margin:6px 0 0;font-size:clamp(46px,13vw,92px);line-height:.9;animation:2.4s ease-in-out infinite alternate sway;transform:rotate(-3deg)}@keyframes sway{to{transform:rotate(2deg)scale(1.03)}}.tag{background:var(--card);border:2px solid var(--ink);border-radius:999px;margin:12px 0 0;padding:4px 14px;font-size:16px;font-weight:800;display:inline-block}.panel{background:var(--card);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:20px;width:min(420px,100%);max-height:calc(100dvh - 32px);padding:18px;overflow:auto}.panel.small{text-align:center;width:min(340px,100%)}.panel.wide{width:min(620px,100%)}.panel h2{margin:0 0 10px;font-size:26px}.title-card{text-align:center}.how{text-align:left;margin:0 0 14px;padding-left:20px;font-size:15px;line-height:1.5}kbd{font-family:var(--font);border:2px solid var(--ink);background:#fff;border-bottom-width:3px;border-radius:6px;padding:0 5px;font-size:13px;font-weight:900}button{font-family:var(--font);cursor:pointer;color:var(--ink)}.cta{border:3px solid var(--ink);background:var(--accent);color:#fff;width:100%;box-shadow:4px 4px 0 var(--ink);border-radius:999px;margin:6px 0 10px;padding:12px;font-size:22px;font-weight:900;display:block}.cta:active,.ghost:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.ghost{border:2.5px solid var(--ink);background:var(--card);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:9px 14px;font-size:15px;font-weight:800}.ghost-sm{border:2px solid var(--ink);background:var(--card);border-radius:999px;padding:4px 10px;font-size:14px;font-weight:800}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0;display:flex}.row .ghost{flex:1}.best,.hint-line{opacity:.85;margin:8px 0 0;font-size:14px}.credit{opacity:.85;text-align:center;margin:12px 0 0;font-size:13px}.credit a{font-weight:800}.bar{border:2.5px solid var(--ink);background:var(--soft);border-radius:99px;height:14px;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.panel-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.panel-head h2{flex:1;margin:0}.star-count{white-space:nowrap;font-size:18px;font-weight:900}.star-count:before{content:"★ ";color:var(--gold);-webkit-text-stroke:1px var(--ink)}.tabs{gap:6px;margin:4px 0 12px;display:flex}.tabs button{border:2.5px solid var(--ink);background:var(--soft);border-radius:12px;flex:1;padding:8px;font-size:16px;font-weight:900}.tabs button.on{background:var(--ink);color:var(--card)}.song-list{gap:10px;display:grid}.song{text-align:left;border:2.5px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.song:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.song .badge{border:2px solid var(--ink);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.song .badge img{max-width:40px;max-height:40px}.song .info{flex:1;min-width:0}.song .name{font-size:17px;font-weight:900;display:block}.song .meta{opacity:.75;font-size:12.5px}.song .stars{letter-spacing:1px;white-space:nowrap;text-align:right;font-size:19px}.song .stars small{letter-spacing:0;opacity:.7;font-size:11px;display:block}.st-on{color:var(--gold);-webkit-text-stroke:1px var(--ink)}.st-off{color:#d8cdb8}.style-lullaby{background:#e7e3f7}.style-waltz{background:#e0e9ea}.style-march{background:#fbe6c9}.style-rave{background:#f8d4e4}.style-jam{background:#e2f1d8}.slots{grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px;display:grid}.slot{border:2.5px solid var(--ink);text-align:center;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;padding:6px 4px;position:relative}.slot .key{color:#fff;border:2px solid var(--ink);border-radius:8px;padding:0 7px;font-size:13px;font-weight:900;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.slot img{object-fit:contain;max-width:100%;height:70px;margin:8px auto 2px;display:block}.slot .nm{height:2.3em;font-size:11px;font-weight:800;line-height:1.15;overflow:hidden}.slot .vc{opacity:.7;font-size:10.5px}.roster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.mem{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:12px;padding:4px;position:relative}.mem img{object-fit:contain;max-width:100%;height:64px;margin:0 auto;display:block}.mem .nm{height:2.2em;font-size:10.5px;font-weight:700;line-height:1.1;overflow:hidden}.mem.locked img{opacity:.28}.mem.locked .lock{font-size:15px;font-weight:900;position:absolute;top:20px;left:0;right:0}.mem.onstage{background:#fff4d1}.mem.onstage:after{content:"on stage";background:var(--ink);color:var(--card);border-radius:6px;padding:0 4px;font-size:9px;font-weight:900;position:absolute;top:3px;right:3px}.mem.new{animation:.6s 3 wiggle}@keyframes wiggle{30%{transform:rotate(-5deg)scale(1.06)}70%{transform:rotate(5deg)scale(1.06)}}.sheet-pop{z-index:6;background:#1d1a1773;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.member-card{text-align:center;position:relative}.member-card .close{position:absolute;top:10px;right:10px}.member-card img{object-fit:contain;transform-origin:50% 100%;max-width:90%;height:min(220px,34dvh);margin:4px auto 6px;animation:1s ease-in-out infinite alternate hop;display:block}@keyframes hop{0%{transform:scale(1)}to{transform:scale(.97,1.04)translateY(-4px)}}.member-card h3{margin:4px 0 2px;font-size:22px}.voice{opacity:.75;margin:0 0 10px;font-weight:700}.links{flex-direction:column;gap:6px;margin:8px 0 12px;display:flex}.links a,.shop-link{border:2px solid var(--ink);background:#fff4d1;border-radius:999px;padding:7px 12px;font-weight:900;text-decoration:none;display:block}.links a.meet{background:var(--ink);color:var(--card)}.put{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.put span{width:100%;font-size:13px;font-weight:800}.put button{border:2.5px solid var(--ink);color:#fff;border-radius:10px;padding:6px 14px;font-size:16px;font-weight:900}.field{margin:8px 0 14px;display:block}.field span{justify-content:space-between;font-weight:800;display:flex}.field input[type=range]{width:100%;accent-color:var(--accent);touch-action:pan-x;margin:8px 0 2px}.field small{opacity:.75}.check{align-items:center;gap:8px;margin:14px 0 4px;font-weight:800;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}#btn-calibrate{width:100%;margin-bottom:8px}.calib-dot{border:4px solid var(--ink);background:var(--soft);border-radius:50%;width:90px;height:90px;margin:14px auto}.calib-dot.flash{background:var(--gold);transform:scale(1.12)}.results{text-align:center}.res-song{opacity:.8;margin:0;font-weight:800}.res-stars{letter-spacing:6px;margin:2px 0;font-size:52px;line-height:1.1}.res-stars span{display:inline-block;transform:scale(0)}.res-stars span.pop{animation:.45s cubic-bezier(.3,1.8,.5,1) forwards starpop}@keyframes starpop{0%{transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}.ribbon{background:var(--accent);color:#fff;border:2.5px solid var(--ink);border-radius:8px;margin-bottom:6px;padding:2px 12px;font-weight:900;animation:.6s 2 bumpy;display:inline-block;transform:rotate(-4deg)}@keyframes bumpy{50%{transform:rotate(3deg)scale(1.12)}}.res-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.res-grid div{border:2.5px solid var(--ink);background:#fff;border-radius:14px;padding:6px 4px}.res-grid b{font-size:24px;display:block}.res-grid small{opacity:.75;font-size:12px;font-weight:700}.res-counts{opacity:.85;margin:4px 0 10px;font-size:13px;font-weight:700}.unlock,.mvp{text-align:left;border:2.5px solid var(--ink);background:#fff4d1;border-radius:16px;align-items:center;gap:12px;margin:8px 0;padding:8px 12px;display:flex}.unlock{background:#e2f1d8;animation:.6s 2 bumpy}.unlock img,.mvp img{object-fit:contain;flex:none;width:74px;height:74px}.unlock .lbl,.mvp .lbl{letter-spacing:1px;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:900;display:block}.unlock b,.mvp b{margin-bottom:4px;font-size:16px;display:block}.unlock a,.mvp a{margin-top:2px;margin-right:10px;font-size:13.5px;font-weight:900;display:inline-block}.home-link{margin-top:12px;font-weight:800;display:block}.toast{left:50%;top:max(64px, calc(env(safe-area-inset-top) + 54px));z-index:9;background:var(--ink);color:var(--card);pointer-events:none;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:900;animation:2.6s forwards toast;position:fixed;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.how-short{margin:0 0 4px;font-size:14px;font-weight:700;display:none}@media (aspect-ratio<=85/100){.title-card .how{display:none}.how-short{display:block}.title-card{padding:12px 14px}.title-card .cta{margin:6px 0;padding:9px;font-size:20px}.title-card .ghost{padding:7px 12px}.title-card .best,.title-card .credit{margin-top:6px}.tag{font-size:14px}}@media (width<=420px){.panel{padding:14px}.song .name{font-size:15.5px}.res-stars{font-size:44px}}@media (prefers-reduced-motion:reduce){.title-head h1,.member-card img{animation:none}}.tour-hint{margin:0 0 8px}.tour{flex-direction:column;gap:6px;padding:4px 0 8px;display:flex;position:relative}.tour:before{content:"";border-left:4px dashed #1d1a1740;position:absolute;top:20px;bottom:26px;left:50%;transform:translate(-50%)}.stop{text-align:left;border:2.5px solid var(--ink);width:min(330px,86%);box-shadow:3px 3px 0 var(--ink);font-family:var(--font);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.stop:nth-child(odd){align-self:flex-start}.stop:nth-child(2n){text-align:right;flex-direction:row-reverse;align-self:flex-end}.stop:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.stop .num{background:var(--ink);color:var(--card);border-radius:8px;padding:0 6px;font-size:11px;font-weight:900;position:absolute;top:-9px}.stop:nth-child(odd) .num{left:12px}.stop:nth-child(2n) .num{right:12px}.stop .badge{border:2.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.stop .badge img{max-width:40px;max-height:40px}.stop .info{flex:1;min-width:0}.stop .name{font-size:16px;font-weight:900;line-height:1.1;display:block}.stop .meta{opacity:.75;font-size:12px;display:block}.stop .stars{letter-spacing:1px;font-size:17px;display:block}.stop.locked{box-shadow:none;opacity:.7;background:#efe7d6}.stop.locked .badge img{opacity:.35}.stop.here{background:#fff4d1;animation:1.4s ease-in-out infinite herepulse}@keyframes herepulse{50%{box-shadow:3px 3px 0 var(--ink), 0 0 0 6px #c2412d40}}.stop.warm{text-align:left;flex-direction:row;align-self:center;width:min(360px,92%)}.extras{margin-top:10px}.song .badge.daily-b{background:#fff1c9;font-size:24px}.res-top{justify-content:center;align-items:center;gap:14px;display:flex}.grade{border:3px solid var(--ink);background:var(--card);width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;font-size:38px;font-weight:900;display:grid;transform:rotate(-8deg)scale(0)}.grade.stamp{animation:.45s cubic-bezier(.3,1.8,.5,1) forwards stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-30deg)scale(2.2)}to{opacity:1;transform:rotate(-8deg)scale(1)}}.grade.g-S{background:var(--gold)}.grade.g-A{background:#e2f1d8}.grade.g-B{background:#e0e9ea}.grade.g-C,.grade.g-D{background:#efe7d6}.res-timing{margin:-4px 0 10px;font-size:13.5px;font-weight:700}.res-timing button{margin-left:4px;padding:2px 10px;font-size:13px}.cta.next{background:#2f9c95}.share{margin:8px 0}.share pre{white-space:pre-wrap;-webkit-user-select:text;user-select:text;background:#f3ead8;border-radius:12px;margin:0 0 6px;padding:8px;font:14px/1.4 ui-monospace,Menlo,monospace}.met-h{margin:14px 0 6px;font-size:17px}.met{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.met div{border:2px solid var(--ink);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;font-size:11px;line-height:1.15;display:flex}.met img{object-fit:contain;width:auto;max-width:100%;height:58px}.met a{color:var(--accent);font-size:11.5px;font-weight:800}@media (width<=420px){.met{grid-template-columns:repeat(2,1fr)}.stop{width:92%}}