@font-face{font-family:Nunito;src:url(../fonts/Nunito-Variable.ttf) format("truetype-variations");font-weight:200 1000;font-style:normal;font-display:swap}:root{--paper: #fff7e8;--paper-deep: #ffedc9;--sky: #bde3f5;--sky-deep: #8fcdec;--sun: #ffc93c;--sun-deep: #e8a800;--coral: #ff6f61;--coral-deep: #d94a3d;--hand-red: #e0312d;--hand-red-deep: #b51f1c;--meadow: #6bcb77;--meadow-deep: #44a352;--blue: #4d96ff;--blue-deep: #2f6fd0;--ink: #2b3a55;--ink-soft: #5d6b85;--white: #ffffff;--shadow: rgba(43, 58, 85, .16);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;font-family:Nunito,ui-rounded,Hiragino Maru Gothic ProN,Comic Sans MS,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background-color:var(--paper);background-image:radial-gradient(circle at 12% 18%,rgba(189,227,245,.55) 0 90px,transparent 91px),radial-gradient(circle at 85% 12%,rgba(255,201,60,.35) 0 70px,transparent 71px),radial-gradient(circle at 90% 80%,rgba(107,203,119,.25) 0 110px,transparent 111px),radial-gradient(circle at 8% 85%,rgba(255,111,97,.18) 0 80px,transparent 81px),radial-gradient(rgba(43,58,85,.045) 1.5px,transparent 1.5px);background-size:auto,auto,auto,auto,26px 26px;color:var(--ink);user-select:none;-webkit-user-select:none;font-size:18px;line-height:1.35}button{font-family:inherit;color:inherit;border:none;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.screen{height:100%;display:flex;flex-direction:column;align-items:center;padding:max(12px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom));overflow:hidden;animation:screen-in .35s ease both}.screen--scroll{overflow-y:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.topbar{width:100%;max-width:900px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.topbar__title{font-size:24px;font-weight:900;flex:1;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:12px 28px;border-radius:var(--radius-md);font-size:22px;font-weight:800;background:var(--white);color:var(--ink);box-shadow:0 6px 0 var(--shadow);transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--shadow)}.btn--primary{background:var(--meadow);color:#fff;box-shadow:0 6px 0 var(--meadow-deep)}.btn--primary:active{box-shadow:0 1px 0 var(--meadow-deep)}.btn--sun{background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--sun-deep)}.btn--sun:active{box-shadow:0 1px 0 var(--sun-deep)}.btn--blue{background:var(--blue);color:#fff;box-shadow:0 6px 0 var(--blue-deep)}.btn--blue:active{box-shadow:0 1px 0 var(--blue-deep)}.btn--coral{background:var(--coral);color:#fff;box-shadow:0 6px 0 var(--coral-deep)}.btn--coral:active{box-shadow:0 1px 0 var(--coral-deep)}.btn--big{min-height:84px;font-size:30px;padding:16px 44px;border-radius:var(--radius-lg)}.btn--round{width:64px;height:64px;min-height:64px;padding:0;border-radius:50%;font-size:28px}.btn:disabled{filter:grayscale(.7) opacity(.55);cursor:default}.start{justify-content:center;gap:26px;position:relative}.start__logo{display:flex;flex-direction:column;align-items:center;gap:4px}.start__clockicon{width:min(34vw,170px);animation:bobble 3s ease-in-out infinite}@keyframes bobble{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-8px)}}.start__title{font-size:clamp(44px,11vw,72px);font-weight:1000;letter-spacing:-1px;margin:0;color:var(--ink);text-shadow:0 4px 0 rgba(255,201,60,.8)}.start__title em{font-style:normal;color:var(--coral)}.start__subtitle{font-size:20px;font-weight:700;color:var(--ink-soft);margin:0}.start__menu{display:flex;flex-direction:column;gap:16px;width:min(420px,90vw)}.start__gear{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;background:var(--white);font-size:26px}.levelmap{width:100%;max-width:560px;margin:0 auto;flex:1;overflow-y:auto;padding:10px 6px 40px;-webkit-overflow-scrolling:touch}.levelmap__path{position:relative;display:flex;flex-direction:column;gap:34px;padding:10px 0}.station{display:flex;align-items:center;gap:18px;width:78%}.station:nth-child(2n){align-self:flex-end;flex-direction:row-reverse;text-align:right}.station__btn{width:96px;height:96px;border-radius:50%;font-size:38px;font-weight:1000;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sun);box-shadow:0 7px 0 var(--sun-deep);transition:transform .08s;position:relative}.station__btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--sun-deep)}.station__btn--done{background:var(--meadow);box-shadow:0 7px 0 var(--meadow-deep);color:#fff}.station__info{display:flex;flex-direction:column;gap:2px}.station__name{font-weight:900;font-size:20px}.station__example{color:var(--ink-soft);font-size:16px;font-weight:600}.station__stars{font-size:18px;letter-spacing:2px}.game{width:100%;max-width:980px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0}.game__prompt{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 10px;min-height:64px}.game__prompttext{font-size:clamp(20px,4.5vw,30px);font-weight:900;text-align:center;background:var(--white);padding:10px 22px;border-radius:var(--radius-md);box-shadow:0 5px 0 var(--shadow)}.game__body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.game__clockwrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(640px,100%);padding-bottom:6px}.answer{min-height:80px;border-radius:var(--radius-md);font-size:clamp(18px,4vw,26px);font-weight:800;background:var(--white);box-shadow:0 6px 0 var(--shadow);padding:10px 14px;transition:transform .08s,background .2s,box-shadow .08s}.answer:active{transform:translateY(4px);box-shadow:0 2px 0 var(--shadow)}.answer--correct{background:var(--meadow);color:#fff;box-shadow:0 6px 0 var(--meadow-deep);animation:pop .4s ease}.answer--wrong{background:var(--coral);color:#fff;box-shadow:0 6px 0 var(--coral-deep);animation:shake .45s ease}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}.compare{display:flex;align-items:center;gap:18px;background:var(--white);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--shadow);padding:12px 20px;animation:pop .3s ease}.compare__buttons{display:flex;flex-direction:column;gap:10px}.compare__buttons .btn{min-height:56px;font-size:19px}.compare__hint{font-weight:800;font-size:17px;color:var(--ink-soft);max-width:200px}.match{display:flex;flex-direction:column;gap:18px;width:100%;align-items:center}.match__row{display:flex;gap:14px;justify-content:center;width:100%;flex-wrap:wrap}.match__clockbtn{background:var(--white);border-radius:var(--radius-md);box-shadow:0 6px 0 var(--shadow);padding:8px;transition:transform .1s,outline .1s;outline:4px solid transparent}.match__clockbtn--selected{outline:4px solid var(--blue);transform:scale(1.05)}.match__clockbtn--matched{outline:4px solid var(--meadow);filter:opacity(.65);pointer-events:none}.match__label{min-height:64px;min-width:130px;font-size:20px}.match__label--selected{outline:4px solid var(--blue)}.match__label--matched{outline:4px solid var(--meadow);filter:opacity(.65);pointer-events:none}.digitarea{display:flex;flex-direction:column;align-items:center;gap:12px}.digitdisplay{font-size:46px;font-weight:1000;letter-spacing:4px;background:var(--ink);color:var(--sun);border-radius:var(--radius-sm);padding:6px 26px;font-variant-numeric:tabular-nums;box-shadow:inset 0 4px 8px #0006}.digitpad{display:grid;grid-template-columns:repeat(3,76px);gap:10px}.digitpad .btn{min-height:64px;font-size:28px;padding:0}.progress{width:100%;max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px}.progress__track{flex:1;height:20px;background:#2b3a551f;border-radius:999px;overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--sun),var(--coral));border-radius:999px;transition:width .4s ease}.progress__label{font-weight:900;font-size:17px;color:var(--ink-soft);min-width:52px;text-align:right}.feedback{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b3a5559;display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0}}.feedback__card{background:var(--paper);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:min(640px,100%);padding:20px 22px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px;animation:slide-up .3s ease;box-shadow:0 -8px 30px #2b3a5540}@keyframes slide-up{0%{transform:translateY(60%)}}.feedback__row{display:flex;align-items:center;gap:16px}.bubble{background:var(--white);border-radius:var(--radius-md);padding:12px 18px;font-size:21px;font-weight:800;box-shadow:0 4px 0 var(--shadow);position:relative;max-width:420px}.bubble:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);border:10px solid transparent;border-right-color:var(--white);border-left:0}.feedback__solution{font-size:18px;font-weight:700;color:var(--ink-soft);text-align:center}.roundend{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;flex:1}.roundend__stars{display:flex;gap:14px}.roundend__star{width:clamp(64px,18vw,110px);animation:star-pop .5s ease backwards}.roundend__star:nth-child(2){animation-delay:.25s}.roundend__star:nth-child(3){animation-delay:.5s}@keyframes star-pop{0%{transform:scale(0) rotate(-40deg)}70%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.roundend__msg{font-size:26px;font-weight:900;text-align:center}.roundend__badge{background:var(--sun);border-radius:var(--radius-md);padding:12px 20px;font-weight:900;font-size:20px;box-shadow:0 5px 0 var(--sun-deep);animation:pop .5s ease}.freeplay{gap:8px}.freeplay__caption{text-align:center;background:var(--white);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--shadow);padding:10px 22px;display:flex;align-items:center;gap:14px}.freeplay__spoken{font-size:clamp(20px,4.6vw,28px);font-weight:900}.freeplay__digital{font-size:clamp(18px,4vw,24px);font-weight:800;color:var(--blue);font-variant-numeric:tabular-nums}.freeplay__controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;padding-bottom:4px}.chipgroup{display:flex;background:var(--white);border-radius:999px;box-shadow:0 4px 0 var(--shadow);padding:4px;gap:4px}.chip{border-radius:999px;padding:8px 16px;font-size:17px;font-weight:800;background:transparent;min-height:44px}.chip--active{background:var(--blue);color:#fff}.toggle{display:inline-flex;align-items:center;gap:8px;background:var(--white);border-radius:999px;box-shadow:0 4px 0 var(--shadow);padding:8px 16px;font-size:17px;font-weight:800;min-height:44px}.toggle--on{background:var(--meadow);color:#fff}.rewards{width:100%;max-width:640px;margin:0 auto;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding-bottom:30px}.rewards__total{display:flex;align-items:center;justify-content:center;gap:12px;font-size:34px;font-weight:1000;background:var(--sun);border-radius:var(--radius-lg);padding:18px;box-shadow:0 6px 0 var(--sun-deep)}.badgegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.badge{background:var(--white);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--shadow);padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.badge__icon{font-size:44px}.badge__name{font-weight:900;font-size:16px}.badge__hint{font-size:13px;color:var(--ink-soft);font-weight:600}.badge--locked{filter:grayscale(1) opacity(.5)}.settings{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding-bottom:30px}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--white);border-radius:var(--radius-md);box-shadow:0 5px 0 var(--shadow);padding:16px 18px;font-weight:800;font-size:19px}.gate{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.gate__btn{width:150px;height:150px;border-radius:50%;background:var(--blue);color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 0 var(--blue-deep);position:relative;touch-action:none}.gate__progressring{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;pointer-events:none}.clock{touch-action:none;user-select:none;-webkit-user-select:none;display:block}.clock--interactive .clock__grab{cursor:grab}.clock--celebrate{animation:clock-wiggle .6s ease}@keyframes clock-wiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-3deg) scale(1.02)}50%{transform:rotate(3deg) scale(1.03)}80%{transform:rotate(-1.5deg) scale(1.01)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:60}.confetti__piece{position:absolute;top:-20px;width:12px;height:12px;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(110vh) rotate(720deg)}}@media (orientation: landscape) and (min-width: 700px){.game__body{flex-direction:row;align-items:center;justify-content:center;gap:30px}.game__clockwrap{flex:0 1 auto}.answers{grid-template-columns:1fr;width:min(360px,40vw)}.answer{min-height:72px}}