:root{font-family:Outfit,Arial,sans-serif;color:#fff4db;background:#17283b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 40%,#24475c,#17283b 60%)}button{font:inherit}.game-shell{position:relative;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;isolation:isolate}.game-shell:after{content:"";position:absolute;z-index:20;inset:0;pointer-events:none;border:0 solid transparent;box-shadow:inset 0 0 0 transparent}.game-shell.missed:after{animation:miss-flash .5s ease-out both}@keyframes miss-flash{0%{border-color:#ff4753f2;box-shadow:inset 0 0 48px #ff3741b8}to{border-color:transparent;box-shadow:inset 0 0 0 transparent}}.game-shell:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(#6e9bac 1px,transparent 1px);background-size:30px 30px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.hud{z-index:3;height:88px;padding:20px clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(255 244 219 / .13)}.brand{color:#fff4db;text-decoration:none;font-weight:800;letter-spacing:-.08em;font-size:clamp(1.25rem,2vw,1.65rem)}.brand span{color:#ffcf49}.hud-stats{display:flex;gap:clamp(16px,4vw,55px);text-align:center}.hud-stats div{min-width:50px}.hud small,.result-grid small{display:block;color:#a9c2be;text-transform:uppercase;font:500 .61rem/1.3 DM Mono,monospace;letter-spacing:.11em}.hud strong{display:block;font:700 clamp(1rem,2vw,1.3rem)/1 Outfit,sans-serif;margin-top:3px}.icon-button{width:38px;height:38px;border:1px solid rgb(255 244 219 / .35);border-radius:50%;background:transparent;color:#fff4db;cursor:pointer}.icon-button:disabled{opacity:.25;cursor:default}.arena-wrap{min-height:0;position:relative;overflow:hidden}.arena-wrap:after{content:"";position:absolute;inset:auto 0 0;height:26%;pointer-events:none;background:linear-gradient(transparent,#0a1b2dcc)}#arena{position:absolute;inset:0;width:100%;height:100%;display:block}.word-card{position:absolute;z-index:2;left:50%;top:10%;transform:translate(-50%);min-width:250px;padding:16px 24px 12px;text-align:center;border-radius:19px;color:#fff4db;background:#0d1f31cc;border:1px solid rgb(255 244 219 / .17);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #00000029;font:700 clamp(1.75rem,4vw,3rem)/1 "DM Mono",monospace;letter-spacing:.08em;transition:opacity .2s,transform .2s}.word-card span{color:#8da8ad}.word-card .typed{color:#ffcf49}.word-card .current{color:#fff4db;text-decoration:underline 3px #ff647c;text-underline-offset:8px}.word-card small{display:block;margin-top:13px;color:#a9c2be;font:500 .57rem/1 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.hidden{display:none!important}.toast{position:absolute;z-index:3;top:38%;left:50%;transform:translate(-50%,-15px) scale(.9);opacity:0;color:#fff4db;font:800 clamp(1.1rem,3vw,1.6rem)/1 Outfit,sans-serif;letter-spacing:.03em;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%) scale(1)}.toast.success{color:#ffcf49}.toast.miss{color:#ff9da3;font-size:1rem}.countdown{position:absolute;z-index:5;inset:40% 0 auto;text-align:center;color:#fff4db;font:800 clamp(4rem,12vw,9rem)/1 Outfit,sans-serif;transform:scale(.7);opacity:0;pointer-events:none}.countdown.show{animation:count .6s ease both}@keyframes count{15%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.25)}}.typing-deck{z-index:3;padding:12px clamp(16px,4vw,64px) 16px;display:grid;grid-template-columns:120px 1fr 130px;align-items:center;gap:clamp(12px,3vw,40px);background:#102238;border-top:1px solid rgb(255 244 219 / .12)}.guide-copy{display:grid;gap:2px}.eyebrow{color:#ffcf49;font:500 .65rem/1 DM Mono,monospace;letter-spacing:.14em}.guide-copy strong{font:700 2rem/1 DM Mono,monospace}.guide-copy span:last-child{color:#a9c2be;font-size:.73rem;white-space:nowrap}.keyboard{display:grid;gap:3px;justify-content:center}.key-row{display:flex;gap:3px;justify-content:center}.key-row:nth-child(2){padding-left:12px}.key-row:nth-child(3){padding-left:28px}.key-row span{display:grid;place-items:center;width:clamp(19px,3vw,34px);height:clamp(20px,3.2vw,32px);border-radius:5px;color:#80a1a9;background:#1c3850;border:1px solid #294a61;font:500 clamp(.58rem,1.5vw,.78rem)/1 "DM Mono",monospace;transition:.15s ease}.key-row span.active{color:#17283b;background:#ffcf49;border-color:#fff1a7;transform:translateY(-3px);box-shadow:0 5px 16px #ffcf494d}.hands{display:flex;flex-direction:column;gap:4px;align-items:flex-end;color:#7294a0;font:500 .57rem DM Mono,monospace;letter-spacing:.08em}.hands i{width:106px;height:15px;border-radius:12px 12px 3px 3px;border:1px solid #527785;background:linear-gradient(90deg,transparent 7%,#31556b 7% 17%,transparent 17% 24%,#31556b 24% 35%,transparent 35% 42%,#31556b 42% 53%,transparent 53% 60%,#31556b 60% 71%,transparent 71%)}.overlay{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#0c1d2fc7;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.start-screen{overflow:hidden;background:radial-gradient(circle at 50% 44%,#345b65 0,#182c43 48%,#102238)}.start-content{position:relative;z-index:2;max-width:600px;text-align:center;padding:25px}.start-content h1{margin:12px 0 16px;font-size:clamp(4rem,11vw,8.5rem);letter-spacing:-.085em;line-height:.83}.start-content h1 em{color:#ff647c;font-style:normal}.intro{max-width:420px;margin:0 auto 30px;color:#c4d7cf;font-size:1.05rem}.play-button{min-width:204px;padding:16px 23px;border:0;border-radius:100px;color:#17283b;background:#ffcf49;cursor:pointer;box-shadow:0 10px #e8a92b,0 16px 28px #0003;font-weight:800;font-size:1rem;transition:transform .15s,box-shadow .15s}.play-button:hover{transform:translateY(-3px);box-shadow:0 13px #e8a92b,0 20px 30px #00000038}.play-button:active{transform:translateY(5px);box-shadow:0 5px #e8a92b}.play-button span{margin-left:10px;opacity:.55}.start-note{margin-top:25px;color:#a9c2be;font:500 .65rem DM Mono,monospace;letter-spacing:.08em}.home-row{position:absolute;bottom:38px;display:grid;justify-items:center;gap:8px;color:#b7d1cb;font-size:.75rem}.home-row b{color:#fff4db}.home-row kbd{margin:0 2px;padding:2px 5px;border-radius:4px;color:#ffcf49;background:#284256;font:.67rem DM Mono,monospace}.start-orbit{position:absolute;width:min(85vw,950px);aspect-ratio:1;border:1px solid rgb(255 244 219 / .11);border-radius:50%}.orbit-a{transform:rotate(-18deg) scaleY(.32)}.orbit-b{transform:rotate(56deg) scaleY(.22)}.pause-screen>div{text-align:center}.pause-screen h2,.results-card h2{margin:12px 0 28px;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.06em}.results-card{width:min(520px,calc(100% - 32px));padding:40px;text-align:center;border:1px solid rgb(255 244 219 / .2);border-radius:27px;background:#1b3650;box-shadow:0 28px 70px #0000004d}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -12px 28px}.result-grid strong{display:block;margin-top:6px;color:#ffcf49;font-size:clamp(1.5rem,4vw,2.2rem)}.result-message{margin:0 auto 27px;max-width:320px;color:#c4d7cf}@media(max-width:650px){.hud{height:70px;padding:14px 16px}.hud-stats{gap:13px}.hud small{font-size:.5rem}.typing-deck{grid-template-columns:85px 1fr;gap:8px}.hands{display:none}.guide-copy strong{font-size:1.45rem}.guide-copy span:last-child{font-size:.58rem;white-space:normal}.word-card{top:7%;min-width:210px;padding:12px 16px 9px}.home-row{bottom:18px;padding:0 20px;text-align:center}.start-content h1{font-size:clamp(3.8rem,17vw,6rem)}.results-card{padding:32px 20px}}.countdown.show{animation:none;opacity:1;transform:scale(1)}.quiet-button{color:#fff4db;border:1px solid #527785;border-radius:12px;padding:10px 14px;background:#1c3850;font:inherit;cursor:pointer}.quiet-button:hover{background:#2b4e62}.learning-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.learning-nav .quiet-button{font-size:.8rem}.start-screen{grid-template-rows:1fr auto}.start-screen .home-row{position:relative;bottom:auto;margin:12px 0;padding:0 16px;text-align:center}.start-screen .start-orbit{pointer-events:none}.start-screen .start-content{grid-row:1}.start-screen .home-row{grid-row:2}.hands{width:220px;display:block}.typing-deck{grid-template-columns:120px 1fr 220px}.hand-diagram{width:100%;display:block;overflow:visible}.hand-diagram .palm{fill:#25445a;stroke:#7294a0;stroke-width:1.3}.hand-diagram .finger{fill:#25445a;stroke:var(--finger-color);stroke-width:1.4}.hand-diagram text{fill:#fff4db;text-anchor:middle;font:10px DM Mono,monospace;pointer-events:none}.hand-diagram .hand-label{fill:#b7d1cb;font-size:8px;letter-spacing:2px}.hand-diagram .active .finger{fill:var(--finger-color);stroke:#fff4db;stroke-width:2.5}.hand-diagram .active text{fill:#102238;font-weight:700}.keyboard [data-key]{border-bottom:3px solid var(--finger-color, #527785)}.keyboard .anchor-key{text-decoration:underline;text-underline-offset:4px}.learning-dialog{width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:clamp(20px,4vw,36px);border:1px solid #527785;border-radius:26px;background:#142d43;color:#fff4db;box-shadow:0 24px 100px #0008;overflow-y:auto}.learning-dialog::backdrop{background:#081a2bdd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learning-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.learning-heading h2{margin:8px 0 18px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.06;letter-spacing:-.045em}.learning-heading .quiet-button{padding:7px 11px}.learning-intro{color:#c4d7cf;line-height:1.5;margin:0 0 16px}.learning-muted{color:#a9c2be;font-size:.8rem;line-height:1.5}.setup-hands{max-width:350px;margin:18px auto}.setup-steps{padding-left:22px;line-height:1.5}.setup-steps li{padding-left:5px;margin:12px 0}.setup-steps b{color:#ffcf49}.learning-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:24px 0 12px}.learning-actions .play-button{min-width:170px;font-size:.9rem;padding:12px 20px}.lesson-list{display:grid;gap:10px}.lesson-choice{display:flex;align-items:center;gap:16px;text-align:left;color:#fff4db;background:#203e53;border:1px solid #527785;border-radius:16px;padding:16px;cursor:pointer}.lesson-choice:hover{border-color:#67ddb0;background:#2b4e62}.lesson-choice b{display:block;font-size:1rem;margin-bottom:5px}.lesson-choice small{color:#b7d1cb;line-height:1.4;display:block}.lesson-number{color:#67ddb0;font:1.2rem DM Mono,monospace}.practice-status{display:flex;justify-content:space-between;color:#b7d1cb;font-size:.8rem}.lesson-progress{width:100%;height:6px;accent-color:#67ddb0;margin:10px 0 0}.practice-word{text-align:center;font:700 clamp(2.4rem,8vw,3.5rem) "DM Mono",monospace;letter-spacing:.22em;padding:22px 10px 12px;color:#8da8ad;outline:none}.practice-word .typed{color:#67ddb0}.practice-word .current{color:#fff4db;text-decoration:underline #ffcf49;text-underline-offset:10px}#practice-feedback{text-align:center;min-height:2.5em;font-size:.85rem;color:#ffdc78;line-height:1.4}.practice-guide{max-width:290px;margin:18px auto 0;text-align:center}.practice-guide p{color:#ffcf49;font-size:.85rem;margin:6px 0}.practice-paused{position:absolute;inset:0;border-radius:26px;background:#102238ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:2}.practice-reward{text-align:center;font-size:4rem;color:#ffcf49}.learning-stats{display:flex;justify-content:space-around;gap:16px;padding:22px 0;border-block:1px solid #527785;text-align:center}.learning-stats strong{display:block;color:#ffcf49;font-size:1.8rem}.learning-stats span{display:block;color:#b7d1cb;font-size:.75rem}.best-list{display:flex;gap:8px}.best-list span{flex:1;text-transform:capitalize;background:#203e53;padding:12px;border-radius:10px;font-size:.8rem}.best-list b{display:block;margin-top:5px;color:#ffcf49;font-size:1.1rem}.session-list{max-height:185px;overflow-y:auto}.session-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #31556b;padding:10px 0;font-size:.85rem}.finish-round{display:block;margin:28px auto 0}.results-screen{overflow-y:auto;padding:20px 0}.results-extras p{color:#b7d1cb;font-size:.8rem;line-height:1.5;margin-top:28px}@media(max-width:800px){.typing-deck{grid-template-columns:85px 1fr 150px;gap:10px;padding-inline:12px}.hands{width:150px}}@media(max-width:580px){.typing-deck{grid-template-columns:1fr 130px}.guide-copy{grid-column:1 / -1;display:flex;gap:10px;justify-content:center;align-items:center}.hands{display:block;width:130px}.typing-deck .key-row span{width:17px;height:22px;font-size:.55rem}.typing-deck .key-row{gap:2px}.typing-deck .key-row:nth-child(3){padding-left:10px}.start-content .learning-nav{margin-top:12px}.learning-nav .quiet-button{padding:8px}}.pace-control{display:grid;gap:8px;margin:0 auto 24px;max-width:330px;color:#c4d7cf;font-size:.85rem;text-align:left}.pace-select{width:100%;padding:10px 14px;border:1px solid #7294a0;border-radius:12px;background:#102238;color:#fff4db;font:inherit;cursor:pointer}.pace-note{max-width:300px;margin:-8px auto 22px;font-size:.8rem;color:#a9c2be}button:focus-visible,select:focus-visible{outline:3px solid #67ddb0;outline-offset:5px}.food-time{display:flex;gap:10px;align-items:center;margin-top:12px}.food-time progress{width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:#31556b;accent-color:#67ddb0}.food-time progress::-webkit-progress-bar{background:#31556b}.food-time progress::-webkit-progress-value{background:#67ddb0}.food-time small{margin:0;min-width:24px;text-align:right}.start-screen{overflow-y:auto;padding:24px 0 90px}.start-content h1{font-size:clamp(3.5rem,min(10vw,13vh),7rem)}.start-content .intro{margin-bottom:18px}@media(max-height:650px){.hud{height:58px;padding-top:8px;padding-bottom:8px}.typing-deck{padding-top:8px;padding-bottom:8px}.key-row span{height:24px}.word-card{top:3%;padding:10px 18px;font-size:1.8rem}.word-card small{margin-top:8px}.food-time small{margin:0}.start-content{padding:12px 24px}.start-content h1{font-size:3.5rem;margin:8px 0 12px}.start-note{margin-top:18px}.home-row{bottom:18px}.pace-control{margin-bottom:16px}}@media(max-width:400px){.typing-deck{grid-template-columns:1fr;padding:8px}.guide-copy{display:flex;align-items:center;justify-content:center;gap:10px}.hud{padding:8px}.hud-stats{gap:5px}.hud-stats div{min-width:40px}.brand{font-size:1rem}}.start-screen{padding:18px 0 12px}.key-progress{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:7px}.key-progress>span{display:grid;gap:4px;text-align:center;padding:10px 6px;background:#203e53;border-radius:9px}.key-progress b{color:#ffcf49}.key-progress small{color:#b7d1cb}.guide-choice{margin-top:28px}.challenge-controls{display:grid;gap:9px;margin:0 auto 22px;max-width:360px;text-align:left;font-size:.82rem}.challenge-controls select{display:block;width:100%;padding:9px 12px;margin-top:6px;border-radius:10px;background:#102238;color:#fff4db;border:1px solid #7294a0;font:inherit}.adapt-option{display:flex;gap:8px;align-items:center}.adapt-option input{accent-color:#67ddb0;width:17px;height:17px}.challenge-controls p{margin:0;color:#b7d1cb;font-size:.72rem;line-height:1.4}.pack-control small{display:block;color:#b7d1cb;font-size:.7rem;margin:6px 0}.pack-control a{font-size:.72rem;color:#ffcf49}.pack-control{padding-bottom:10px;border-bottom:1px solid #52778566}.target-rack{position:absolute;z-index:2;top:8%;left:3%;right:3%;display:grid;grid-template-columns:repeat(var(--targets,1),minmax(0,1fr));gap:12px;pointer-events:none}.word-card.target-card{position:relative;inset:auto;transform:none;min-width:0;width:min(100%,280px);justify-self:center;padding:12px;font-size:clamp(1.2rem,2.8vw,2.5rem);border:2px solid #527785;transition:border-color .15s}.target-rack.multi-row{bottom:60px;grid-template-rows:repeat(2,minmax(0,1fr));align-items:start}.target-card.locked{border-color:#ffcf49;box-shadow:0 0 20px #ffcf4922}.target-card small{font-size:.55rem;letter-spacing:.02em;line-height:1.3}.challenge-status{position:absolute;top:8px;left:10px;right:10px;text-align:center;color:#b7d1cb;font-size:.7rem}.game-shell[data-theme=watermelon]{background:radial-gradient(circle at 50% 40%,#315c59,#142f3a 62%)}.game-shell[data-theme=watermelon]:before{background-image:radial-gradient(#ff8ca1 1px,transparent 1px)}.game-shell[data-theme=watermelon] .typing-deck{background:#122f37}.game-shell[data-theme=watermelon] .key-row span.active{background:#ff718b;border-color:#ffc1cc;box-shadow:0 5px 16px #ff718b55}.game-shell[data-theme=citrus]{background:radial-gradient(circle at 50% 40%,#4e5730,#263326 62%)}.game-shell[data-theme=citrus]:before{background-image:radial-gradient(#ffcf49 1px,transparent 1px)}.game-shell[data-theme=citrus] .typing-deck{background:#253329}.game-shell[data-theme=citrus] .key-row span.active{background:#ff964f;border-color:#ffcf49;box-shadow:0 5px 16px #ff964f55}.best-list{flex-wrap:wrap}.best-list span{min-width:150px}@media(max-width:700px){.target-rack{top:9%;gap:7px}.word-card.target-card{font-size:1.05rem;padding:7px}.target-card .food-time{margin-top:6px}.challenge-status{font-size:.6rem}}.results-card h2{font-size:clamp(2rem,5vw,2.7rem);line-height:1.1}.result-grid>div:last-child{order:-1}.settings-fields{display:grid;gap:18px}.settings-fields>label:not(.check-setting){display:grid;grid-template-columns:1fr auto;gap:10px;color:#fff4db;font-size:.95rem}.settings-fields input[type=range],.settings-fields select{grid-column:1 / -1;width:100%;accent-color:#67ddb0}.settings-fields output{color:#ffcf49;font:.9rem DM Mono,monospace}.check-setting{display:flex;align-items:center;gap:12px}.check-setting input{width:20px;height:20px;accent-color:#67ddb0}.settings-fields .learning-muted{margin:-8px 0 0}.settings-dialog #settings-status{text-align:center;min-height:2em}.mode-choice{border:0;padding:0;margin:20px auto;max-width:360px;display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.startup-loading,.startup-error{max-width:480px;margin:15vh auto;padding:28px;text-align:center;line-height:1.5}.startup-error h1{font-size:3rem;line-height:1}.mode-choice legend{font-size:.75rem;color:#b7d1cb;margin-bottom:8px}.mode-choice label{position:relative;cursor:pointer}.mode-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.mode-choice label>span{display:block;padding:12px;border:1px solid #527785;border-radius:14px;background:#142e44;color:#c4d7cf;font-weight:600}.mode-choice small{display:block;font-size:.7rem;margin-top:4px;font-weight:400}.mode-choice input:checked+span{border-color:#67ddb0;color:#fff4db;background:#235044}.mode-choice input:focus-visible+span{outline:3px solid #ffcf49;outline-offset:3px}.mode-choice p{grid-column:1 / -1;margin:3px 0 0;min-height:2.6em;color:#b7d1cb;font-size:.75rem;line-height:1.4}.beat-display{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:14px;padding:9px 16px;border:1px solid #527785;border-radius:99px;background:#102238ed;color:#b7d1cb;font-size:.7rem;white-space:nowrap}.beat-name{color:#67ddb0;font-size:.65rem;letter-spacing:.08em}.beat-dots{display:flex;gap:7px}.beat-dots i{display:block;width:9px;height:9px;border:1px solid #7294a0;border-radius:50%}.beat-dots i.active{background:#67ddb0;border-color:#a6f4d5}.beat-display.on-beat{border-color:#67ddb0}.beat-display.on-beat .beat-dots i.active{background:#ffcf49}.rhythm-calibration{margin-top:24px;border-top:1px solid #527785;padding-top:18px}.rhythm-calibration summary{cursor:pointer;color:#ffcf49;padding:6px 0}.rhythm-calibration label{display:flex;justify-content:space-between;font-size:.85rem}.rhythm-calibration input{width:100%;accent-color:#67ddb0}.rhythm-calibration output{color:#ffcf49}.rhythm-calibration .learning-actions{margin:12px 0}.start-content{width:min(100%,600px)}@media(min-width:850px){.start-content{width:min(960px,96vw);max-width:960px;display:grid;grid-template-columns:1fr 360px;column-gap:70px;text-align:left;align-items:start;padding:26px}.start-content>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin-bottom:14px}.start-content>h1{grid-column:1;grid-row:2 / 4;font-size:clamp(4rem,7.6vw,6.5rem);margin:0;align-self:center}.start-content>.intro{grid-column:1;grid-row:4 / 6;margin:14px 0;max-width:330px;align-self:start}.start-content>.mode-choice{grid-column:2;grid-row:1 / 3;width:100%;margin:0 0 18px}.start-content>.pace-control{grid-column:2;grid-row:3;width:100%;max-width:none;margin-bottom:14px}.start-content>.challenge-controls{grid-column:2;grid-row:4 / 7;width:100%}.start-content>.play-button{grid-column:2;grid-row:7;width:100%}.start-content>.start-note{grid-column:2;grid-row:8;text-align:center;line-height:1.6;margin-top:18px}.start-content>.learning-nav{grid-column:1;grid-row:6 / 9;justify-content:flex-start;align-self:end;max-width:350px;margin:0}}@media(max-width:580px){.beat-display{gap:8px;padding:8px 10px;max-width:98%}.beat-name{display:none}.beat-display #beat-count{font-size:.6rem}}.pause-screen{overflow-y:auto;padding:24px 16px}.pause-screen>div{margin:auto;max-width:420px}.pause-screen .settings-button{margin-top:14px}input:focus-visible,a:focus-visible{outline:3px solid #67ddb0;outline-offset:4px}.game-shell.reduced-effects.missed:after{animation:none;box-shadow:inset 0 0 0 3px #ff96a0}.reduced-effects .toast,.reduced-effects .word-card,.reduced-effects .key-row span{transition:none}.reduced-effects .countdown{animation:none}@media(prefers-reduced-motion:reduce){.start-orbit{animation:none}}.guide-compact .hands{display:none}.guide-compact .typing-deck{grid-template-columns:120px 1fr}.guide-hidden .typing-deck{display:none}.challenge-controls{grid-template-columns:1fr 1fr}.challenge-controls .pack-control,.challenge-controls .adapt-option,.challenge-controls p{grid-column:1 / -1}.word-card.target-card{font-size:clamp(.85rem,calc(2.8vw * var(--word-scale,1)),calc(2.5rem * var(--word-scale,1)))}@media(max-width:700px){.word-card.target-card{font-size:max(.76rem,calc(1.05rem * var(--word-scale,1)))}}@media(max-width:580px){.typing-deck{grid-template-columns:1fr 130px}.guide-copy{grid-column:1 / -1}.guide-compact .typing-deck{grid-template-columns:1fr}}