/* Quiz arena: midnight stage, electric lime feedback, a continuous word rail. */
:root{color-scheme:dark;--bg:#0a101b;--paper:#101a2a;--text:#f4f7ff;--muted:#8c9cb7;--line:#25344c;--accent:#d6ff5f;--accent-soft:#d6ff5f12;--green:#d6ff5f;--light-green:#d6ff5f15;--success:#d6ff5f;--danger:#ff7f95;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:'DM Sans','Noto Sans JP',sans-serif}
body{background:radial-gradient(ellipse at 50% 40%,#11234644,transparent 65%),var(--bg)}
.header{height:72px;min-height:72px;padding-inline:max(36px,calc((100vw - 1360px)/2));gap:58px;border-color:#22334b;background:#090f19b3}
.brand{display:flex;align-items:center;font-family:var(--sans);font-size:28px;letter-spacing:-1px}.brand-dot{font-size:32px;color:var(--text)}.brand-spark{color:var(--accent);font-size:35px;font-weight:400;margin-right:13px}
.header nav{gap:36px}.nav-item{font-size:13px}.nav-item.active{color:var(--accent)}.nav-item.active:after{height:2px;bottom:13px}.nav-count{border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:9px}.help-button{font-size:12px}
main{max-width:1432px;padding:0 36px;min-height:calc(100vh - 144px)}
.intro{display:flex;justify-content:space-between;gap:20px;padding:32px 12px 26px}.intro h1{font-size:clamp(25px,2.7vw,38px);font-weight:800;letter-spacing:-.045em;line-height:1.5}.intro p{font-size:13px;margin:8px 0 0;color:#a9b7cd;letter-spacing:.025em}.intro-side{font-size:10px;letter-spacing:2px;color:#657893;align-self:flex-end;padding-bottom:5px;white-space:nowrap}
.practice-card{position:relative;border:1px solid #2a4d76;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#1337785c,transparent 60%),linear-gradient(135deg,#0c1625,#090f1b 65%,#0d1a2d);overflow:hidden;box-shadow:0 16px 70px #00000022}
.practice-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#6190ff02 3px 4px);z-index:0}
.arena-toolbar{position:relative;z-index:1;display:flex;align-items:center;gap:20px;padding:22px 24px 12px}.arena-toolbar>.select-label{position:relative;flex-shrink:0}.arena-toolbar>.select-label>[data-icon]{position:absolute;left:14px;pointer-events:none;color:#c6d5ee}.arena-toolbar select{min-width:180px;padding-left:43px;font-size:12px;min-height:44px;border:1px solid #385478;background:linear-gradient(#152237,#0e192a);border-radius:9px}
.metrics{display:flex;flex:1;justify-content:center;gap:0;padding:0;min-width:0}.metric{padding:0 25px;text-align:center;border-color:#38506f;display:flex;flex-direction:column;gap:5px;min-width:95px}.metric:first-child{border-left:1px solid #38506f;padding-left:25px}.metric-label{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:#a6bfdf}.metric strong{font-family:var(--mono);font-size:25px;line-height:1.2;letter-spacing:1px;color:#eef5ff;text-shadow:0 0 14px #6ba1ff55;font-weight:700}.metric small{font-size:16px}.combo-metric strong{color:var(--accent);text-shadow:0 0 16px #d6ff5f55}.combo-metric small{font-size:14px}.arena-options{display:flex;gap:15px;align-items:center;flex-shrink:0}.sound-button{color:#c0cde0;display:flex;align-items:center;gap:9px;min-height:44px;border:1px solid #385478;border-radius:8px;padding:0 12px;font-size:17px}.sound-button span{font-size:11px;white-space:nowrap}.sound-button[aria-pressed=true]{color:var(--accent)}.translation-toggle{font-size:10px;flex-direction:row;gap:8px;color:#aebcd1;white-space:nowrap}.translation-toggle input{left:0;right:auto}.switch{width:29px;height:17px;padding:3px;background:#3b4a61}.switch:after{width:11px;height:11px}.translation-toggle input:checked+.switch{background:#8da947}.translation-toggle input:checked+.switch:after{transform:translateX(12px)}
.typing-area{padding:24px 0 0;min-height:290px;position:relative;isolation:isolate;cursor:text}.question-number{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--mono);font-size:10px;letter-spacing:3px;color:#a8bedc;position:relative;z-index:1}.question-number b{color:#dfeaff;font-weight:500;letter-spacing:1px}.question-number>span{height:1px;width:26px;background:#4d688d}.word-board{position:relative;display:block;height:155px;min-height:155px;overflow:hidden;margin:8px 0 0;perspective:1000px;contain:layout paint}
.word{position:absolute;left:50%;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:57%;height:100%;max-width:none;padding:0;gap:4px;will-change:transform,opacity;transform-origin:center;transition:transform 600ms cubic-bezier(.18,.8,.2,1),opacity 500ms ease,filter 600ms ease;transform:translateX(-50%) scale(1);z-index:2;opacity:1}
.word-en{font-family:var(--sans);font-weight:800;font-size:calc(clamp(62px,8.2vw,112px) * var(--word-scale,1));line-height:1.2;letter-spacing:-.045em;white-space:nowrap;overflow-wrap:normal;color:#f5f8ff;text-shadow:0 0 34px #1766ed45;transition:color 350ms,text-shadow 350ms;max-width:100%}.word.current .word-en{box-shadow:none;color:#f5f8ff}.word-state{font-family:var(--mono);font-size:11px;letter-spacing:2.3px;color:#7790b4;height:16px}.word.current .word-state{display:none}.word-ja{min-height:18px;line-height:1.5;font-size:19px;max-width:100%;text-align:center;color:#9bb1d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word.current .word-ja{display:none}.word[data-offset="-1"]{transform:translateX(-116%) scale(.43);opacity:.55;filter:blur(.2px);z-index:1}.word[data-offset="1"]{transform:translateX(16%) scale(.43);opacity:.5;filter:blur(.2px);z-index:1}.word[data-offset="-2"]{transform:translateX(-180%) scale(.27);opacity:0;z-index:0}.word[data-offset="2"]{transform:translateX(80%) scale(.27);opacity:0;z-index:0}.word.done .word-en{color:#a3bce1;text-shadow:none}.word.upcoming .word-en{color:#a3bce1}.word.upcoming .word-ja{display:none}.word.done .word-state{color:var(--accent)}.character.correct{color:var(--accent)}.character.wrong{color:var(--danger);background:#ff65791c;border-radius:4px}.character.caret:before{display:none}.hide-translations .word-ja{visibility:hidden}
.stage-rail{position:relative;display:flex;align-items:center;justify-content:space-around;height:19px;margin:0 25px;color:#6697eb;font-size:28px;line-height:1;background:linear-gradient(transparent 45%,#497ae777 49%,#7ea7ffbb 50%,#497ae777 53%,transparent 58%);filter:drop-shadow(0 0 8px #3f88ff)}.stage-rail:before{content:'';position:absolute;top:9px;width:80%;left:10%;height:24px;background:radial-gradient(ellipse at top,#1b66ff6b,transparent 70%);pointer-events:none}.stage-rail i{font-size:26px;color:var(--accent);font-style:normal;text-shadow:0 0 15px #d6ff5fcc;position:relative}.stage-rail span{font-size:23px;font-weight:300;opacity:.55}.stage-rail span:nth-child(2n){opacity:.9}
.translation-slot{display:flex;justify-content:center;min-height:80px;padding:16px 24px 10px;position:relative;z-index:3}.answer-reveal{display:flex;align-items:center;justify-content:center;gap:14px;min-height:46px;min-width:275px;max-width:80%;padding:8px 24px;border:1px solid #314e73;border-radius:10px;background:linear-gradient(140deg,#13223a,#0b1728);color:#f3f9ff;font-size:20px;text-align:center;line-height:1.5}.translation-placeholder{font-family:var(--mono);font-size:18px;letter-spacing:8px;color:#5b7599}.answer-reveal.revealed{border-color:#a7cf4b;background:#15261f;animation:meaning-reveal 440ms cubic-bezier(.15,.9,.25,1.3) both;box-shadow:0 0 25px #d6ff5f16}.answer-meaning{overflow-wrap:anywhere;font-weight:600;font-size:clamp(13px,1.6vw,21px)}.answer-check{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#122009;width:24px;height:24px;border-radius:50%;font-size:14px;flex-shrink:0}.answer-points{color:var(--accent);font-family:var(--mono);font-size:12px;white-space:nowrap}.answer-reveal.hide-translations .answer-meaning{display:none}
.answer-area{position:relative;width:min(76%,950px);margin:8px auto 0;z-index:3}.input-row{padding:10px 12px 10px 24px;gap:16px;min-height:76px;margin:0;border:1px solid #a8c64b;border-radius:12px;background:#080f19d9;box-shadow:0 0 0 1px #d6ff5f14,0 0 30px #d6ff5f07;transition:border-color 200ms,box-shadow 200ms}.input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px #d6ff5f44,0 0 30px #d6ff5f0b}.input-cursor{height:31px;width:2px;background:var(--accent);flex-shrink:0;box-shadow:0 0 10px #d6ff5f55}.input-row input{font-family:var(--sans);font-size:25px;letter-spacing:.015em;caret-color:var(--accent);height:42px;padding:0;color:var(--text);min-width:0}.input-row input::placeholder{font-family:var(--sans);font-size:20px;letter-spacing:.04em;color:#69768e}.submit-answer{display:flex;gap:13px;align-items:center;justify-content:center;flex-shrink:0;min-width:164px;min-height:54px;background:var(--accent);color:#142000;font-size:19px;font-weight:700;border-radius:9px;transition:transform 160ms,background 160ms}.submit-answer:hover:not(:disabled){background:#e1ff91;transform:translateY(-1px)}.submit-answer:active{transform:scale(.97)}.submit-answer kbd{border:0;color:inherit;background:transparent;font-size:14px;letter-spacing:1px;padding:0;font-weight:600}.submit-answer:disabled{opacity:.55}#input-message{position:relative;min-height:26px;text-align:center;font-size:11px;border:0;padding:7px 0 0;color:#879cbb;white-space:normal}.is-error #input-message{color:var(--danger)}
.card-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 28px 18px;z-index:2}.card-bottom .text-button{border:1px solid #344a67;border-radius:8px;padding:7px 15px;font-size:11px;min-height:37px;color:#b7c5db;gap:9px}.card-bottom p{font-size:11px;color:#b0bfd5;gap:9px}.text-button:hover:not(:disabled){background:#1d2b42;color:#eaffb9}.card-bottom kbd,kbd{color:#cedbef;background:#0e192a;border:1px solid #425876;border-bottom-width:2px;border-radius:5px;font-size:10px;letter-spacing:.4px;padding:5px 8px}.card-bottom p>span{color:#48617e}
.level-panel{display:flex;align-items:center;gap:28px;margin-top:16px;border:1px solid #28415f;border-radius:12px;padding:19px 26px;min-height:75px;background:#0b1421}.level-description{display:flex;flex-direction:column;gap:5px;min-width:190px}.level-description strong{font-family:var(--mono);font-size:13px;letter-spacing:1.3px;color:#e4edff}.level-description strong>span{color:var(--accent)}.level-description>span{font-size:10px;color:#8c9cb7}.level-track{display:flex;align-items:center;justify-content:space-between;flex:1;position:relative;gap:8px;isolation:isolate}.level-track:before{content:'';position:absolute;left:12px;right:12px;top:50%;height:1px;background:#35465d;z-index:-1}.level-track>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #59708e;border-radius:50%;width:25px;height:25px;color:#9aadc9;background:#0b1421;font-family:var(--mono);font-size:10px;transition:background 300ms,box-shadow 300ms,transform 300ms}.level-track>span.cleared{background:var(--accent);border-color:var(--accent);color:#142000}.level-track>span.active-step{border-color:var(--accent);box-shadow:0 0 0 4px #d6ff5f13;color:var(--accent);transform:scale(1.08)}.level-count{color:#68809f;font-family:var(--mono);font-size:11px;white-space:nowrap}.level-count b{color:#c2d2eb}
.practice-foot{display:flex;align-items:center;gap:20px;padding:13px 4px;min-height:51px}.session-label{font-size:10px;color:#8fa3bf;font-weight:400}.mini-stat{margin-left:auto;color:#7e92ae;font-family:var(--mono);font-size:10px;white-space:nowrap}.mini-stat b{color:#b1c4df;font-weight:500}.mini-stat>span{padding:0 7px;color:#425771}#finish{background:#142035;border:1px solid #304765;border-radius:7px;color:#c0d0e8;padding:7px 12px;font-size:10px;min-height:34px}
.keyboard-section{display:flex;gap:30px;align-items:center;border-top:1px solid #1c2a3f;padding:15px 4px}.keyboard-heading{flex-shrink:0;font-size:10px;gap:6px}.keyboard-heading strong{display:flex;align-items:center;gap:9px;font-size:11px;color:#becce1}.keyboard-heading strong svg{width:19px;height:19px}.keyboard-heading>span{font-size:9px;color:#5e7493}.keyboard-guide{max-width:470px;margin:0 auto}.keyboard{gap:4px}.key-row{gap:4px}.key{height:19px;width:28px;background:#0c1523;border-color:#34445e;color:#738aaa;font-size:9px;box-shadow:0 2px 0 #030810}.key.wide{width:42px}.key.space{height:17px;width:140px}.key.next{background:#d6ff5f;border-color:#d6ff5f;color:#142000;box-shadow:0 0 12px #d6ff5f33}.manage-button{font-size:11px;color:#a4b7d3;white-space:nowrap}.below-card{justify-content:center;gap:30px;padding:14px 0 21px;color:#526886;font-size:9px}.local-label{font-size:9px;color:#7286a2}.local-label .tiny-dot{background:#6a8f76}.below-card>span:last-child{color:#566d8a}footer{padding:18px max(36px,calc((100vw - 1360px)/2));border-color:#1e2a3d;font-size:10px;color:#5e7493}.footer-brand{font-family:var(--sans);font-size:20px;color:#adbed8}.footer-brand>span{color:var(--accent)}.footer-right{font-size:8px}
.pause-overlay{background:#0b1526eb;backdrop-filter:blur(12px);z-index:7}.pause-overlay>[data-icon]{color:var(--accent)}.primary{background:var(--accent);border-color:var(--accent);color:#152006;font-weight:600;border-radius:7px}.primary:hover:not(:disabled){background:#e2ff9a}.celebration{position:absolute;left:50%;top:45%;width:0;height:0;pointer-events:none;z-index:5}.celebration>i{position:absolute;width:4px;height:8px;background:var(--accent);border-radius:2px;animation:particle-burst 680ms var(--delay) ease-out both;transform:rotate(var(--angle))}.celebration>i:nth-child(3n){background:#80b4ff}.is-correct .word.current .word-en{color:var(--accent);text-shadow:0 0 50px #c7ff4c55;animation:word-correct 500ms ease-out}.is-correct .stage-rail{animation:rail-flash 750ms ease-out}.is-moving .word.current .word-en{color:#f5f8ff;animation:none}.is-moving .answer-reveal{animation:meaning-depart 400ms ease-in forwards}.is-error .input-row{border-color:var(--danger);animation:answer-shake 360ms ease-out}.level-toast{position:absolute;left:0;top:-80px;transform:translateX(-50%);white-space:nowrap;font-family:var(--mono);font-size:23px;color:var(--accent);text-shadow:0 0 25px #d6ff5f77;animation:level-pop 1.3s both}.level-up{border-color:#a8c64b;box-shadow:0 0 40px #d6ff5f12}.word-board>.empty-state{font-size:12px;padding:12px 20px}.empty-state strong{font-size:20px}.empty-state .primary{font-size:12px;margin-top:12px}
#input-message{display:block}
.word:not(.current) .word-state{font-size:22px;height:27px}
.word:not(.current) .word-ja{font-size:28px;min-height:35px}
@media(max-width:700px){.intro p{max-width:265px}.word:not(.current) .word-state{font-size:23px}.word:not(.current) .word-ja{font-size:27px}}
/* Secondary views use the same palette without changing their saved data or actions. */
.secondary-view{padding:40px 12px}.secondary-view h1{font-size:34px}.secondary-view h1>span{text-decoration-thickness:2px}.secondary-view .view-description{font-size:12px}.library-add-panel{border-color:#2c405d;background:#0d1727}.library-add-panel input,#import-text{background:#09121f!important;border-color:#344b6b!important;color:var(--text)}.select-label select,.search-box{border-color:#344b6b;background:#101c2d}.review-word strong{color:#e1ebfb}.save-button:hover{background:#203047}.save-button.saved{color:var(--accent);background:#d6ff5f12}.delete-button{color:#ff95a7}.delete-button:hover:not(:disabled){background:#ff7f9512}.secondary-button{border-color:#3b5375;background:#122035}.undo-bar{color:#d6ff5f}.history-empty-icon{border-color:#66809f}.results{background:#0e1929;border-color:#2c4263}.eyebrow{color:var(--accent)}dialog{background:#0f1b2d;border-color:#3b5274;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#020711bb}.dialog-close:hover{background:#21334e}.toast{background:#dfedff;color:#142036;z-index:30}.skip-link{background:var(--accent);color:#142000}
@keyframes meaning-reveal{from{opacity:0;transform:translateY(16px) scale(.9);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes meaning-depart{to{opacity:0;transform:translate(-35px,-5px) scale(.95)}}
@keyframes word-correct{0%{transform:scale(1)}35%{transform:scale(1.055)}100%{transform:scale(1)}}
@keyframes rail-flash{25%{filter:drop-shadow(0 0 15px #d6ff5f);color:var(--accent)}100%{filter:drop-shadow(0 0 8px #3f88ff)}}
@keyframes particle-burst{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.3)}15%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.4)}}
@keyframes answer-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}100%{transform:translateX(0)}}
@keyframes level-pop{0%{opacity:0;transform:translate(-50%,15px) scale(.7)}25%,70%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-20px)}}
@media(min-width:1500px){.typing-area{padding-top:35px}.word-board{height:185px}.translation-slot{min-height:92px}.card-bottom{padding-bottom:25px}.intro{padding-block:38px 30px}}
@media(max-width:1150px){.arena-toolbar{gap:12px;padding-inline:18px}.metric{min-width:75px;padding-inline:16px}.metric:first-child{padding-left:16px}.arena-toolbar select{min-width:156px;font-size:11px}.arena-options{gap:10px}.translation-toggle{font-size:9px}.sound-button{padding-inline:9px}.intro-side{display:none}.answer-area{width:80%}.card-bottom p{font-size:10px;gap:6px}}
@media(max-width:900px){.arena-toolbar{flex-wrap:wrap;justify-content:space-between}.metrics{order:3;flex-basis:100%;padding-top:17px}.metric{flex:1;max-width:150px}.metric:first-child{border:0}.arena-options{gap:18px}.typing-area{padding-top:22px}.word-board{height:135px;min-height:135px}.answer-area{width:86%}.level-description{min-width:160px}.level-panel{gap:18px}.keyboard-section{gap:12px}.keyboard-guide{max-width:350px}.manage-button{font-size:10px}.key{width:25px}.card-bottom{padding-inline:20px}.card-bottom .text-button{padding-inline:10px;font-size:10px}.card-bottom p{font-size:9px}.card-bottom p>span,.card-bottom p>kbd:last-child{display:none}}
@media(max-width:700px){.header{height:auto;min-height:105px;padding:12px 20px 0;gap:0}.brand{font-size:25px}.brand-spark{font-size:29px;margin-right:9px}.brand-dot{font-size:28px}.header nav{gap:15px;justify-content:flex-start;min-height:43px;margin-top:7px}.nav-item{font-size:11px;margin-right:16px}.nav-item.active:after{bottom:0}.help-button{font-size:10px}.header nav .nav-count{font-size:8px}.help-button svg{width:16px;height:16px}main{padding:0 16px;min-height:calc(100vh - 170px)}.intro{padding:24px 3px 20px}.intro h1{font-size:clamp(19px,5vw,30px);letter-spacing:-.055em;white-space:nowrap}.intro p{font-size:10px;line-height:1.9;margin-top:6px;max-width:300px}.practice-card{border-radius:12px}.arena-toolbar{padding:14px 14px 8px;gap:8px}.arena-toolbar select{min-width:144px;max-width:155px;font-size:10px;min-height:38px;padding:8px 24px 8px 34px;border-radius:7px}.arena-toolbar>.select-label>[data-icon]{left:10px}.arena-toolbar>.select-label svg{width:16px}.arena-options{gap:10px}.sound-button{border:0;padding:4px;min-height:34px;font-size:16px;gap:4px}.sound-button span{display:none}.translation-toggle{font-size:9px;gap:5px}.switch{width:25px;height:15px;padding:2px}.switch:after{height:11px;width:11px}.translation-toggle input:checked+.switch:after{transform:translateX(10px)}.metrics{padding-top:15px}.metric{min-width:0;max-width:none;padding:0 12px;gap:6px}.metric:first-child{padding-left:0}.metric:last-child{padding-right:0}.metric-label{font-size:8px;letter-spacing:1.2px}.metric strong,.time-metric strong{font-size:21px;letter-spacing:0}.metric small{font-size:12px}.typing-area{padding-top:24px;min-height:248px}.question-number{font-size:9px;letter-spacing:2px;gap:8px}.question-number>span{width:18px}.word-board{height:115px;min-height:115px;margin-top:9px}.word{width:68%;gap:2px}.word-en{font-size:calc(clamp(45px,12.6vw,82px) * var(--word-scale,1));letter-spacing:-.05em}.word[data-offset="-1"]{transform:translateX(-106%) scale(.32);opacity:.45}.word[data-offset="1"]{transform:translateX(6%) scale(.32);opacity:.45}.word[data-offset="-2"]{transform:translateX(-165%) scale(.2)}.word[data-offset="2"]{transform:translateX(65%) scale(.2)}.word-state{font-size:14px;height:19px;letter-spacing:1px}.word-ja{font-size:22px;min-height:26px}.stage-rail{margin-inline:12px;height:17px}.stage-rail span{font-size:19px}.stage-rail i{font-size:22px}.translation-slot{padding:13px 15px 8px;min-height:70px}.answer-reveal{min-height:41px;min-width:180px;max-width:95%;padding:7px 13px;gap:8px;border-radius:8px}.translation-placeholder{font-size:13px}.answer-meaning{font-size:14px}.answer-points{font-size:9px}.answer-check{width:19px;height:19px;font-size:11px}.answer-area{width:calc(100% - 30px);margin-top:0}.input-row{min-height:63px;padding:7px 8px 7px 12px;border-radius:9px;gap:9px}.input-cursor{height:26px}.input-row input{font-size:21px;height:40px}.input-row input::placeholder{font-size:13px;letter-spacing:0}.submit-answer{min-width:78px;min-height:45px;font-size:15px;flex-direction:column;gap:0;border-radius:6px}.submit-answer kbd{font-size:8px;letter-spacing:1px}.card-bottom{padding:2px 13px 13px;gap:5px;flex-wrap:wrap}.card-bottom p{order:-1;width:100%;justify-content:center;min-height:29px;font-size:9px}.card-bottom p>span,.card-bottom p>kbd:last-child{display:inline}.card-bottom kbd{font-size:8px;padding:2px 5px}.card-bottom .text-button{font-size:9px;min-height:34px;padding:4px 9px;gap:5px}.card-bottom .text-button svg{width:13px;height:13px}.card-bottom #restart{margin-left:auto}#input-message{font-size:9px;min-height:25px;padding-top:6px}.level-panel{padding:15px 14px;gap:12px;flex-wrap:wrap;margin-top:12px;border-radius:10px}.level-description{flex:1;min-width:0;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:10px}.level-description strong{font-size:11px}.level-description>span{font-size:9px}.level-track{order:3;flex-basis:100%;gap:4px}.level-track>span{width:22px;height:22px;font-size:9px}.level-count{display:none}.practice-foot{flex-wrap:wrap;gap:8px;padding:12px 2px}.session-label{font-size:9px;gap:5px;flex-basis:100%}.mini-stat{margin-left:0;font-size:9px}#finish{margin-left:auto;min-height:31px;font-size:9px}.keyboard-section{padding:13px 2px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.keyboard-heading{width:auto;display:block;flex:1}.keyboard-heading strong{font-size:10px}.keyboard-heading>span{display:none}.keyboard-guide{order:3;max-width:320px;width:100%;margin:auto}.keyboard{gap:4px}.key{height:20px;width:26px;font-size:8px}.key.wide{width:36px}.key.space{height:18px;width:130px}.manage-button{font-size:9px;min-height:28px}.below-card{padding:14px 0 18px;gap:8px;flex-direction:column;align-items:center}.local-label{font-size:8px}.below-card>span:last-child{font-size:8px}footer{padding:16px;gap:15px}.footer-brand{font-size:18px}.footer-right{font-size:7px;letter-spacing:1.5px}.secondary-view{padding:30px 3px}.secondary-view h1{font-size:27px}.level-toast{font-size:18px;top:-55px}.results{padding:22px 17px}.section-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celebration>i{display:none}}