:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-card:#1f2a48;--bg-card-hover:#253252;--bg-surface:#0f3460;--bg-overlay:#0a0a19d9;--text-primary:#f0f0f0;--text-secondary:#a0aec0;--text-muted:#6b7a99;--text-accent:gold;--accent-gold:gold;--accent-green:#00e676;--accent-red:#ff5252;--accent-blue:#448aff;--accent-purple:#b388ff;--accent-pink:#ff80ab;--accent-orange:#ffab40;--accent-cyan:#18ffff;--color-correct:#00e676;--color-wrong:#ff5252;--color-streak:#ffab40;--world-2:#4fc3f7;--world-3:#66bb6a;--world-4:#ffca28;--world-5:#ab47bc;--world-6:#ef5350;--world-7:#26c6da;--world-8:#8d6e63;--world-9:#ec407a;--world-10:#ffd740;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #ffd7004d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:64px;--header-height:56px;--font-family:"Fredoka", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:2.5rem;--text-3xl:3rem;--text-4xl:4rem;--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%;font-size:18px;overflow:hidden}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--bg-primary);background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;padding-top:var(--safe-top);padding-bottom:0;padding-left:var(--safe-left);padding-right:var(--safe-right);touch-action:manipulation;background-attachment:fixed;font-weight:400;line-height:1.5;overflow:hidden}img,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;appearance:none;background:0 0;border:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}*{scrollbar-width:thin;scrollbar-color:var(--bg-surface) var(--bg-primary)}#app{flex-direction:column;width:100%;max-width:600px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{padding:16px;padding-bottom:calc(16px + var(--nav-height) + var(--safe-bottom));flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.screen--center{justify-content:center;align-items:center}.screen--scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.header{height:var(--header-height);-webkit-backdrop-filter:blur(10px);z-index:100;background:#0f346099;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:sticky;top:0}.header__level{font-weight:600;font-size:var(--text-sm);color:var(--accent-gold);align-items:center;gap:8px;display:flex}.header__level-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-gold), var(--accent-orange));width:32px;height:32px;color:var(--bg-primary);font-weight:700;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.header__xp{flex:1;max-width:140px;margin:0 12px}.header__streak{font-weight:600;font-size:var(--text-sm);color:var(--color-streak);align-items:center;gap:4px;display:flex}.header__streak-icon{font-size:var(--text-lg);line-height:1}.xp-bar{border-radius:var(--radius-full);background:#ffffff14;width:100%;height:10px;position:relative;overflow:hidden}.xp-bar__fill{background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease-bounce);position:relative}.xp-bar__fill:after{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#fff6);width:20px;height:100%;position:absolute;top:0;right:0}.xp-bar__label{font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;margin-top:4px;display:flex}.xp-bar--large{height:16px}.xp-bar--large .xp-bar__fill{background:linear-gradient(90deg, var(--accent-green), var(--accent-cyan))}.question{text-align:center;-webkit-user-select:none;user-select:none;padding:24px 0}.question__expression{font-size:var(--text-4xl);color:var(--text-primary);letter-spacing:-1px;font-weight:700;line-height:1.1}.question__operator{color:var(--accent-gold);margin:0 4px}.question__equals{color:var(--text-muted);margin:0 4px}.question__answer-slot{border-bottom:4px solid var(--accent-gold);min-width:80px;font-size:var(--text-4xl);color:var(--accent-gold);margin-left:4px;padding:0 8px;font-weight:700;display:inline-block}.question__answer-slot--empty{color:#0000}.question__answer-slot--correct{border-bottom-color:var(--color-correct);color:var(--color-correct);animation:pulse-glow var(--duration-slow) var(--ease-bounce)}.question__answer-slot--wrong{border-bottom-color:var(--color-wrong);color:var(--color-wrong);animation:shake .4s var(--ease-smooth)}.question__timer{font-size:var(--text-sm);color:var(--text-muted);margin-top:12px}.numpad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:340px;margin:0 auto;padding:8px;display:grid}.numpad__btn{aspect-ratio:1;width:100%;max-width:100px;min-height:64px;max-height:100px;font-size:var(--text-xl);color:var(--text-primary);background:var(--bg-card);border-radius:var(--radius-md);transition:transform var(--duration-fast) var(--ease-bounce), background var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:2px solid #ffffff0f;justify-content:center;align-items:center;font-weight:600;display:flex}.numpad__btn:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.numpad__btn:active{background:var(--bg-surface);transform:scale(.92)}.numpad__btn--zero{grid-column:2}.numpad__btn--backspace{font-size:var(--text-lg);color:var(--text-muted);grid-column:1}.numpad__btn--submit{background:linear-gradient(135deg, var(--accent-green), #00c853);color:var(--bg-primary);border-color:#0000;grid-column:3;font-weight:700}.numpad__btn--submit:hover{box-shadow:0 0 16px #00e67666}.numpad__btn--submit:active{transform:scale(.92)}.numpad__btn--disabled{opacity:.4;pointer-events:none}.stars{justify-content:center;align-items:center;gap:4px;display:flex}.star{width:28px;height:28px;transition:transform var(--duration-normal) var(--ease-bounce);position:relative}.star--filled{color:var(--accent-gold);filter:drop-shadow(0 0 4px #ffd70080)}.star--empty{color:var(--text-muted);opacity:.3}.star--earned{animation:bounce-in .5s var(--ease-bounce)}.stars--large .star{width:40px;height:40px}.card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-smooth);border:1px solid #ffffff0f;padding:16px}.card:hover{box-shadow:var(--shadow-md)}.card:active{transform:scale(.97)}.card--elevated{box-shadow:var(--shadow-md)}.card--glow{box-shadow:var(--shadow-glow);border-color:#ffd70033}.nav{width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);z-index:200;background:#16213ef2;border-top:1px solid #ffffff0f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav__tab{color:var(--text-muted);font-size:var(--text-xs);transition:color var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-bounce);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;font-weight:500;display:flex;position:relative}.nav__tab-icon{transition:transform var(--duration-fast) var(--ease-bounce);font-size:1.5rem;line-height:1}.nav__tab--active{color:var(--accent-gold)}.nav__tab--active .nav__tab-icon{transform:scale(1.15)}.nav__tab--active:before{content:"";background:var(--accent-gold);border-radius:0 0 var(--radius-sm) var(--radius-sm);width:32px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav__tab:active{transform:scale(.9)}.nav__badge{border-radius:var(--radius-full);background:var(--accent-red);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 20px)}.world-map{grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 0;display:grid}.world-tile{border-radius:var(--radius-md);text-align:center;transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-smooth), border-color var(--duration-normal) var(--ease-smooth);-webkit-user-select:none;user-select:none;border:2px solid #ffffff0f;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;display:flex;position:relative;overflow:hidden}.world-tile:before{content:"";border-radius:inherit;opacity:.15;z-index:0;transition:opacity var(--duration-normal) var(--ease-smooth);position:absolute;inset:0}.world-tile>*{z-index:1;position:relative}.world-tile[data-world="2"]{--tile-color:var(--world-2)}.world-tile[data-world="3"]{--tile-color:var(--world-3)}.world-tile[data-world="4"]{--tile-color:var(--world-4)}.world-tile[data-world="5"]{--tile-color:var(--world-5)}.world-tile[data-world="6"]{--tile-color:var(--world-6)}.world-tile[data-world="7"]{--tile-color:var(--world-7)}.world-tile[data-world="8"]{--tile-color:var(--world-8)}.world-tile[data-world="9"]{--tile-color:var(--world-9)}.world-tile[data-world="10"]{--tile-color:var(--world-10)}.world-tile:before{background:var(--tile-color,var(--accent-blue))}.world-tile--unlocked{background:var(--bg-card);cursor:pointer}.world-tile--unlocked:hover{border-color:var(--tile-color,var(--accent-blue));transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.world-tile--unlocked:hover:before{opacity:.25}.world-tile--unlocked:active{transform:scale(.95)}.world-tile--current{border-color:var(--tile-color,var(--accent-gold));animation:2s infinite pulse-glow;box-shadow:0 0 16px #ffd70033}.world-tile--locked{opacity:.5;pointer-events:none;background:#1a1a2ecc}.world-tile--completed{background:var(--bg-card);border-color:var(--tile-color,var(--color-correct))}.world-tile__number{font-size:var(--text-2xl);color:var(--tile-color,var(--text-primary));font-weight:700}.world-tile__name{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.world-tile__lock{font-size:var(--text-xl);opacity:.5}.world-tile__stars{gap:2px;display:flex}.boss{text-align:center;padding:16px}.boss__avatar{width:120px;height:120px;margin:0 auto 16px;animation:3s ease-in-out infinite float;position:relative}.boss__avatar--hit{animation:boss-hit .5s var(--ease-bounce)}.boss__hp-bar{border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff1a;width:100%;max-width:240px;height:14px;margin:0 auto 8px;overflow:hidden}.boss__hp-fill{background:linear-gradient(90deg, var(--accent-red), var(--accent-orange));border-radius:var(--radius-full);height:100%;transition:width .6s var(--ease-smooth);position:relative}.boss__hp-fill:after{content:"";border-radius:inherit;background:linear-gradient(#fff3 0%,#0000 60%);position:absolute;inset:0}.boss__hp-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.boss__name{font-size:var(--text-lg);color:var(--accent-red);margin-bottom:4px;font-weight:700}.achievements{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0;display:grid}.achievement{background:var(--bg-card);border-radius:var(--radius-md);text-align:center;transition:transform var(--duration-normal) var(--ease-bounce), box-shadow var(--duration-normal) var(--ease-smooth);border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.achievement:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.achievement--locked{opacity:.4;filter:grayscale()}.achievement--new{animation:bounce-in .6s var(--ease-bounce);box-shadow:var(--shadow-glow);border-color:#ffd7004d}.achievement__icon{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-gold), var(--accent-orange));width:48px;height:48px;font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.achievement--locked .achievement__icon{background:var(--bg-surface)}.achievement__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.achievement__desc{font-size:var(--text-xs);color:var(--text-muted)}.toast-container{top:calc(var(--safe-top) + 8px);z-index:500;pointer-events:none;flex-direction:column;gap:8px;width:100%;max-width:440px;padding:0 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slide-down var(--duration-normal) var(--ease-bounce);border:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 16px;display:flex}.toast--exit{animation:slide-up var(--duration-normal) var(--ease-smooth) forwards}.toast--success{border-left:4px solid var(--color-correct)}.toast--error{border-left:4px solid var(--color-wrong)}.toast--xp{border-left:4px solid var(--accent-purple)}.toast--streak{border-left:4px solid var(--color-streak)}.toast__icon{font-size:var(--text-lg);flex-shrink:0}.toast__text{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:400;animation:fade-in var(--duration-normal) var(--ease-smooth);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay--hidden{display:none}.modal{background:var(--bg-card);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg);animation:bounce-in var(--duration-slow) var(--ease-bounce);border:1px solid #ffffff14;padding:32px 24px;position:relative}.modal__title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:8px;font-weight:700}.modal__body{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:24px}.modal__close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-muted);transition:background var(--duration-fast) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal__close:hover{background:#ffffff14}.btn{border-radius:var(--radius-md);font-size:var(--text-base);transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast) var(--ease-smooth), background var(--duration-fast) var(--ease-smooth);-webkit-user-select:none;user-select:none;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:scale(.95)}.btn--primary{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff}.btn--primary:hover{box-shadow:0 4px 20px #448aff66}.btn--success{background:linear-gradient(135deg, var(--accent-green), #00c853);color:var(--bg-primary)}.btn--success:hover{box-shadow:0 4px 20px #00e67666}.btn--danger{background:linear-gradient(135deg, var(--accent-red), #d50000);color:#fff}.btn--ghost{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff14}.btn--ghost:hover{background:#ffffff1a}.btn--large{font-size:var(--text-lg);border-radius:var(--radius-lg);padding:18px 36px}.btn--block{width:100%}.btn--disabled,.btn:disabled{opacity:.4;pointer-events:none}.avatar-container{width:80px;height:80px;margin:0 auto;position:relative}.avatar{border-radius:var(--radius-full);background:var(--bg-surface);border:3px solid var(--accent-gold);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 12px #ffd70033}.avatar__body{background:var(--accent-blue);border-radius:50% 50% 0 0;width:50%;height:40%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.avatar__head{background:#ffd3b6;border-radius:50%;width:40%;height:40%;position:absolute;top:15%;left:50%;transform:translate(-50%)}.avatar__eyes{justify-content:space-between;width:60%;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%)}.avatar__eye{background:var(--bg-primary);border-radius:50%;width:6px;height:6px}.avatar__mouth{background:var(--accent-red);border-radius:0 0 50% 50%;width:8px;height:4px;position:absolute;top:55%;left:50%;transform:translate(-50%)}.avatar-container--large{width:120px;height:120px}.avatar-container--large .avatar{border-width:4px}.avatar__frame{border-radius:var(--radius-full);border:2px solid var(--accent-gold);opacity:.5;animation:2s infinite pulse-glow;position:absolute;inset:-4px}.particles{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.particle{width:8px;height:8px;animation:confetti 1s var(--ease-smooth) forwards;border-radius:50%;position:absolute}.particle--star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:12px;height:12px}.particle--square{border-radius:2px}.screen-enter{animation:slide-up var(--duration-normal) var(--ease-smooth)}.screen-exit{animation:fade-out var(--duration-fast) var(--ease-smooth) forwards}.screen-enter-back{animation:slide-down var(--duration-normal) var(--ease-smooth)}.feedback{pointer-events:none;z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.feedback__text{font-size:var(--text-3xl);animation:bounce-in .4s var(--ease-bounce);font-weight:700}.feedback__text--correct{color:var(--color-correct)}.feedback__text--wrong{color:var(--color-wrong)}.feedback__text--streak{color:var(--color-streak);text-shadow:0 0 20px #ffab4080}.feedback__combo{font-size:var(--text-4xl);color:var(--accent-gold);text-shadow:0 0 30px #ffd70099;animation:level-up .8s var(--ease-bounce);font-weight:700}.summary{text-align:center;padding:24px 16px}.summary__title{font-size:var(--text-2xl);color:var(--accent-gold);margin-bottom:16px;font-weight:700}.summary__stats{justify-content:center;gap:24px;margin:20px 0;display:flex}.summary__stat{flex-direction:column;align-items:center;gap:4px;display:flex}.summary__stat-value{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.summary__stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.section-title{font-size:var(--text-lg);color:var(--text-primary);text-align:left;margin-bottom:12px;font-weight:700}.divider{background:#ffffff0f;width:100%;height:1px;margin:16px 0}.chip{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);background:#ffffff0f;align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.chip--gold{color:var(--accent-gold);background:#ffd70026}.chip--green{color:var(--accent-green);background:#00e67626}.streak-flame{border-radius:var(--radius-full);color:var(--color-streak);font-weight:700;font-size:var(--text-sm);background:#ffab4026;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.streak-flame--active{animation:fire-streak .6s var(--ease-bounce) infinite alternate}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state__icon{font-size:var(--text-4xl);opacity:.4}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:translate(var(--x,100px), var(--y,-200px)) rotate(var(--r,720deg)) scale(0);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-8px)}20%{transform:translate(8px)}30%{transform:translate(-6px)}40%{transform:translate(6px)}50%{transform:translate(-4px)}60%{transform:translate(4px)}70%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px #ffd70033}50%{box-shadow:0 0 24px #ffd70080}}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes boss-hit{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(.9)rotate(5deg)}75%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes level-up{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.3)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fire-streak{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.boss__avatar,.streak-flame--active{animation:none}.world-tile--current{animation:none;box-shadow:0 0 16px #ffd7004d}}@media (width<=360px){html{font-size:16px}.question__expression{font-size:var(--text-3xl)}.question__answer-slot{font-size:var(--text-3xl);min-width:60px}.numpad{gap:8px;max-width:240px}.numpad__btn{min-height:56px;font-size:var(--text-lg)}}@media (width>=481px){html{font-size:18px}.screen{padding:24px;padding-bottom:calc(24px + var(--nav-height) + var(--safe-bottom))}.numpad{gap:12px;max-width:420px}.numpad__btn{max-width:120px;min-height:72px;max-height:120px;font-size:var(--text-2xl)}.numpad-grid{gap:12px}.numpad-btn{min-height:72px;font-size:1.6rem}.question__expression{font-size:var(--text-4xl,3rem)}}