@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&family=M+PLUS+Rounded+1c:wght@500;800&display=swap";:root{--color-primary:#8bd3dd;--color-secondary:#cbaacb;--color-accent:#ffebb3;--color-bg-light:#f4f9f9;--color-bg-dark:#202b38;--color-text:#4a4e69;--color-text-light:#f4f9f9;--color-cloud-face:#2c3e50;--color-success:#a8e6cf;--color-error:#ffb380;--color-panel-bg:#fffffff2;--color-btn-bg:#eee;--color-input-border:#eee;--color-sky-1:#c5f0f3;--color-sky-2:#ffeaa7;--color-sky-3:#ffdac1;--color-sky-4:#cbaacb;--color-sky-5:#352f44;--font-main:"Nunito", sans-serif;--font-display:"M PLUS Rounded 1c", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--color-text);background-color:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .5s,color .5s;overflow:hidden}button{font-family:var(--font-display);cursor:pointer;border:none;outline:none}.full-screen{flex-direction:column;width:100vw;height:100vh;display:flex}[data-theme=dark]{--color-bg-light:#202b38;--color-text:#f4f9f9;--color-primary:#3d5a80;--color-secondary:#6b5b95;--color-sky-1:#2a3d4f;--color-sky-2:#3e3b32;--color-sky-3:#4a3831;--color-sky-4:#4b344b;--color-sky-5:#1c1825;--color-panel-bg:#202b38f2;--color-btn-bg:#3d5a80;--color-input-border:#4a4e69}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.presentation-container{color:#fff;background:linear-gradient(155deg,#5dbbc4,#9cdee1 53%,#bceced);place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.presentation-container:before,.presentation-container:after{content:"";background:#ffffff1f;border-radius:50%;position:absolute}.presentation-container:before{width:360px;height:360px;top:-110px;right:-75px}.presentation-container:after{width:330px;height:330px;bottom:-145px;left:-90px}.presentation-glow{aspect-ratio:1;background:radial-gradient(circle,#ffffff57,#0000 67%);border-radius:50%;width:min(78vw,520px);position:absolute}.presentation-content{z-index:2;text-align:center;flex-direction:column;align-items:center;padding:28px;display:flex;position:relative}.cloud-logo{background:#fff;border-radius:50px;width:144px;height:84px;animation:3.3s ease-in-out infinite presentation-float;position:relative;box-shadow:inset 0 -9px #dff1f2,0 12px 25px #185b6529}.cloud-logo:before,.cloud-logo:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-logo:before{width:69px;height:69px;top:-30px;left:20px}.cloud-logo:after{width:51px;height:51px;top:-21px;right:18px}.cloud-face{z-index:1;justify-content:center;align-items:center;gap:20px;width:100%;height:100%;padding-top:10px;display:flex;position:absolute}.eye{background:var(--color-cloud-face);border-radius:50%;width:10px;height:10px}.smile{border-bottom:3px solid var(--color-cloud-face);border-radius:0 0 20px 20px;width:21px;height:10px;position:absolute;bottom:23px}.presentation-kicker{letter-spacing:.13em;text-shadow:0 2px 5px #1c535b24;text-transform:uppercase;margin-top:51px;font-size:.78rem;font-weight:900}.game-title{font-family:var(--font-display);letter-spacing:-.055em;text-shadow:0 5px #2970792e,0 10px 28px #1b5f6829;margin-top:8px;font-size:clamp(3rem,12vw,5.4rem);line-height:.95}.tap-to-start{color:#1c5e67;min-height:46px;font-family:var(--font-main);background:#ffffffe6;border:1px solid #ffffff9e;border-radius:999px;margin-top:28px;padding:10px 17px;font-size:.9rem;font-weight:900;box-shadow:0 5px #1c6b743b}.tap-to-start:hover{transform:translateY(-2px)}.tap-to-start:active{transform:translateY(4px);box-shadow:0 1px #1c6b743b}.presentation-auto{opacity:.79;margin-top:15px;font-size:.7rem;font-weight:800}.falling-key{z-index:1;color:#36747d;width:39px;height:39px;font-family:var(--font-display);background:#ffffff9e;border:1px solid #ffffff85;border-radius:11px;place-items:center;font-weight:900;animation-name:falling-key;animation-timing-function:linear;animation-iteration-count:infinite;display:grid;position:absolute;top:-50px;box-shadow:0 5px 10px #185b651a}@keyframes presentation-float{0%,to{translate:0}50%{translate:0 -10px}}@keyframes falling-key{0%{opacity:0;transform:translateY(-70px)rotate(0)}10%{opacity:1}90%{opacity:.75}to{opacity:0;transform:translateY(110vh)rotate(280deg)}}@media (width<=390px){.presentation-kicker{margin-top:38px}.tap-to-start{font-size:.78rem}}.accessibility-controls{width:100%;color:var(--color-text);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.accessibility-title{text-align:center;letter-spacing:.04em;text-transform:uppercase;opacity:.76;width:100%;font-size:.78rem;font-weight:900}.accessibility-toggle{min-height:38px;color:inherit;font-family:var(--font-main);background:#ffffff9e;border:2px solid #4a4e692e;border-radius:12px;padding:7px 10px;font-size:.76rem;font-weight:800}.accessibility-toggle[aria-pressed=true]{color:#173e43;background:#d5f4f4;border-color:#2e6f76}.accessibility-toggle:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-category:focus-visible,.btn-back:focus-visible,.catalog-card:focus-visible,.tutorial-step:focus-visible{outline-offset:3px;outline:3px solid #1c4f55}:root[data-reduce-motion=true] *,:root[data-reduce-motion=true] :before,:root[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:root[data-contrast=high]{--color-text:#101827;--color-cloud-face:#000;--color-primary:#237d87;--color-secondary:#74426e;--color-panel-bg:#fff}:root[data-contrast=high] button,:root[data-contrast=high] .home-stat,:root[data-contrast=high] .tutorial-card,:root[data-contrast=high] .progress-card,:root[data-contrast=high] .catalog-card{border:2px solid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=430px){.accessibility-controls.is-compact .accessibility-title{display:none}.accessibility-controls.is-compact{justify-content:flex-start}.accessibility-controls.is-compact .accessibility-toggle{font-size:.7rem}}.home-container{background:radial-gradient(circle at 70% 15%, #ffffff85 0 8%, transparent 9%), radial-gradient(circle at 16% 84%, #ffffff38 0 9%, transparent 10%), linear-gradient(145deg, #a3e1e6, var(--color-primary));justify-content:center;align-items:center;min-height:100vh;padding:94px 20px 34px;display:flex;position:relative;overflow-y:auto}.home-container:before,.home-container:after{content:"";filter:blur(1px);pointer-events:none;background:#ffffff26;border-radius:50%;width:270px;height:86px;position:absolute}.home-container:before{top:24%;left:-100px}.home-container:after{bottom:12%;right:-78px}.home-topbar{z-index:2;pointer-events:none;justify-content:space-between;padding:0 clamp(12px,3vw,30px);display:flex;position:absolute;inset:19px 0 auto}.home-content{z-index:1;flex-direction:column;align-items:center;width:min(100%,405px);display:flex;position:relative}.home-stat{color:#304f58;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc2;border:1px solid #ffffffb3;border-radius:15px;align-items:center;gap:6px;padding:8px 11px;font-size:.82rem;font-weight:900;display:flex;box-shadow:0 4px 15px #22545d1f}.home-stat strong{font-family:var(--font-display)}.home-stat-right{max-width:min(58vw,245px)}.profile-badge{text-overflow:ellipsis;white-space:nowrap;border-radius:9px;max-width:102px;padding:3px 7px;font-size:.68rem;overflow:hidden}.profile-user{color:#236151;background:#cceee0}.profile-guest{color:#805640;background:#ffe5d1}.mini-logo{background:#fff;border-radius:30px;width:100px;height:60px;margin-bottom:34px;animation:4s ease-in-out infinite float-mini;position:relative;box-shadow:0 6px 13px #15535c24}.mini-logo:before,.mini-logo:after{content:"";background:#fff;border-radius:50%;position:absolute}.mini-logo:before{width:45px;height:45px;top:-20px;left:15px}.mini-logo:after{width:35px;height:35px;top:-15px;right:10px}.cloud-face-mini{z-index:1;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:absolute}.eye-mini{background:var(--color-cloud-face);border-radius:50%;width:6px;height:6px}.smile-mini{border-bottom:2px solid var(--color-cloud-face);border-radius:0 0 10px 10px;width:12px;height:6px;position:absolute;bottom:15px}.home-heading{color:#fff;text-align:center;text-shadow:0 3px 14px #1f57622e;margin-bottom:30px}.home-heading p{letter-spacing:.075em;text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:900}.home-heading h1{font-family:var(--font-display);font-size:clamp(2.45rem,8vw,3.5rem);line-height:1}.menu-buttons,.settings-panel{flex-direction:column;gap:12px;width:min(100%,310px);display:flex}.btn-primary,.btn-secondary{color:#fff;border-radius:18px;min-height:52px;padding:13px 24px;font-size:1.05rem;font-weight:900;transition:transform .14s,filter .14s,box-shadow .14s}.btn-primary{background:#4eaeb8;box-shadow:0 6px #348891}.btn-secondary{background:#896a96;box-shadow:0 6px #674d75}.btn-primary:hover,.btn-secondary:hover,.btn-toggle:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active{transform:translateY(5px);box-shadow:0 1px #0000}.home-play{background:#f3af56;justify-content:center;gap:10px;display:flex;box-shadow:0 6px #ce8331}.home-play span{font-size:1.35rem;line-height:.8}.home-settings-button{background:#3a5d73d1;box-shadow:0 6px #244155cc}.home-hub-links{grid-template-columns:repeat(2,1fr);gap:8px;width:min(100%,355px);margin-top:20px;display:grid}.home-hub-links button{color:#294b54;min-height:65px;font-family:var(--font-main);background:#ffffff9e;border:1px solid #ffffff9e;border-radius:14px;padding:8px 5px;font-size:.69rem;font-weight:900}.home-hub-links span{margin-bottom:2px;font-size:1.1rem;display:block}.home-hub-links button:hover{background:#fff;transform:translateY(-2px)}.home-welcome{color:#ffffffe6;text-align:center;max-width:34ch;margin:19px auto 0;font-size:.8rem;font-weight:800;line-height:1.35}.settings-panel{color:var(--color-text);background:var(--color-panel-bg);border:1px solid #ffffffb8;border-radius:22px;padding:25px;animation:.25s ease-out slide-up;box-shadow:0 12px 28px #124a5229}.home-panel h2{font-family:var(--font-display);text-align:center;margin-bottom:7px;font-size:1.6rem}.panel-kicker{color:#4d9198;letter-spacing:.09em;text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:900}.panel-description{text-align:center;margin-bottom:15px;font-size:.83rem;line-height:1.4}.setting-item{justify-content:space-between;align-items:center;gap:14px;min-height:42px;font-size:.91rem;font-weight:900;display:flex}.btn-toggle{min-width:104px;min-height:36px;color:var(--color-text);background:var(--color-btn-bg);font-family:var(--font-main);border:2px solid #33656c29;border-radius:11px;padding:7px 10px;font-size:.76rem;font-weight:900}.btn-toggle[aria-pressed=true]{color:#165a5b;background:#d9f5f4;border-color:#5eb6bb}.volume-setting{display:block}.volume-setting label{justify-content:space-between;display:flex}.volume-setting label span{color:#438087;font-size:.78rem}.volume-setting input{accent-color:#4eaeb8;width:100%;margin-top:8px}.home-input-label{font-size:.8rem;font-weight:900}.input-name{border:2px solid var(--color-input-border);width:100%;min-height:44px;color:var(--color-text);font-family:var(--font-main);background:0 0;border-radius:11px;padding:10px 12px}.home-name-input{margin:-5px 0 2px}.home-text-button{color:#8b5149;font-family:var(--font-main);background:0 0;align-self:center;font-size:.79rem;font-weight:900;text-decoration:underline}@keyframes float-mini{0%,to{transform:scale(1.38)translateY(0)}50%{transform:scale(1.38)translateY(-9px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=460px){.home-container{padding-top:92px}.home-topbar{top:11px}.home-stat{padding:6px 8px;font-size:.7rem}.home-stat span:not(.profile-badge){display:none}.mini-logo{margin-bottom:26px}.settings-panel{padding:22px}}.categories-container{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 85% 15%, #ffffff8c 0 7%, transparent 8%), linear-gradient(165deg, #e1fbfc, var(--color-sky-1));padding:clamp(20px,4vw,42px) 20px 34px;overflow-y:auto}.categories-header{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,720px);margin:0 auto 30px;display:grid}.categories-header .btn-back{justify-self:start;min-height:44px;position:static}.categories-header>div{text-align:center}.title{font-family:var(--font-display);margin:3px 0 0;font-size:clamp(1.7rem,5vw,2.45rem)}.categories-coins{color:#725d21;background:#fff6cd;border-radius:999px;justify-self:end;padding:8px 12px;font-weight:900;box-shadow:0 4px #e6d28d}.categories-layout{width:min(100%,500px);margin:auto}.categories-intro{text-align:center;margin:0 auto 18px;padding:0 8px;font-size:.91rem;font-weight:800;line-height:1.45}.categories-list{gap:12px;display:grid}.btn-category{color:#fff;text-align:left;border:1px solid #ffffffb3;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:0 13px;min-height:91px;padding:15px 18px;transition:transform .14s,filter .14s;display:grid;position:relative}.btn-category strong{font-family:var(--font-display);font-size:1.14rem}.btn-category>span:last-child{font-family:var(--font-main);opacity:.91;grid-column:2;margin-top:3px;font-size:.78rem;font-weight:700;line-height:1.3}.category-icon{background:#fff3;border-radius:14px;grid-row:span 2;place-items:center;min-width:44px;min-height:44px;padding:5px;font-size:1.35rem;font-weight:900;display:grid}.classic{background:#5baeb7;box-shadow:0 5px #3b8991}.category-featured{background:linear-gradient(135deg,#67bec3,#5c9eb6)}.category-language{background:linear-gradient(135deg,#8b78ac,#6d6299);box-shadow:0 5px #524679}.btn-category:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-category:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px #0000}.locked{color:#687178;cursor:not-allowed;background:#d7e0e2;box-shadow:0 5px #aebbbd}.locked .category-icon{background:#50646b1f}.difficulty-list{gap:11px}.difficulty-tier{min-height:76px}.tier-3{background:linear-gradient(135deg,#7ab7b0,#5b9ca1)}.tier-5{background:linear-gradient(135deg,#6d5c85,#46536f);box-shadow:0 5px #323d56}.categories-guide{color:#285f67;font-family:var(--font-main);background:0 0;margin:20px auto 0;font-size:.82rem;font-weight:900;text-decoration:underline;display:block}@media (width<=440px){.categories-container{padding-inline:14px}.categories-header{grid-template-columns:1fr auto}.categories-header>div{display:none}.categories-intro{font-size:.84rem}.btn-category{padding-inline:14px}}.category-math{background:linear-gradient(135deg,#e78da8,#bf6f98);box-shadow:0 5px #965272}.category-paragraph{background:linear-gradient(135deg,#d798bc,#9b79b4);box-shadow:0 5px #75558b}.arithmetic-list{grid-template-columns:repeat(2,minmax(0,1fr))}.arithmetic-list .btn-category{min-height:106px}.arithmetic-list .category-icon{min-width:38px;min-height:38px;font-size:1.18rem}@media (width<=440px){.arithmetic-list{grid-template-columns:1fr}.arithmetic-list .btn-category{min-height:82px}}.gameover-container{background:radial-gradient(circle at 50% 10%,#a1bbd84d,#0000 28%),linear-gradient(160deg,#222e45,#172334);place-items:center;min-height:100vh;padding:28px 20px;display:grid;overflow-y:auto}.gameover-card{color:#edf7f8;text-align:center;background:#29374fe3;border:1px solid #ffffff21;border-radius:28px;width:min(100%,430px);padding:31px 25px 24px;box-shadow:0 18px 48px #0000003d}.sad-cloud-logo{background:#bdc8d6;border-radius:38px;width:104px;height:62px;margin:0 auto 27px;animation:4s ease-in-out infinite float-sad;position:relative;box-shadow:inset 0 -8px #5b697d2e,0 9px 18px #0000002e}.sad-cloud-logo:before,.sad-cloud-logo:after{content:"";background:#bdc8d6;border-radius:50%;position:absolute}.sad-cloud-logo:before{width:51px;height:51px;top:-23px;left:14px}.sad-cloud-logo:after{width:37px;height:37px;top:-16px;right:12px}.cloud-face-sad{z-index:1;justify-content:center;align-items:center;gap:15px;width:100%;height:100%;display:flex;position:absolute}.eye-sad{background:#314257;border-radius:2px;width:10px;height:4px;transform:rotate(10deg)}.eye-sad.right{transform:rotate(-10deg)}.mouth-sad{border-top:2px solid #314257;border-radius:20px 20px 0 0;width:17px;height:8px;position:absolute;bottom:16px}.gameover-kicker{color:#accbd4;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.gameover-title{font-family:var(--font-display);margin:4px 0 8px;font-size:clamp(1.8rem,6vw,2.35rem)}.new-record{color:#755513;background:#fff0ad;border-radius:999px;margin-bottom:8px;padding:5px 9px;font-size:.75rem;font-weight:900;display:inline-block}.score-display{margin:11px auto 18px}.score-display span,.gameover-wallet small{color:#b9d3d7;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.score-display strong{color:#fff0ad;font-family:var(--font-display);font-size:clamp(2.4rem,10vw,3.35rem);line-height:1;display:block}.gameover-stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.gameover-stats>div{background:#ffffff17;border-radius:14px;min-height:76px;padding:9px 8px}.gameover-stats span{font-size:1.05rem;display:block}.gameover-stats small{color:#bed4d9;margin-top:2px;font-size:.65rem;font-weight:800;display:block}.gameover-stats strong{color:#fff;font-family:var(--font-display);margin-top:3px;font-size:1.05rem;display:block}.gameover-stats em{font-family:var(--font-main);font-size:.62rem;font-style:normal}.gameover-wallet{color:#704f13;text-align:left;background:#fff7d1;border-radius:14px;grid-template-columns:auto auto 1fr;align-items:center;gap:9px;margin:16px 0;padding:10px 12px;display:grid}.gameover-wallet>span{font-size:1.35rem}.gameover-wallet small{color:#866d2b}.gameover-wallet strong{font-family:var(--font-display);font-size:1.1rem;display:block}.gameover-wallet p{color:#8a7541;font-size:.65rem;font-weight:800;line-height:1.25}.gameover-buttons{gap:11px;display:grid}.gameover-buttons .btn-primary,.gameover-buttons .btn-secondary{min-height:51px}.revive-button{background:#82cdb0;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 6px #54977e}.revive-button small{font-family:var(--font-main);font-size:.69rem;font-weight:900}.revive-button:disabled{color:#6c7478;cursor:not-allowed;filter:saturate(.5);background:#bdc9cc;box-shadow:0 6px #8d9ea2}.revive-note{color:#abc5c9;margin-top:10px;font-size:.7rem;line-height:1.35}@keyframes float-sad{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@media (width<=360px){.gameover-card{padding:25px 16px 20px}.gameover-wallet{grid-template-columns:auto 1fr}.gameover-wallet p{grid-column:2}}.virtual-keyboard{z-index:4;background:#f5fcfdeb;border-top:1px solid #34495e1a;flex-direction:column;align-items:center;gap:6px;padding:9px 10px 13px;display:none;box-shadow:0 -5px 16px #243d5514}.keyboard-row{justify-content:center;gap:5px;width:min(100%,600px);display:flex}.keyboard-key{color:#34495e;touch-action:manipulation;background:#fff;border-radius:8px;flex:1;min-width:0;max-width:52px;min-height:44px;padding:10px 2px;font-size:.9rem;font-weight:900;box-shadow:0 3px #b9d6db}.keyboard-key:active{box-shadow:none;transform:translateY(3px)}.keyboard-controls{margin-top:1px}.keyboard-response-row{grid-template-columns:repeat(6,minmax(0,1fr));max-width:390px;display:grid}.keyboard-response-row .keyboard-key{max-width:none}.keyboard-key-wide{max-width:none;padding-inline:12px}.keyboard-key.is-enter{color:#173c49;background:#79cfd6;box-shadow:0 3px #4da5ae}@media (pointer:coarse),(width<=760px){.virtual-keyboard{display:flex}}.game-screen{--game-sky:var(--color-sky-1);background:linear-gradient(180deg, color-mix(in srgb, var(--game-sky) 88%, white) 0%, var(--game-sky) 100%);color:#34495e;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.tier-2{--game-sky:var(--color-sky-2)}.tier-3{--game-sky:var(--color-sky-3)}.tier-4{--game-sky:var(--color-sky-4)}.tier-5{--game-sky:var(--color-sky-5);color:#f7f4ff}.game-hud{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4;background:#ffffffb8;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:82px;padding:12px clamp(14px,3vw,38px);display:grid;position:relative;box-shadow:0 5px 22px #243d551f}.hud-group{align-items:center;gap:10px;min-width:0;display:flex}.hud-right{justify-content:flex-end}.hud-pill,.combo-meter{background:#ffffffe6;border-radius:14px;align-items:baseline;gap:7px;padding:7px 13px;display:flex;box-shadow:inset 0 0 0 1px #34495e14}.hud-pill span,.combo-meter span{text-transform:uppercase;letter-spacing:.06em;opacity:.65;font-size:.7rem;font-weight:900}.hud-pill strong,.combo-meter strong{font-size:1.15rem}.combo-meter{opacity:.52;transition:opacity .2s,transform .2s}.combo-meter.is-active{opacity:1;background:#fff0bd;transform:translateY(-2px)}.combo-meter i{color:#ec9f24;font-style:normal}.game-status{text-align:center;justify-items:center;gap:2px;font-size:clamp(.7rem,1.5vw,.88rem);font-weight:800;display:grid}.phase-label{color:#0d777d;letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:900}.lives{color:#8f454f40;gap:3px;font-size:1.35rem;display:flex}.lives .is-full{color:#ef6c7a;filter:drop-shadow(0 2px 1px #9a323f38)}.icon-button{color:#fff;background:#34495e;border-radius:50%;width:42px;height:42px;font-size:1.15rem;line-height:1;box-shadow:0 4px #203448}.icon-button:active{transform:translateY(3px);box-shadow:0 1px #203448}.game-canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.phaser-game{width:100%;height:100%}.phaser-game canvas{outline:none;display:block}.game-loading{color:#245672;background:linear-gradient(#c9f4f5,#8ed7e4);place-items:center;height:100%;font-weight:900;display:grid}.river-warning{text-align:center;color:#ffffffd4;letter-spacing:.05em;text-shadow:0 1px 3px #0f4c648c;pointer-events:none;width:100%;font-size:.72rem;font-weight:900;position:absolute;bottom:5%}.translation-preview{color:#177a69;pointer-events:none;background:#ffffffe0;border-radius:99px;padding:8px 14px;font-size:.85rem;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #26505521}.run-metrics{pointer-events:none;gap:8px;display:flex;position:absolute;top:14px;right:clamp(12px,2vw,28px)}.run-metrics span,.time-pill{color:#36536b;background:#ffffffc7;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:900;box-shadow:0 3px 12px #23475c1f}.game-controls{z-index:6;gap:8px;display:grid;position:absolute;bottom:clamp(88px,15vh,128px);right:clamp(12px,2vw,26px)}.power-button{color:#fff;background:#1e4764d1;border:1px solid #ffffffb3;border-radius:13px;padding:8px 11px;font-size:.73rem;font-weight:900;box-shadow:0 4px 14px #11334d2e}.power-button:disabled{cursor:not-allowed;opacity:.45}.damage-flash{z-index:20;pointer-events:none;opacity:0;background:#e0445338;transition:opacity 60ms;position:fixed;inset:0}.damage-flash.is-visible{opacity:1;animation:.22s linear damage-shake}.pause-overlay{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1223348a;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pause-card{background:var(--color-panel-bg);width:min(100%,355px);color:var(--color-text);text-align:center;border-radius:24px;gap:17px;padding:30px;animation:.22s ease-out modal-in;display:grid;box-shadow:0 24px 60px #0000004d}.pause-card h2{font-size:1.35rem;font-family:var(--font-display)}.volume-control{text-align:left;gap:8px;font-size:.85rem;font-weight:900;display:grid}.volume-control input{accent-color:#0d9ba2;width:100%}.sound-toggle,.text-button{color:var(--color-text);background:#eaf6f6;border-radius:12px;padding:10px;font-weight:900}.text-button{color:#6b7783;background:0 0}@keyframes damage-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@media (width<=640px){.game-hud{grid-template-columns:1fr auto;gap:8px;min-height:68px;padding:8px 12px}.game-status{display:none}.math-game .game-hud{min-height:91px}.math-game .game-status{grid-area:2/1/auto/-1;gap:1px;font-size:.66rem;line-height:1.1;display:grid}.math-game .phase-label{font-size:.65rem}.hud-pill,.combo-meter{gap:4px;padding:5px 8px}.combo-meter i{display:none}.lives{font-size:1.15rem}.icon-button{width:36px;height:36px}.run-metrics{top:10px;right:9px}.run-metrics span{padding:5px 7px;font-size:.65rem}.time-pill{display:none}.game-controls{bottom:174px;right:10px}.power-button{padding:7px 8px;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.damage-flash.is-visible,.pause-card{animation:none}}.tutorial-container{min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 8% 88%,#ffffff94 0 7%,#0000 8%),linear-gradient(160deg,#e9fbff 0%,#bbeced 55%,#9bd7dc 100%);padding:clamp(20px,4vw,38px) 20px 28px;overflow-y:auto}.screen-topbar{grid-template-columns:1fr auto 1fr;align-items:center;width:min(100%,760px);margin:0 auto clamp(20px,4vh,38px);display:grid}.screen-topbar .btn-back{justify-self:start;min-height:44px;position:static}.screen-kicker{letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:900}.screen-step-count{background:#ffffffb8;border-radius:999px;justify-self:end;padding:7px 10px;font-size:.82rem;font-weight:900}.tutorial-card{background:#ffffffdb;border:1px solid #ffffffb3;border-radius:28px;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);width:min(100%,760px);margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 48px #23747e2e}.tutorial-sky{background:linear-gradient(#79cad3,#b8edf0 73%,#6aaec1 74%);min-height:350px;position:relative;overflow:hidden}.tutorial-sky:after{content:"";background:#ffffff6b;border-radius:50%;width:220px;height:52px;position:absolute;bottom:37px;right:-38px}.tutorial-cloud{background:#fff;border-radius:999px;width:104px;height:43px;position:absolute;box-shadow:0 8px 16px #1e677426}.tutorial-cloud:before,.tutorial-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.tutorial-cloud:before{width:46px;height:46px;left:18px}.tutorial-cloud:after{width:33px;height:33px;right:17px}.tutorial-cloud-one{top:70px;left:27px}.tutorial-cloud-two{opacity:.8;top:172px;right:-30px;transform:scale(.72)}.tutorial-river{background:repeating-linear-gradient(132deg,#4e9db8 0 14px,#6ab9cc 14px 27px);border-radius:50% 50% 0 0;width:116%;height:70px;position:absolute;bottom:0;left:-8%}.tutorial-letter{z-index:1;background:#fff6cc;border-radius:28px;place-items:center;width:84px;height:84px;font-size:2.7rem;animation:3s ease-in-out infinite tutorial-bob;display:grid;position:absolute;top:119px;left:50%;transform:translate(-50%);box-shadow:0 10px #e9d991,0 17px 24px #1f586129}.tutorial-content{flex-direction:column;justify-content:center;padding:clamp(28px,6vw,58px);display:flex}.tutorial-eyebrow{color:#4d9198;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.82rem;font-weight:900}.tutorial-content h1{font-family:var(--font-display);margin-bottom:16px;font-size:clamp(1.8rem,5vw,2.55rem);line-height:1.1}.tutorial-content>p{max-width:34ch;font-size:1.05rem;line-height:1.55}.tutorial-tip{color:#235e4e;background:#e8f8ee;border-radius:14px;align-items:flex-start;gap:10px;margin-top:25px;padding:14px;font-size:.9rem;font-weight:800;line-height:1.4;display:flex}.tutorial-dots{justify-content:center;gap:8px;margin:22px 0;display:flex}.tutorial-dots button{background:#30697540;border-radius:999px;width:12px;height:12px;padding:0}.tutorial-dots button.is-current{background:#3c97a1;width:34px}.tutorial-actions{justify-content:center;gap:12px;width:min(100%,490px);margin:auto;display:flex}.tutorial-actions button{min-width:150px}.tutorial-shortcut{color:#27535cc7;text-align:center;margin:18px auto 14px;font-size:.8rem}@keyframes tutorial-bob{0%,to{translate:0}50%{translate:0 -9px}}@media (width<=620px){.tutorial-card{grid-template-columns:1fr}.tutorial-sky{min-height:188px}.tutorial-cloud-one{top:35px}.tutorial-cloud-two{top:83px}.tutorial-letter{width:70px;height:70px;font-size:2.2rem;top:52px}.tutorial-content{padding:27px 27px 30px}}@media (width<=380px){.screen-kicker{display:none}.screen-topbar{grid-template-columns:1fr auto}.tutorial-actions{flex-direction:column-reverse}.tutorial-actions button{width:100%}}.progress-container{min-height:100vh;color:var(--color-text);background:linear-gradient(165deg,#f9fbff,#d5f3f0 48%,#b5e1e0);padding:clamp(20px,4vw,40px) max(20px,50vw - 450px) 30px;overflow-y:auto}.progress-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:20px;display:grid}.progress-header .btn-back{justify-self:start;min-height:44px;position:static}.progress-header h1{font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.3rem);line-height:1}.progress-header>div{text-align:center}.progress-coins{color:#725d21;background:#fff7d1;border-radius:999px;justify-self:end;padding:8px 12px;font-weight:900;box-shadow:0 4px #e9d99d}.progress-card{background:#ffffffd1;border:1px solid #4c778521;border-radius:20px;box-shadow:0 10px 26px #36727a1c}.progress-identity{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.player-cloud{color:#e7b742;background:#fff;border-radius:40px;place-items:center;width:60px;height:48px;font-size:1.45rem;display:grid;box-shadow:inset 0 -5px #d9f0f0,0 6px 13px #2d6f781f}.guest-label{color:#44868e;letter-spacing:.07em;text-transform:uppercase;margin-bottom:2px;font-size:.74rem;font-weight:900}.progress-identity h2{font-family:var(--font-display);font-size:1.38rem}.guest-note{margin-top:4px;font-size:.82rem;line-height:1.35}.level-pill{color:#2d6477;background:#d9f1ff;border-radius:16px;flex-direction:column;align-items:center;min-width:58px;padding:6px;display:flex}.level-pill span{letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:900}.level-pill strong{font-size:1.4rem;line-height:1}.progress-wide-meter{grid-column:2/-1}.meter-label{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.75rem;font-weight:900;display:flex}.meter-track{background:#dbe8ec;border-radius:999px;height:9px;overflow:hidden}.meter-track span{border-radius:inherit;background:linear-gradient(90deg,#79cdd4,#a8e6cf);height:100%;transition:width .35s;display:block}.progress-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 30px;display:grid}.stat-card{text-align:center;padding:16px 12px}.stat-card>span{margin-bottom:5px;font-size:1.25rem;display:block}.stat-card p{font-size:.72rem;font-weight:800}.stat-card strong{font-family:var(--font-display);margin-top:3px;font-size:1.18rem;display:block}.stat-card small{font-family:var(--font-main);font-size:.65rem}.mission-section,.achievement-section{margin-top:26px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.section-heading h2{font-family:var(--font-display);font-size:1.35rem}.section-heading>span{background:#ffffffa3;border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:900}.mission-list{gap:10px;display:grid}.mission-card{background:#ffffffc7;border:1px solid #3d7c851f;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.mission-card.is-complete{background:#effcf5;border-color:#69b896}.mission-check{color:#287b63;background:#e4f1f2;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.mission-card.is-complete .mission-check{background:#a8e6cf}.mission-copy h3,.achievement-card h3{font-size:.95rem}.mission-copy p,.achievement-card p{margin:2px 0 8px;font-size:.78rem;line-height:1.35}.mission-meter{max-width:360px;height:7px}.mission-reward{color:#755a16;white-space:nowrap;background:#fff3bd;border-radius:10px;padding:6px 8px;font-size:.72rem;font-weight:900}.achievement-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.achievement-card{filter:grayscale();opacity:.63;background:#ffffffa6;border-radius:15px;align-items:center;gap:10px;padding:13px;display:flex}.achievement-card.is-unlocked{filter:none;opacity:1;background:#fffaf0}.achievement-card>span{font-size:1.45rem}.achievement-card p{margin-bottom:0}.progress-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 17px;display:flex}.progress-actions button{min-width:190px}@media (width<=690px){.progress-stat-grid{grid-template-columns:repeat(2,1fr)}.achievement-list{grid-template-columns:1fr}}@media (width<=480px){.progress-container{padding-inline:14px}.progress-header{grid-template-columns:1fr auto}.progress-header>div{display:none}.progress-identity{grid-template-columns:auto minmax(0,1fr) auto;padding:16px}.progress-wide-meter{grid-column:1/-1}.mission-card{grid-template-columns:auto minmax(0,1fr)}.mission-reward{grid-column:2;justify-self:start}.progress-actions{flex-direction:column}.progress-actions button{width:100%}}.catalog-container{min-height:100vh;color:var(--color-text);background:linear-gradient(165deg,#fff9f2,#e3f6f0 50%,#b7e0e6);padding:clamp(20px,4vw,40px) max(20px,50vw - 450px) 30px;overflow-y:auto}.catalog-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:15px;display:grid}.catalog-header .btn-back{justify-self:start;min-height:44px;position:static}.catalog-header>div{text-align:center}.catalog-header h1{font-family:var(--font-display);font-size:clamp(1.7rem,5vw,2.3rem);line-height:1}.catalog-coins{color:#725d21;background:#fff7d1;border-radius:999px;justify-self:end;padding:8px 12px;font-weight:900;box-shadow:0 4px #e9d99d}.catalog-note{background:#ffffffb0;border-radius:14px;align-items:center;gap:10px;max-width:680px;margin:0 auto 15px;padding:10px 14px;font-size:.82rem;font-weight:800;line-height:1.35;display:flex}.catalog-note span{color:#d1982f;font-size:1.2rem}.skin-preview{background:#ffffffe0;border:1px solid #597b7f26;border-radius:23px;grid-template-columns:1.05fr .95fr;margin-bottom:20px;display:grid;overflow:hidden;box-shadow:0 13px 30px #3a71761f}.preview-sky{background:linear-gradient(150deg, var(--skin-light), var(--skin-main));min-height:230px;position:relative;overflow:hidden}.preview-sky:after{content:"";opacity:.6;background:radial-gradient(circle at 20% 15%,#ffffff73 0 2px,#0000 3px) 0 0/35px 35px;position:absolute;inset:0}.preview-cloud{z-index:1;background:#fff;border-radius:999px;width:112px;height:48px;position:absolute;top:57px;left:25%;box-shadow:0 8px 14px #2052572b}.preview-cloud i{background:#fff;border-radius:50%;position:absolute;bottom:0}.preview-cloud i:first-child{width:50px;height:50px;left:17px}.preview-cloud i:last-child{width:39px;height:39px;right:16px}.preview-word{z-index:2;color:var(--skin-dark);background:#ffffffe6;border-radius:12px;padding:7px 13px;font-weight:900;position:absolute;top:133px;left:49%;transform:translate(-50%);box-shadow:0 5px #00000017}.preview-river{z-index:1;background:repeating-linear-gradient(132deg, var(--skin-dark) 0 13px, var(--skin-main) 13px 27px);border-radius:50% 50% 0 0;width:108%;height:56px;position:absolute;bottom:0;left:-4%}.preview-trail{z-index:3;color:var(--skin-light);letter-spacing:5px;text-shadow:0 0 8px #fff;font-size:1.1rem;position:absolute;top:98px;left:60%}.preview-star{z-index:2;color:#fff;position:absolute}.star-one{top:24px;right:19%}.star-two{top:95px;left:16%}.preview-description{flex-direction:column;justify-content:center;padding:clamp(23px,5vw,42px);display:flex}.preview-description h2{font-family:var(--font-display);margin:5px 0 8px;font-size:clamp(1.45rem,4vw,2rem)}.preview-description>p:not(.screen-kicker){line-height:1.45}.preview-unlock{color:#297353;background:#eef9f3;border-radius:10px;align-self:flex-start;margin-top:16px;padding:6px 9px;font-size:.75rem;font-weight:900}.catalog-filters{scrollbar-width:thin;gap:8px;padding:4px 2px 11px;display:flex;overflow-x:auto}.catalog-filters button{min-height:35px;color:var(--color-text);font-family:var(--font-main);background:#ffffffa3;border:1px solid #32686f24;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:900}.catalog-filters button.is-active{color:#fff;background:#5babb3;border-color:#337d85}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.catalog-card{min-height:170px;color:var(--color-text);text-align:left;background:#ffffffc4;border:1px solid #406d7321;border-radius:17px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 12px #376d7314}.catalog-card:hover{transform:translateY(-2px)}.catalog-card.is-selected{border:3px solid #3e9ba4;box-shadow:0 0 0 3px #60bcc33b}.catalog-card-preview{background:linear-gradient(145deg, var(--skin-light), var(--skin-main));height:76px;display:block;position:relative;overflow:hidden}.catalog-card-preview i{background:#fff;border-radius:999px;width:50px;height:24px;position:absolute;top:18px;left:18px}.catalog-card-preview i:before{content:"";background:inherit;border-radius:50%;width:25px;height:25px;position:absolute;bottom:0;left:10px}.catalog-card-preview b{background:var(--skin-dark);opacity:.75;border-radius:50%;width:94px;height:38px;position:absolute;bottom:-16px;right:-9px}.catalog-card-copy{flex-direction:column;flex:1;padding:10px;display:flex}.catalog-card-copy small{color:#487e87;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:.65rem;font-weight:900}.catalog-card-copy strong{font-family:var(--font-display);font-size:.94rem;line-height:1.15}.catalog-card-copy em{color:#39765a;font-family:var(--font-main);margin-top:auto;padding-top:7px;font-size:.68rem;font-style:normal;font-weight:900}.catalog-new{color:#725017;background:#ffde7b;border-radius:999px;padding:3px 6px;font-size:.61rem;font-weight:900;position:absolute;top:7px;right:7px}.catalog-footnote{text-align:center;opacity:.78;margin:19px 0 14px;font-size:.79rem}@media (width<=620px){.skin-preview{grid-template-columns:1fr}.preview-sky{min-height:170px}.preview-cloud{top:32px}.preview-word{top:107px}.catalog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=440px){.catalog-container{padding-inline:14px}.catalog-header{grid-template-columns:1fr auto}.catalog-header>div{display:none}.catalog-note{align-items:flex-start}.catalog-card{min-height:157px}}.paragraph-screen{color:#214852;background:radial-gradient(circle at 8% 14%,#ffffffc7 0 6%,#0000 6.5%),radial-gradient(circle at 88% 78%,#ffebbe8c 0 10%,#0000 10.5%),linear-gradient(145deg,#bfeef0,#d7f6ed 48%,#f7e5ed);min-height:100vh;padding:22px clamp(14px,4vw,52px) 32px;overflow:auto}.paragraph-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:950px;margin:0 auto 20px;display:grid}.paragraph-header h1{font-family:var(--font-display);text-align:center;font-size:clamp(1.6rem,3vw,2.25rem)}.paragraph-header .screen-kicker{text-align:center}.paragraph-time{text-align:right;background:#ffffffb8;border:1px solid #fffc;border-radius:13px;justify-self:end;min-width:96px;padding:8px 11px;box-shadow:0 5px 15px #2550581a}.paragraph-time span,.paragraph-stat-row span{letter-spacing:.07em;text-transform:uppercase;opacity:.66;font-size:.65rem;font-weight:900;display:block}.paragraph-time strong{font-variant-numeric:tabular-nums;font-size:.98rem}.paragraph-session{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #ffffffd1;border-radius:27px;max-width:950px;margin:auto;padding:clamp(18px,4vw,36px);box-shadow:0 18px 46px #25505824}.paragraph-stat-row{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.paragraph-stat-row article{background:#eefafa;border-radius:13px;padding:10px 12px}.paragraph-stat-row strong{font-family:var(--font-display);font-size:1.12rem}.paragraph-stat-row small{font-size:.6rem}.paragraph-title-row{justify-content:space-between;align-items:center;gap:16px;margin:25px 0 12px;display:flex}.paragraph-title-row h2{font-family:var(--font-display);margin-top:2px;font-size:clamp(1.3rem,3vw,1.7rem)}.paragraph-music-button{color:#1d6870;background:#e5f8f8;border:1px solid #aadade;border-radius:11px;padding:9px 12px;font-size:.75rem;font-weight:900}.paragraph-volume{grid-template-columns:auto minmax(120px,220px);justify-content:end;align-items:center;gap:10px;margin:-5px 0 12px;font-size:.75rem;font-weight:900;display:grid}.paragraph-volume input{accent-color:#29aeb4}.paragraph-reference{background:#f2fcfc;border:1px solid #c7e7e8;border-radius:16px;padding:clamp(16px,3vw,23px);box-shadow:inset 0 0 0 2px #ffffffb3}.paragraph-reference p{color:#31545d;max-width:69ch;margin:auto;font-size:clamp(1rem,2vw,1.14rem);font-weight:700;line-height:1.65}.paragraph-writing-section{margin-top:16px}.paragraph-writing-stack{background:#fff;border:2px solid #a8dcdf;border-radius:16px;min-height:170px;position:relative;box-shadow:inset 0 2px 10px #28696e12}.paragraph-highlight,.paragraph-input{width:100%;min-height:170px;font-family:var(--font-main);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;padding:clamp(16px,3vw,24px);font-size:clamp(1rem,2vw,1.14rem);font-weight:800;line-height:1.65}.paragraph-highlight{z-index:1;pointer-events:none;color:#0000;position:relative}.paragraph-char.pending{color:#0000}.paragraph-char.correct{color:#159ca4}.paragraph-char.incorrect{color:#db4d63;background:#ffdce1b3;-webkit-text-decoration:underline wavy #db4d63;text-decoration:underline wavy #db4d63;text-decoration-thickness:1px}.paragraph-input{z-index:2;resize:none;color:#0000;caret-color:#174f5a;background:0 0;border:0;outline:0;position:absolute;inset:0}.paragraph-input::selection{background:#40bcc252}.paragraph-action-row{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.paragraph-action-row p{color:#3c6970;max-width:61ch;min-height:2.5em;font-size:.78rem;font-weight:800;line-height:1.35}.paragraph-submit{color:#fff;white-space:nowrap;background:#36afb6;border-radius:12px;min-height:44px;padding:10px 15px;font-weight:900;box-shadow:0 4px #218991}.paragraph-submit:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.paragraph-submit:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #218991}.paragraph-screen button:focus-visible,.paragraph-input:focus-visible,.paragraph-volume input:focus-visible{outline-offset:3px;outline:3px solid #238e97}@media (width<=570px){.paragraph-screen{padding:14px 10px 22px}.paragraph-header{grid-template-columns:auto 1fr auto}.paragraph-header h1{font-size:1.32rem}.paragraph-time{min-width:auto;padding:7px}.paragraph-time span{display:none}.paragraph-session{padding:17px}.paragraph-title-row{align-items:start}.paragraph-music-button{padding:8px;font-size:.68rem}.paragraph-volume{grid-template-columns:1fr;justify-items:stretch}.paragraph-action-row{flex-direction:column;align-items:stretch}.paragraph-submit{width:100%}.paragraph-highlight,.paragraph-input{min-height:190px;padding:16px}}.paragraph-header .btn-back,.paragraph-music-button{min-height:44px}.paragraph-category-note,.paragraph-music-note{color:#3c6970;max-width:62ch;margin-top:5px;font-size:.76rem;font-weight:700;line-height:1.4}.paragraph-music-note{background:#dbf7f5b8;border-radius:10px;margin:-3px 0 12px;padding:8px 10px}.paragraph-reference footer{color:#55747a;max-width:69ch;margin:12px auto 0;font-size:.72rem;font-weight:800;line-height:1.35}.keyboard-test-screen{color:#25434c;background:var(--tester-panel);min-height:100vh;padding:22px clamp(14px,3vw,38px) 32px;overflow:auto}.keyboard-test-screen:before{content:"";z-index:0;pointer-events:none;opacity:.82;position:fixed;inset:0}.keyboard-theme-sky{background:radial-gradient(circle at 12% 8%,#fff 0 4%,#0000 4.4%),radial-gradient(circle at 85% 24%,#d8ffff 0 10%,#0000 10.5%),linear-gradient(145deg,#9ae5e5,#dffbff)}.keyboard-theme-sakura{background:radial-gradient(circle at 14% 20%,#fff5fc 0 2%,#0000 2.4%),radial-gradient(circle at 80% 10%,#dfceff 0 11%,#0000 11.5%),linear-gradient(145deg,#e8dcff,#ffcfe6)}.keyboard-theme-tide{background:radial-gradient(circle at 15% 18%,#fff 0 5%,#0000 5.4%),repeating-radial-gradient(at 65% 110%,#fff9 0 14px,#0000 15px 32px),linear-gradient(150deg,#bde9ff,#d9fff3)}.keyboard-theme-starlight{color:#f7f4ff;background:radial-gradient(circle at 15% 20%,#fff 0 1px,#0000 2px),radial-gradient(circle at 70% 15%,#d9c8ff 0 2px,#0000 3px),radial-gradient(circle at 35% 65%,#fff6bd 0 1px,#0000 2px),linear-gradient(145deg,#252748,#57447e)}.keyboard-theme-peach{background:radial-gradient(circle at 15% 16%,#ffffffc7 0 8%,#0000 8.5%),repeating-linear-gradient(45deg,#ffffff38 0 2px,#0000 2px 18px),linear-gradient(135deg,#ffc7ac,#ffe8c7)}.keyboard-theme-matcha{background:radial-gradient(circle at 80% 20%,#efffd2 0 11%,#0000 11.5%),radial-gradient(circle at 14% 76%,#c0df9f 0 9%,#0000 9.5%),linear-gradient(145deg,#cfe7b9,#f8f5d9)}.keyboard-theme-arcade{color:#f9f6ff;background:repeating-linear-gradient(135deg,#ffffff14 0 2px,#0000 2px 24px),radial-gradient(circle at 22% 23%,#b5fdff 0 5%,#0000 5.5%),linear-gradient(145deg,#7d639a,#bd9be4)}.keyboard-theme-cream{background:radial-gradient(circle at 75% 15%,#fff9ca 0 10%,#0000 10.5%),radial-gradient(circle at 18% 75%,#fff 0 10%,#0000 10.5%),linear-gradient(145deg,#fff2c9,#f9dcc2)}.keyboard-test-header,.keyboard-test-layout{z-index:1;position:relative}.keyboard-test-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:1320px;margin:0 auto 20px;display:grid}.keyboard-test-header h1{font-family:var(--font-display);text-align:center;font-size:clamp(1.65rem,3vw,2.3rem)}.keyboard-test-header .screen-kicker{text-align:center}.keyboard-clean-header{border:1px solid color-mix(in srgb, var(--tester-key-text) 18%, transparent);color:var(--tester-key-text);background:color-mix(in srgb, var(--tester-key) 78%, transparent);border-radius:12px;justify-self:end;padding:10px 14px;font-weight:900}.keyboard-test-layout{grid-template-columns:minmax(245px,315px) minmax(0,1fr);gap:clamp(16px,3vw,30px);max-width:1320px;margin:auto;display:grid}.keyboard-controls-panel,.keyboard-preview-panel{background:color-mix(in srgb, var(--tester-panel) 72%, white);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 16px 42px #27495826}.keyboard-controls-panel{align-content:start;gap:14px;padding:22px;display:grid}.keyboard-control-heading h2{font-family:var(--font-display);margin-top:2px;font-size:1.35rem}.keyboard-select-label{gap:6px;font-size:.78rem;font-weight:900;display:grid}.keyboard-select-label select{color:#274952;min-height:42px;font:inherit;background:#ffffffe6;border:1px solid #284b532b;border-radius:10px;padding:8px 10px}.keyboard-choice-group{border:0;padding:0}.keyboard-choice-group legend{margin-bottom:7px;font-size:.78rem;font-weight:900}.keyboard-choice-group>div{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.keyboard-choice-group button,.keyboard-audio-panel button{color:#315963;background:#ffffffad;border:1px solid #284b5329;border-radius:10px;min-height:38px;padding:7px 8px;font-size:.72rem;font-weight:900}.keyboard-choice-group button.is-selected{border-color:var(--tester-pressed);color:var(--tester-pressed-text);background:var(--tester-pressed)}.keyboard-audio-panel{background:#ffffff85;border-radius:14px;grid-template-columns:1fr auto;gap:9px;padding:12px;display:grid}.keyboard-audio-panel strong,.keyboard-audio-panel span{display:block}.keyboard-audio-panel strong{font-size:.79rem}.keyboard-audio-panel span{margin-top:2px;font-size:.68rem}.keyboard-audio-panel label{grid-column:1/-1;gap:3px;font-size:.72rem;font-weight:900;display:grid}.keyboard-audio-panel input{width:100%;accent-color:var(--tester-pressed)}.keyboard-clean-button{min-height:44px;color:var(--tester-pressed-text);background:var(--tester-pressed);border-radius:12px;font-weight:900}.keyboard-preview-panel{min-width:0;padding:clamp(18px,3vw,30px)}.keyboard-preview-copy{justify-content:space-between;align-items:center;gap:18px;min-height:118px;display:flex}.keyboard-preview-copy span{color:color-mix(in srgb, var(--tester-key-text) 78%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:900}.keyboard-preview-copy h2{font-family:var(--font-display);margin:3px 0 5px;font-size:clamp(1.1rem,2vw,1.55rem)}.keyboard-preview-copy p{max-width:48ch;font-size:.82rem;font-weight:700;line-height:1.4}.keyboard-mascot{object-fit:contain;filter:drop-shadow(0 8px 11px #19323e33);width:min(21vw,142px);height:min(21vw,142px)}.keyboard-hint{margin:10px 0 14px;font-size:.8rem;font-weight:800}.keyboard-visual-scroll{padding:7px 3px 12px;overflow-x:auto}.keyboard-visual{border:1px solid color-mix(in srgb, var(--tester-key-border) 55%, transparent);background:color-mix(in srgb, var(--tester-panel) 82%, black 7%);border-radius:20px;min-width:660px;padding:13px;box-shadow:inset 0 0 0 4px #ffffff2e,0 12px 24px #213a4424}.keyboard-size-100 .keyboard-visual{min-width:1000px}.tester-key-row{gap:5px;min-width:0;display:flex}.tester-key{flex:var(--key-units) 1 0;border:1px solid var(--tester-key-border);min-width:0;min-height:43px;color:var(--tester-key-text);background:var(--tester-key);box-shadow:0 3px 0 color-mix(in srgb, var(--tester-key-border) 78%, #263a3d);border-radius:8px;margin-bottom:5px;padding:4px;font-size:clamp(.56rem,1.3vw,.77rem);font-weight:900;transition:transform .14s,background .14s,box-shadow .14s}.tester-key:hover,.tester-key:focus-visible{outline:3px solid color-mix(in srgb, var(--tester-pressed) 60%, white);outline-offset:2px;transform:translateY(-1px)}.tester-key.is-active{color:var(--tester-pressed-text);border-color:var(--tester-pressed);background:var(--tester-pressed);box-shadow:none;transform:translateY(3px)}.tester-key-mod{opacity:.88}.tester-key-space{font-size:.61rem}.keyboard-main-and-extras{gap:13px;display:flex}.keyboard-main-rows{flex:1;min-width:0}.keyboard-navigation{align-self:flex-end;width:103px}.keyboard-navigation .tester-key{min-height:34px;font-size:.56rem}.keyboard-numpad{align-self:flex-end;width:148px}.keyboard-numpad .tester-key{min-height:43px}.keyboard-status{color:var(--tester-key-text);margin-top:8px;font-size:.78rem;font-weight:900}.keyboard-test-screen button:focus-visible,.keyboard-test-screen select:focus-visible,.keyboard-test-screen input:focus-visible{outline:3px solid color-mix(in srgb, var(--tester-pressed) 68%, white);outline-offset:3px}@media (width<=840px){.keyboard-test-layout{grid-template-columns:1fr}.keyboard-controls-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-control-heading,.keyboard-audio-panel,.keyboard-clean-button{grid-column:1/-1}}@media (width<=520px){.keyboard-test-screen{padding:14px 10px 20px}.keyboard-test-header{grid-template-columns:auto 1fr auto}.keyboard-test-header h1{font-size:1.3rem}.keyboard-clean-header{padding:8px 9px;font-size:.72rem}.keyboard-controls-panel{grid-template-columns:1fr;padding:18px}.keyboard-control-heading,.keyboard-audio-panel,.keyboard-clean-button{grid-column:auto}.keyboard-preview-panel{padding:17px}.keyboard-mascot{width:92px;height:92px}.keyboard-preview-copy h2{font-size:1.08rem}.keyboard-visual{min-width:610px}.tester-key{min-height:38px}}@media (prefers-reduced-motion:reduce){.tester-key{transition:none}}@media (width>=900px){.keyboard-size-100 .keyboard-visual{min-width:900px}}.keyboard-test-header .btn-back,.keyboard-clean-header,.keyboard-choice-group button,.keyboard-audio-panel button{min-height:44px}