:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.app-background{box-sizing:border-box;background:linear-gradient(135deg,#ffdde1 0%,#d6c8ff 45%,#c8f4ff 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif;display:flex}.card{text-align:center;background:#fffe;border-radius:28px;width:100%;max-width:480px;padding:2.5rem 2rem;box-shadow:0 12px 32px #7850a040}.card h1{color:#8a4baf;margin-top:0;font-size:2rem}.subtitle{color:#b06fc9;margin-top:-.5rem;margin-bottom:1.5rem}.preset-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.preset-option{cursor:pointer;text-align:center;background:#fbf7ff;border:2px solid #eadcf5;border-radius:16px;justify-content:center;align-items:center;padding:.9rem .6rem;display:flex}.preset-option input{opacity:0;pointer-events:none;position:absolute}.preset-option:focus-within{outline-offset:2px;outline:2px solid #b18cff}.preset-option.selected{background:linear-gradient(135deg,#ffe6f2,#efe6ff);border-color:#b18cff}.preset-name{color:#7a3fae;font-size:1.1rem;font-weight:700}fieldset.locked{opacity:.75}fieldset{text-align:left;border:2px dashed #e2b6f0;border-radius:16px;margin-bottom:1.25rem}legend{color:#8a4baf;padding:0 .5rem;font-weight:700}.op-row{justify-content:space-between;align-items:center;gap:1rem;margin:.6rem 0;display:flex}.max-label{color:#6b5b73;align-items:center;gap:.4rem;font-size:.9rem;display:flex}.max-label input{width:4rem}.row{text-align:left;justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.row input[type=number]{flex-shrink:0;width:6rem}input[type=number]{border:2px solid #e2b6f0;border-radius:10px;padding:.4rem .6rem;font-size:1rem}.error{color:#d1476b;font-weight:700}.leaderboard-panel{border-top:2px dashed #eadcf5;margin-top:1.75rem;padding-top:1.25rem}.leaderboard-panel h3{color:#8a4baf;margin:0 0 .75rem}.leaderboard{border-collapse:collapse;width:100%;font-size:1rem}.leaderboard th{color:#a98fc2;padding:.3rem .5rem;font-size:.85rem;font-weight:400}.leaderboard td{color:#5b4a6b;border-top:1px solid #f3eafa;padding:.4rem .5rem}.leaderboard th:nth-child(2),.leaderboard td:nth-child(2){text-align:left;overflow-wrap:anywhere}.leaderboard tr.me td{color:#7a3fae;background:linear-gradient(135deg,#ffe6f2,#efe6ff);font-weight:700}.save-score{margin:1rem 0}.name-row{gap:.5rem;margin-top:.5rem;display:flex}.name-input{border:2px solid #e2b6f0;border-radius:14px;flex:1;min-width:0;padding:.5rem .8rem;font-family:inherit;font-size:1.1rem}button:disabled{opacity:.5;cursor:default;transform:none}.placement{color:#7a3fae;margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.steps-count{color:#8a4baf;margin-bottom:1rem;font-weight:700}button{cursor:pointer;color:#6a4c8c;background:#f0e0ff;border:none;border-radius:999px;padding:.7rem 1.6rem;font-family:inherit;font-size:1.1rem;transition:transform .15s}button:hover{transform:translateY(-2px)}button.primary{color:#fff;background:linear-gradient(135deg,#ff9ecb,#b18cff);font-weight:700}.button-row{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.game-card{padding:3rem 2rem;position:relative}.progress-track{background:#f0e0ff;border-radius:999px;width:100%;height:12px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#ff9ecb,#b18cff);border-radius:999px;height:100%;transition:width .3s linear}.cancel-button{color:#b9a6cc;background:0 0;border:2px solid #eadcf5;width:2rem;height:2rem;padding:0;font-size:1rem;line-height:1;position:absolute;top:.5rem;right:.5rem}.cancel-button:hover{color:#d1476b;border-color:#d1476b;transform:none}.confirm-overlay{border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffd9;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.confirm-box{background:#fff;border:2px solid #eadcf5;border-radius:20px;max-width:100%;padding:1.5rem 1.25rem;box-shadow:0 8px 24px #7850a033}.confirm-box h2{color:#7a3fae;margin:0 0 .5rem}.confirm-box .button-row{flex-wrap:wrap}button.danger{color:#c23b62;background:#fde7ee}.next-button{margin-top:.5rem;padding:.9rem 2.4rem;font-size:1.3rem}.operation-display{color:#7a3fae;margin:1rem 0;font-size:5rem;font-weight:700}.running-total{color:#4c8c6a;margin-bottom:1rem;font-size:1.6rem;font-weight:700}.hint{color:#a98fc2;font-size:1rem}.answer-input{box-sizing:border-box;text-align:center;border:2px solid #e2b6f0;border-radius:14px;width:100%;margin:1rem 0;padding:.6rem;font-size:1.5rem;display:block}.result{margin-top:1rem}.correct{color:#3fa66a;font-size:1.3rem;font-weight:700}.incorrect{color:#d1476b;font-size:1.2rem;font-weight:700}