:root{--font-kids: "Fredoka", "Rubik", "Assistant", sans-serif;--bg-sky: linear-gradient(180deg, #a1c4fd 0%, #c2e9fb 100%);--color-primary: #6c5ce7;--color-primary-hover: #5b4bc4;--color-secondary: #fd79a8;--color-success: #00b894;--color-warning: #f1c40f;--color-danger: #d63031;--color-info: #0984e3;--color-orange: #e17055;--color-yellow: #ffeaa7;--card-bg: rgba(255, 255, 255, .9);--card-shadow: 0 15px 35px rgba(108, 92, 231, .15);--btn-shadow: 0 8px 0px rgba(0, 0, 0, .15);--text-dark: #2d3436;--text-light: #ffffff;--text-muted: #636e72}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-kids);background:var(--bg-sky);color:var(--text-dark);min-height:100vh;overflow-x:hidden;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased}.bubble-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bubble{position:absolute;bottom:-150px;background:#ffffff40;border-radius:50%;animation:floatUp 12s infinite ease-in;pointer-events:none}.bubble:nth-child(1){left:10%;width:80px;height:80px;animation-duration:10s}.bubble:nth-child(2){left:20%;width:120px;height:120px;animation-duration:15s;animation-delay:2s}.bubble:nth-child(3){left:35%;width:60px;height:60px;animation-duration:8s;animation-delay:1s}.bubble:nth-child(4){left:50%;width:100px;height:100px;animation-duration:18s;animation-delay:5s}.bubble:nth-child(5){left:65%;width:70px;height:70px;animation-duration:12s;animation-delay:3s}.bubble:nth-child(6){left:80%;width:140px;height:140px;animation-duration:16s;animation-delay:0s}.bubble:nth-child(7){left:90%;width:50px;height:50px;animation-duration:9s;animation-delay:4s}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0;border-radius:50%}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-120vh) rotate(360deg);opacity:0}}.kids-card{background:var(--card-bg);border-radius:30px;padding:30px;box-shadow:var(--card-shadow);border:4px solid #ffffff;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.kids-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #6c5ce738}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-primary);margin-bottom:.5em}.kids-btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-kids);font-weight:700;font-size:1.25rem;padding:15px 30px;border-radius:50px;border:3px solid #ffffff;color:var(--text-light);cursor:pointer;box-shadow:var(--btn-shadow);transition:all .15s cubic-bezier(.175,.885,.32,1.275);position:relative;text-decoration:none;outline:none;gap:10px}.kids-btn:active{transform:translateY(6px);box-shadow:0 2px #00000026}.kids-btn:hover{transform:scale(1.03) translateY(-2px)}.kids-btn-primary{background-color:var(--color-primary)}.kids-btn-secondary{background-color:var(--color-secondary)}.kids-btn-success{background-color:var(--color-success)}.kids-btn-warning{background-color:var(--color-warning);color:var(--text-dark)}.kids-btn-danger{background-color:var(--color-danger)}.kids-btn-info{background-color:var(--color-info)}.kids-btn-orange{background-color:var(--color-orange)}.kids-input{width:100%;padding:16px 24px;border-radius:50px;border:3px solid var(--color-primary);font-family:var(--font-kids);font-size:1.15rem;font-weight:600;outline:none;transition:all .2s;box-shadow:inset 0 3px 6px #0000000d;text-align:center}.kids-input:focus{border-color:var(--color-secondary);box-shadow:0 0 15px #fd79a84d}.animate-bounce-slow{animation:bounceSlow 3s infinite ease-in-out}.animate-pulse-slow{animation:pulseSlow 2s infinite ease-in-out}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSlow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff6;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px;border:3px solid rgba(255,255,255,.4)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.game-container{max-width:900px;margin:0 auto;padding:20px}.rainbow-text{background-image:linear-gradient(to right,#ff7675,#fdcb6e,#55efc4,#0984e3,#a29bfe,#fd79a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800}.sparkle{position:relative}.sparkle:after{content:"✨";position:absolute;top:-10px;right:-10px;font-size:1.2rem;animation:pulseSlow 1.5s infinite}@media (min-width: 700px){.spot-canvas-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;gap:15px!important}.spot-canvas-wrapper{flex:1 1 300px!important;max-width:500px!important;text-align:center!important}}@media (max-width: 699px){.spot-canvas-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important}.spot-canvas-wrapper{width:100%!important;max-width:500px!important;text-align:center!important}}.paint-studio-container{display:flex;gap:20px;justify-content:center;width:100%}.paint-toolbar{display:flex;background-color:#f5f6fa;padding:20px;border-radius:25px;transition:all .3s ease}@media (min-width: 950px){.paint-studio-container{flex-direction:row!important}.paint-toolbar{flex-direction:column!important;min-width:220px!important;max-width:250px!important}}@media (max-width: 949px){.paint-studio-container{flex-direction:column!important;align-items:center!important}.paint-toolbar{flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;max-width:666px!important;justify-content:space-between!important;gap:15px!important}}.puzzle-workspace{position:relative;width:100%;height:560px;background-color:#f5f6fa;border-radius:30px;border:4px solid #dfe6e9;box-shadow:inset 0 4px 10px #0000000d;overflow:hidden;transition:height .3s ease}.puzzle-board{position:absolute;top:50px;left:50%;transform:translate(-50%);width:600px;height:450px;background-color:#ffffffe6;border-radius:15px;border:3px solid #b2bec3;box-shadow:0 8px 24px #0000000f;overflow:hidden;transition:top .3s ease}@media (max-height: 800px){.puzzle-workspace{height:480px!important}.puzzle-board{top:15px!important}}@keyframes wiggleBalloon{0%{transform:rotate(-3deg) translate(-2px)}to{transform:rotate(3deg) translate(2px)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-kid-timer{position:fixed;bottom:20px;left:20px;z-index:99999;display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:50px;box-shadow:0 10px 30px #00000026,inset 0 2px 4px #fff6;border:3px dashed rgba(255,255,255,.8);font-family:var(--font-kids);font-weight:800;font-size:1.15rem;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);direction:rtl;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;-webkit-user-select:none;user-select:none}.floating-kid-timer:hover{transform:scale(1.08) translateY(-3px);box-shadow:0 15px 35px #00000040,inset 0 2px 4px #ffffff80}.floating-timer-green{background:linear-gradient(135deg,#00b894,#00cec9);border-color:#fff}.floating-timer-orange{background:linear-gradient(135deg,#f1c40f,#e17055);animation:timerPulse 2s infinite ease-in-out;border-color:#fff}.floating-timer-red{background:linear-gradient(135deg,#d63031,#ff7675);animation:timerUrgent .6s infinite ease-in-out;border-color:#fff}@keyframes timerPulse{0%{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 12px 35px #e1705566}to{transform:scale(1)}}@keyframes timerUrgent{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(-2deg);box-shadow:0 15px 40px #d6303199}40%{transform:scale(1.05) rotate(2deg)}60%{transform:scale(1.05) rotate(-2deg)}80%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1) rotate(0)}}.floating-timer-icon{font-size:1.5rem;display:inline-flex;align-items:center;justify-content:center;animation:spinClock 4s infinite linear}@keyframes spinClock{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-timer-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.floating-timer-title{font-size:.8rem;opacity:.9;font-weight:600;letter-spacing:.5px}.floating-timer-time{font-family:monospace,var(--font-kids);font-size:1.3rem;letter-spacing:.5px}.login-register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;position:relative;overflow:hidden;padding:20px;background:radial-gradient(circle at top right,#c2e9fb,#a1c4fd 60%,#e0c3fc)}.magical-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none}.orb-purple{width:400px;height:400px;background:#6c5ce759;top:-100px;right:-50px;animation:floatOrb 8s infinite alternate ease-in-out}.orb-cyan{width:350px;height:350px;background:#00cec94d;bottom:-80px;left:-50px;animation:floatOrb 10s infinite alternate-reverse ease-in-out}@keyframes floatOrb{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.1)}}.login-card-wrapper{position:relative;z-index:10;width:100%;max-width:500px;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:35px;box-shadow:0 20px 50px #00000014,inset 0 2px 5px #ffffff80;padding:40px;display:flex;flex-direction:column;gap:25px}.back-to-lobby-btn{align-self:flex-start;background:#fff9;border:1px solid rgba(0,0,0,.08);padding:8px 16px;border-radius:50px;font-family:var(--font-kids);font-weight:700;color:var(--text-dark);font-size:.95rem;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s}.back-to-lobby-btn:hover{background:var(--color-primary);color:#fff;transform:translate(-3px);box-shadow:0 4px 12px #6c5ce733}.login-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.magical-logo{width:70px;height:70px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #6c5ce74d;animation:pulseLogo 3s infinite ease-in-out}@keyframes pulseLogo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-card-header h2{font-size:1.85rem;color:var(--color-primary);margin:0;font-weight:800}.subtitle{font-size:.95rem;color:var(--text-muted);line-height:1.4;margin:0}.tabs-container{display:flex;background:#0000000a;padding:5px;border-radius:50px;gap:5px}.tab-btn{flex:1;border:none;background:transparent;padding:12px;font-family:var(--font-kids);font-weight:700;font-size:1.05rem;color:var(--text-muted);border-radius:50px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .25s}.tab-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 4px 15px #0000000d}.auth-error-message{background:#d6303114;border:1px solid rgba(214,48,49,.2);padding:12px 18px;border-radius:18px;color:var(--color-danger);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:10px}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-family:var(--font-kids);font-weight:700;font-size:1rem;color:var(--text-dark);padding-right:5px}.input-with-icon{position:relative;width:100%}.input-icon{position:absolute;top:50%;right:20px;transform:translateY(-50%);color:var(--text-muted);transition:color .2s}.input-with-icon input{width:100%;padding:15px 50px 15px 20px;border-radius:20px;border:2px solid rgba(0,0,0,.08);background:#fffc;font-family:var(--font-kids);font-size:1.05rem;font-weight:600;outline:none;transition:all .2s}.input-with-icon input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 12px #6c5ce726}.input-with-icon input:focus+.input-icon{color:var(--color-primary)}.remember-me-row{display:flex;align-items:center;gap:8px;padding:2px 5px 0;font-family:var(--font-kids);font-size:.95rem;font-weight:700;color:var(--text-dark);cursor:pointer}.remember-me-row input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.remember-me-row svg{color:var(--color-primary);flex-shrink:0}.submit-auth-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border:none;color:#fff;padding:16px;border-radius:20px;font-family:var(--font-kids);font-weight:700;font-size:1.25rem;cursor:pointer;box-shadow:0 8px 20px #6c5ce733;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.submit-auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #6c5ce74d}.submit-auth-btn:active:not(:disabled){transform:translateY(1px)}.submit-auth-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center}.auth-footer p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.global-blocking-lockout{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000000;background:radial-gradient(circle at center,#2d3436,#1e272e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;direction:rtl;padding:30px;text-align:center}.lockout-card{max-width:500px;display:flex;flex-direction:column;align-items:center;gap:25px;padding:40px;border-radius:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 25px 60px #00000080}.lockout-icon{width:100px;height:100px;border-radius:50%;background:#d6303133;border:2px dashed var(--color-danger);display:flex;align-items:center;justify-content:center;animation:pulseLock 2s infinite ease-in-out}@keyframes pulseLock{0%,to{transform:scale(1);box-shadow:0 0 15px #d630314d}50%{transform:scale(1.08);box-shadow:0 0 35px #d6303199}}.lockout-card h1{font-size:2.2rem;color:#ff7675;margin:0;font-weight:800}.lockout-card p{font-size:1.15rem;color:#dfe6e9;line-height:1.6;margin:0}.lockout-bypass-btn{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:50px;font-family:var(--font-kids);font-size:.95rem;cursor:pointer;transition:all .2s}.lockout-bypass-btn:hover{background:#ffffff1a;border-color:#fff}.parent-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000000;padding:20px;direction:rtl}.parent-gate-card{background:#1e293bf2;border:1px solid rgba(255,255,255,.1);border-radius:28px;width:100%;max-width:420px;padding:30px;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #fff3;display:flex;flex-direction:column;align-items:center;position:relative;color:#fff;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleUp{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.parent-gate-close{position:absolute;top:20px;right:20px;background:#ffffff0d;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s}.parent-gate-close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.parent-gate-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.parent-gate-shield{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 16px #6c5ce74d}.parent-gate-header h3{font-size:1.5rem;font-weight:800;margin:0 0 8px;color:#fff}.parent-gate-header p{font-size:.95rem;color:#94a3b8;margin:0;line-height:1.4}.pin-indicators{display:flex;gap:16px;margin-bottom:24px}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid #475569;transition:all .15s cubic-bezier(.175,.885,.32,1.275)}.pin-dot.filled{background:#a29bfe;border-color:#a29bfe;transform:scale(1.2);box-shadow:0 0 10px #a29bfe80}.pin-dot.error{background:#ff7675;border-color:#ff7675;box-shadow:0 0 10px #ff767580}.parent-gate-error{display:flex;align-items:center;gap:6px;color:#ff7675;font-size:.9rem;font-weight:600;margin-bottom:16px;background:#ff76751a;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,118,117,.2)}.shake-animation{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:320px;margin-bottom:20px}.keypad-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin:0 auto}.keypad-btn:hover{background:#ffffff26;transform:scale(1.08);border-color:#fff3}.keypad-btn:active{transform:scale(.95);background:#a29bfe4d}.keypad-special{background:transparent;border:none;font-size:1rem;font-weight:600;color:#94a3b8;border-radius:16px;width:auto;height:72px;display:flex;align-items:center;justify-content:center}.keypad-special:hover{background:#ffffff0d;color:#fff;transform:none;border-color:transparent}.keypad-delete{color:#ff7675}.keypad-delete:hover{background:#ff76751a;color:#ff7675}.parent-gate-footer{text-align:center;font-size:.8rem;color:#64748b;margin:0;line-height:1.4;border-top:1px solid rgba(255,255,255,.05);width:100%;padding-top:16px}.parent-gate-footer strong{color:#a29bfe}