@font-face{font-family:Montserrat;src:url(montserrat-700.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url(montserrat-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url(montserrat-black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}
:root{color-scheme:dark;font-family:Montserrat,Arial,Helvetica,sans-serif;background:#08080b;color:#f8f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 35%,#171124 0,transparent 58%),#08080b;min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #78e5f6;outline-offset:5px}button:disabled{cursor:default}button[hidden],[hidden]{display:none!important}.game{max-width:480px;margin:auto;padding:20px 26px 18px}header{display:flex;align-items:center;gap:14px;min-height:46px}.brand{margin-right:auto;line-height:1;position:relative;overflow:hidden;width:100px;height:48px;flex-shrink:0}.brand img{position:absolute;width:123.299px;height:123.299px;max-width:none;left:-15.232px;top:-37.267px;object-fit:contain}.brand span{font-size:16px;font-weight:900}.edition{font-size:12px;letter-spacing:.13em;color:#aaa3b5;white-space:nowrap}.icon{background:none;border:1px solid #38303e;border-radius:99px;min-height:44px;padding:0 12px;font-size:12px}.icon[aria-pressed=true]{border-color:#b29cff;color:#d2c3ff}.heading{margin:23px 0 16px}.eyebrow{font-size:12px;letter-spacing:.24em;margin:0 0 8px;color:#b4aabd;font-weight:600}h1{font-size:clamp(38px,11vw,52px);letter-spacing:-.055em;line-height:.98;margin:0;font-weight:900}h1 span{color:#bda3ff}.scores{display:flex;justify-content:space-between;border-top:1px solid #332b3e;padding-top:14px}.scores>div{display:flex;flex-direction:column;gap:3px}.label{font-size:12px;letter-spacing:.1em;color:#b9b2c2}.scores strong{font-size:32px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.best{text-align:right}.best strong{color:#bdb5ce}.instrument{max-width:310px;margin:2px auto 0;position:relative}.dial{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;aspect-ratio:1;border-radius:50%;touch-action:manipulation}.dial:disabled{opacity:1}.dial svg{display:block;width:100%;height:auto}.dial-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;gap:5px}.center-top{font-size:12px;letter-spacing:.08em;color:#b8accd}.center-main{font-weight:900;font-size:29px;letter-spacing:-.06em}.center-bottom{font-size:12px;letter-spacing:0;color:#a99cbd}.feedback{text-align:center;font-size:14px;font-weight:700;min-height:20px;margin:0 0 9px;color:#d2c1ff}.instructions{font-size:14px;line-height:1.5;color:#bcb5c7;text-align:center;max-width:345px;margin:0 auto 17px}.controls{display:flex;gap:10px}.primary{border:0;border-radius:10px;min-height:56px;background:#f5f1ff;color:#17101e;font-weight:800;font-size:17px;flex:1;display:flex;align-items:center;justify-content:center;gap:14px}.primary:active{background:#c8b3ff;transform:translateY(1px)}.pause{border:1px solid #50435c;border-radius:10px;min-height:56px;min-width:56px;background:#1b1424;font-size:22px}.pause:disabled{opacity:.35}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:17px;font-size:12px;color:#a9a0b6;line-height:1.5}kbd{font:inherit;border:1px solid #42364e;border-radius:4px;padding:1px 4px}.playing .heading{opacity:.8}.playing .primary{background:#bda3ff}.over .feedback{color:#ffb7c9}@media(max-width:359px){.game{padding:16px}.edition{display:none}.heading{margin-top:18px}}@media(min-height:850px){.game{padding-top:28px}.heading{margin-top:30px}.instrument{margin-top:8px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){button:active{transform:none}}@media(min-width:600px){body{display:grid;place-items:center}.game{width:100%}}@media(max-height:740px) and (min-width:360px){.game{padding-top:12px}.heading{margin:15px 0 12px}h1{font-size:42px}.instrument{max-width:290px}.instructions{margin-bottom:12px}footer{margin-top:12px}}