/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.isolate{isolation:isolate}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--moon-bg:linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--moon-accent:#94a3b8;--mars-bg:linear-gradient(135deg, #451a03 0%, #1e1b4b 100%);--mars-accent:#f97316;--space-bg:linear-gradient(135deg, #2e1065 0%, #020617 100%);--space-accent:#a855f7;--color-primary:#6366f1;--color-secondary:#f59e0b;--color-accent:#ec4899;--color-success:#10b981;--color-error:#ef4444;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--card-bg:#ffffff0d;--card-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--bg-dark:#0f172a;--input-bg:#ffffff0d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--glass-bg:#ffffff08;--glass-blur:blur(12px);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-full:9999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}html[data-theme=light]{--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #dbeafe 100%);--card-bg:#ffffffe0;--card-border:#0f172a38;--text-primary:#172033;--text-secondary:#475569;--bg-dark:#fff;--input-bg:#fff;--color-primary:#4338ca;--color-secondary:#b45309;--color-accent:#be185d;--color-success:#047857;--color-error:#b91c1c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=light] h1{color:var(--color-primary);-webkit-text-fill-color:initial;background:0 0}body{background:var(--bg-gradient);min-width:320px;min-height:100vh;color:var(--text-primary);justify-content:center;align-items:center;margin:0;display:flex;overflow-x:hidden}#root{text-align:center;width:100%;max-width:600px;padding:2rem}h1,h2,h3{letter-spacing:-.025em;margin-top:0;font-weight:800}h1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem}button{border-radius:var(--radius-md);border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-md);padding:1rem 2rem;font-family:inherit;font-size:1.25rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{border-color:var(--color-primary);background-color:#ffffff1a;transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}button.primary{background:linear-gradient(135deg, var(--color-primary), #4f46e5);color:#fff;border:none}button.primary:hover{box-shadow:0 0 20px #6366f166}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-pop{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards pop-in}body.planet-1{--color-primary:var(--moon-accent);background:var(--moon-bg)!important}body.planet-2{--color-primary:var(--mars-accent);background:var(--mars-bg)!important}body.planet-3{--color-primary:var(--space-accent);background:var(--space-bg)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html[data-reduced-motion=true] *,html[data-reduced-motion=true] :before,html[data-reduced-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-high-contrast=true]{--card-border:#f8fafc;--text-secondary:#e2e8f0;--color-primary:#c4b5fd;--color-secondary:#fde68a;--color-success:#86efac;--color-error:#fca5a5}html[data-theme=light][data-high-contrast=true]{--card-border:#172033;--text-secondary:#273449;--color-primary:#312e81;--color-secondary:#92400e;--color-success:#065f46;--color-error:#991b1b}html[data-theme=light] body.planet-1,html[data-theme=light] body.planet-2,html[data-theme=light] body.planet-3{--color-primary:#4338ca;background:var(--bg-gradient)!important}html[data-theme=light][data-high-contrast=true] body.planet-1,html[data-theme=light][data-high-contrast=true] body.planet-2,html[data-theme=light][data-high-contrast=true] body.planet-3{--color-primary:#312e81}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}.game-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;min-height:400px;padding:2.5rem;display:flex;position:relative;overflow:hidden}.app-greeting{color:var(--text-secondary);margin-bottom:2rem;font-size:1.25rem}.persistence-message{max-width:42rem;color:var(--text-secondary);margin:0 auto 1rem}.progress-link{color:var(--color-secondary);border-color:color-mix(in srgb, var(--color-secondary) 45%, var(--card-border));margin:0 auto 2rem;display:block}.daily-challenge-card{border:1px solid color-mix(in srgb, var(--color-primary) 45%, var(--card-border));border-radius:var(--radius-md);text-align:left;background:linear-gradient(135deg,#6366f124,#a855f714);width:100%;max-width:38rem;margin:0 auto 1.25rem;padding:1.25rem}.daily-challenge-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.daily-challenge-heading h2{color:var(--color-secondary);margin:.15rem 0 .3rem;font-size:1.35rem}.daily-challenge-heading p:last-child{color:var(--text-secondary);margin:0}.challenge-icon{font-size:2rem}.challenge-progress-line{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.challenge-progress-bar{appearance:none;border-radius:var(--radius-full);background:#ffffff1f;border:0;flex:1;height:.7rem;overflow:hidden}.challenge-progress-bar::-webkit-progress-bar{border-radius:inherit;background:#ffffff1f}.challenge-progress-bar::-webkit-progress-value{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));transition:width .3s}.challenge-progress-bar::-moz-progress-bar{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary))}.challenge-status,.challenge-points{margin:.65rem 0 0;font-size:.9rem}.challenge-status{color:var(--color-success)}.challenge-points{color:var(--text-secondary)}.goal-row{border-top:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.goal-row:first-of-type{margin-top:.75rem}.goal-row div{gap:.2rem;display:grid}.goal-row span{color:var(--text-secondary);font-size:.85rem}.progress-dashboard{text-align:left;width:100%;max-width:62rem;margin:0 auto}.progress-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.progress-heading h2{color:var(--color-secondary);margin:.15rem 0 0;font-size:2.25rem}.eyebrow{color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.progress-subtitle{color:var(--text-secondary);margin:.4rem 0 0}.progress-metric-grid,.progress-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.progress-metric,.progress-panel,.progress-empty-state{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#ffffff0a}.progress-metric{flex-direction:column;gap:.25rem;padding:1rem;display:flex}.progress-metric span,.progress-metric small{color:var(--text-secondary)}.progress-metric span{text-transform:uppercase;font-size:.8rem}.progress-metric strong{color:var(--color-primary);font-size:1.75rem}.progress-metric small{font-size:.75rem}.progress-trend{border:1px solid color-mix(in srgb, var(--color-success) 45%, var(--card-border));border-radius:var(--radius-md);background:#22c55e14;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin:1rem 0;padding:.8rem 1rem;display:flex}.progress-trend span{color:var(--text-secondary);font-size:.9rem}.progress-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.progress-panel{padding:1rem}.progress-panel h3{color:var(--color-secondary);margin:0 0 .8rem}.progress-table-wrap{overflow-x:auto}.progress-panel table{border-collapse:collapse;width:100%;font-size:.9rem}.progress-panel th,.progress-panel td{border-bottom:1px solid var(--card-border);text-align:right;white-space:nowrap;padding:.6rem .35rem}.progress-panel tr:last-child th,.progress-panel tr:last-child td{border-bottom:0}.progress-panel th:first-child{text-align:left}.progress-panel thead{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.recent-sessions{margin-top:1rem}.session-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.session-row{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.session-row:last-child{border-bottom:0}.session-row div{gap:.2rem;display:grid}.session-row span{color:var(--text-secondary);font-size:.8rem}.session-result{text-align:right}.progress-empty-state{text-align:center;justify-items:center;gap:.75rem;padding:3rem 1.5rem 1rem;display:grid}.progress-empty-state h3,.progress-empty-state p{margin:0}.progress-empty-state p{max-width:30rem;color:var(--text-secondary)}.progress-empty-icon{font-size:3rem}.progress-empty-state+.goals-panel,.progress-metric-grid+.goals-panel{margin-top:1rem}@media (width<=768px){.progress-heading{flex-direction:column}.progress-heading>button{width:100%}}@media (width<=480px){.progress-metric-grid,.progress-breakdown-grid{grid-template-columns:1fr}.progress-metric strong{font-size:1.5rem}.progress-trend,.session-row{flex-direction:column;align-items:flex-start}.session-result{text-align:left}}.progress-container{border-radius:var(--radius-md);background:#ffffff0d;width:100%;height:8px;margin-bottom:2rem;position:relative;overflow:hidden}.progress-bar{appearance:none;background:0 0;border:0;width:100%;height:100%;display:block;box-shadow:0 0 10px #6366f14d}.progress-bar::-webkit-progress-bar{background:0 0}.progress-bar::-webkit-progress-value{background:var(--color-primary);transition:width 1s linear,background-color .3s}.progress-bar::-moz-progress-bar{background:var(--color-primary)}.progress-bar-urgent::-webkit-progress-value{background:var(--color-error)}.progress-bar-urgent::-moz-progress-bar{background:var(--color-error)}.mode-selection{gap:1rem;max-width:320px;margin:0 auto;display:grid}.primary-action{max-width:320px;margin:0 auto 1rem}.primary-action button{width:100%}.mode-selection .progress-link{margin:0}.customize-round{border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);text-align:left;width:100%;max-width:38rem;margin:0 auto 1.25rem}.customize-round summary{color:var(--color-secondary);cursor:pointer;padding:.9rem .25rem;font-weight:700;list-style-position:inside}.customize-round summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.customize-round summary span{float:right;transition:transform .2s}.customize-round[open] summary span{transform:rotate(180deg)}.customize-round-content{gap:1rem;padding:.25rem 0 1.25rem;display:grid}.preset-selector,.setting-group{text-align:left;border:0;margin:0;padding:0}.preset-selector .selector-title,.setting-title{color:var(--text-primary);margin-bottom:.55rem;font-size:.95rem;font-weight:700;display:block}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.preset-choice{text-align:left;gap:.2rem;padding:.75rem;font-size:.95rem;display:grid}.preset-choice small{color:var(--text-secondary);font-size:.75rem;font-weight:500}.preset-choice.primary small{color:#ffffffd1}.custom-round-settings{border-top:1px solid var(--card-border);gap:1rem;padding-top:1rem;display:grid}.setting-group{text-align:center}.setting-group .setting-title{text-align:left}.planet-choice-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.planet-choice-grid button,.difficulty-selector button{padding:.65rem .85rem;font-size:.95rem}.more-options{border-top:1px solid var(--card-border);text-align:left}.more-options summary{color:var(--color-secondary);cursor:pointer;padding:.75rem .25rem;font-size:.9rem;font-weight:700;list-style-position:inside}.more-options summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.more-options summary span{float:right;transition:transform .2s}.more-options[open] summary span{transform:rotate(180deg)}.more-options-content{justify-content:flex-start;padding:.25rem 0;display:flex}.more-options-content button{padding:.65rem .85rem;font-size:.95rem}.planet-indicator{color:var(--color-secondary);align-items:center;gap:.35rem;font-size:1rem;font-weight:700;display:inline-flex;position:absolute;top:.85rem;left:1rem}.planet-indicator-icon{font-size:1.15rem}.stats-header{justify-content:space-between;margin-bottom:2rem;font-weight:600;display:flex}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-item .label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem}.stat-item .value{color:var(--color-secondary);font-size:1.5rem}.stat-item.timer .value{color:var(--color-accent)}.streak-stat{color:var(--color-secondary)}.question-display{justify-content:center;align-items:center;gap:1rem;margin-bottom:2.5rem;font-size:4rem;font-weight:800;display:flex}.answer-box{border-radius:var(--radius-md);min-width:100px;color:var(--color-success);border-bottom:4px solid var(--color-success);background:#ffffff1a;padding:.25rem 1rem}.operation-symbol{color:var(--color-primary)}.equals-symbol{color:var(--text-secondary)}.numpad{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:300px;margin:0 auto;display:grid}.num-btn{padding:1rem;font-size:1.5rem}.clear-btn{color:#f87171;background:#ef444433;border-color:#ef44444d}.submit-btn{grid-column:span 2}.game-area{padding-top:3.5rem;position:relative}.feedback-inline{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;min-height:1.75rem;margin:-1.5rem auto 1.25rem;padding:0 .5rem;font-size:1rem;font-weight:700;line-height:1.4;display:flex}.feedback-inline-empty{visibility:hidden}.feedback-inline-correct{color:var(--color-success)}.feedback-inline-incorrect{color:var(--color-error)}.feedback-inline-icon{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;font-size:.9rem;line-height:1;display:inline-flex}.feedback-inline strong{color:inherit;font-weight:800}.board-wrapper{width:100%}.feedback-inline-correct,.feedback-inline-incorrect{animation:.15s ease-out feedback-fade}@keyframes feedback-fade{0%{opacity:.65}to{opacity:1}}.results-feedback{border:2px solid var(--color-error);border-radius:var(--radius-md);background:#0f172acc;flex-direction:column;gap:.35rem;max-width:28rem;margin:0 auto 1.5rem;padding:.85rem 1rem;display:flex}.results-feedback span{color:var(--text-secondary)}.challenge-complete-banner{border:2px solid var(--color-success);border-radius:var(--radius-md);background:#22c55e1a;gap:.25rem;max-width:28rem;margin:0 auto 1.5rem;padding:.85rem 1rem;display:grid}.challenge-complete-banner span{color:var(--text-secondary)}.progression-path{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.progression-chip{border:1px solid var(--card-border);border-radius:var(--radius-sm);background:#ffffff0a;flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.progression-chip small{color:var(--text-secondary);font-size:.7rem}@media (width<=768px){#root{padding:1rem}h1{font-size:2.5rem}.game-container{min-height:350px;padding:1.5rem}.question-display{gap:.75rem;font-size:3rem}.answer-box{min-width:80px}}@media (width<=480px){h1{font-size:2rem}.settings-heading{flex-direction:column}.settings-back{width:100%}.preset-grid{grid-template-columns:1fr}p{font-size:1rem!important}.game-container{padding:1rem}.question-display{gap:.5rem;margin-bottom:1.5rem;font-size:2.5rem}.numpad{gap:.5rem}.num-btn{padding:.75rem;font-size:1.25rem}.stat-item .value{font-size:1.25rem}.stats-header{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.4rem;min-height:3.75rem;margin-bottom:1.5rem;display:grid}.stats-header .stat-item{text-align:center;align-items:center;min-width:0}.stats-header .stat-item .label{letter-spacing:.03em;white-space:nowrap;font-size:.55rem;line-height:1.15}.stats-header .stat-item .value{overflow-wrap:anywhere;max-width:100%;font-size:.95rem;line-height:1.2}.planet-indicator{font-size:.9rem;left:1rem}.planet-indicator-icon{font-size:1rem}.progress-container{height:6px;margin-bottom:1rem}}.exit-btn{z-index:20;border:1px solid var(--card-border);width:2.5rem;height:2.5rem;color:var(--text-secondary);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;line-height:1;display:flex;position:absolute;top:.5rem;right:.5rem}.exit-btn:hover{color:var(--color-error);background:#ef444433;border-color:#ef44444d}.results-screen h2{color:var(--color-secondary);margin-bottom:0;font-size:2.5rem}.final-stats p{margin:.5rem 0}.final-stats{gap:1rem;margin:2rem 0;display:grid}.final-score{font-size:1.5rem}.final-score strong{color:var(--color-primary)}.results-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.results-metric{border:1px solid var(--card-border);border-radius:var(--radius-md);background:#ffffff0a;flex-direction:column;gap:.25rem;padding:.8rem;display:flex}.results-metric span{color:var(--text-secondary);font-size:.75rem;line-height:1.2}.results-metric strong{color:var(--color-primary);font-size:1.25rem}.personal-best-comparison{border:1px solid color-mix(in srgb, var(--color-secondary) 40%, var(--card-border));border-radius:var(--radius-md);background:#f59e0b14;gap:.25rem;padding:1rem;display:grid}.personal-best-comparison p{font-size:.95rem}.personal-best-message{color:var(--color-secondary)}.results-actions{gap:1rem;display:grid}.next-action{color:var(--text-secondary);font-size:.95rem}.finish-practice-btn{margin:1.5rem auto 0;font-size:1rem;display:block}.results-progression{gap:.75rem;margin-top:1rem;display:grid}.results-label{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.operator-selector,.difficulty-selector{text-align:center;border:0;padding:0}.choice-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.choice-chip{border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff0a;align-items:center;gap:.4rem;padding:.65rem .8rem;display:inline-flex}.choice-chip input{width:1rem;height:1rem;accent-color:var(--color-primary)}.header-top{justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex;position:relative}.settings-btn{cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:opacity .2s,transform .2s}.settings-btn:hover{opacity:1;transform:rotate(45deg)}html[data-high-contrast=true] .settings-btn{opacity:1}.best-stats{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.stat-card{flex-direction:column;gap:.25rem;padding:1rem;display:flex}.stat-card span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-card strong{color:var(--color-primary);font-size:1.5rem}.settings-view{text-align:left;width:100%;max-width:48rem;margin:0 auto}.settings-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.settings-heading h2{color:var(--color-secondary);margin:.15rem 0 0;font-size:2.25rem}.settings-heading h2:focus,.game-area:focus,.results-heading:focus{outline:none}.settings-back{flex:none;padding:.7rem 1rem;font-size:1rem}.settings-section{border:0;border-top:1px solid var(--card-border);margin:0;padding:1.25rem 0}.settings-section:first-of-type{border-top:0;padding-top:0}.settings-section h3{margin-bottom:.25rem}.settings-section p{color:var(--text-secondary);margin:0}.settings-section>p{margin-bottom:.75rem}.setting-item{text-align:left;flex-direction:column;gap:.75rem;display:flex}.setting-item legend{color:var(--text-primary);padding:0;font-weight:700}.setting-item fieldset{border:0}.setting-item label{color:var(--text-secondary);font-weight:600}.setting-item input{border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--card-border);color:var(--text-primary);padding:.75rem;font-size:1rem}.setting-item select{border-radius:var(--radius-md);background:var(--bg-dark);border:1px solid var(--card-border);color:var(--text-primary);padding:.75rem;font-size:1rem}.file-input-group{flex-direction:column;gap:.5rem;display:flex}.file-input-control{box-sizing:border-box;border:1px solid var(--card-border);border-radius:var(--radius-md);background:var(--input-bg);align-items:center;gap:.75rem;width:100%;padding:.5rem;display:flex}.file-input-trigger{border:1px solid var(--card-border);border-radius:calc(var(--radius-md) - .25rem);background:var(--card-bg);cursor:pointer;flex:none;padding:.65rem 1rem;color:var(--text-primary)!important;font-weight:600!important}.file-input-trigger:hover{border-color:var(--color-primary);background:#ffffff1a}.file-input-name{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.file-input-native{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-input-group:focus-within .file-input-control{outline:2px solid var(--color-primary);outline-offset:4px}.checkbox-setting{align-items:center;gap:.65rem;display:flex;color:var(--text-primary)!important}.checkbox-setting input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.timer-options{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.timer-options button{padding:.75rem .25rem;font-size:1rem}.setting-item button.danger{color:#fca5a5;background:#ef44441a;border-color:#ef444433}html[data-theme=light] .setting-item button.danger{color:var(--color-error)}.setting-item button.danger:hover{background:var(--color-error);color:#fff}.settings-reset-section{border-top:2px solid color-mix(in srgb, var(--color-error) 45%, var(--card-border));margin-top:1rem;padding-top:1.5rem}.settings-reset-section .setting-item{border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-error) 6%, transparent);padding:1rem}body.planet-1{background:var(--moon-bg);--color-primary:var(--moon-accent)}body.planet-2{background:var(--mars-bg);--color-primary:var(--mars-accent)}body.planet-3{background:var(--space-bg);--color-primary:var(--space-accent)}.badge-gallery{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex}.badge-item{border:1px solid var(--card-border);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.badge-item.unlocked{border-color:var(--color-primary);background:#6366f11a;animation:.5s cubic-bezier(.175,.885,.32,1.275) badge-unlock;box-shadow:0 0 15px #6366f14d}.badge-icon{justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge-item .badge-icon{filter:grayscale();opacity:.35}.badge-item.unlocked .badge-icon{filter:grayscale(0);opacity:1}.badge-item:hover .badge-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-10px)}.badge-tooltip{visibility:hidden;border-radius:var(--radius-md);white-space:nowrap;z-index:50;opacity:0;pointer-events:none;color:#fff;background:#0c0e14f5;border:1px solid #ffffff26;padding:.5rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%)translateY(0);box-shadow:0 8px 20px #00000073}.badge-locked-label{color:var(--color-accent);font-size:.6rem}@keyframes badge-unlock{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}html[data-high-contrast=true] button,html[data-high-contrast=true] input,html[data-high-contrast=true] select,html[data-high-contrast=true] .progress-container,html[data-high-contrast=true] .answer-box{border:2px solid var(--card-border)!important}html[data-high-contrast=true] .results-feedback{border-width:3px}html[data-high-contrast=true] button.primary{border:2px solid var(--card-border)}.unlocked-toast{border:1px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;align-items:center;gap:1rem;padding:1rem 1.5rem;animation:.5s ease-out forwards toast-in,.5s ease-in 3.5s forwards toast-out;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:#0f172a!important}.badge-toast-icon{font-size:2rem}.badge-toast-name{margin:0;font-size:.8rem}.app-footer{color:var(--text-secondary);margin-top:3rem;font-size:.875rem}@keyframes toast-in{0%{opacity:0;top:-5rem}to{opacity:1;top:1.5rem}}@keyframes toast-out{0%{opacity:1;top:1.5rem}to{opacity:0;top:-5rem}}header h1{margin-bottom:0}@keyframes shake-small{0%,to{transform:translate(0)}25%{transform:translate(-2px)rotate(-1deg)}75%{transform:translate(2px)rotate(1deg)}}@keyframes shake-medium{0%,to{transform:translate(0)}20%{transform:translate(-4px)rotate(-2deg)}40%{transform:translate(4px)rotate(2deg)}60%{transform:translate(-4px)rotate(-2deg)}80%{transform:translate(4px)rotate(2deg)}}@keyframes shake-hard{0%,to{transform:translate(0)}10%{transform:translate(-6px)rotate(-3deg)}30%{transform:translate(6px)rotate(3deg)}50%{transform:translate(-6px)rotate(-3deg)}70%{transform:translate(6px)rotate(3deg)}90%{transform:translate(-6px)rotate(-3deg)}}.shake-small{animation:.3s ease-in-out shake-small}.shake-medium{animation:.5s ease-in-out shake-medium}.shake-hard{animation:.6s ease-in-out shake-hard}.error-boundary-screen{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.error-boundary-card{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);width:min(100%,34rem);box-shadow:var(--shadow-lg);text-align:center;padding:2.5rem}.error-boundary-card h1{color:var(--color-secondary);margin:.25rem 0 .75rem}.error-boundary-card>p:not(.eyebrow):not(.error-boundary-help){color:var(--text-secondary)}.error-boundary-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.5rem 0 1rem;display:flex}.error-boundary-help{color:var(--text-secondary);margin:0;font-size:.9rem}.error-boundary-details{color:var(--text-secondary);text-align:left;margin-top:1.5rem;font-size:.8rem}.error-boundary-details p{overflow-wrap:anywhere}@media (width<=480px){.results-metrics{grid-template-columns:1fr}.results-metric{flex-direction:row;justify-content:space-between;align-items:center;gap:.75rem}.results-metric strong{font-size:1.1rem}}