@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-gujarati-400-normal-CTxA0mt4.woff2)format("woff2"),url(/assets/shrikhand-gujarati-400-normal-yYiOcJ74.woff)format("woff");unicode-range:U+951-952,U+964-965,U+A80-AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-ext-400-normal-7QjthHjq.woff2)format("woff2"),url(/assets/shrikhand-latin-ext-400-normal-XWw2aAd9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Shrikhand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/shrikhand-latin-400-normal-PjOFgsiX.woff2)format("woff2"),url(/assets/shrikhand-latin-400-normal-CDpcAN0A.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-normal-DdKr49mV.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-normal-BekUZro8.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-normal-svq1FPys.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-normal-DYA1XoQK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-normal-BFBkh4jY.woff2)format("woff2"),url(/assets/newsreader-latin-400-normal-gRTjlS2D.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-vietnamese-400-italic-bZegYFuM.woff2)format("woff2"),url(/assets/newsreader-vietnamese-400-italic-QbB8kb5s.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-ext-400-italic-BMTE_bNQ.woff2)format("woff2"),url(/assets/newsreader-latin-ext-400-italic-qdgKLcPG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/newsreader-latin-400-italic-CEihAR-f.woff2)format("woff2"),url(/assets/newsreader-latin-400-italic-CNZoH1hn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-ext-400-normal-B-EsvyE4.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-400-normal-CKOCNFvK.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/courier-prime-latin-400-normal-BbyBr73r.woff2)format("woff2"),url(/assets/courier-prime-latin-400-normal-BAlbUm6l.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-ext-700-normal-ByMJlNdM.woff2)format("woff2"),url(/assets/courier-prime-latin-ext-700-normal-BIFoAzHx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/courier-prime-latin-700-normal-D1YCjmaD.woff2)format("woff2"),url(/assets/courier-prime-latin-700-normal-CVvp4Sof.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f2eadb;--paper-deep:#e7dcc5;--paper-light:#f8f2e6;--ink:#2b2a26;--ink-soft:#5c584d;--rule:#2b2a26;--hairline:#bfb49c;--olive:#56643a;--sage:#8c9a6c;--orange:#b4481a;--orange-deep:#8f3812;--meter-face:#efe1b8;--font-brand:"Shrikhand", Georgia, serif;--font-head:"Young Serif", Georgia, serif;--font-body:"Newsreader", Georgia, serif;--font-mono:"Courier Prime", "Courier New", monospace;--gutter:clamp(1.25rem, 4vw, 3.5rem);background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--paper);min-height:100vh;margin:0}body:before{content:"";z-index:10;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.17 0 0 0 0 0.12 0 0 0 0.55 -0.12'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,p,ol{margin:0;padding:0}a{color:inherit}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.page{max-width:1240px;padding-inline:var(--gutter);outline:none;margin-inline:auto;animation:.5s ease-out both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem;font-weight:700}.masthead{border-bottom:4px double var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;padding-block:1.4rem .8rem;display:flex}.wordmark{font-family:var(--font-brand);color:var(--ink);font-size:1.6rem;line-height:1.1;text-decoration:none}.wordmark__accent{color:var(--orange)}.masthead__issue,.masthead__back{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-soft);font-size:.78rem}.masthead__back{text-underline-offset:3px}.masthead__back:hover{color:var(--orange)}.key{background:var(--paper-light);color:var(--ink);border:1.5px solid var(--ink);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border-bottom-width:6px;border-radius:2px;justify-content:center;align-items:center;gap:.55em;padding:.85em 1.1em .75em;font-size:.82rem;font-weight:700;text-decoration:none;transition:transform 80ms ease-out,border-bottom-width 80ms ease-out,background-color .15s;display:inline-flex}.key:hover{background:var(--paper-deep)}.key:active,.key.is-engaged{border-bottom-width:2px;transform:translateY(4px)}.key[aria-disabled=true]{color:var(--ink-soft);border-color:var(--ink-soft);cursor:default;background:0 0}.key[aria-disabled=true]:active{border-bottom-width:6px;transform:none}.key.is-engaged[aria-disabled=true]{background:var(--paper-deep);color:var(--ink);border-color:var(--ink);border-bottom-width:2px;transform:translateY(4px)}.key__icon{font-size:.8em;line-height:1}.key__icon--rec{color:var(--orange)}.key--cta{background:var(--orange);color:var(--paper-light);border-color:var(--orange-deep);padding:1em 1.6em .9em;font-size:1.05rem}.key--cta:hover{background:var(--orange-deep)}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:clamp(2.5rem,6vw,5.5rem);display:grid}.hero__headline{font-family:var(--font-head);letter-spacing:-.012em;text-wrap:balance;font-size:clamp(2.9rem,6.6vw,5.6rem);font-weight:400;line-height:1.02}.hero__line{display:block}.hero__headline em{font-family:var(--font-brand);word-spacing:-.14em;color:var(--orange);font-style:normal}.hero__lede{max-width:31em;margin-block:1.6rem 2.2rem;font-size:1.22rem;line-height:1.45}.hero__actions{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.key--challenge{color:var(--olive);border-color:var(--olive);font-size:.92rem}.hero__note{max-width:30em;font-family:var(--font-mono);color:var(--ink-soft);margin-top:1.6rem;font-size:.78rem;line-height:1.5}.hero__note strong{color:var(--olive)}.sleeve-art{aspect-ratio:1/.72;justify-self:center;width:min(100%,520px);position:relative;container-type:inline-size}.sleeve{aspect-ratio:1;background:var(--olive);width:68%;color:var(--paper);flex-direction:column;justify-content:space-between;padding:5cqw 5.5cqw;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:0;left:0;transform:rotate(-1.5deg);box-shadow:0 1px #2b2a2666,3px 5px 14px #2b2a2633}.sleeve__title{font-family:var(--font-brand);text-shadow:3px 2px 0 var(--orange);font-size:14cqw;line-height:.98}.sleeve__catalog,.sleeve__foot{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.record{width:63%;transition:transform .7s cubic-bezier(.2,.7,.2,1);animation:1.1s cubic-bezier(.2,.7,.2,1) .2s both record-out;position:absolute;top:3%;right:0}.record__text{font-family:var(--font-mono);fill:var(--paper);font-size:7.2px;font-weight:700}@keyframes record-out{0%{transform:translate(-34%)rotate(-70deg)}}@keyframes record-spin{to{rotate:360deg}}.sleeve-art:hover .sleeve{transform:rotate(-2.5deg)translate(-1%)}.sleeve-art:hover .record{animation:1.8s linear infinite record-spin}.tracks{border-top:1px solid var(--rule);padding-block:1rem 0}.tracks__list{margin-top:1rem;list-style:none}.track{border-top:1px dotted var(--hairline);grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:baseline;gap:.25rem 1rem;padding-block:1rem;display:grid}.track__side{font-family:var(--font-mono);color:var(--olive);font-weight:700}.track__title{font-family:var(--font-head);font-size:1.4rem;font-weight:400;line-height:1.2;transition:transform .2s ease-out}.track:hover .track__title{transform:translate(4px)}.track__text{max-width:36em;color:var(--ink-soft);margin-top:.15rem}.track__status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-deep);font-size:.72rem}.track__status.is-ready{color:var(--olive)}.liner{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:1rem 2rem;margin-top:clamp(2.5rem,6vw,5rem);padding-top:1rem;display:grid}.liner__quote{max-width:28em;font-size:clamp(1.4rem,2.8vw,2rem);font-style:italic;line-height:1.25}.colophon{border-top:4px double var(--rule);font-family:var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:.25rem 1.5rem;margin-top:clamp(2.5rem,6vw,5rem);padding-block:.9rem 2rem;font-size:.75rem;display:flex}.practice{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);align-items:start;gap:clamp(1.5rem,4vw,4rem);padding-block:clamp(1.5rem,3vw,2.5rem) 3rem;display:grid}.practice__main{gap:clamp(1rem,2vw,1.5rem);min-width:0;display:grid}.target{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-top:.25rem;display:flex}.target__copy{flex:13rem}.target__note{min-width:1.05em;font-family:var(--font-brand);color:var(--orange);text-shadow:.012em .01em 0 var(--olive);flex:none;order:-1;padding-left:.04em;font-size:clamp(7rem,15vw,12.5rem);line-height:1}.target__glyph{animation:.32s cubic-bezier(.2,.8,.3,1.1) both note-drop;display:block}@keyframes note-drop{0%{opacity:0;transform:translateY(-.05em)rotate(-3deg)}}.target__accidental{vertical-align:.5em;margin-left:.04em;font-size:.55em}.target__hint{font-family:var(--font-head);margin-top:.5rem;font-size:1.45rem;line-height:1.25}.heard{background:var(--ink);color:var(--paper);border-radius:2px;padding:1rem 1.25rem 1.1rem}.heard__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.heard__label{color:#c9bfa8}.heard__state{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#c9bfa8;font-size:.72rem}.heard[data-status=listening] .heard__state{animation:1.8s ease-in-out infinite listening}.heard[data-status=note] .heard__state{color:var(--meter-face)}@keyframes listening{50%{opacity:.45}}.heard__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:.5rem 1.5rem;margin-block:.5rem .75rem;display:grid}.heard__note{min-height:7rem;font-family:var(--font-head);color:var(--meter-face);align-items:baseline;line-height:1;display:flex}.heard__name{font-size:clamp(5rem,9vw,7rem)}.heard__octave{margin-left:.08em;font-size:clamp(2.2rem,4vw,3rem)}.heard__idle{max-width:11em;font-family:var(--font-head);color:#c9bfa8;align-self:center;font-size:1.45rem;line-height:1.2}.heard__facts{font-family:var(--font-mono);gap:.2rem;margin:0;font-size:.85rem;display:grid}.heard__facts>div{border-bottom:1px dotted #5c584d;justify-content:space-between;gap:1rem;padding-block:.15rem;display:flex}.heard__facts dt{color:#c9bfa8}.heard__facts dd{white-space:nowrap;margin:0;font-weight:700}.tuning__scale{background-image:repeating-linear-gradient(90deg,#6d695d 0 1px,#0000 1px 10%);border-bottom:1px solid #6d695d;border-right:1px solid #6d695d;height:1.1rem;position:relative}.tuning__zone{inset-block:0;background:var(--sage);opacity:.45;width:10%;position:absolute;left:45%}.tuning__marker{background:#ee8a52;width:4px;margin-left:-2px;transition:left 90ms linear;position:absolute;inset-block:-2px}.tuning.is-in-tune .tuning__marker{background:#cdd9a4}.tuning__words{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#9c9482;grid-template-columns:1fr auto 1fr;gap:1rem;margin-top:.4rem;font-size:.74rem;display:grid}.tuning__words>:last-child{text-align:right}.tuning__words .is-lit{color:#ee8a52;font-weight:700}.tuning.is-in-tune .tuning__words .is-lit{color:#cdd9a4}.text-button{border:0;border-bottom:1.5px solid var(--olive);color:var(--olive);font-family:var(--font-mono);cursor:pointer;background:0 0;margin-top:.7rem;padding:.3rem 0;font-size:.82rem;font-weight:700;transition:color .15s,border-color .15s}.text-button:hover{color:var(--orange);border-color:var(--orange)}.fretboard{overflow-x:auto}.fretboard svg{width:100%;min-width:980px;height:auto;display:block}.fretboard__brand{font-family:var(--font-brand);fill:var(--ink);font-size:15px}.fretboard__brand-accent{fill:var(--orange-deep)}.fretboard__inlay{fill:#3a3129;opacity:.85}.fretboard__string line{stroke:#6f6c60}.fretboard__string.is-wound line{stroke:#6e5a30}.fretboard__numbers text{font-family:var(--font-mono);fill:var(--ink-soft);font-size:12.5px;font-weight:700}.fretboard__labels text{font-family:var(--font-mono);fill:var(--ink);font-size:12.5px;font-weight:700}.fretboard__dot{fill:var(--orange);stroke:var(--paper-light);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.2,.8,.3,1.4) both dot-pop}.fretboard--olive .fretboard__dot{fill:var(--olive)}.fretboard__required-band{fill:#d2a02f;fill-opacity:.34;stroke:#a97f1d;stroke-width:1px}.fretboard__required-line{stroke:var(--orange-deep);stroke-width:2.4px}.fretboard__required-label{font-family:var(--font-mono);fill:var(--orange-deep);paint-order:stroke;stroke:var(--paper);stroke-width:4px;font-size:11px;font-weight:700}.fretboard__hit{cursor:pointer;touch-action:manipulation;outline:none}.fretboard__hit rect{fill:#0000}.fretboard__hit-dot{fill:var(--ink);opacity:0;pointer-events:none;transition:opacity .1s}@media (hover:hover){.fretboard__hit:hover .fretboard__hit-dot{opacity:.28}}.fretboard__hit:focus-visible .fretboard__hit-dot{opacity:.45;stroke:var(--orange-deep);stroke-width:2px}.fretboard__pressed{fill:var(--ink);opacity:.7;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.6s ease-out both fretboard-press}.fretboard__pressed.is-correct{fill:var(--olive)}.fretboard__pressed.is-off{fill:none;stroke:var(--orange-deep);stroke-width:2px}@keyframes fretboard-press{0%{opacity:.85;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}.fretboard__marker{pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:.3s cubic-bezier(.2,.8,.3,1.4) both dot-pop}.fretboard__marker circle,.fretboard__marker rect{fill:var(--orange);stroke:var(--paper-light);stroke-width:1.5px}.fretboard__marker.is-second rect{fill:var(--olive)}.fretboard__marker.is-both circle{fill:var(--ink);stroke:#d2a02f;stroke-width:2.5px}.fretboard__marker text{font-family:var(--font-mono);fill:var(--paper-light);font-size:10px;font-weight:700}@keyframes dot-pop{0%{opacity:0;transform:scale(.3)}}.page:has(.game-screen){padding-inline:1.5rem;animation-name:fade-in}@keyframes fade-in{0%{opacity:0}}.game-screen{flex-direction:column;min-height:100dvh;display:flex}.game-screen .masthead{padding-block:.5rem .3rem}.game-screen .wordmark{font-size:1.25rem}.masthead__links{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.practice--challenge{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:.4rem 1.5rem;padding-block:.4rem .6rem}.practice__board{grid-column:1/-1;min-width:0}.practice--challenge .practice__main{grid-template-rows:minmax(0,1fr)}.practice--challenge .practice__side{flex-direction:column;gap:.5rem;min-height:0;display:flex}.round{flex-direction:column;min-height:0;display:flex}.practice--challenge .round__note{margin-block:auto;font-size:clamp(4.5rem,30vh,15rem);line-height:1}.round__controls{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem 1rem;margin-top:.5rem;display:flex}.round__controls .counters{gap:1rem;padding:0;display:flex}.round__controls .counter__digit{font-size:1.2rem}.round__controls .round__actions{margin-top:0}.round__controls .round__actions .key{font-size:.7rem}.practice--challenge .results{flex-direction:column;justify-content:center;align-items:center;padding-block:0;display:flex}.practice--challenge .results__score{font-size:clamp(4rem,17vh,8rem)}.practice--challenge .results__message{margin-block:0 .5rem;font-size:1.15rem}.practice--challenge .results__facts{width:100%;margin-bottom:.75rem;padding-block:.4rem}.practice--challenge .heard{flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:.55rem 1rem .65rem;display:flex}.practice--challenge .heard__body{margin-block:.15rem .35rem}.practice--challenge .heard__note{min-height:0}.practice--challenge .heard__name{font-size:clamp(3.5rem,21vh,11rem)}.practice--challenge .heard__octave{font-size:clamp(1.8rem,8vh,4rem)}.practice--challenge .heard__facts{gap:0;font-size:.78rem}.practice--challenge .mic{grid-template-columns:clamp(130px,12.5vw,170px) minmax(0,1fr);align-items:center;gap:.25rem .75rem;padding:.45rem .65rem;display:grid}.practice--challenge .mic__head{grid-area:1/2;margin:0}.practice--challenge .vu{grid-area:1/1/span 3}.practice--challenge .vu__label{font-size:14px}.practice--challenge .vu__name{letter-spacing:.1em;font-size:12px}.practice--challenge .mic__keys{grid-area:2/2;margin:0}.practice--challenge .mic__keys .key{letter-spacing:0;gap:.35em;padding:.6em .3em .5em;font-size:.64rem}.practice--challenge .mic__status{grid-area:3/2;margin:0;font-size:.82rem;line-height:1.2}.practice--challenge .mic__error{grid-column:1/-1;margin:0;padding:.3rem .6rem}.practice--challenge .mic__error strong{font-size:.88rem}.practice--challenge .mic__error p{margin:0;font-size:.78rem;line-height:1.2}.practice--challenge .mic__privacy{grid-column:1/-1;margin:0;padding-top:.2rem;font-size:.62rem}.round,.results{text-align:center}.round__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.round__count{font-family:var(--font-mono);font-size:.95rem;font-weight:700}.progress{grid-template-columns:repeat(10,1fr);gap:4px;margin-top:.6rem;list-style:none;display:grid}.progress__tick{border:1px solid var(--ink-soft);height:8px;transition:background-color .25s}.progress__tick.is-current{border-color:var(--orange);border-width:2px}.progress__tick.is-correct{background:var(--olive);border-color:var(--olive)}.progress__tick.is-skipped{background:linear-gradient(to bottom right, transparent 46%, var(--ink-soft) 46% 54%, transparent 54%)}.round__note{width:fit-content;font-family:var(--font-brand);color:var(--orange);text-shadow:.012em .01em 0 var(--olive);margin:.5rem auto 0;font-size:clamp(7rem,14vw,11.5rem);line-height:1.05;animation:.32s cubic-bezier(.2,.8,.3,1.1) both note-drop;position:relative}.round__octave{margin-left:.04em;font-size:.4em}.round.is-correct .round__note{color:var(--olive);text-shadow:.012em .01em 0 var(--orange);animation:.5s cubic-bezier(.2,.8,.3,1.3) both note-correct}@keyframes note-correct{40%{transform:scale(1.14)rotate(-3deg)}}.round__points{font-family:var(--font-head);white-space:nowrap;color:var(--orange-deep);text-shadow:none;margin-left:.2em;font-size:.24em;animation:.9s ease-out both points-rise;position:absolute;top:8%;left:100%}@keyframes points-rise{0%{opacity:0;transform:translateY(.8em)rotate(-4deg)}30%{opacity:1}to{transform:translateY(-.4em)rotate(-4deg)}}.round__hint{min-height:1.4em;font-family:var(--font-head);font-size:1.35rem;line-height:1.25}.round__actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.9rem;padding-bottom:4px;display:flex}.round__actions .key{font-size:.74rem}.results{padding-block:.5rem;animation:.4s ease-out both page-in}.results__score{font-family:var(--font-brand);color:var(--orange);text-shadow:.012em .01em 0 var(--olive);font-size:clamp(5.5rem,11vw,9rem);line-height:1.05}.results__message{max-width:26em;font-family:var(--font-head);margin:.25rem auto 1rem;font-size:1.3rem;line-height:1.25}.results__facts{border-block:1px dotted var(--ink-soft);font-family:var(--font-mono);grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 0 1.25rem;padding-block:.6rem;font-size:.8rem;display:grid}.results__facts dd{margin:.15rem 0 0;font-size:1.3rem;font-weight:700}.challenge__practice-link{font-family:var(--font-mono);margin-top:.75rem;font-size:.78rem}.diagnostics{background:var(--paper-light);border:1px dashed var(--ink-soft);font-family:var(--font-mono);padding:.6rem .9rem;font-size:.74rem;line-height:1.35}.diagnostics summary{cursor:pointer;font-weight:700}.diagnostics summary span{color:var(--ink-soft);margin-left:.5em;font-weight:400}.diagnostics__empty,.diagnostics__note{color:var(--ink-soft);margin-top:.5rem}.diagnostics__grid{grid-template-columns:minmax(9rem,auto) minmax(0,1fr);gap:.15rem .9rem;margin:.6rem 0 0;display:grid}.diagnostics__grid dt{color:var(--ink-soft)}.diagnostics__grid dd{overflow-wrap:anywhere;margin:0}.diagnostics__table{margin-top:.6rem;overflow-x:auto}.diagnostics table{border-collapse:collapse;width:100%}.diagnostics th,.diagnostics td{border-top:1px dotted var(--hairline);text-align:left;vertical-align:top;padding:.15rem .5rem .15rem 0}.diagnostics th:first-child,.diagnostics td:first-child{white-space:nowrap}.diagnostics tr.is-chosen td{color:var(--olive);font-weight:700}.diagnostics__actions{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;margin-top:.5rem;display:flex}.counters{grid-template-columns:auto auto minmax(0,1fr);align-items:end;gap:.75rem 1.5rem;padding-bottom:1.25rem;display:grid}.counter{flex-direction:column;gap:.4rem;display:flex}.counter__digits{gap:2px;display:inline-flex}.counter__digit{background:var(--ink);width:1.55em;color:var(--paper);font-family:var(--font-mono);text-align:center;padding-block:.3em .15em;font-size:1.5rem;font-weight:700;line-height:1.2;display:inline-block}.counters__note{font-family:var(--font-mono);color:var(--ink-soft);font-size:.7rem;line-height:1.4}.mic{background:var(--paper-deep);border:1.5px solid var(--ink);border-radius:2px;padding:1rem 1.1rem 1.1rem}.mic__head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.lamp{border:1.5px solid var(--ink);background:#a89d85;border-radius:50%;width:.72rem;height:.72rem;transition:background-color .2s,box-shadow .2s}.lamp.is-on{background:#e4631f;box-shadow:0 0 7px 1px #e4631fa6}.lamp.is-waiting{background:#e4631f;animation:1s steps(2,jump-none) infinite lamp-blink}@keyframes lamp-blink{to{background:#a89d85}}.vu{border:1.5px solid var(--ink);background:var(--meter-face);overflow:hidden}.vu svg{width:100%;display:block}.vu__tick{stroke:var(--ink)}.vu__tick.is-hot{stroke:var(--orange)}.vu__label{font-family:var(--font-mono);fill:var(--ink-soft);font-size:9px}.vu__name{font-family:var(--font-mono);letter-spacing:.2em;fill:var(--ink-soft);font-size:8px;font-weight:700}.vu__needle{stroke:var(--ink);stroke-width:1.4px;stroke-linecap:round}.mic__keys{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.9rem;padding-bottom:4px;display:grid}.mic__keys .key{padding-inline:.5em;font-size:.74rem;line-height:1.2}.mic__status{margin-top:.75rem;font-size:1rem;line-height:1.35}.mic__error{background:var(--paper-light);border-left:5px solid var(--orange);margin-top:.75rem;padding:.7rem .85rem}.mic__error strong{font-family:var(--font-head);color:var(--orange-deep);font-size:1.05rem;font-weight:400}.mic__error p{margin-top:.2rem;font-size:.95rem;line-height:1.35}.mic__privacy{border-top:1px dotted var(--ink-soft);font-family:var(--font-mono);color:var(--ink-soft);margin-top:.75rem;padding-top:.6rem;font-size:.7rem;line-height:1.4}@media (width<=860px){.hero,.practice{grid-template-columns:minmax(0,1fr)}.sleeve-art{justify-self:start;width:min(100%,440px)}.heard__body{grid-template-columns:minmax(0,1fr)}.practice--challenge{grid-template-rows:none}}@media (width<=560px){:root{font-size:17px}.mic__keys .key{letter-spacing:0;gap:.4em;padding-inline:.25em;font-size:.68rem}.track{grid-template-columns:2.6rem minmax(0,1fr)}.track__status{grid-column:2}.liner{grid-template-columns:minmax(0,1fr)}.counters{grid-template-columns:auto auto;justify-content:start}.counters__note{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.audio-preview{width:100%;max-width:44rem;padding:clamp(1rem, 4vh, 2.5rem) var(--gutter);flex:1;margin-inline:auto}.audio-preview__title{font-family:var(--font-head);margin:.2rem 0 .4rem;font-size:clamp(1.6rem,4vh,2.2rem);font-weight:400}.audio-preview__intro,.audio-preview__hint{color:var(--ink-soft);margin:0}.audio-preview__field{align-items:center;gap:.8rem;margin-top:clamp(1rem,3vh,1.75rem);display:flex}.audio-preview__field select{background:var(--paper-light);border:1.5px solid var(--rule);color:var(--ink);font-family:var(--font-mono);padding:.35rem .5rem;font-size:1rem}.audio-preview__keys{flex-wrap:wrap;gap:.6rem;margin-block:1rem .6rem;display:flex}.audio-preview__hint{font-size:.9rem}.audio-preview__status{background:var(--paper-light);border:1.5px solid var(--hairline);min-height:4.5rem;font-family:var(--font-mono);margin-top:clamp(1rem,3vh,1.75rem);padding:.7rem .9rem;font-size:.85rem}.phone-nav{display:none}.sheet{width:100%;max-width:100%;max-height:var(--sheet-max,84dvh);overscroll-behavior:contain;background:var(--paper-light);color:var(--ink);border:0;border-top:4px double var(--rule);margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -6px #2b2a2624}.sheet:not([open]){display:none}.sheet::backdrop{background:#2b2a2673}.sheet--clear::backdrop{background:#2b2a2614}.sheet__inner{max-height:var(--sheet-max,84dvh);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex}.sheet__head{border-bottom:1px solid var(--hairline);flex:none;align-items:center;gap:.6rem;min-height:3.1rem;padding:.3rem .45rem .3rem .9rem;display:flex}.sheet__title{min-width:0;font-family:var(--font-head);flex:1;font-size:1.1rem;font-weight:400;line-height:1.15}.sheet__close{width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;font-size:1.6rem;line-height:1}.sheet__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.7rem .9rem .9rem;overflow-y:auto}.sheet__foot{background:var(--paper-deep);border-top:1.5px solid var(--ink);flex:none;padding:.6rem .9rem}.neck-switch{flex:none;align-items:center;display:flex}.neck-switch__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-right:.35rem;font-size:.62rem;font-weight:700}.neck-switch__button{background:var(--paper-light);border:1.5px solid var(--ink);min-width:3.25rem;height:2.5rem;color:var(--ink);font-family:var(--font-mono);cursor:pointer;margin-left:-1.5px;padding:0 .45em;font-size:.78rem;font-weight:700;position:relative}.neck-switch__button.is-on{background:var(--ink);color:var(--paper-light)}.neck-switch__dot{background:var(--orange);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.pn-inlay{fill:#f6efdf;stroke:#b08b56;stroke-width:.5px}.pn-string{stroke:var(--pn-steel,#8d8a80);stroke-width:calc(var(--pn-gauge,.8px) + var(--string) * var(--pn-gauge-step,.3px));pointer-events:none}.pn-string.is-wound{stroke:var(--pn-wound,#6d5a3e)}.pn-string.is-required{stroke:var(--pn-required-string,#2b2a26);stroke-width:calc(var(--pn-required-gauge,.8px) + var(--string) * var(--pn-gauge-step,.3px))}.pn-required{fill:#d2a02f6b;stroke:#a97f1d;stroke-width:1px}.pn-text text{fill:var(--ink-soft);font-family:var(--font-mono);font-size:10.5px;font-weight:700}.pn-text text.is-required{fill:var(--orange-deep)}.pn-text__fret{font-size:9.5px;font-weight:400}.neck-loupe{z-index:30;background:var(--paper-light);border:2px solid var(--ink);pointer-events:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:fixed;overflow:hidden;box-shadow:3px 3px #2b2a264d}.neck-loupe svg{width:100%;min-width:0;height:100%;max-height:none;display:block}.neck-loupe__ring{fill:none;stroke:var(--orange);stroke-width:2.5px}.neck-loupe__caption{background:var(--ink);color:var(--paper-light);font-family:var(--font-mono);text-align:center;white-space:nowrap;padding:.1rem .3rem;font-size:.68rem;font-weight:700;line-height:1.5;position:absolute;inset:auto 0 0}.neck-loupe__cancel{font-family:var(--font-mono);color:var(--ink-soft);font-size:.74rem}@media (width<=640px){:root{--phone-gutter:.5rem;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}html,body,#root{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}.app-shell{height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);flex-direction:column;display:flex;position:fixed;inset:0}:is(.page,.page--wide,.page:has(.game-screen)){width:100%;max-width:none;min-height:0;padding-inline:var(--phone-gutter);flex-direction:column;flex:1;margin:0;animation:none;display:flex}.game-screen,.theory{flex:1;min-height:0}a,button,label,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input[type=text],select{font-size:16px!important}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%232b2a26'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;border-radius:2px;min-height:2.75rem;padding-right:1.6rem!important}.phone-nav{padding-bottom:env(safe-area-inset-bottom,0px);background:var(--paper-deep);border-top:4px double var(--rule);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.phone-nav__tab{height:3.05rem;color:var(--ink-soft);font-family:var(--font-mono);flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.64rem;line-height:1.1;text-decoration:none;display:flex;position:relative}.phone-nav__tab svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.45rem;height:1.45rem}.phone-nav__fill{fill:currentColor;stroke:none}.phone-nav__tab.is-current{background:var(--paper-light);color:var(--orange-deep);font-weight:700}.phone-nav__tab.is-current:before{content:"";background:var(--orange);height:3px;position:absolute;inset:0 18% auto}.masthead,.game-screen .masthead{border-bottom-width:3px;flex:none;align-items:center;padding-block:.4rem .3rem}.masthead .wordmark,.game-screen .wordmark{font-size:1.15rem}.masthead__back,.masthead__links,.masthead__issue{display:none}.fretboard--window{flex:1;width:100%;height:100%;min-height:0;position:relative;overflow:visible}.fretboard--window>svg{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;min-width:0;height:auto;max-height:100%;margin-block:auto;position:absolute;inset:0}.fretboard--window .fretboard__hit{cursor:pointer}.key{min-height:2.75rem}.results{padding:.75rem .9rem}.results__facts{margin-block:.4rem}.ph{flex-direction:column;flex:1;gap:clamp(.4rem,1.4dvh,.8rem);min-height:0;padding-block:clamp(.4rem,2dvh,1.1rem) clamp(.4rem,1.4dvh,.8rem);display:flex}.ph__brand{font-family:var(--font-brand);color:var(--ink);font-size:clamp(1.9rem,min(11vw,6dvh),2.8rem);line-height:1.05}.ph__brand span{color:var(--orange)}.ph__tagline{font-family:var(--font-head);color:var(--ink-soft);margin-top:.1rem;font-size:clamp(.98rem,2.4dvh,1.2rem);line-height:1.15}.ph__tagline em{color:var(--orange-deep)}.ph__features{flex:1;grid-auto-rows:minmax(0,1fr);gap:clamp(.4rem,1.2dvh,.7rem);min-height:0;display:grid}.ph-card{min-height:0;color:var(--ink);background:var(--paper-light);border:1.5px solid var(--ink);border-radius:4px;grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) auto;padding:0 .85rem clamp(.4rem,1.2dvh,.75rem);text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:3px 3px #2b2a2638}.ph-card:active{transform:translate(2px,2px);box-shadow:1px 1px #2b2a2638}.ph-card__art{border-bottom:1.5px solid var(--ink);background:#e6bd80;grid-column:1/-1;width:calc(100% + 1.7rem);height:100%;min-height:0;margin:0 -.85rem clamp(.3rem,1dvh,.55rem)}.ph-card__art line{stroke:#6c6960}.ph-card__art .ph-card__wire{stroke:#f3f1e8;stroke-width:2.5px}.ph-card__art circle{fill:var(--orange);stroke:var(--paper-light);stroke-width:1.5px}.ph-card__art rect{fill:var(--olive);stroke:var(--paper-light);stroke-width:1.5px}.ph-card__title{font-family:var(--font-head);grid-column:1;font-size:clamp(1.15rem,3.2dvh,1.6rem);font-weight:400;line-height:1.1}.ph-card__copy{color:var(--ink-soft);grid-column:1;font-size:clamp(.84rem,2dvh,1rem);line-height:1.2}.ph-card__go{color:var(--orange);grid-area:2/2/span 2;align-self:center;margin-left:.5rem;font-size:1.6rem;line-height:1}.ph__more{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.ph__more .key{justify-content:center;padding-inline:.3em;font-size:.8rem}.ph__foot{font-family:var(--font-mono);color:var(--ink-soft);flex:none;justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;line-height:1.25;display:flex}.ph__about{min-height:2.25rem;color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0 .25rem;text-decoration:underline}.ph-about{flex-direction:column;gap:.7rem;font-size:.95rem;line-height:1.3;display:flex}.ph-about .track{padding-block:.4rem}.practice{flex-direction:column;flex:1;gap:clamp(.3rem,1dvh,.6rem);min-height:0;margin:0;padding-block:clamp(.3rem,1dvh,.6rem);display:flex}.practice__main,.practice__side{flex-direction:column;gap:clamp(.3rem,1dvh,.6rem);min-height:0;display:flex}.practice:not(.practice--challenge) .practice__main{flex:1}.practice .counters,.diagnostics,.mic__privacy{display:none}.target{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:0;padding:.5rem .8rem}.target__note{font-size:clamp(3.5rem,14dvh,7.5rem);line-height:1}.target__hint{font-size:.95rem;line-height:1.25}.text-button{min-height:2.75rem}.practice .heard{padding:.5rem .75rem}.practice .heard__body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem}.practice .heard__note{min-width:5.4rem;min-height:2.6rem}.practice .heard__name{font-size:2.2rem;line-height:1}.practice .heard__idle{font-size:.82rem;line-height:1.2}.practice .heard__facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.05rem .5rem;font-size:.7rem}.practice .heard__facts dt{font-size:.56rem}.practice .tuning{margin-top:.3rem}.practice__side,.practice .mic{width:100%;max-width:none}.practice .mic{grid-template-rows:auto auto auto;grid-template-columns:5.6rem minmax(0,1fr);gap:.15rem .6rem;padding:.45rem .6rem;display:grid}.practice .mic__head{grid-area:1/1;margin:0}.practice .mic__head .section-label{letter-spacing:.04em;font-size:.56rem}.practice .mic .vu{grid-area:2/1/span 2;width:100%;margin:0;padding:0}.practice .mic__keys{grid-area:1/2/span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:0;display:grid}.practice .mic__keys .key{white-space:normal;min-height:2.75rem;padding:.2em .3em;font-size:.64rem;line-height:1.1}.practice .mic__status{grid-area:3/2;min-height:2.3em;margin:0;font-size:.68rem;line-height:1.2}.practice .mic__error{grid-column:1/-1;margin:0;padding:.25rem .4rem;font-size:.7rem;line-height:1.2}.practice .mic__error p{font-size:inherit}.practice--challenge{display:flex}.practice--challenge .practice__main{flex:none;order:1}.practice--challenge .practice__board{flex-direction:column;flex:1 1 0;order:2;gap:.25rem;min-height:7rem;margin:0;display:flex}.practice--challenge .practice__side{flex:none;order:3;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:stretch;gap:.4rem;display:grid}.practice__board-head{flex:none;justify-content:flex-end;display:flex}.practice--challenge .round{grid-template-columns:minmax(0,1fr) auto;gap:.15rem .6rem;padding:.45rem .7rem;display:grid}.practice--challenge .round__head,.practice--challenge .progress{grid-column:1/-1;margin:0}.practice--challenge .round__note{text-align:left;grid-area:3/1/span 2;margin:0;font-size:clamp(2.6rem,9dvh,4.2rem);line-height:1}.practice--challenge .round__hint{text-align:left;grid-area:5/1/auto/-1;min-height:1.2em;margin:0;font-size:.85rem;line-height:1.2}.practice--challenge .round__controls{display:contents}.practice--challenge .round__controls .counters{border:0;flex-direction:row;grid-area:3/2;justify-content:flex-end;align-items:flex-start;gap:.5rem;margin:0;padding:0;display:flex}.practice--challenge .round__controls .section-label{letter-spacing:.05em;font-size:.56rem}.practice--challenge .round__controls .counter__digit{font-size:.9rem}.practice--challenge .round__controls .round__actions{grid-area:4/2;gap:.3rem;margin:0;display:flex}.practice--challenge .round__controls .round__actions .key{white-space:normal;min-height:2.75rem;padding:.2em .5em;font-size:.68rem;line-height:1.1}.practice--challenge .heard{padding:.3rem .5rem}.practice--challenge .heard__head{margin:0}.practice--challenge .heard__state,.practice--challenge .heard__facts{display:none}.practice--challenge .heard__body{margin:0;display:block}.practice--challenge .heard__note{min-height:2rem}.practice--challenge .heard__name{font-size:1.7rem;line-height:1.1}.practice--challenge .heard__idle{font-size:.72rem;line-height:1.15}.practice--challenge .tuning__words{font-size:.56rem}.practice--challenge .mic{grid-template-columns:minmax(0,1fr);gap:.25rem;padding:.3rem .5rem;display:grid}.practice--challenge .mic .vu,.practice--challenge .mic__head{display:none}.practice--challenge .mic__keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin:0;display:grid}.practice--challenge .mic__keys .key{white-space:normal;min-height:2.75rem;padding:.1em .25em;font-size:.62rem;line-height:1.1}.practice--challenge .mic__status{min-height:1.15em;margin:0;font-size:.62rem;line-height:1.15;display:block;overflow:visible}.practice--challenge .mic__error strong{font-size:.66rem}.practice--challenge .mic__error p{display:none}.practice--challenge .results{padding:.5rem .75rem}:is(.practice--challenge:has(.results) .practice__board,.practice--challenge:has(.results) .heard){display:none}.practice--challenge:has(.results) .practice__main{flex:1;justify-content:center}.practice--challenge:has(.results) .practice__side{grid-template-columns:minmax(0,1fr)}}@media (width>=641px) and (width<=1060px) and (orientation:landscape){.app-shell{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@media (prefers-reduced-motion:reduce){.ph-card:active{transform:none}}