.home-page{text-align:center;padding:2rem 0}.home-page h2{font-size:2rem;margin-bottom:1rem}.hello-world{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#646cff}.counter-button{border:none;border-radius:999px;padding:.9rem 1.4rem;margin-bottom:1.5rem;font-size:1rem;font-weight:600;color:#fff;background:#2f6fed;cursor:pointer}.counter-button:hover{background:#1f5ad1}.timestamp{font-size:.95rem;opacity:.8;font-family:monospace}.auth-status{margin:1.5rem 0;min-height:3.5rem}.auth-actions{display:flex;justify-content:center;gap:.75rem}.auth-actions button{border:none;border-radius:999px;padding:.8rem 1.2rem;font-size:.95rem;font-weight:600;color:#fff;background:#111827;cursor:pointer}.auth-actions button:hover{background:#1f2937}.about-page{max-width:800px;margin:0 auto;line-height:1.8}.about-page h2{font-size:2rem;margin-bottom:1.5rem}.about-page p{margin-bottom:1.5rem;font-size:1.05rem}.me-page{max-width:900px;margin:0 auto}.me-page h2{font-size:2rem;margin-bottom:1rem}.me-page-description{margin-bottom:1.5rem;color:#4b5563;font-family:monospace;overflow-wrap:anywhere}.me-page-error{color:#b91c1c;font-weight:600}.me-page-output{padding:1rem;border-radius:.75rem;background:#111827;color:#f9fafb;text-align:left;font-size:.95rem;line-height:1.6;white-space:pre-wrap;overflow-x:auto}.not-found-page{text-align:center;padding:3rem 2rem}.not-found-page h2{font-size:1.8rem;margin-bottom:1rem}.not-found-page p{margin-bottom:2rem;opacity:.8}.home-link{display:inline-block;padding:.75rem 1.5rem;background-color:#646cff;color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .3s}.home-link:hover{background-color:#5558e3;text-decoration:none}.math-skin-classic{--math-skin-accent: #2d8f72;--math-skin-text: #17201a;--math-skin-panel: #ffffff}.math-skin-cool{--math-skin-accent: #38bdf8;--math-skin-text: #e0f2fe;--math-skin-panel: #0f172a}.math-skin-fun{--math-skin-accent: #2d8f72;--math-skin-text: #17201a;--math-skin-panel: #ffffff}html.math-route-active,body.math-route-active{overscroll-behavior:none;overflow:hidden}.math-app-shell{align-items:center;background:radial-gradient(circle at top left,rgba(255,207,102,.35),transparent 32rem),linear-gradient(145deg,#f7f0df,#e8f0e4 48%,#dcebf2);box-sizing:border-box;display:flex;justify-content:center;top:0;right:0;bottom:0;left:0;height:100dvh;overflow:hidden;padding:10px;position:fixed;overscroll-behavior:none;width:auto;z-index:100}.math-app-shell:before{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.math-debug-panel{background:#0f172af0;border:1px solid rgba(255,255,255,.24);border-radius:8px;bottom:12px;box-shadow:0 10px 30px #00000047;box-sizing:border-box;color:#e2e8f0;font:12px/1.25 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;left:50%;max-width:500px;padding:10px 12px;pointer-events:none;position:fixed;transform:translate(-50%);width:calc(100% - 20px);z-index:200}.math-debug-panel strong{color:#f8fafc;display:block;margin-bottom:6px}.math-debug-panel dl{display:grid;gap:3px 14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.math-debug-panel dl div{display:flex;justify-content:space-between;gap:8px}.math-debug-panel dt{color:#94a3b8}.math-debug-panel dd{color:#f8fafc;margin:0;text-align:right}.math-game-panel{background:#fffcf4e0;border:1px solid rgba(23,32,26,.1);border-radius:8px;box-shadow:0 24px 70px #19231f29;box-sizing:border-box;display:grid;grid-template-rows:auto auto auto minmax(150px,auto) auto;height:auto;max-height:100%;min-height:0;overflow:hidden;padding:clamp(8px,2dvh,18px);position:relative;width:min(100%,500px);z-index:1}.math-game-panel.menu-active{display:flex;flex-direction:column;height:100%}.math-game-panel.menu-active .math-menu{flex:1;height:auto;min-height:0}.math-top-bar{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.math-top-bar>div{background:#fff;border:1px solid rgba(23,32,26,.1);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-height:clamp(54px,10dvh,72px);padding:clamp(8px,1.8dvh,12px) 14px}.math-exit-button{align-self:center;background:#ffffffc7;border:1px solid rgba(23,32,26,.16);border-radius:999px;color:#5f6c62;cursor:pointer;font-size:1.25rem;font-weight:900;height:34px;line-height:1;padding:0;touch-action:manipulation;width:34px}.math-exit-button:hover{border-color:#17201a42}.math-label,.math-mode{color:#5f6c62;font-size:.8rem;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}.math-top-bar strong{color:#17201a;font-size:clamp(1.5rem,min(8vw,5dvh),2.6rem);line-height:1}.math-timer{text-align:right}.math-time-track{background:#17201a1f;border-radius:999px;height:12px;margin-top:clamp(8px,1.8dvh,14px);overflow:hidden;position:relative}.math-game-panel.level-mode .math-time-track{height:clamp(32px,8dvh,72px);margin-bottom:clamp(10px,2dvh,16px)}.math-game-panel.level-mode .math-top-bar>div{min-height:clamp(42px,7dvh,56px);padding:clamp(6px,1.2dvh,9px) 12px}.math-game-panel.level-mode .math-top-bar strong{font-size:clamp(1.25rem,min(6vw,4dvh),2rem)}.math-game-panel.level-mode .math-time-bonus-preview span,.math-game-panel.level-mode .math-time-bonus{font-size:clamp(1rem,3.5vw,1.5rem)}.math-time-fill{background:linear-gradient(90deg,#2d8f72,#f0b429);height:100%;transition:width .18s ease}.math-time-track.level-warning{animation:math-time-warning .62s ease-in-out infinite;background:#d51f35}.math-time-track.level-warning .math-time-fill{background:#d51f35;width:100%!important}.math-time-bonus{animation:math-time-bonus .9s ease-out forwards;color:var(--math-skin-accent, #116344);font-size:.85rem;font-weight:900;left:50%;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.math-time-bonus-preview{align-items:center;background:repeating-linear-gradient(-45deg,#2d8f7257 0,#2d8f7257 4px,#2d8f721f 4px,#2d8f721f 8px);border-left:2px solid rgba(17,99,68,.72);display:flex;height:100%;justify-content:center;position:absolute;top:0;transition:left .18s ease,width .18s ease;z-index:1}.math-time-bonus-preview span{color:#116344;font-size:.78rem;font-weight:900;line-height:1;white-space:nowrap}.math-time-track.level-warning .math-time-bonus-preview{display:none}.math-menu{align-content:center;display:grid;gap:clamp(12px,2.6dvh,24px);height:100%;min-height:0;text-align:center}.math-menu h1{color:#17201a;font-size:clamp(2.4rem,min(12vw,9dvh),4.8rem);line-height:1;margin:8px 0 0}.math-menu-options{display:grid;gap:clamp(8px,1.6dvh,14px)}.math-menu-options button{align-items:center;background:#fff;border:1px solid rgba(23,32,26,.12);border-radius:8px;box-shadow:0 6px #c9d4ce;color:#17201a;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:clamp(74px,13dvh,104px);padding:14px 16px;touch-action:manipulation}.math-menu-options button:active{box-shadow:0 2px #c9d4ce;transform:translateY(4px)}.math-menu-options strong{font-size:clamp(1.35rem,min(6vw,4dvh),2.2rem);line-height:1}.math-menu-options span{color:#5f6c62;font-size:clamp(.9rem,min(3.8vw,2.4dvh),1.05rem);font-weight:800;line-height:1.2}.math-mode-picker{display:grid;gap:8px}.math-mode-options{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.math-mode-options button{align-items:flex-start;background:#fff;border:1px solid rgba(23,32,26,.14);border-radius:8px;color:#17201a;cursor:pointer;display:grid;gap:4px;min-height:58px;padding:9px 10px;text-align:left;touch-action:manipulation}.math-mode-options button.selected{background:#17201a;border-color:#17201a;color:#fff}.math-mode-options strong{font-size:.95rem;line-height:1}.math-mode-options span{color:#5f6c62;font-size:.72rem;font-weight:800;line-height:1.15}.math-mode-options button.selected span{color:#ffffffd1}.math-mode-options button:disabled{cursor:not-allowed;opacity:.42}.math-difficulty{display:grid;gap:10px}.math-difficulty-options{display:grid;gap:8px;grid-template-columns:1fr;max-height:min(34dvh,282px);overflow:auto;padding:0 2px 5px 0}.math-difficulty-current,.math-difficulty-options button{align-items:center;background:#fff;border:1px solid rgba(23,32,26,.14);border-radius:8px;color:#17201a;cursor:pointer;display:grid;gap:10px;grid-template-columns:auto 1fr;font-size:clamp(.92rem,min(4vw,2.6dvh),1.08rem);font-weight:900;justify-content:start;min-height:58px;padding:8px 10px;text-align:left;touch-action:manipulation;width:100%}.math-difficulty>.math-difficulty-current{min-height:46px;padding:6px 9px}.math-difficulty>.math-difficulty-current .math-difficulty-symbol{min-width:34px}.math-difficulty-current{box-shadow:0 4px #17201a33}.math-difficulty-symbol{align-items:center;aspect-ratio:1;border-radius:8px;display:grid;font-size:clamp(1.35rem,min(7vw,4.2dvh),2.05rem);justify-items:center;line-height:1;min-width:42px}.math-difficulty-current-text,.math-difficulty-option-text{display:grid;gap:3px;min-width:0}.math-difficulty-current-text strong,.math-difficulty-option-text strong{font-size:clamp(.92rem,min(4vw,2.4dvh),1.08rem);line-height:1}.math-difficulty-current-text span,.math-difficulty-option-text span{color:#5f6c62;font-size:clamp(.72rem,min(3vw,1.8dvh),.9rem);font-weight:800;line-height:1.15}.math-difficulty-options button.selected{background:#17201a;border-color:#17201a;box-shadow:0 1px #17201a;color:#fff;transform:translateY(4px)}.math-difficulty-options button.selected .math-difficulty-option-text span{color:#ffffffd1}.math-difficulty-overlay{background:#f5f7f1f5;display:grid;top:0;right:0;bottom:0;left:0;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));position:fixed;z-index:40}.math-difficulty-sheet{align-self:stretch;display:grid;gap:14px;grid-template-rows:auto minmax(0,1fr);margin:0 auto;max-width:520px;min-height:0;width:100%}.math-difficulty-sheet-header{align-items:center;display:flex;justify-content:space-between;gap:12px}.math-difficulty-sheet-header h2{color:#17201a;font-size:clamp(2rem,min(10vw,7dvh),3.4rem);line-height:.92;margin:0}.math-difficulty-sheet-header button{align-items:center;aspect-ratio:1;background:#fff;border:1px solid rgba(23,32,26,.16);border-radius:8px;box-shadow:0 4px #17201a33;color:#17201a;cursor:pointer;display:grid;font-size:2rem;font-weight:900;justify-items:center;line-height:1;min-width:48px;touch-action:manipulation}.math-difficulty-overlay .math-difficulty-options{align-content:start;max-height:none;min-height:0;overflow:auto;padding-bottom:8px}.math-custom-difficulty{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.math-custom-difficulty label{color:#5f6c62;display:grid;font-size:.75rem;font-weight:900;gap:4px;text-align:left;text-transform:uppercase}.math-custom-difficulty input{background:#fff;border:1px solid rgba(23,32,26,.16);border-radius:8px;color:#17201a;font:inherit;font-size:1rem;font-weight:900;min-height:40px;padding:0 8px;width:100%}.math-skin-picker{display:grid;gap:8px}.math-skin-options{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.math-skin-options button{background:#fff;border:1px solid rgba(23,32,26,.14);border-radius:8px;color:#17201a;cursor:pointer;font-size:1rem;font-weight:900;min-height:42px;padding:0 10px;touch-action:manipulation}.math-skin-options button.selected{background:#17201a;border-color:#17201a;color:#fff}.math-problem-area{align-items:center;color:#17201a;align-content:end;display:grid;gap:clamp(6px,1.4dvh,12px);grid-template-rows:auto auto auto;justify-items:center;min-height:0;overflow:hidden;padding:clamp(6px,1.8dvh,14px) 0;text-align:center}.math-problem{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(2.5rem,min(14vw,10dvh),5.8rem);font-weight:900;gap:clamp(8px,3vw,18px);justify-content:center;letter-spacing:0;line-height:1;margin:0}.math-answer-display{align-items:center;background:#fff;border:3px solid #17201a;border-radius:8px;color:#17201a;display:flex;font-size:clamp(2.2rem,min(12vw,8dvh),5rem);font-weight:900;height:clamp(58px,13dvh,112px);justify-content:center;line-height:1;min-width:clamp(96px,26vw,140px);padding:0 clamp(16px,5vw,24px)}.math-placeholder{color:#a7b0aa}.math-feedback{align-items:center;background:#fff;border:1px solid rgba(23,32,26,.1);border-radius:8px;color:#3b473f;display:flex;font-size:clamp(.88rem,min(4vw,2.8dvh),1.2rem);font-weight:800;justify-content:center;min-height:clamp(42px,8dvh,54px);padding:8px 12px;text-align:center;width:100%}.math-feedback.correct{background:#dff6e9;color:#116344}.math-feedback.incorrect{background:#ffe4db;color:#8c2d19}.math-keypad{display:grid;gap:clamp(6px,1.4dvh,10px);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));height:clamp(204px,34dvh,300px);margin-top:clamp(8px,1.8dvh,16px);min-height:0}.math-key{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:1px solid rgba(23,32,26,.14);border-radius:8px;box-shadow:0 6px #c9d4ce;color:#17201a;cursor:pointer;display:flex;font-size:clamp(1.5rem,min(8vw,6dvh),3rem);font-weight:900;height:100%;min-height:0;justify-content:center;line-height:1;overflow:visible;padding:0;position:relative;touch-action:manipulation;-webkit-user-select:none;user-select:none}.math-key:hover{border-color:#17201a24}.math-key:active:not(:disabled){box-shadow:0 2px #c9d4ce;transform:translateY(4px)}.math-key.submit{background:#17201a;box-shadow:0 6px #5f6c62;color:#fff}.math-key.backspace{background:#fff3c4}.math-key.correct-flash{animation:math-success-pop .56s ease-out;background:#2d8f72;border-color:#2d8f72;box-shadow:0 6px #116344,0 0 0 6px #2d8f7238,0 0 28px #2d8f72bf;color:#fff;z-index:2}.math-key.correct-flash:before,.math-key.correct-flash:after{border-radius:12px;content:"";top:-8px;right:-8px;bottom:-8px;left:-8px;pointer-events:none;position:absolute}.math-key.correct-flash:before{animation:math-success-ring .56s ease-out;border:4px solid rgba(45,143,114,.85)}.math-key.correct-flash:after{animation:math-success-spark .56s ease-out;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.95) 0 4px,transparent 5px),radial-gradient(circle at 82% 22%,rgba(240,180,41,.95) 0 5px,transparent 6px),radial-gradient(circle at 76% 82%,rgba(255,255,255,.85) 0 4px,transparent 5px),radial-gradient(circle at 22% 78%,rgba(240,180,41,.9) 0 4px,transparent 5px);opacity:0}.math-key:disabled{cursor:not-allowed;opacity:.42}.math-game-over{align-items:center;background:#f7f0dfdb;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:absolute}.math-game-over-content{background:#fff;border:1px solid rgba(23,32,26,.12);border-radius:8px;box-shadow:0 24px 70px #19231f33;padding:26px;text-align:center;width:min(100%,360px)}.math-game-over h1{color:#17201a;font-size:clamp(2rem,10vw,3rem);line-height:1;margin:0}.math-game-over-kicker{color:#8c2d19;font-size:1rem;font-weight:900;margin:0 0 8px;text-transform:uppercase}.math-game-over p{color:#5f6c62;font-size:1.15rem;font-weight:700;margin:14px 0 22px}.math-game-over button{background:#2d8f72;border:0;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:900;min-height:58px;padding:0 24px;width:100%}.math-game-over button+button{margin-top:12px}.math-game-over .math-secondary-action{background:#fff;border:1px solid rgba(23,32,26,.14);color:#17201a}.math-level-announcement{align-items:center;background:#17201ad1;border:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;padding:0;position:absolute;z-index:20;width:100%}.math-level-announcement span{animation:math-level-pop .42s ease-out;font-size:clamp(3rem,18vw,6rem);font-weight:900;line-height:1}.math-level-announcement small{font-size:clamp(1rem,4vw,1.4rem);font-weight:800;margin-top:20px}@media (min-width: 700px){.math-game-panel{padding:24px}.math-keypad{gap:12px}}@media (max-height: 760px){.math-menu{align-content:start;gap:clamp(6px,1.6dvh,14px);overflow-y:auto;padding:2px 2px 8px}.math-menu h1{font-size:clamp(2rem,min(10vw,7dvh),3.8rem);margin-top:4px}.math-menu-options{gap:clamp(6px,1.2dvh,10px)}.math-menu-options button{gap:4px;min-height:clamp(56px,10dvh,82px);padding:9px 12px}.math-menu-options strong{font-size:clamp(1.15rem,min(5vw,3.2dvh),1.8rem)}.math-menu-options span{font-size:clamp(.78rem,min(3.2vw,2dvh),.95rem)}.math-mode-picker,.math-difficulty,.math-skin-picker{gap:5px}.math-mode-options,.math-skin-options{gap:6px}.math-mode-options button{min-height:clamp(46px,8dvh,56px);padding:7px 8px}.math-mode-options span{font-size:clamp(.64rem,min(2.8vw,1.7dvh),.72rem)}.math-difficulty>.math-difficulty-current{min-height:42px;padding:5px 8px}.math-skin-options button{min-height:clamp(32px,6dvh,40px)}.math-problem-area{padding-bottom:6px}}@media (max-height: 620px){.math-game-panel{padding:6px}.math-menu{gap:6px}.math-menu-options button{min-height:50px;padding:7px 10px}.math-mode-options button{min-height:42px}.math-difficulty>.math-difficulty-current{min-height:38px}.math-skin-options button{min-height:30px}}@keyframes math-success-pop{0%{transform:scale(1)}38%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes math-success-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.22)}}@keyframes math-success-spark{0%{opacity:0;transform:scale(.7) rotate(0)}28%{opacity:1}to{opacity:0;transform:scale(1.25) rotate(10deg)}}@keyframes math-level-pop{0%{opacity:0;transform:scale(.7)}22%,72%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.08)}}@keyframes math-time-warning{0%,to{box-shadow:0 0 #d51f3500}50%{box-shadow:0 0 0 5px #d51f3547}}@keyframes math-time-bonus{0%{opacity:0;transform:translate(-50%,8px) scale(.8)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-20px) scale(1.1)}}@media (prefers-reduced-motion: reduce){.math-key.correct-flash,.math-key.correct-flash:before,.math-key.correct-flash:after{animation:none}}.math-answer-display.answer-incorrect{animation:math-answer-incorrect .42s ease-out;background:#ffe4db!important;border-color:#c43d2f!important;color:#8c2d19!important}@keyframes math-answer-incorrect{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@media (prefers-reduced-motion: reduce){.math-answer-display.answer-incorrect{animation:none}}.math-skin-fun{background:linear-gradient(135deg,rgba(255,255,255,.18) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(225deg,rgba(255,255,255,.2) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(145deg,#ffd83d,#ff7ab6,#6ee7f8 68%,#92f27d)}.math-skin-fun:before{background:linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.48) 7% 9%,transparent 9% 100%) 12px 20px / 88px 82px,linear-gradient(0deg,transparent 0 12%,rgba(23,32,26,.12) 12% 14%,transparent 14% 100%) 0 0 / 74px 68px,conic-gradient(from 25deg,#ffffff 0 25%,transparent 0 100%) 22px 12px / 46px 46px,conic-gradient(from 70deg,#f0b429 0 25%,transparent 0 100%) 0 18px / 58px 58px;opacity:.58}.math-skin-fun .math-game-panel{background:#ffffffe6;border:3px solid #17201a;box-shadow:0 10px #17201a,0 24px 55px #17201a47}.math-skin-fun.success-burst .math-game-panel{animation:math-panel-party .7s ease-out}.math-skin-fun .math-top-bar>div,.math-skin-fun .math-menu-options button,.math-skin-fun .math-mode-options button,.math-skin-fun .math-difficulty-options button,.math-skin-fun .math-skin-options button,.math-skin-fun .math-answer-display,.math-skin-fun .math-feedback,.math-skin-fun .math-game-over-content{border:2px solid #17201a;box-shadow:0 5px #17201a}.math-skin-fun .math-menu h1,.math-skin-fun .math-problem,.math-skin-fun .math-answer-display{text-shadow:2px 2px 0 rgba(240,180,41,.7)}.math-skin-fun .math-mode-options button.selected{background:#17201a;color:#fff}.math-skin-fun .math-mode-options button.selected span{color:#ffffffd1}.math-skin-fun .math-label,.math-skin-fun .math-mode{color:#6b2d91}.math-skin-fun .math-top-bar>div:first-child{background:#fff2a8}.math-skin-fun .math-timer{background:#c6f7ff}.math-skin-fun .math-exit-button{background:#fff;border:2px solid #17201a;box-shadow:0 3px #17201a;color:#8c2d19}.math-skin-fun .math-time-track{background:#ffffff9e;border:2px solid #17201a;height:16px}.math-skin-fun .math-time-fill{background:linear-gradient(90deg,#25c26e,#f0b429,#ff7ab6)}.math-skin-fun .math-answer-display{background:#fff;border-width:4px}.math-skin-fun .math-feedback.correct{animation:math-feedback-party .76s ease-out;background:#adff9a;color:#0f5f3a}.math-skin-fun .math-feedback.incorrect{background:#ffd0e5;color:#8c2d19}.math-skin-fun .math-key{border:2px solid #17201a;box-shadow:0 7px #17201a;color:#17201a}.math-skin-fun .math-key:nth-child(3n+1){background:#fff2a8}.math-skin-fun .math-key:nth-child(3n+2){background:#c6f7ff}.math-skin-fun .math-key:nth-child(3n){background:#ffd0e5}.math-skin-fun .math-key.backspace{background:#d8c6ff}.math-skin-fun .math-key:active:not(:disabled){box-shadow:0 3px #17201a}.math-skin-fun .math-key.correct-flash{animation:math-fun-success-pop .7s cubic-bezier(.18,.89,.32,1.28);background:#36e67f;border-color:#fff;box-shadow:0 7px #0f5f3a,0 0 0 7px #fff,0 0 0 14px #36e67f8c,0 0 44px #ffd83df2;color:#072f1f}.math-skin-fun .math-key.correct-flash:before{animation:math-fun-success-ring .7s ease-out;border:5px dashed #ffffff;top:-14px;right:-14px;bottom:-14px;left:-14px}.math-skin-fun .math-key.correct-flash:after{animation:math-fun-success-spark .7s ease-out;background:radial-gradient(circle at 12% 20%,#ffffff 0 5px,transparent 6px),radial-gradient(circle at 28% 6%,#ffd83d 0 6px,transparent 7px),radial-gradient(circle at 84% 14%,#ffffff 0 5px,transparent 6px),radial-gradient(circle at 96% 52%,#ff7ab6 0 6px,transparent 7px),radial-gradient(circle at 76% 94%,#ffffff 0 5px,transparent 6px),radial-gradient(circle at 14% 82%,#6ee7f8 0 6px,transparent 7px);top:-22px;right:-22px;bottom:-22px;left:-22px}.math-skin-fun .math-difficulty-options button.selected,.math-skin-fun .math-skin-options button.selected{background:#6b2d91;border-color:#17201a;box-shadow:inset 0 3px #17201a33,0 1px #17201a;color:#fff;transform:translateY(4px)}.math-skin-fun .math-difficulty-options{gap:8px}.math-skin-fun .math-difficulty-overlay{background:linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(225deg,rgba(255,255,255,.24) 25%,transparent 25%) 0 0 / 34px 34px,linear-gradient(145deg,#ffd83dfa,#ff7ab6fa 42%,#6ee7f8fa)}.math-skin-fun .math-difficulty-sheet-header button{border:2px solid #17201a;box-shadow:0 5px #17201a}.math-skin-fun .math-difficulty-current,.math-skin-fun .math-difficulty-options button{background:#fff;display:grid;grid-template-columns:auto 1fr;min-height:clamp(58px,9dvh,76px);padding:8px 10px}.math-skin-fun .math-difficulty-symbol{background:#ffffff8f;font-size:clamp(1.55rem,min(8vw,4.8dvh),2.4rem);filter:drop-shadow(1px 2px 0 rgba(23,32,26,.22))}.math-skin-fun .math-difficulty-current-text strong,.math-skin-fun .math-difficulty-option-text strong{color:#6b2d91}.math-skin-fun .math-difficulty-options button:nth-child(1){background:#bdf7c3}.math-skin-fun .math-difficulty-current.difficulty-0{background:#bdf7c3}.math-skin-fun .math-difficulty-options button:nth-child(2){background:#fff2a8}.math-skin-fun .math-difficulty-current.difficulty-1{background:#fff2a8}.math-skin-fun .math-difficulty-options button:nth-child(3){background:#ffd0e5}.math-skin-fun .math-difficulty-current.difficulty-2{background:#ffd0e5}.math-skin-fun .math-difficulty-options button:nth-child(4){background:#c6f7ff}.math-skin-fun .math-difficulty-current.difficulty-3{background:#c6f7ff}.math-skin-fun .math-difficulty-options button:nth-child(5){background:#d8c6ff}.math-skin-fun .math-difficulty-current.difficulty-4{background:#d8c6ff}.math-skin-fun .math-difficulty-options button:nth-child(6){background:#ffdda8}.math-skin-fun .math-difficulty-current.difficulty-custom{background:#ffdda8}.math-skin-fun .math-difficulty-options button.selected .math-difficulty-option-text strong,.math-skin-fun .math-difficulty-options button.selected .math-difficulty-option-text span{color:#fff}.math-skin-fun .math-game-over{background:#ffd83dd1}.math-skin-fun .math-game-over button{background:#36e67f;border:2px solid #17201a;box-shadow:0 5px #17201a;color:#072f1f}.math-skin-fun .math-game-over .math-secondary-action{background:#fff;color:#17201a}.math-skin-cool{background:linear-gradient(120deg,rgba(255,0,64,.18) 0 1px,transparent 1px 52px),linear-gradient(60deg,rgba(255,255,255,.08) 0 1px,transparent 1px 64px),radial-gradient(circle at 50% 0%,rgba(255,38,74,.34),transparent 18rem),linear-gradient(145deg,#08090d,#161016 42%,#36070f)}.math-skin-cool:before{background:linear-gradient(135deg,transparent 0 42%,rgba(255,38,74,.34) 42% 44%,transparent 44% 100%) 0 0 / 90px 90px,linear-gradient(45deg,transparent 0 46%,rgba(255,255,255,.08) 46% 47%,transparent 47% 100%) 0 0 / 72px 72px;opacity:.7}.math-skin-cool .math-game-panel{background:linear-gradient(180deg,#161016f0,#08090df0);border:2px solid #ff274f;box-shadow:0 0 0 1px #ffffff14,0 12px #050509,0 0 42px #ff274f61}.math-skin-cool.success-burst .math-game-panel{animation:math-cool-panel-hit .62s ease-out}.math-skin-cool .math-menu h1,.math-skin-cool .math-problem,.math-skin-cool .math-answer-display{color:#f7f2f4;text-shadow:0 0 12px rgba(255,39,79,.68),3px 3px 0 #050509}.math-skin-cool .math-label,.math-skin-cool .math-mode,.math-skin-cool .math-menu-options span,.math-skin-cool .math-custom-difficulty label{color:#ff8aa0}.math-skin-cool .math-top-bar>div,.math-skin-cool .math-menu-options button,.math-skin-cool .math-difficulty-current,.math-skin-cool .math-difficulty-options button,.math-skin-cool .math-skin-options button,.math-skin-cool .math-answer-display,.math-skin-cool .math-feedback,.math-skin-cool .math-game-over-content,.math-skin-cool .math-custom-difficulty input{background:#101017;border:1px solid #ff274f;box-shadow:inset 0 0 18px #ff274f1f,0 5px #050509;color:#f7f2f4}.math-skin-cool .math-top-bar strong,.math-skin-cool .math-menu-options strong{color:#fff}.math-skin-cool .math-exit-button{background:#101017;border:1px solid #ff274f;box-shadow:0 3px #050509;color:#ff8aa0}.math-skin-cool .math-time-track{background:#050509;border:1px solid #ff274f;height:14px}.math-skin-cool .math-time-fill{background:linear-gradient(90deg,#ff274f,#ff8a00);box-shadow:0 0 18px #ff274fd1}.math-skin-cool .math-menu-options button{border-left-width:6px}.math-skin-cool .math-difficulty-overlay{background:linear-gradient(120deg,rgba(255,0,64,.18) 0 1px,transparent 1px 52px),linear-gradient(60deg,rgba(255,255,255,.08) 0 1px,transparent 1px 64px),radial-gradient(circle at 50% 0%,rgba(255,38,74,.34),transparent 18rem),linear-gradient(145deg,#08090dfa,#161016fa 42%,#36070ffa)}.math-skin-cool .math-difficulty-sheet-header h2{color:#f7f2f4;text-shadow:0 0 12px rgba(255,39,79,.68),3px 3px 0 #050509}.math-skin-cool .math-difficulty-sheet-header button{background:#101017;border:1px solid #ff274f;box-shadow:inset 0 0 18px #ff274f1f,0 5px #050509;color:#ff8aa0}.math-skin-cool .math-difficulty-current{border-left:6px solid #ff274f}.math-skin-cool .math-difficulty-symbol{background:linear-gradient(145deg,#050509,#2a0b12);border:1px solid rgba(255,138,160,.72);color:#ff274f;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;text-shadow:0 0 12px rgba(255,39,79,.9),2px 2px 0 #050509}.math-skin-cool .math-difficulty-current-text span,.math-skin-cool .math-difficulty-option-text span{color:#ff8aa0}.math-skin-cool .math-difficulty-options button.selected,.math-skin-cool .math-skin-options button.selected{background:#ff274f;border-color:#ff8aa0;box-shadow:inset 0 3px #05050957,0 1px #050509,0 0 24px #ff274f9e;color:#fff;transform:translateY(4px)}.math-skin-cool .math-difficulty-options button.selected{box-shadow:inset 0 5px 8px #0505097a,0 1px #050509}.math-skin-cool .math-difficulty-options button.selected .math-difficulty-symbol{background:#050509;color:#fff}.math-skin-cool .math-difficulty-options button.selected .math-difficulty-option-text span{color:#ffffffdb}.math-skin-cool .math-feedback.correct{animation:math-cool-feedback-hit .62s ease-out;background:#191f17;color:#b7ff70}.math-skin-cool .math-feedback.incorrect{background:#2a0b12;color:#ff8aa0}.math-skin-cool .math-key{background:linear-gradient(180deg,#211721,#101017);border:1px solid #ff274f;box-shadow:0 7px #050509,0 0 18px #ff274f2e;color:#fff}.math-skin-cool .math-key:nth-child(2n){background:linear-gradient(180deg,#2a0b12,#101017)}.math-skin-cool .math-key.backspace{background:linear-gradient(180deg,#3a1d05,#15100b);color:#ffcf7a}.math-skin-cool .math-key:active:not(:disabled){box-shadow:0 3px #050509,0 0 22px #ff274f47}.math-skin-cool .math-key.correct-flash{animation:math-cool-success-cut .62s ease-out;background:#b7ff70;border-color:#fff;box-shadow:0 7px #24420f,0 0 0 5px #ffffffe0,0 0 0 12px #ff274f73,0 0 50px #b7ff70e0;color:#050509}.math-skin-cool .math-key.correct-flash:before{animation:math-cool-ring .62s ease-out;border:3px solid rgba(255,39,79,.95);border-left-color:transparent;border-right-color:transparent;top:-16px;right:-16px;bottom:-16px;left:-16px}.math-skin-cool .math-key.correct-flash:after{animation:math-cool-slash .62s ease-out;background:linear-gradient(100deg,transparent 0 42%,#ffffff 42% 47%,#ff274f 47% 56%,transparent 56% 100%);top:-28px;right:-28px;bottom:-28px;left:-28px}.math-skin-cool .math-confetti-burst span{background:#ff274f;border-color:#fff;box-shadow:0 0 12px #ff274fe6}.math-skin-cool .math-confetti-burst span:nth-child(3n+1){background:#fff}.math-skin-cool .math-confetti-burst span:nth-child(3n+2){background:#b7ff70}.math-skin-cool .math-game-over{background:#050509d1}.math-skin-cool .math-game-over button{background:#ff274f;border:1px solid #ff8aa0;box-shadow:0 5px #050509;color:#fff}.math-skin-cool .math-game-over .math-secondary-action{background:#101017;color:#f7f2f4}.math-confetti-burst{height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;width:100%;z-index:4}.math-confetti-burst span{animation:math-confetti-pop .82s ease-out forwards;animation-delay:var(--burst-delay);background:#fff;border:2px solid #17201a;border-radius:3px;height:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(var(--burst-rotation));width:9px}.math-confetti-burst span:nth-child(3n+1){background:#ffd83d}.math-confetti-burst span:nth-child(3n+2){background:#6ee7f8}.math-confetti-burst span:nth-child(3n){background:#ff7ab6}.math-confetti-burst span:nth-child(4n){border-radius:999px;height:11px;width:11px}@keyframes math-fun-success-pop{0%{transform:rotate(0) scale(1)}20%{transform:rotate(-5deg) scale(1.14)}45%{transform:rotate(4deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes math-fun-success-ring{0%{opacity:1;transform:rotate(0) scale(.86)}to{opacity:0;transform:rotate(18deg) scale(1.34)}}@keyframes math-fun-success-spark{0%{opacity:0;transform:scale(.66)}25%{opacity:1}to{opacity:0;transform:scale(1.42)}}@keyframes math-cool-panel-hit{0%{filter:brightness(1);transform:translate(0)}18%{filter:brightness(1.24);transform:translate(-4px) skew(-1deg)}36%{transform:translate(4px) skew(1deg)}to{filter:brightness(1);transform:translate(0)}}@keyframes math-cool-feedback-hit{0%{transform:scale(1)}34%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes math-cool-success-cut{0%{transform:scale(1)}24%{transform:scale(1.08) skew(-5deg)}52%{transform:scale(1.02) skew(4deg)}to{transform:scale(1) skew(0)}}@keyframes math-cool-ring{0%{opacity:1;transform:rotate(0) scale(.82)}to{opacity:0;transform:rotate(180deg) scale(1.28)}}@keyframes math-cool-slash{0%{opacity:0;transform:translate(-28px) rotate(-18deg)}22%{opacity:1}to{opacity:0;transform:translate(28px) rotate(-18deg)}}@keyframes math-panel-party{0%{transform:scale(1)}22%{transform:scale(1.02) rotate(-.8deg)}48%{transform:scale(1.01) rotate(.8deg)}to{transform:scale(1) rotate(0)}}@keyframes math-feedback-party{0%{transform:scale(1)}36%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes math-confetti-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(var(--burst-rotation))}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.08) rotate(calc(var(--burst-rotation) + 180deg))}}@media (prefers-reduced-motion: reduce){.math-skin-fun .math-key.correct-flash,.math-skin-fun .math-key.correct-flash:before,.math-skin-fun .math-key.correct-flash:after,.math-skin-cool .math-key.correct-flash,.math-skin-cool .math-key.correct-flash:before,.math-skin-cool .math-key.correct-flash:after,.math-skin-cool.success-burst .math-game-panel,.math-skin-cool .math-feedback.correct,.math-skin-fun.success-burst .math-game-panel,.math-skin-fun .math-feedback.correct,.math-confetti-burst span{animation:none}}.header{background-color:#1a1a1a;padding:2rem;border-bottom:1px solid #333;text-align:center}.header h1{margin:0;font-size:2rem}.tagline{margin:.5rem 0 0;font-size:.9rem;opacity:.7}@media (prefers-color-scheme: light){.header{background-color:#f0f0f0;border-bottom:1px solid #ddd}}.navigation{background-color:#2a2a2a;padding:0;border-bottom:1px solid #333}.nav-list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:2rem}.nav-list a{display:block;padding:1rem;color:#646cff;text-decoration:none;font-weight:500;transition:color .3s}.nav-list a:hover{color:#7c7cff;text-decoration:none}@media (prefers-color-scheme: light){.navigation{background-color:#f9f9f9;border-bottom:1px solid #ddd}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{box-sizing:border-box;flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}:root{color-scheme:light dark;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}body{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*,*:before,*:after{box-sizing:inherit}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}a{color:#646cff;text-decoration:none}a:hover{text-decoration:underline}#root{width:100%;margin:0 auto;text-align:center}