:root{font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#173f40;background:#f5faf7;font-synthesis:none;--ink:#173f40;--muted:#668080;--teal:#2f7774;--teal-dark:#245e5c;--mint:#dff3ef;--cream:#fffdf8;--gold:#f3ae61;--shadow:0 18px 55px rgba(42,92,84,.14);--radius:28px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid rgba(244,162,97,.5);outline-offset:3px}.button{border:0;border-radius:16px;padding:14px 25px;font-weight:800;font-size:1.02rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--teal);box-shadow:0 8px 18px #2f777440}.button.primary:hover{background:var(--teal-dark)}.button.secondary{color:var(--teal);background:var(--mint)}.text-button{border:0;background:none;color:var(--teal);font-weight:800;padding:11px}.eyebrow{margin:0;color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.icon-button{width:44px;height:44px;border:0;border-radius:14px;background:#ffffff9e;color:var(--ink);font-size:1.25rem}.home-screen,.onboarding-screen{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:24px;background:linear-gradient(180deg,#dff3ef 0,#eff8ec 67%,#d7e6b4)}.hero-card,.onboarding-card{position:relative;z-index:2;width:min(570px,92vw);padding:48px 54px;text-align:center;background:#fffdf8e8;border:1px solid rgba(255,255,255,.8);border-radius:36px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.05;max-width:470px;margin:12px auto 18px}.hero-copy{color:var(--muted);font-size:1.08rem;margin:0 0 28px}.start-button{display:block;min-width:190px;margin:0 auto 10px}.progress-button{display:block;margin:auto}.privacy-note{margin:22px 0 0;color:#78908b;font-size:.78rem}.brand-bird{position:relative;width:105px;height:72px;margin:0 auto 20px;background:var(--teal);border-radius:55% 50% 48% 48%;transform:rotate(-4deg)}.brand-bird:after{content:"";position:absolute;right:-28px;top:19px;border-left:35px solid var(--gold);border-top:11px solid transparent;border-bottom:11px solid transparent}.brand-bird:before{content:"";position:absolute;right:21px;top:16px;width:8px;height:8px;border-radius:50%;background:#fff}.brand-bird i{position:absolute;left:10px;top:24px;width:55px;height:28px;background:#76b8a8;border-radius:55% 40%;transform:rotate(12deg)}.home-sun{position:absolute;top:7vh;right:10vw;width:120px;height:120px;border-radius:50%;background:#ffe6a5;filter:blur(.3px)}.home-cloud{position:absolute;width:180px;height:55px;background:#ffffff8c;border-radius:99px}.home-cloud:before,.home-cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.home-cloud:before{width:75px;height:75px;left:32px;bottom:9px}.home-cloud:after{width:95px;height:95px;right:20px;bottom:5px}.cloud-a{left:4vw;top:18%;animation:drift 11s ease-in-out infinite}.cloud-b{right:2vw;bottom:19%;transform:scale(.65);animation:drift 14s ease-in-out infinite reverse}@keyframes drift{50%{transform:translate(24px)}}.onboarding-card{max-width:680px}.onboarding-card h1{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.45;margin:10px auto 24px;max-width:570px}.back-button{position:absolute;left:20px;top:20px;border:0;background:transparent;font-size:1.5rem;color:var(--teal)}.anchor-keys{display:flex;justify-content:center;gap:18px;margin:4px 0 24px}.anchor-keys kbd{position:relative;width:82px;height:76px;display:grid;place-items:center;border-radius:15px;background:#fff;border:2px solid #b2d7ce;box-shadow:0 8px #9bc7bd;font:800 1.8rem ui-rounded,system-ui,sans-serif}.anchor-keys i,.key i{position:absolute;bottom:9px;width:14px;height:3px;border-radius:3px;background:currentColor;opacity:.35}.tip{display:grid;grid-template-columns:30px 1fr;text-align:left;gap:10px 13px;align-items:center;margin:0 auto 28px;max-width:390px;color:#526f6e}.tip>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:var(--teal);background:var(--mint);font-weight:800}.tip>div{grid-column:1/3;height:1px;background:#e3ece8}.training-screen{height:100vh;min-height:690px;display:grid;grid-template-rows:auto minmax(260px,48vh) 1fr;background:#f9fbf7;overflow:hidden}.hud{position:absolute;z-index:5;top:14px;left:3%;right:3%;height:58px;display:flex;align-items:center;gap:22px;padding:7px 10px;border-radius:18px;background:#ffffffb8;box-shadow:0 8px 22px #2b5b5414;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mini-brand{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--teal);color:#fff;text-decoration:none;font-size:1.25rem;font-weight:900}.hud-stat{display:flex;flex-direction:column;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.hud-stat strong{color:var(--ink);font-size:1.05rem;line-height:1.1}.lesson-progress{flex:1;height:8px;border-radius:9px;background:#dfece6;overflow:hidden}.lesson-progress i{display:block;width:0;height:100%;border-radius:inherit;background:var(--gold);transition:width .3s}.game-canvas{grid-row:1/3;position:relative;min-height:310px;overflow:hidden}.game-canvas canvas{display:block;width:100%;height:100%}.training-panel{position:relative;z-index:3;grid-row:3;background:var(--cream);border-radius:32px 32px 0 0;margin-top:-28px;padding:16px max(24px,5vw) 15px;box-shadow:0 -12px 45px #26514a1a;text-align:center}.lesson-label{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.target-display{min-height:76px;display:flex;justify-content:center;align-items:center;margin-top:-2px;font-size:3.8rem;font-weight:900;letter-spacing:.06em;color:var(--ink)}.target-letter{animation:target-in .18s ease-out}@keyframes target-in{0%{transform:translateY(7px);opacity:.4}}.target-display .done{color:#73aaa0}.target-display .current{border-bottom:5px solid var(--gold)}.target-display .future{color:#b6c3bd}.finger-guide{display:flex;justify-content:center;gap:10px;align-items:center;min-height:44px;color:#587474;font-size:.84rem}.finger-guide span:last-child{display:flex;gap:8px;align-items:center}.finger-guide b{color:var(--ink)}.finger-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint)}.virtual-keyboard{display:flex;flex-direction:column;gap:7px;align-items:center;margin:7px auto 0;max-width:780px}.keyboard-row{display:flex;gap:7px;justify-content:center}.row-2{transform:translate(13px)}.row-3{transform:translate(33px)}.key{position:relative;width:clamp(37px,5.1vw,58px);height:clamp(38px,4vw,52px);display:grid;place-items:center;border:1px solid #d9e4df;border-radius:11px;background:#edf1ee;color:#a8b4af;font-weight:800;box-shadow:0 3px #d3ddd8;transition:transform .1s,background .2s,box-shadow .2s,color .2s}.key.available{background:#fff;color:#426361;border-color:#c9dcd6}.key.mastered{background:#e4f5eb;color:#2d6c57}.key.target{background:#fff6dc;color:#644b24;border:2px solid var(--gold);box-shadow:0 4px #e3a052,0 0 0 5px #f4ae6129;animation:key-breathe 1.6s ease-in-out infinite}.key.pressed-correct{background:#caecdf;color:#1d6659;transform:translateY(3px);box-shadow:0 1px #8ebcaf}.key.pressed-wrong{background:#f5e6dc;color:#845d4c;transform:translateY(2px)}@keyframes key-breathe{50%{box-shadow:0 4px #e3a052,0 0 0 9px #f4ae6117}}.gentle-tip{font-size:.76rem;color:#8a9d96;margin:10px 0 0}.modal-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:#15393947;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .2s}.modal{width:min(500px,94vw);max-height:90vh;overflow:auto;background:var(--cream);border-radius:30px;padding:32px;box-shadow:var(--shadow)}.celebration{text-align:center}.celebration h2{font-size:2.2rem;margin:8px}.celebrate-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:#fff0be;color:#d88338;font-size:2rem}.summary-combo{color:var(--muted)}.button-row{display:flex;justify-content:center;gap:12px;margin-top:25px}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-heading h2{margin:0;font-size:1.8rem}.setting-row{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:57px;border-bottom:1px solid #e8eeea}.setting-row input{position:absolute;right:0;opacity:0}.switch{width:47px;height:27px;border-radius:20px;background:#d9e2dd;padding:3px;transition:.2s}.switch:before{content:"";display:block;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #aaa;transition:.2s}.setting-row input:checked+.switch{background:var(--teal)}.setting-row input:checked+.switch:before{transform:translate(20px)}.setting-row select{border:1px solid #d8e4de;border-radius:10px;padding:7px;background:#fff}.danger{color:#9b594c;margin-top:17px}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-grid>div{padding:16px;background:#edf6f1;border-radius:16px;display:flex;flex-direction:column;color:var(--muted);font-size:.78rem}.progress-grid strong{color:var(--ink);font-size:1.45rem}.mastery-strip{display:flex;gap:6px;margin-top:22px;justify-content:center;flex-wrap:wrap}.mastery-strip span{width:45px;padding:7px 2px;text-align:center;border-radius:9px;background:#ebefec;color:#9ba9a3;font-weight:800}.mastery-strip span.learned{background:#dff3e9;color:#286655}.mastery-strip small{display:block;font-size:.45rem;text-transform:uppercase;margin-top:3px}.toast{position:fixed;z-index:90;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#173f40;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:var(--shadow);transition:.25s}.toast.visible{transform:translate(-50%);opacity:1}.fatal{min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.fatal p{color:var(--muted)}@keyframes fade-in{0%{opacity:0}}@media(max-width:720px){.hero-card,.onboarding-card{padding:38px 24px}.hud{gap:8px;left:10px;right:10px}.hud-stat:nth-of-type(3){display:none}.training-screen{min-height:630px;grid-template-rows:auto minmax(225px,40vh) 1fr}.training-panel{padding-left:8px;padding-right:8px}.target-display{font-size:3rem;min-height:60px}.key{width:8.2vw;min-width:29px;height:40px}.keyboard-row{gap:4px}.virtual-keyboard{gap:5px}.finger-guide{font-size:.76rem}.finger-guide span:last-child{display:block;text-align:left}.gentle-tip{display:none}}@media(max-height:760px)and (min-width:721px){.training-screen{grid-template-rows:auto minmax(240px,42vh) 1fr}.training-panel{padding-top:11px}.target-display{min-height:58px;font-size:3rem}.key{height:42px}.finger-guide{min-height:34px}.gentle-tip{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.training-screen{grid-template-rows:minmax(305px,48vh) minmax(0,1fr)}.game-canvas{grid-row:1;min-height:285px}.training-panel{grid-row:2;margin-top:-18px;padding:10px max(18px,4vw) 10px;border-radius:26px 26px 0 0}.lesson-label{height:20px;font-size:.72rem}.learning-guide{display:block;height:151px;margin:0 auto}.finger-slot{max-width:590px;margin:0 auto}.target-display{min-height:100px;margin:0;display:flex;flex-direction:column;gap:0;font-size:3.5rem}.target-caption{font-size:.68rem;line-height:1;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:800}.target-letter{line-height:1.1;position:relative}.target-letter:after{content:"";position:absolute;left:50%;bottom:-3px;width:22px;height:4px;border-radius:8px;background:var(--gold);transform:translate(-50%)}.target-display.target-correct .target-letter{animation:target-success .28s ease-out}.target-display.target-wrong .target-letter{animation:target-remind .35s ease-out}@keyframes target-success{45%{transform:translateY(-8px) scale(1.13);color:var(--teal)}to{transform:translateY(2px)}}@keyframes target-remind{25%,75%{transform:translate(-4px)}50%{transform:translate(4px)}}.finger-guide{display:block;min-height:0;color:inherit}.hands{display:flex;align-items:flex-end;justify-content:center;gap:32px;height:132px}.hand-view{position:relative;width:165px;height:137px;opacity:.65;transition:opacity .2s,transform .2s}.hand-view.hand-active{opacity:1}.hand-label{display:block;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;height:16px}.hand-svg{display:block;width:100%;height:122px;overflow:visible}.hand-svg .palm,.hand-svg .wrist,.hand-svg .finger rect{fill:#f2cdb0;stroke:#9d725f;stroke-width:2;stroke-linejoin:round;transition:fill .2s,stroke .2s,transform .2s,filter .2s}.hand-svg .wrist{fill:#eebf9c}.hand-svg .finger{transform-box:fill-box;transform-origin:center bottom;transition:transform .2s;opacity:.7}.hand-svg .finger-marker{fill:#fff8ec;stroke:#ad7b62;stroke-width:1.5;opacity:0;transition:opacity .18s,transform .18s}.hand-svg .finger.active{opacity:1;transform:translateY(-11px) scale(1.085);filter:drop-shadow(0 6px 7px rgba(219,113,35,.42))}.hand-svg .finger.active rect{fill:#ffba52;stroke:#88431f;stroke-width:4}.hand-svg .finger.active .finger-marker{opacity:1;fill:#fff;stroke:#743918;stroke-width:2.3;transform:scale(1.3)}.hand-view.hint-strong .finger.active{animation:finger-reinforce .42s ease-out}.finger-guide[data-intensity=low] .finger.active{transform:translateY(-6px) scale(1.045);filter:drop-shadow(0 3px 3px rgba(219,135,58,.25))}.finger-guide[data-intensity=high] .finger.active{transform:translateY(-13px) scale(1.1)}.virtual-keyboard{margin-top:-5px}.virtual-keyboard .key.target{animation:key-guide-breathe 1.8s ease-in-out infinite}.virtual-keyboard[data-hint-intensity=low] .key.target{box-shadow:0 4px #e3a052,0 0 0 3px #f4ae611f;animation:none}@keyframes key-guide-breathe{50%{box-shadow:0 4px #e3a052,0 0 0 6px #f4ae611a}}@keyframes finger-reinforce{35%{transform:translateY(-17px) scale(1.14);filter:drop-shadow(0 0 11px #ef9d42)}}.finger-name{display:block;min-height:16px;margin-top:-7px;color:var(--muted);font-size:.7rem;font-weight:700;text-align:center}.onboarding-hands{margin:0 auto -8px;max-width:430px}.onboarding-hands .hands{height:146px;gap:42px}.onboarding-hands .hand-view{width:175px;height:148px}.onboarding-hands .hand-svg{height:130px}.onboarding-hands .finger-name{display:none!important}.onboarding-card{max-width:720px;padding-top:34px;padding-bottom:34px}.onboarding-card h1{margin-bottom:8px}.onboarding-card .anchor-keys{margin:0 0 20px;gap:135px}.onboarding-card .tip{margin-bottom:20px}.hero-card>.eyebrow{text-transform:none}.hero-card h1{white-space:pre-line}.settings-note{margin:18px 0 2px;padding:12px 14px;border-radius:13px;background:#edf6f1;color:var(--muted);font-size:.78rem;line-height:1.45}.finger-guide,.virtual-keyboard{transition:opacity .28s,filter .28s}.finger-guide[data-visibility=muted],.virtual-keyboard[data-visibility=muted]{opacity:.28;filter:saturate(.55)}.finger-guide[data-visibility=visible],.virtual-keyboard[data-visibility=visible]{opacity:1}.finger-guide[hidden],.virtual-keyboard[hidden]{display:block!important;visibility:hidden;opacity:0}.finger-guide[data-visibility=muted] .finger-name{opacity:0}.virtual-keyboard[data-visibility=muted] .key{box-shadow:none}.hud{height:52px;top:12px;gap:14px;padding:5px 8px;max-width:1180px;margin:auto}.mini-brand{width:auto;min-width:72px;padding:0 13px;font-size:.95rem;text-transform:none}.hud-stat{display:flex;flex-direction:row;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:1rem;color:#c57d34}.hud-stat>span:last-child{display:flex;flex-direction:column;color:var(--muted);font-size:.56rem;line-height:1.05;text-transform:uppercase;letter-spacing:.07em}.hud-stat strong{font-size:.9rem}.lesson-progress{position:relative;overflow:visible;height:6px;margin:0 8px}.lesson-progress i{position:absolute;inset:0 auto 0 0}.progress-bird{position:absolute;z-index:2;top:-11px;left:-9px;color:var(--teal);font-size:18px;transform:rotate(-8deg);transition:left .35s ease-out}.streak-pop{position:absolute;left:50%;top:60px;padding:8px 14px;border-radius:14px;background:#fff8dc;color:#7e552b;font-weight:900;box-shadow:0 7px 18px #534a2926;opacity:0;transform:translate(-50%,-8px) scale(.9);pointer-events:none}.streak-pop.show{animation:streak-show 1.4s ease-out}@keyframes streak-show{15%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-10px) scale(.96)}}.celebration{padding:28px 36px 32px}.celebration h2{margin:4px 0;font-size:2.25rem;color:var(--teal-dark)}.celebration-copy{margin:0 0 20px;color:var(--muted);font-weight:700}.celebration-bird{position:relative;width:82px;height:55px;margin:0 auto 10px;border-radius:55% 50%;background:var(--teal);transform:rotate(-5deg);animation:modal-bird 1.5s ease-in-out infinite}.celebration-bird:before{content:"";position:absolute;right:15px;top:12px;width:7px;height:7px;border:4px solid white;border-left:0;border-bottom:0;border-radius:50%;transform:rotate(38deg)}.celebration-bird:after{content:"";position:absolute;right:-21px;top:17px;border-left:28px solid var(--gold);border-top:9px solid transparent;border-bottom:9px solid transparent}.celebration-bird i{position:absolute;left:4px;top:18px;width:46px;height:24px;border-radius:60% 40%;background:#78b9aa;transform:rotate(-18deg)}.celebration-bird b{position:absolute;right:-38px;top:-14px;color:#e49a45;font-size:1.3rem}@keyframes modal-bird{50%{transform:translateY(-7px) rotate(4deg)}}.completion-stats{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px}.completion-stats>div{padding:12px 7px;border-radius:15px;background:#edf6f1;display:flex;flex-direction:column;gap:3px}.completion-stats span{color:var(--muted);font-size:.68rem}.completion-stats strong{color:var(--ink);font-size:1.35rem}@media(max-height:800px)and (min-width:800px){.training-screen{grid-template-rows:335px minmax(0,1fr)}.learning-guide{height:137px}.hands{height:121px}.hand-view{width:152px;height:126px}.hand-svg{height:111px}.virtual-keyboard{margin-top:-7px;gap:5px}.keyboard-row{gap:6px}.key{height:38px}.gentle-tip{margin-top:7px}}@media(max-width:720px){.training-screen{grid-template-rows:270px minmax(0,1fr)}.game-canvas{min-height:270px}.learning-guide{grid-template-columns:82px minmax(250px,1fr);gap:5px;height:123px}.hands{gap:8px;height:105px}.hand-view{width:118px;height:106px}.hand-svg{height:94px}.hand-label{font-size:.57rem}.finger-name{font-size:.67rem}.target-display{font-size:2.8rem}.hud{gap:6px}.score-stat>span:last-child,.accuracy-stat>span:last-child>span:first-child{display:none}.mini-brand{min-width:48px;padding:0 9px}.onboarding-card .anchor-keys{gap:85px}.completion-stats{grid-template-columns:1fr}.completion-stats>div{padding:7px}.celebration{padding:24px}.button-row{flex-wrap:wrap}}.missions-button{display:block;min-width:190px;margin:0 auto 4px}.mission-screen{min-height:100vh;padding:24px;background:linear-gradient(180deg,#dff3ef,#f4f8ec);color:var(--ink)}.mission-shell{width:min(1040px,96vw);margin:auto}.mission-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.mission-heading .back-button{position:static}.mission-heading h1{margin:4px 0 0;font-size:2.25rem}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:16px}.mission-card{min-height:142px;display:flex;align-items:center;gap:18px;text-align:left;border:1px solid rgba(47,119,116,.16);border-radius:24px;padding:18px;background:#fffdf8eb;color:var(--ink);box-shadow:0 10px 25px #2a5c5414;transition:transform .2s,box-shadow .2s}.mission-card.available:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mission-card.locked{opacity:.58;cursor:default}.mission-card-visual{flex:0 0 82px;height:82px;display:grid;place-items:center;border-radius:22px;background:var(--mint)}.mission-card .vocabulary-visual{width:70px;height:70px}.mission-card span:last-child{display:flex;flex-direction:column;gap:4px}.mission-card small{color:var(--teal);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mission-card strong{font-size:1.28rem}.mission-card em{color:var(--muted);font-size:.78rem;font-style:normal}.mission-intro{position:relative;width:min(560px,92vw);margin:8vh auto 0;padding:44px;text-align:center;border-radius:32px;background:var(--cream);box-shadow:var(--shadow)}.mission-intro h1{margin:8px 0;font-size:2.4rem}.mission-intro>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.mission-intro-visual{width:150px;height:150px;display:grid;place-items:center;margin:0 auto 18px;border-radius:40px;background:var(--mint)}.mission-intro-visual .vocabulary-visual{width:125px;height:125px}.collection-groups{display:grid;gap:24px}.collection-groups h2{margin:0 0 10px}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px}.collection-item{min-height:145px;display:grid;place-items:center;padding:10px;border-radius:20px;background:var(--cream);box-shadow:0 8px 18px #2a5c5412}.collection-item div{height:98px}.collection-item .vocabulary-visual{width:96px;height:96px}.mission-game-overlay{position:absolute;z-index:4;inset:68px 0 0;pointer-events:none}.mission-prompt{position:absolute;top:4px;left:50%;transform:translate(-50%);margin:0;padding:7px 15px;border-radius:99px;background:#fffdf8d1;color:var(--teal-dark);font-size:.82rem;font-weight:900;box-shadow:0 5px 14px #2a5c5414}.mission-object-reveal{position:absolute;right:9%;bottom:28px;width:120px;min-height:125px;display:grid;place-items:center;opacity:0;transform:scale(.82);transition:opacity .2s,transform .25s}.mission-object-reveal.visible{opacity:1;transform:scale(1)}.mission-object-reveal .vocabulary-visual{width:105px;height:105px;filter:drop-shadow(0 7px 8px rgba(42,92,84,.16))}.mission-object-reveal strong{padding:3px 10px;border-radius:12px;background:#fffdf8e6;color:var(--ink);font-size:1.1rem}.mission-object-reveal .vocabulary-visual+strong{margin-top:-15px}.mission-stamp{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 12px;border-radius:22px;background:#fff0be;color:#d88338;font-size:2rem}.mission-complete .completion-stats{grid-template-columns:2fr 1fr}@media(max-height:760px)and (min-width:721px){.mission-prompt{top:-2px}.mission-object-reveal{bottom:16px;width:100px;min-height:105px}.mission-object-reveal .vocabulary-visual{width:85px;height:85px}.mission-intro{margin-top:2vh;padding:30px}.mission-intro-visual{width:120px;height:120px}.mission-intro-visual .vocabulary-visual{width:100px;height:100px}}@media(max-width:720px){.mission-screen{padding:12px}.mission-heading h1{font-size:1.75rem}.mission-grid{grid-template-columns:1fr}.mission-card{min-height:110px}.mission-card-visual{flex-basis:68px;height:68px}.mission-card .vocabulary-visual{width:58px;height:58px}.mission-object-reveal{right:4%;bottom:14px;width:84px;min-height:90px}.mission-object-reveal .vocabulary-visual{width:72px;height:72px}}