.container{max-width:600px;margin:0 auto;padding:20px;font-family:sans-serif;background:#f0f7ff;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.game-grid{display:grid;gap:20px;padding:20px}.pet-zone{height:250px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:20px;overflow:hidden}.pet-img{width:100%;height:100%;object-fit:cover}.pet-placeholder{font-size:60px;color:#ccc}.math-zone{background:#fff;padding:20px;border-radius:20px;text-align:center}.math-zone input{width:80%;padding:10px;margin:10px 0;border:2px solid #ddd;border-radius:8px;font-size:1.2rem}.math-zone button{padding:10px 30px;background:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer}.progress-bar{height:20px;background:#eee;border-radius:10px;overflow:hidden}.progress-bar div{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);transition:width .5s}.btn{padding:15px 40px;font-size:1.2rem;background:#ff9a9e;color:#fff;border:none;border-radius:50px;cursor:pointer}.center{display:flex;justify-content:center;align-items:center;height:60vh}.stats{display:flex;gap:10px;align-items:center;font-weight:700;color:#555}.heart-bar{display:flex;gap:4px}h1{font-size:1.2rem;margin:0;color:#333}input:focus{outline:none;border-color:#4a90e2}.math-zone h2{font-size:2rem;color:#333;margin-bottom:10px}.game-grid{animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{background:radial-gradient(circle at top right,#e0f7fa,#fff)}.pet-zone{box-shadow:inset 0 0 20px #0000000d;border:4px solid white}.math-zone{box-shadow:0 10px 15px -3px #0000001a}button:hover{filter:brightness(1.1);transform:scale(1.02)}@media (max-width: 480px){.math-zone h2{font-size:1.5rem}}.footer-note{font-size:.8rem;color:#999;text-align:center;margin-top:20px}.status-badge{padding:4px 8px;background:#fff3e0;border-radius:4px;font-size:.8rem}.history-list{margin-top:20px;font-size:.9rem;color:#666}.history-item{padding:5px;border-bottom:1px solid #eee}