*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f4f0;--color-surface:#fff;--color-white:#fff;--color-border:#e0dedd;--color-text:#1a1917;--color-text-light:#8a8680;--color-text-muted:#8a8680;--color-ink:#1a1917;--color-accent:#1a1917;--color-success:#3d6b57;--color-success-bg:#eaf2ee;--color-error:#8b3a3a;--color-error-bg:#f5eaea;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 4px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 32px #0000001c;--font-sans:"Nunito", "Segoe UI", system-ui, sans-serif;font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);font-size:18px;line-height:1.5}body{-webkit-font-smoothing:antialiased;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}img,svg{max-width:100%;display:block}.setup-screen{flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:100dvh;padding:32px 20px;display:flex}.setup-header{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.setup-icon{border-radius:var(--radius-lg);background:var(--color-white);width:88px;height:88px;box-shadow:var(--shadow-md);color:var(--color-text);justify-content:center;align-items:center;animation:3s ease-in-out infinite float;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.setup-title{color:var(--color-text);letter-spacing:-2px;font-size:3.5rem;font-weight:900;line-height:1}.setup-subtitle{color:var(--color-text-light);letter-spacing:.01em;align-items:center;gap:6px;font-size:1rem;font-weight:600;display:flex}.setup-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:40px;width:100%;max-width:500px;padding:44px 40px;display:flex}.setup-section{flex-direction:column;gap:14px;display:flex}.setup-section-title{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800}.digit-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.digit-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px 8px;transition:border-color .18s,background .18s,transform .18s;display:flex}.digit-btn:hover{border-color:#adb5bd;transform:translateY(-2px)}.digit-btn--active{border-color:var(--color-text);background:var(--color-text);transform:translateY(-2px)}.digit-btn__number{color:var(--color-text);font-size:2rem;font-weight:900;line-height:1;transition:color .18s}.digit-btn--active .digit-btn__number{color:var(--color-white)}.digit-btn__range{color:var(--color-text-light);letter-spacing:.03em;font-size:.62rem;font-weight:700;transition:color .18s}.digit-btn--active .digit-btn__range{color:#ffffff8c}.operation-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.operation-btn{border-radius:var(--radius-md);border:2px solid var(--color-border);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 16px;transition:border-color .18s,background .18s,transform .18s;display:flex}.operation-btn:hover{border-color:#adb5bd;transform:translateY(-2px)}.operation-btn--active{border-color:var(--color-text);background:var(--color-text);transform:translateY(-2px)}.operation-btn__icon{color:var(--color-text);justify-content:center;align-items:center;transition:color .18s;display:flex}.operation-btn--active .operation-btn__icon{color:var(--color-white)}.operation-btn__label{color:var(--color-text);font-size:.95rem;font-weight:800;transition:color .18s}.operation-btn--active .operation-btn__label{color:var(--color-white)}.start-btn{border-radius:var(--radius-md);background:var(--color-text);width:100%;color:var(--color-white);letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;padding:20px;font-size:1.15rem;font-weight:800;transition:transform .18s,opacity .18s;display:flex}.start-btn:hover{opacity:.88;transform:translateY(-3px)}.start-btn:active{opacity:1;transform:translateY(0)}@media (width<=420px){.setup-card{gap:32px;padding:32px 24px}.setup-title{font-size:2.75rem}.digit-btn__number{font-size:1.6rem}}.game-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.back-btn{color:var(--color-text-light);letter-spacing:.03em;background:0 0;border-radius:0;align-items:center;gap:6px;padding:8px 4px;font-size:.95rem;font-weight:700;transition:color .2s,transform .2s;display:flex;position:fixed;top:24px;left:24px}.back-btn:hover{color:var(--color-text);transform:translate(-4px)}.game-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:24px;width:fit-content;min-width:280px;max-width:90vw;padding:36px 48px 32px;transition:box-shadow .3s;display:flex}.game-card.correct{box-shadow:0 4px 32px #3d6b572e}.vertical-problem{grid-template-columns:auto;justify-content:center;align-items:center;width:100%;display:grid}.vp-row{display:contents}.vertical-problem{flex-direction:column;align-items:flex-end;gap:0;display:flex}.vp-row{flex-direction:row;justify-content:flex-end;align-items:center;gap:0;display:flex}.vp-op-symbol{width:52px;color:var(--color-text-light);flex-shrink:0;justify-content:flex-end;align-items:center;padding-right:10px;display:flex}.vp-op-placeholder{flex-shrink:0;width:52px}.vp-cell{width:58px;height:52px;font-family:var(--font-sans);color:var(--color-text);letter-spacing:-1px;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:2.1rem;font-weight:800;display:flex;position:relative}.vp-row--carry{margin-bottom:2px}.vp-carry-cell{height:26px;color:var(--color-success);opacity:0;font-size:1.1rem;font-weight:800;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.6)translateY(6px)}.vp-carry-cell--visible{opacity:1;transform:scale(1)translateY(0)}.vp-row--number .vp-cell{border-bottom:none}.vp-leading-zero{color:#0000}.vp-divider-row{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin:6px 0;display:flex}.vp-divider{background:var(--color-text);border-radius:2px;flex:1;height:3px}.vp-row--answer{gap:6px;margin-top:4px}.vp-answer-cell{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s,box-shadow .15s;position:relative}.vp-answer-cell--empty{background:var(--color-bg)}.vp-answer-cell--active{box-shadow:0 0 0 2.5px var(--color-text);background:#f0eee8}.vp-answer-cell--correct{background:var(--color-success-bg);cursor:default}.vp-answer-cell--wrong{background:var(--color-error-bg)}.vp-input{width:100%;height:100%;font-family:var(--font-sans);text-align:center;color:var(--color-text);letter-spacing:-1px;cursor:pointer;caret-color:#0000;-moz-appearance:textfield;background:0 0;border:none;outline:none;padding:0;font-size:2.1rem;font-weight:800;position:absolute;inset:0}.vp-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vp-answer-cell--correct .vp-input{color:var(--color-success)}.vp-answer-cell--wrong .vp-input{color:var(--color-error)}.vp-input--shake{animation:.38s cubic-bezier(.36,.07,.19,.97) forwards shake}.vp-check-icon{color:var(--color-success);opacity:.85;pointer-events:none;animation:.3s cubic-bezier(.34,1.56,.64,1) pop;position:absolute;top:4px;right:5px}.vp-reveal{color:var(--color-success);font-size:2.1rem;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) pop}.feedback{align-items:center;gap:10px;animation:.3s cubic-bezier(.34,1.56,.64,1) pop;display:flex}.correct-feedback{color:var(--color-success)}.wrong-feedback{color:var(--color-error)}.feedback-text{letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.game-actions{justify-content:center;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-md);letter-spacing:.01em;align-items:center;gap:8px;padding:12px 26px;font-size:1rem;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-2px)}.btn:active{opacity:1;transform:translateY(0)}.btn-skip{color:var(--color-text-light);background:0 0;border:2px solid #e2e2e2}.btn-next{background:var(--color-text);color:var(--color-white);border:none}.digit-badge{color:#b8b8b8;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:700}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@media (width<=520px){.game-card{gap:20px;padding:28px 20px 24px}.vp-cell{width:44px;height:44px;font-size:1.7rem}.vp-input,.vp-reveal{font-size:1.7rem}.vp-op-symbol{width:40px;padding-right:6px}.vp-op-placeholder{width:40px}}@media (width<=360px){.vp-cell{width:36px;height:40px;font-size:1.4rem}.vp-input,.vp-reveal{font-size:1.4rem}}