:root{--night: #0b0a1f;--plum: #1c1648;--glass: rgba(22, 17, 62, .58);--mist: #ece7ff;--lav: #b8aef0;--felt: #f4f0ff;--felt-edge: #b3a6ea;--gold: #ffc94a;--pink: #ff5468;--font: Fredoka, "Baloo 2", Nunito, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--mist);font:500 17px/1.4 var(--font);overflow:hidden}#stage{position:fixed;inset:0;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}#view{position:absolute;inset:0;width:100%;height:100%;display:block}#stage.shake #view{animation:shake .36s cubic-bezier(.3,.7,.4,1)}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(2px,-1px)}to{transform:translate(0)}}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.hud{position:absolute;top:max(14px,env(safe-area-inset-top));left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;transition:opacity .4s}.hud>*{pointer-events:auto}#stage:is([data-state=loading],[data-state=title],[data-state=camera]) :is(.hud,.combo){opacity:0;pointer-events:none}#stage:is([data-state=loading],[data-state=title],[data-state=camera]) .hud>*{pointer-events:none}.hearts{display:flex;gap:2px}.hearts img{width:clamp(34px,3.4vw,50px);height:auto;transition:opacity .3s,filter .3s;filter:drop-shadow(0 3px 4px rgba(12,8,40,.45))}.hearts img.lost{opacity:.26;filter:grayscale(1) brightness(.75)}.hearts img.drop{animation:drop .5s ease-out}.hearts img.pop{animation:pop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes drop{0%{transform:scale(1.35);opacity:1;filter:none}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}.hud-right{display:flex;align-items:center;gap:14px}.score{font:700 clamp(30px,3vw,44px)/1 var(--font);color:var(--gold);letter-spacing:.01em;text-shadow:0 3px 0 rgba(70,34,8,.55),0 0 22px rgba(255,190,80,.35);font-variant-numeric:tabular-nums}.score.bump{animation:bump .28s cubic-bezier(.3,1.6,.5,1)}@keyframes bump{0%{transform:scale(1.16)}to{transform:scale(1)}}.icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid rgba(236,231,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.icon-btn svg{width:20px;height:20px;fill:var(--mist)}.icon-btn .slash{fill:none;stroke:var(--mist);opacity:0}.icon-btn.off .slash{opacity:1}.icon-btn.off .note{opacity:.45}.icon-btn:hover{background:#302678b3}.icon-btn:focus-visible,.btn:focus-visible,.link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.combo{position:absolute;left:50%;bottom:max(3.5vh,18px);transform:translate(-50%);display:flex;align-items:baseline;gap:2px;padding:4px 22px 6px;border-radius:999px;background:var(--glass);border:1px solid rgba(236,231,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:700 clamp(26px,2.6vw,38px)/1 var(--font);color:var(--gold);opacity:0;transition:opacity .3s;pointer-events:none}.combo span{font-size:.7em;opacity:.85}.combo.on{opacity:1}.combo.bump b{display:inline-block;animation:bump .3s cubic-bezier(.3,1.6,.5,1)}.cue{position:absolute;top:15vh;left:0;pointer-events:none}.cue .pill{position:absolute;top:0;left:0;white-space:nowrap;padding:.06em .9em .1em 1.1em;border-radius:0 999px 999px 0;background:var(--felt);color:var(--plum);font:700 clamp(40px,6vw,84px)/1.1 var(--font);box-shadow:0 6px 0 var(--felt-edge),0 18px 40px #08051e73;animation:slide-in .38s cubic-bezier(.2,.9,.3,1.15) both}.cue .pill.out{animation:slide-out .4s cubic-bezier(.6,0,.8,.4) forwards}.cue .pill.small{font-size:clamp(26px,3.2vw,44px);box-shadow:0 4px 0 var(--felt-edge),0 12px 30px #08051e66}@keyframes slide-in{0%{transform:translate(-105%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(-105%);opacity:.6}}.hint{position:absolute;left:0;right:0;top:30vh;margin:0;text-align:center;pointer-events:none;font:600 clamp(18px,1.7vw,26px)/1.3 var(--font);color:var(--felt);text-shadow:0 2px 10px rgba(10,6,40,.8),0 0 2px rgba(10,6,40,.9);opacity:0;transition:opacity .5s}.hint.on{opacity:1}#stage:not([data-state=play]) .hint{opacity:0}.light-hint{position:absolute;left:0;right:0;bottom:12px;margin:0;text-align:center;pointer-events:none;font:600 15px/1.3 var(--font);color:var(--gold);text-shadow:0 2px 8px rgba(10,6,40,.9)}.screen{position:absolute;inset:0;display:grid;place-items:start center;overflow-y:auto;overscroll-behavior:contain;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));touch-action:pan-y}.screen>.panel{margin-block:auto}.screen.dim{background:#09071c73;animation:fade .3s}@keyframes fade{0%{opacity:0}}.panel{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:560px;padding:34px 40px 30px;border-radius:32px;background:var(--glass);border:1px solid rgba(236,231,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 80px #06041880;animation:rise .45s cubic-bezier(.2,.9,.3,1.1)}@keyframes rise{0%{transform:translateY(16px);opacity:0}}.wordmark{margin:0;font:700 clamp(64px,10vw,128px)/.95 var(--font);color:var(--felt);letter-spacing:.01em;text-shadow:0 6px 0 var(--felt-edge),0 0 40px rgba(190,170,255,.45),0 16px 30px rgba(8,5,30,.5)}.wordmark.mid{font-size:clamp(48px,7vw,84px)}.wordmark.big{font-size:clamp(64px,9vw,112px);color:var(--gold);text-shadow:0 5px 0 rgba(120,66,10,.7),0 0 34px rgba(255,190,80,.35)}.pitch{margin:4px 0 0;font-size:clamp(17px,1.5vw,20px);color:var(--mist);max-width:30em}.legend{list-style:none;margin:2px 0 6px;padding:0;display:grid;gap:4px;text-align:left;color:var(--lav);font-size:16px}.legend li{display:flex;align-items:center;gap:10px}.legend .glyphs{display:flex;width:76px;justify-content:center;flex:none}.legend img{width:50px;height:50px;margin:-6px -8px}.btn{margin-top:8px;padding:12px 52px 14px;border:0;border-radius:999px;background:var(--felt);color:var(--plum);font:700 26px/1.1 var(--font);box-shadow:0 6px 0 var(--felt-edge),0 16px 34px #08051e73;transition:transform .12s,box-shadow .12s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--felt-edge),0 20px 38px #08051e80}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--felt-edge),0 8px 18px #08051e73}.link{background:none;border:0;padding:6px 10px;color:var(--lav);font-size:17px}.link:hover{color:var(--felt);text-decoration:underline;text-underline-offset:4px}.link.inline{padding:4px 6px;color:var(--gold);font-weight:600}.best,.title-foot{margin:0;color:var(--lav)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px}.btn:disabled{opacity:.55;cursor:default;transform:none}.choose{display:grid;gap:12px;margin-top:6px}.btn.choice{display:flex;align-items:center;justify-content:center;gap:12px;min-width:300px;font-size:24px;position:relative}.btn.choice svg{width:26px;height:26px;fill:currentColor}.btn.choice.ghosty{background:#f4f0ff24;color:var(--felt);box-shadow:0 5px #b3a6ea59,0 14px 30px #08051e59}.btn.choice.last:before{content:"last time";position:absolute;top:-9px;right:16px;padding:1px 9px;border-radius:99px;background:var(--gold);color:var(--plum);font:700 11px/1.5 var(--font);letter-spacing:.03em}.bar.wide{width:260px}.bar .sweep{width:40%;animation:sweep 1.2s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(260%)}}#camera-fail{display:flex;flex-direction:column;align-items:center;gap:6px}.link.skip{position:absolute;right:18px;bottom:max(3.5vh,18px);color:var(--felt);text-shadow:0 2px 8px rgba(10,6,40,.9)}.hand-cursor{position:absolute;left:-45px;top:-45px;width:90px;height:90px;pointer-events:none;z-index:20;opacity:0;transition:opacity .25s,scale .15s;scale:.75;mix-blend-mode:screen}.hand-cursor img{position:absolute;inset:0;width:100%;height:100%}.hand-cursor img:first-child{opacity:.55}.hand-cursor img:last-child{inset:22px;width:46px;height:46px;filter:brightness(1.8)}.hand-cursor.on{opacity:.45;scale:.6}.hand-cursor.on img:first-child{opacity:.3}.hand-cursor.on img:last-child{filter:brightness(1)}.hand-cursor.on.draw{opacity:1;scale:1.2}.hand-cursor.on.draw img:first-child{opacity:1}.hand-cursor.on.draw img:last-child{filter:brightness(2.2)}button.dwell{outline:none;box-shadow:0 0 0 4px #ffc94a40,0 0 0 4px var(--gold) inset}button.dwell:after{content:"";position:absolute;inset:-8px;border-radius:inherit;pointer-events:none;background:conic-gradient(var(--gold) calc(var(--dwell, 0) * 360deg),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))}.btn,.link,.icon-btn{position:relative}.sound{margin:-4px 0 0;color:var(--lav);font-size:14px;opacity:.8;max-width:34em}.sound a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.sound a:hover{color:var(--felt)}.sound a:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:4px}.tip{display:none;margin:-2px 0 0;color:var(--gold);font-size:15px}@media(orientation:portrait)and (hover:none)and (pointer:coarse)and (max-width:600px){.tip{display:block}}@media(hover:none)and (pointer:coarse){.keys{display:none}}.best b{color:var(--gold)}.over-score,.over-next{display:flex;flex-direction:column;align-items:center;gap:14px}.over-next{width:100%}.kicker{margin:0;font-size:22px;color:var(--lav)}.final{position:relative;margin:0}.stamp{position:absolute;top:-6px;right:-54px;transform:rotate(12deg);padding:4px 12px;border-radius:999px;background:var(--pink);color:#fff;font:700 15px/1.2 var(--font);box-shadow:0 3px #b92a3c}.stats{display:grid;grid-template-columns:repeat(3,auto);gap:6px 34px;margin:4px 0}.stats div{display:flex;flex-direction:column-reverse;align-items:center}.stats dd{margin:0;font:700 30px/1.1 var(--font);color:var(--felt);font-variant-numeric:tabular-nums}.stats dt{color:var(--lav);font-size:15px}.loading{place-items:center;align-content:center;gap:14px;color:var(--lav)}.loading p{margin:0;font-size:20px;max-width:26em;text-align:center}.bar{width:220px;height:8px;border-radius:99px;background:#ece7ff24;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--felt);border-radius:inherit;transition:width .2s}.save{width:100%;max-width:400px;display:grid;gap:8px;margin:2px 0 0}.save-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;color:var(--lav);font-size:16px}.tag{padding:1px 10px;border-radius:99px;background:#f4f0ff24;color:var(--felt);font:600 13px/1.6 var(--font)}.save-row{display:flex;gap:8px}.save input{flex:1;width:100%;min-width:0;padding:10px 18px;border-radius:999px;border:2px solid rgba(236,231,255,.22);background:#09071c80;color:var(--felt);font:600 19px/1.2 var(--font);user-select:text;-webkit-user-select:text;touch-action:manipulation}.save input::placeholder{color:#b8aef0a6}.save input:focus{outline:none;border-color:var(--gold)}.btn.small{margin:0;padding:9px 24px 11px;font-size:19px;box-shadow:0 4px 0 var(--felt-edge),0 10px 22px #08051e66}.btn.small:hover{box-shadow:0 6px 0 var(--felt-edge),0 12px 24px #08051e73}.save-msg{margin:0;min-height:1.35em;font-size:15px;color:var(--lav)}.save-msg[data-kind=error]{color:#ffa3b0}.saved{margin:2px 0 0;color:var(--gold);font-weight:600}.board-panel{width:min(480px,100%)}.board-panel .wordmark.mid{font-size:clamp(40px,5.4vw,66px)}.tabs{display:flex;gap:4px;padding:4px;border-radius:999px;background:#09071c73;border:1px solid rgba(236,231,255,.12)}.tab{border:0;padding:8px 18px;border-radius:999px;background:none;color:var(--lav);font:600 17px/1.2 var(--font);position:relative}.tab:hover{color:var(--felt)}.tab[aria-selected=true]{background:var(--felt);color:var(--plum)}.tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.board-list{list-style:none;margin:2px 0 0;padding:0;width:100%;display:grid;gap:5px}.board-list:empty{display:none}.row{display:grid;grid-template-columns:2.4em 1fr auto;align-items:center;gap:10px;padding:6px 16px 6px 8px;border-radius:14px;background:#09071c52;text-align:left}.row .rank{font-weight:700;color:var(--lav);text-align:center;font-variant-numeric:tabular-nums}.row .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--felt);font-weight:600}.row .pts{font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums}.row[data-medal] .rank{display:grid;place-items:center;width:1.75em;height:1.75em;margin:0 auto;border-radius:50%;color:var(--plum)}.row[data-medal="1"] .rank{background:var(--gold)}.row[data-medal="2"] .rank{background:#d9def2}.row[data-medal="3"] .rank{background:#e9a56d}.row.you{background:#ffc94a26;box-shadow:inset 0 0 0 1.5px #ffc94a8c}.board-note{margin:6px 0;color:var(--lav);max-width:26em}@media(max-width:600px){.panel{padding:26px 22px 22px}.legend{font-size:15px}.stats{gap:6px 20px}.btn.choice{min-width:0;width:100%}}@media(max-height:560px){.panel{gap:8px;padding:18px 26px 16px;border-radius:24px;max-width:640px}.wordmark{font-size:clamp(44px,13vh,72px)}.wordmark.mid{font-size:clamp(34px,10vh,54px)}.wordmark.big{font-size:clamp(46px,14vh,78px)}.pitch{font-size:15px;margin:0}.legend{font-size:14px;gap:0;margin:0}.legend img{width:38px;height:38px}.btn{margin-top:2px;padding:9px 36px 11px;font-size:21px}.choose{grid-template-columns:1fr 1fr;margin:0}.btn.choice{min-width:0;font-size:18px;padding:10px 18px 12px}.kicker{font-size:18px}.stats dd{font-size:24px}.row{padding-block:4px}.over-score,.over-next{gap:8px}}@media(max-height:560px)and (min-width:640px){#over .panel{flex-direction:row;align-items:center;gap:34px;max-width:760px}#over .over-next{width:auto;min-width:300px}}@media(prefers-reduced-motion:reduce){#stage.shake #view,.cue .pill,.cue .pill.out,.panel,.screen.dim,.hearts img.drop,.hearts img.pop{animation-duration:.01s}.btn,.hint,.combo,.hand-cursor{transition-duration:.01s}}.hand-debug{position:absolute;left:12px;bottom:12px;z-index:30;margin:0;padding:8px 10px;font:12px/1.45 ui-monospace,Consolas,monospace;color:#e8e4ff;background:#0b0a1fc7;border-radius:8px;pointer-events:none;white-space:pre}.noscript{position:fixed;inset:0;display:grid;place-items:center;margin:0;padding:24px;text-align:center;font-size:20px}