:root{color:#24342e;background:#fbfaf5;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #24342e;--muted: #66736d;--cream: #fbfaf5;--paper: #fffef9;--sage-50: #f0f4eb;--sage-100: #e2eadb;--sage-300: #b6c8ab;--sage-500: #6f8e6a;--sage-700: #456044;--terracotta: #bd684d;--terracotta-dark: #94503d;--gold: #dba74a;--green: #307457;--green-soft: #e4f1e7;--red: #a8433d;--red-soft: #f8e7e2;--line: #dfe4da;--shadow: 0 22px 65px rgb(51 68 59 / 10%);--radius-lg: 32px;--radius-md: 20px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 6% 15%,rgb(217 230 207 / 45%),transparent 23rem),radial-gradient(circle at 94% 3%,rgb(246 224 202 / 32%),transparent 25rem),var(--cream)}button,input,select{color:inherit;font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #246c95;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin-top:0}h1,h2,h3,.summary-stats strong,.stats-grid strong{font-family:Georgia,Times New Roman,serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));min-height:92px;margin:0 auto}.brand{display:inline-flex;gap:12px;align-items:center;padding:6px;text-align:left;cursor:pointer;background:transparent;border-radius:14px}.brand-mark{display:grid;width:43px;height:43px;color:var(--paper);font-family:Georgia,serif;font-size:25px;background:var(--sage-700);border-radius:50% 50% 48% 52%/56% 45% 55% 44%;place-items:center;transform:rotate(-4deg)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-family:Georgia,serif;font-size:21px;letter-spacing:-.02em}.brand small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.storage-warning{width:min(760px,calc(100% - 32px));padding:10px 16px;margin:0 auto 10px;color:#71382e;font-size:14px;text-align:center;background:var(--red-soft);border:1px solid #efc7bd;border-radius:12px}main{width:min(1180px,calc(100% - 48px));margin:0 auto}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:800;letter-spacing:.01em;cursor:pointer;border-radius:999px;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:not(:disabled):hover{transform:translateY(-2px)}.button--primary{color:#fff;background:var(--terracotta);box-shadow:0 12px 28px #bd684d3d}.button--primary:not(:disabled):hover{background:var(--terracotta-dark);box-shadow:0 15px 32px #bd684d4d}.button--secondary{color:var(--sage-700);background:transparent;border:1.5px solid var(--sage-300)}.button--secondary:not(:disabled):hover,.button--quiet:not(:disabled):hover{background:var(--sage-50)}.button--quiet{min-height:40px;padding:0 17px;color:var(--sage-700);background:#ffffff94;border:1px solid var(--line)}.button--wide{width:100%;min-height:56px}.eyebrow{display:inline-block;color:var(--terracotta-dark);font-size:11px;font-weight:850;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(35px,7vw,95px);align-items:center;min-height:640px;padding:45px 28px 75px}.hero-copy{position:relative;z-index:2;max-width:610px}.hero h1{max-width:590px;margin:22px 0 25px;color:var(--ink);font-size:clamp(48px,6.5vw,79px);font-weight:500;letter-spacing:-.055em;line-height:.98}.hero h1 em{color:var(--sage-500);font-weight:400}.hero-copy>p{max-width:555px;margin-bottom:31px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-features{display:flex;flex-wrap:wrap;gap:14px 26px;padding:0;margin:29px 0 0;color:var(--muted);font-size:12px;font-weight:700;list-style:none}.hero-features li:before{margin-right:8px;color:var(--sage-500);content:"✓"}.hero-illustration{position:relative;min-height:480px}.hero-illustration:before{position:absolute;inset:4% 2% 0 0;background:var(--sage-100);border-radius:50% 50% 44% 56%/49% 42% 58% 51%;content:"";transform:rotate(4deg)}.mini-stave{position:absolute;top:105px;right:6%;left:2%;height:165px;transform:rotate(-3deg)}.mini-stave>span{position:absolute;right:0;left:0;height:2px;background:#4560447d}.mini-stave>span:nth-child(1){top:20px}.mini-stave>span:nth-child(2){top:50px}.mini-stave>span:nth-child(3){top:80px}.mini-stave>span:nth-child(4){top:110px}.mini-stave>span:nth-child(5){top:140px}.mini-stave b{position:absolute;top:-40px;left:18px;color:var(--sage-700);font-family:Apple Symbols,Noto Music,serif;font-size:155px;font-weight:400;line-height:1}.mini-stave i{position:absolute;top:71px;right:25%;width:29px;height:21px;background:var(--terracotta);border-radius:50%;transform:rotate(-18deg)}.mini-stave i:after{position:absolute;right:0;bottom:8px;width:3px;height:82px;background:var(--terracotta);content:""}.music-orbit{position:absolute;z-index:2;display:grid;color:var(--sage-700);font-family:Georgia,serif;background:var(--paper);border:1px solid rgb(69 96 68 / 12%);border-radius:50%;box-shadow:0 12px 35px #4560441f;place-items:center}.music-orbit--one{top:16px;right:22%;width:58px;height:58px;font-size:28px;transform:rotate(8deg)}.music-orbit--two{top:43%;left:-13px;width:47px;height:47px;color:var(--terracotta);font-size:22px;transform:rotate(-10deg)}.hero-card{position:absolute;right:-2%;bottom:13px;z-index:3;width:245px;padding:23px;background:#fffef9eb;border:1px solid rgb(69 96 68 / 10%);border-radius:23px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(2deg)}.hero-card>span{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-card>strong{display:block;margin-bottom:15px;font-family:Georgia,serif;font-size:22px}.hero-card>div{height:7px;margin-bottom:12px;overflow:hidden;background:var(--sage-100);border-radius:99px}.hero-card>div i{display:block;width:67%;height:100%;background:var(--sage-500);border-radius:inherit}.hero-card small{color:var(--muted);font-size:11px}.progress-section{padding:78px 28px 90px;border-top:1px solid var(--line)}.section-heading,.settings-heading{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2{margin:9px 0 0;font-size:clamp(32px,4vw,45px);font-weight:500;letter-spacing:-.035em}.local-badge,.selection-count{flex:none;padding:8px 13px;color:var(--sage-700);font-size:11px;font-weight:800;background:var(--sage-50);border:1px solid var(--sage-100);border-radius:999px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.stats-grid article{display:flex;min-height:155px;padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column}.stats-grid article>span{color:var(--muted);font-size:12px;font-weight:750}.stats-grid strong{margin:auto 0 2px;color:var(--sage-700);font-size:42px;font-weight:500}.stats-grid small{color:var(--muted);font-size:11px}.progress-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px}.mastery-card,.history-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md)}.card-heading{margin-bottom:24px}.card-heading h3{margin-bottom:5px;font-size:22px;font-weight:600}.card-heading p{margin:0;color:var(--muted);font-size:12px}.mastery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px 17px}.mastery-note>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.mastery-note strong{color:var(--ink);font-family:Georgia,serif;font-size:18px}.mastery-note span{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.mastery-track{height:6px;margin:6px 0;overflow:hidden;background:#ecede7;border-radius:99px}.mastery-track span{display:block;min-width:2px;height:100%;background:var(--sage-500);border-radius:inherit}.mastery-note small{color:var(--muted);font-size:9px}.empty-history{display:grid;min-height:220px;padding:25px;color:var(--muted);text-align:center;place-content:center}.empty-history span{color:var(--sage-300);font-family:Georgia,serif;font-size:46px}.empty-history p{max-width:180px;margin:8px 0 0;font-size:12px;line-height:1.6}.history-list{padding:0;margin:0;list-style:none}.history-list li{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.history-list li>div{display:flex;flex-direction:column}.history-list li>div:last-child{text-align:right}.history-list strong{font-size:12px}.history-list span{margin-top:3px;color:var(--muted);font-size:10px}.levels-section,.settings-section,.summary-screen{min-height:calc(100vh - 170px);padding:60px 28px 85px}.page-heading{max-width:720px;margin-bottom:40px}.page-heading h1,.settings-heading h1{margin:11px 0 13px;font-size:clamp(39px,5vw,58px);font-weight:500;letter-spacing:-.045em;line-height:1.04}.page-heading p{max-width:620px;color:var(--muted);font-size:16px;line-height:1.7}.levels-list{display:grid;gap:12px}.level-card{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;min-height:148px;padding:24px 28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 10px 35px #33443b0a}.level-card--locked{background:#f5f5ef;box-shadow:none}.level-number{display:grid;width:58px;height:58px;color:var(--sage-700);font-family:Georgia,serif;font-size:23px;background:var(--sage-50);border:1px solid var(--sage-100);border-radius:50%;place-items:center}.level-card--locked .level-number{color:#98a19a;background:#eaebe5;border-color:#e0e1dc}.level-copy{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,.8fr);gap:30px;align-items:center}.level-copy>div:first-child>span{color:var(--terracotta-dark);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.level-copy h2{margin:5px 0;font-size:24px;font-weight:600}.level-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.level-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--muted);font-size:10px;font-weight:700}.level-progress__track{height:7px;overflow:hidden;background:var(--sage-100);border-radius:99px}.level-progress__track span{display:block;height:100%;background:var(--sage-500)}.locked-copy{display:flex;gap:8px;align-items:center;color:#89938c!important;font-weight:700}.button--level{min-width:120px;color:var(--sage-700);background:var(--sage-50);border:1px solid var(--sage-100)}.settings-card{width:min(900px,100%);padding:clamp(25px,5vw,50px);margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.settings-heading{align-items:center;padding-bottom:27px;border-bottom:1px solid var(--line)}.settings-heading h1{margin-bottom:0;font-size:48px}fieldset{min-width:0;padding:0;margin:0 0 30px;border:0}legend{padding:0;margin-bottom:14px;font-family:Georgia,serif;font-size:18px;font-weight:600}.segmented-control{display:inline-flex;padding:4px;margin-bottom:20px;background:var(--sage-50);border-radius:13px}.segmented-control label,.pitch-picker label{cursor:pointer}.segmented-control input,.pitch-picker input{position:absolute;opacity:0;pointer-events:none}.segmented-control span{display:block;padding:10px 18px;color:var(--muted);font-size:12px;font-weight:800;border-radius:10px}.segmented-control input:checked+span{color:var(--sage-700);background:var(--paper);box-shadow:0 3px 12px #33443b1a}.segmented-control input:focus-visible+span,.pitch-picker input:focus-visible+span{outline:3px solid #246c95;outline-offset:2px}.range-selectors{display:flex;gap:15px;align-items:end}.range-selectors>span{padding-bottom:13px;color:var(--muted);font-size:12px}.range-selectors label{display:flex;gap:6px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;flex-direction:column}select{min-width:160px;height:47px;padding:0 38px 0 13px;color:var(--ink);font-size:13px;font-weight:700;background:var(--paper);border:1px solid var(--line);border-radius:11px}.pitch-picker{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.pitch-picker span{display:grid;min-height:44px;font-family:Georgia,serif;background:#f8f8f3;border:1px solid var(--line);border-radius:10px;place-items:center}.pitch-picker input:checked+span{color:#fff;background:var(--sage-700);border-color:var(--sage-700)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;padding-top:30px;border-top:1px solid var(--line)}.settings-grid fieldset{margin-bottom:10px}.stacked-options{display:grid;gap:8px}.stacked-options label{display:flex;gap:10px;align-items:center;min-height:62px;padding:11px 13px;cursor:pointer;border:1px solid var(--line);border-radius:12px}.stacked-options label:has(input:checked){background:var(--sage-50);border-color:var(--sage-300)}.stacked-options input{accent-color:var(--sage-700)}.stacked-options label>span{display:flex;flex-direction:column}.stacked-options strong,.toggle-row strong{font-size:12px}.stacked-options small,.toggle-row small{margin-top:3px;color:var(--muted);font-size:10px}.range-control{display:flex;gap:15px;align-items:center}.range-control input{flex:1;accent-color:var(--terracotta)}.range-control output{min-width:60px;font-size:12px;font-weight:800}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:61px;padding:9px 0;border-bottom:1px solid var(--line)}.toggle-row>span{display:flex;flex-direction:column}.switch{position:relative;display:inline-block;width:44px;height:25px;cursor:pointer}.switch input{width:1px;height:1px;opacity:0}.switch>span:not(.sr-only){position:absolute;inset:0;background:#ccd2ca;border-radius:99px;transition:background-color .16s ease}.switch>span:not(.sr-only):before{position:absolute;top:4px;left:4px;width:17px;height:17px;background:#fff;border-radius:50%;content:"";box-shadow:0 2px 5px #0000002e;transition:transform .16s ease}.switch input:checked+span{background:var(--sage-700)}.switch input:checked+span:before{transform:translate(19px)}.switch input:focus-visible+span{outline:3px solid #246c95;outline-offset:3px}.form-error{padding:11px 14px;color:var(--red);font-size:12px;background:var(--red-soft);border-radius:10px}.game-screen{width:min(920px,100%);min-height:calc(100vh - 150px);padding:36px 0 70px;margin:0 auto}.game-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.game-topbar h1{margin:6px 0 0;font-size:27px;font-weight:600}.round-counter{display:flex;align-items:baseline;flex-direction:column;text-align:right}.round-counter strong{font-family:Georgia,serif;font-size:23px}.round-counter span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.round-progress{height:6px;margin-bottom:18px;overflow:hidden;background:var(--sage-100);border-radius:99px}.round-progress span{display:block;height:100%;background:var(--terracotta);border-radius:inherit;transition:width .25s ease}.game-card{padding:30px clamp(20px,6vw,62px) 27px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.game-prompt{text-align:center}.prompt-kicker{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.game-prompt h2{margin:7px 0 0;font-size:clamp(26px,4vw,34px);font-weight:500}.stave-wrap{position:relative;margin:10px 0 0}.stave{display:block;width:100%;max-height:330px;overflow:visible}.stave-lines line{stroke:#52645d;stroke-width:1.7}.treble-clef{fill:var(--ink);font-family:Apple Symbols,Noto Music,Segoe UI Symbol,serif;font-size:105px}.ledger-line{stroke:var(--ink);stroke-width:2.1}.note-head{fill:var(--ink);transition:fill .16s ease}.note-stem{stroke:var(--ink);stroke-width:2.8;transition:stroke .16s ease}.stave-note--pending{opacity:.53}.stave-note--correct .note-head{fill:var(--green)}.stave-note--correct .note-stem{stroke:var(--green)}.stave-note--wrong .note-head{fill:var(--red)}.stave-note--wrong .note-stem{stroke:var(--red)}.current-note-ring{fill:none;stroke:var(--gold);stroke-dasharray:3.5 3.5;stroke-width:2.6;transform-box:fill-box;transform-origin:center;animation:current-pulse 1.9s ease-in-out infinite}.note-number{fill:var(--muted);font-family:ui-sans-serif,sans-serif;font-size:10px;font-weight:800;text-anchor:middle}.note-mark circle{fill:var(--paper);stroke-width:2}.note-mark path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.note-mark--correct circle,.note-mark--correct path{stroke:var(--green)}.note-mark--wrong circle,.note-mark--wrong path{stroke:var(--red)}.note-mark--wrong text{fill:var(--red);font-family:Georgia,serif;font-size:15px;font-weight:700;text-anchor:middle}.sequence-summary{position:absolute;inset:50% auto auto 50%;display:flex;width:min(280px,calc(100% - 30px));padding:22px;text-align:center;background:#fffef9f5;border:1px solid var(--sage-300);border-radius:18px;box-shadow:0 18px 55px #33443b2e;flex-direction:column;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sequence-summary>span{display:grid;width:34px;height:34px;margin:0 auto 8px;color:#fff;background:var(--sage-700);border-radius:50%;place-items:center}.sequence-summary strong{font-family:Georgia,serif;font-size:21px}.sequence-summary p{margin:5px 0 0;color:var(--muted);font-size:11px}.feedback-message{display:flex;gap:4px;align-items:center;justify-content:center;min-height:54px;padding:9px 15px;color:var(--muted);font-size:12px;text-align:center;background:var(--sage-50);border-radius:13px;flex-direction:column}.feedback-message strong{font-family:Georgia,serif;font-size:16px}.feedback-message--correct{color:var(--green);background:var(--green-soft)}.feedback-message--wrong{color:var(--red);background:var(--red-soft)}.answer-pad{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;max-width:660px;margin:22px auto 0}.answer-key{display:flex;min-width:0;min-height:62px;padding:8px;color:var(--sage-700);font-family:Georgia,serif;font-size:24px;font-weight:700;cursor:pointer;background:var(--paper);border:1.5px solid var(--sage-300);border-radius:13px;box-shadow:0 5px 0 var(--sage-100);flex-direction:column;transition:transform .1s ease,background-color .1s ease}.answer-key:not(:disabled):hover{background:var(--sage-50);transform:translateY(-1px)}.answer-key:not(:disabled):active{box-shadow:0 2px 0 var(--sage-100);transform:translateY(3px)}.answer-key__hint{margin-top:2px;color:var(--muted);font-family:ui-sans-serif,sans-serif;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.keyboard-tip{margin:15px 0 0;color:var(--muted);font-size:10px;text-align:center}.summary-screen{display:grid;place-items:center}.summary-card{width:min(710px,100%);padding:clamp(35px,6vw,65px);text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.summary-emblem{display:grid;width:65px;height:65px;margin:0 auto 22px;color:#fff;font-family:Georgia,serif;font-size:30px;background:var(--sage-700);border-radius:50% 46% 50% 48%;place-items:center;transform:rotate(-5deg)}.summary-emblem--unlocked{background:var(--terracotta)}.summary-card h1{margin:9px 0 14px;font-size:clamp(38px,6vw,56px);font-weight:500;letter-spacing:-.045em}.summary-card>p{max-width:480px;margin:0 auto;color:var(--muted);line-height:1.6}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:36px 0}.summary-stats div{display:flex;min-height:105px;padding:15px;background:var(--sage-50);border-radius:15px;flex-direction:column;place-content:center}.summary-stats strong{color:var(--sage-700);font-size:29px;font-weight:500}.summary-stats span{margin-top:4px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary-actions{display:flex;gap:10px;justify-content:center}footer{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 48px));padding:28px 0;margin:0 auto;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}@keyframes current-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:720px}.hero-illustration{width:min(560px,88%);min-height:430px;margin:-15px auto 0}.progress-columns{grid-template-columns:1fr}.mastery-grid{grid-template-columns:repeat(6,1fr)}.level-copy{grid-template-columns:1fr;gap:15px}.pitch-picker{grid-template-columns:repeat(6,1fr)}}@media(max-width:680px){.site-header,main,footer{width:min(100% - 28px,1180px)}.site-header{min-height:75px}.brand small{display:none}.brand strong{font-size:18px}.brand-mark{width:38px;height:38px}.hero{min-height:auto;padding:48px 5px 65px}.hero h1{font-size:clamp(44px,14vw,61px)}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-features{gap:9px;align-items:flex-start;flex-direction:column}.hero-illustration{width:100%;min-height:355px}.hero-card{right:0;width:215px}.mini-stave{top:80px}.progress-section,.levels-section,.settings-section,.summary-screen{padding:55px 4px 65px}.section-heading,.settings-heading{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.stats-grid article{min-height:118px}.mastery-card,.history-card{padding:22px}.mastery-grid{grid-template-columns:repeat(3,1fr)}.level-card{grid-template-columns:auto 1fr;gap:15px;padding:20px}.level-number{width:45px;height:45px}.level-card .button--level{grid-column:1 / -1;width:100%}.settings-card{padding:25px 18px;border-radius:22px}.settings-heading h1{font-size:39px}.settings-grid{grid-template-columns:1fr}.range-selectors{align-items:stretch;flex-direction:column}.range-selectors>span{display:none}.range-selectors select{width:100%}.game-screen{padding-top:24px}.game-card{padding:24px 12px;border-radius:21px}.game-topbar{padding:0 4px}.game-topbar h1{font-size:21px}.stave-wrap{margin-right:-10px;margin-left:-10px;overflow-x:auto}.stave{min-width:500px}.answer-pad{gap:5px}.answer-key{min-height:56px;padding:5px;font-size:20px;border-radius:10px}.answer-key__hint{display:none}.summary-stats{grid-template-columns:1fr}.summary-stats div{min-height:85px}.summary-actions{align-items:stretch;flex-direction:column}footer{gap:8px;text-align:center;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}