:root{--bg-color: #f0fdf4;--text-main: #334155;--text-light: #64748b;--color-pink: #f472b6;--color-pink-shadow: #db2777;--color-blue: #38bdf8;--color-blue-shadow: #0284c7;--color-yellow: #fbbf24;--color-yellow-shadow: #d97706;--color-green: #4ade80;--color-green-shadow: #16a34a;--white: #ffffff}.mathsim-wrapper{font-family:Fredoka,sans-serif;background-color:var(--bg-color);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;background-image:radial-gradient(#cbd5e1 2px,transparent 2px);background-size:40px 40px;touch-action:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.app-container{max-width:1200px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box}.game-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem;flex-shrink:0}.mode-tabs{display:flex;background:#e2e8f0;padding:.3rem;border-radius:16px}.mode-tabs button{padding:.5rem 1.2rem;border-radius:12px;border:none;background:transparent;font-family:Fredoka,sans-serif;font-weight:800;font-size:1.4rem;cursor:pointer;color:var(--text-light);display:flex;align-items:center;justify-content:center;min-width:80px}.mode-tabs button.active{background:var(--white);color:var(--color-blue-shadow);box-shadow:0 4px 10px #0000000d}.score-badge{background:var(--white);padding:.5rem 1rem;border-radius:16px;font-weight:800;font-size:1.2rem;color:var(--color-yellow-shadow);box-shadow:0 4px 10px #0000000d}.game-card{flex:1;background:var(--white);border-radius:24px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;padding:1rem;min-height:0;border:2px solid rgba(0,0,0,.03)}.task-header{text-align:center;margin-bottom:1rem;flex-shrink:0}.equation{font-size:clamp(2rem,8vw,3.5rem);font-weight:800;color:var(--text-main);margin:0}.hint{font-size:clamp(1rem,4vw,1.4rem);color:var(--text-light);margin-top:.2rem;font-weight:600}.arena{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:0}.zone{border:3px dashed #cbd5e1;border-radius:20px;background:#f8fafc;transition:all .2s ease;display:flex;flex-direction:column}.zone-title{font-size:.8rem;font-weight:800;text-align:center;color:#94a3b8;padding:.5rem 0 .2rem;text-transform:uppercase;letter-spacing:1px}.zone-content{flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;padding:.5rem;gap:.5rem}.pool-area{flex:0 0 auto;min-height:100px}.zone-pool{background:#f1f5f9;border-style:solid}.target-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.equation-builder{display:flex;align-items:stretch;gap:1rem;width:100%;max-width:800px;height:100%;max-height:220px}.math-part{display:flex;align-items:center;gap:1rem;font-size:clamp(2.5rem,10vw,5rem);font-weight:800;background:#f8fafc;padding:0 1.5rem;border-radius:20px;border:3px solid #e2e8f0}.zone-answer{flex:1;background:#fffbeb;border-color:#fbbf24;border-width:4px}.groups-builder{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:100%;height:100%;overflow-y:auto;padding:.2rem}.zone-basket{background:#fffbeb;border-color:#fbbf24;min-height:140px}.zone-friend{background:#f0f9ff;border-color:#38bdf8;min-height:140px}.zone.is-over{transform:scale(1.02);background:#fef3c7!important;border-color:#fbbf24!important}.draggable-item{width:clamp(50px,12vw,70px);height:clamp(50px,12vw,70px);background:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:clamp(1.8rem,6vw,2.5rem);box-shadow:0 4px #e2e8f0,0 8px 15px #0000000d;cursor:grab;touch-action:none}.draggable-item.dragging{opacity:.1}#overlay.draggable-item{transform:scale(1.2);box-shadow:0 15px 30px #00000026;z-index:1000}.game-footer{padding:.5rem 0;display:flex;justify-content:center;flex-shrink:0}.btn-check{width:100%;max-width:350px;height:70px;border:none;background:var(--color-green);box-shadow:0 6px 0 var(--color-green-shadow);border-radius:20px;color:#fff;font-family:Fredoka,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:800;display:flex;align-items:center;justify-content:center;gap:.8rem;cursor:pointer}.btn-check:active{transform:translateY(4px);box-shadow:0 2px 0 var(--color-green-shadow)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.animate-shake{animation:shake .4s ease-in-out}@media (max-width: 500px){.app-container{padding:.5rem}.game-card{border-radius:16px;padding:.8rem}.equation-builder{flex-direction:column;max-height:none;height:auto}.math-part{height:70px;width:100%;justify-content:center;border-radius:12px}.zone-answer{min-height:120px;border-radius:12px}.groups-builder{grid-template-columns:repeat(2,1fr);gap:.5rem}.zone-basket,.zone-friend{min-height:110px;border-radius:12px}.pool-area{min-height:80px}.draggable-item{width:48px;height:48px;font-size:1.6rem;border-radius:10px}}@media (max-height: 500px) and (orientation: landscape){.app-container{flex-direction:row;gap:1rem;padding:.5rem}.game-nav{flex-direction:column;height:100%;margin-bottom:0;width:120px}.mode-tabs{flex-direction:column;width:100%}.mode-tabs button{padding:.4rem;font-size:.8rem}.score-badge{width:100%;font-size:1rem;text-align:center}.game-footer{display:none}.equation{font-size:1.5rem}.hint{font-size:.8rem}.pool-area{min-height:60px}}