@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Nunito:wght@400;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#0c0c1d;min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}.universe{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#feca57 100%) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:20px;animation:8s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.pokeball{opacity:.15;z-index:0;background:linear-gradient(#ff1a1a 0% 48%,#333 48% 52%,#fff 52% 100%);border:3px solid #333;border-radius:50%;width:60px;height:60px;position:absolute}.pokeball:after{content:"";background:#fff;border:3px solid #333;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pokeball-1{width:80px;height:80px;animation:6s ease-in-out infinite float;top:10%;left:5%}.pokeball-2{width:50px;height:50px;animation:8s ease-in-out infinite reverse float;top:60%;right:8%}.pokeball-3{width:40px;height:40px;animation:7s ease-in-out 1s infinite float;bottom:15%;left:15%}.pokeball-4{opacity:.1;width:35px;height:35px;animation:9s ease-in-out .5s infinite float;top:35%;right:3%}.pokeball-5{opacity:.12;width:55px;height:55px;animation:7.5s ease-in-out 2s infinite float;top:5%;right:30%}.pokeball-6{opacity:.1;width:45px;height:45px;animation:6.5s ease-in-out 1.5s infinite float;bottom:5%;right:20%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-20px)rotate(10deg)}66%{transform:translateY(10px)rotate(-5deg)}}.pokemon{opacity:.25;z-index:0;pointer-events:none;font-size:36px;animation:8s ease-in-out infinite pokemonFloat;position:absolute}.pokemon-1{animation-duration:6s;top:8%;right:10%}.pokemon-2{font-size:30px;animation-duration:7s;animation-delay:1s;top:45%;left:3%}.pokemon-3{font-size:28px;animation-duration:8s;animation-delay:2s;bottom:10%;right:5%}.pokemon-4{font-size:32px;animation-duration:9s;animation-delay:.5s;top:70%;left:8%}.pokemon-5{opacity:.18;font-size:26px;animation-duration:7.5s;animation-delay:3s;top:15%;left:25%}.pokemon-6{font-size:30px;animation-duration:8.5s;animation-delay:1.5s;bottom:30%;right:15%}.pokemon-7{opacity:.2;font-size:28px;animation-duration:6.5s;animation-delay:2.5s;top:55%;right:25%}.pokemon-8{opacity:.22;font-size:24px;animation-duration:7s;animation-delay:4s;bottom:40%;left:20%}.flag{opacity:.2;z-index:0;pointer-events:none;font-size:28px;animation:10s ease-in-out infinite flagWave;position:absolute}.flag-1{opacity:.35;font-size:36px;animation-duration:8s;top:3%;left:40%}.flag-2{animation-duration:9s;animation-delay:1s;top:25%;right:5%}.flag-3{font-size:24px;animation-duration:11s;animation-delay:2s;bottom:8%;left:30%}.flag-4{font-size:22px;animation-duration:10s;animation-delay:3s;top:50%;left:2%}.flag-5{font-size:24px;animation-duration:9.5s;animation-delay:.5s;bottom:20%;right:30%}.flag-6{font-size:22px;animation-duration:8.5s;animation-delay:4s;top:80%;right:8%}.flag-7{opacity:.15;font-size:20px;animation-duration:12s;animation-delay:1.5s;top:40%;left:35%}.flag-8{font-size:22px;animation-duration:10.5s;animation-delay:2.5s;bottom:35%;left:5%}@keyframes flagWave{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-12px)rotate(8deg)}40%{transform:translateY(-5px)rotate(-5deg)}60%{transform:translateY(-18px)rotate(12deg)}80%{transform:translateY(-8px)rotate(-3deg)}}@keyframes pokemonFloat{0%,to{transform:translateY(0)rotate(0)scale(1)}25%{transform:translateY(-15px)rotate(5deg)scale(1.1)}50%{transform:translateY(-5px)rotate(-3deg)scale(1)}75%{transform:translateY(-20px)rotate(8deg)scale(1.05)}}.rocket{z-index:0;pointer-events:none;filter:drop-shadow(0 0 8px #ffc80080);font-size:44px;animation:12s linear infinite rocketFly;position:absolute}@keyframes rocketFly{0%{opacity:0;top:90%;left:-10%;transform:rotate(-45deg)}5%{opacity:.6}50%{opacity:.6;top:10%;left:110%;transform:rotate(-45deg)}51%{opacity:0}to{opacity:0;top:10%;left:110%;transform:rotate(-45deg)}}.sparkle{z-index:0;pointer-events:none;background:#fff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.bolt{opacity:.1;z-index:0;font-size:40px;animation:4s ease-in-out infinite zap;position:absolute}.bolt-1{animation-delay:0s;top:20%;right:15%}.bolt-2{animation-delay:2s;bottom:25%;left:10%}@keyframes zap{0%,90%,to{opacity:.1;transform:scale(1)}95%{opacity:.4;transform:scale(1.3)}}.notebook-card{z-index:1;background:#fff;border-radius:24px;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003,0 0 0 4px #ffffff4d,inset 0 0 80px #00000005}.pop-in{animation:.6s cubic-bezier(.175,.885,.32,1.275) both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.ribbon{text-align:center;padding:10px 20px;text-decoration:none;transition:opacity .2s;display:block;position:relative}.ribbon:hover{opacity:.9}.ribbon-text{color:#fff;text-shadow:0 2px 4px #0003;letter-spacing:3px;text-transform:uppercase;font-family:Comfortaa,cursive;font-size:28px;font-weight:700;text-decoration:none;transition:opacity .2s}.ribbon-motto{color:#ffffffd9;letter-spacing:.5px;margin-top:2px;font-size:11px;display:block}.notebook-inner{background:repeating-linear-gradient(#0000,#0000 31px,#e8e8e8 31px 32px) 0 8px;border-left:4px solid #ffb3b3;margin-left:20px;padding:16px 28px 12px}.subject-emoji{text-align:center;margin-bottom:8px;font-size:48px;line-height:1}.bounce{animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.notebook-title{text-align:center;color:#2d3436;margin-bottom:4px;font-family:Comfortaa,cursive;font-size:20px;font-weight:700}.subject-line{text-align:center;margin-bottom:10px}.prefix{color:#636e72;margin-bottom:4px;font-size:16px;display:block}.subject-name{text-transform:capitalize;text-shadow:0 2px 8px #00000014;font-family:Comfortaa,cursive;font-size:28px;font-weight:900;display:block}.student-info{margin-bottom:10px}.grade{text-align:center;color:#2d3436;margin-bottom:8px;font-size:16px}.grade strong{color:#e17055;font-size:24px}.name-line{align-items:flex-end;gap:8px;display:flex}.name-label{color:#636e72;white-space:nowrap;font-size:13px}.name-dots{border-bottom:2px dotted #b2bec3;flex:1;margin-bottom:2px}.name-line-center{text-align:center}.student-name{color:#2d3436;border-bottom:2px solid #b2bec3;padding-bottom:4px;font-family:Comfortaa,cursive;font-size:22px;font-weight:700;display:inline-block}.secret-games{gap:4px;display:flex}.secret-icon{opacity:.6;font-size:14px;text-decoration:none;transition:opacity .2s,transform .2s}.secret-icon:hover{opacity:1;transform:scale(1.3)}.school-badge{border:3px dashed;border-radius:50px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:10px auto;padding:6px 16px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.school-badge:hover{opacity:.85;transform:scale(1.05)}.badge-icon{font-size:20px}.badge-text{color:#2d3436;font-family:Comfortaa,cursive;font-size:16px;font-weight:700}.qr-section{text-align:center;margin-top:8px}.qr-toggle{cursor:pointer;opacity:.7;background:0 0;border:1.5px solid;border-radius:20px;padding:5px 16px;font-family:Comfortaa,cursive;font-size:13px;font-weight:700;transition:all .2s}.qr-toggle:hover{opacity:1;transform:scale(1.05)}.notebook-quote{text-align:center;opacity:.85;border-top:1px dashed;margin:0 20px;padding:8px 20px}.quote-text{color:#636e72;font-size:12px;font-style:italic;line-height:1.4;display:block}.quote-author{color:#b2bec3;margin-top:2px;font-size:10px;display:block}.notebook-footer{color:#fff;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;padding:8px;font-size:14px;font-weight:700;display:flex}@media (width<=480px){.notebook-inner{margin-left:12px;padding:20px 16px 16px}.subject-emoji{font-size:48px}.notebook-title{font-size:20px}.subject-name,.ribbon-text{font-size:22px}}.play-universe{background:linear-gradient(135deg,#0c0c1d 0%,#1a1a3e 50%,#2d1b69 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.play-menu{text-align:center;width:100%;max-width:420px}.play-back-link{color:#fff9;margin-bottom:16px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.play-back-link:hover{color:#fff}.play-title{color:#fff;text-shadow:0 0 20px #ffc80080;margin-bottom:8px;font-family:Comfortaa,cursive;font-size:36px}.play-subtitle{color:#fff9;margin-bottom:32px;font-size:16px}.game-cards{flex-direction:column;gap:16px;display:flex}.game-card{cursor:pointer;text-align:left;color:#fff;background:#ffffff14;border:2px solid #ffffff1a;border-radius:20px;align-items:center;gap:16px;padding:20px;font-family:Nunito,sans-serif;transition:all .3s;display:flex}.game-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translate(8px)}.game-card:active{transform:scale(.97)}.game-card-icon{flex-shrink:0;font-size:40px}.game-card-title{font-family:Comfortaa,cursive;font-size:18px;font-weight:700;display:block}.game-card-desc{color:#ffffff80;margin-top:2px;font-size:13px;display:block}.game-container{-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#0c0c1d 0%,#1a1a3e 100%);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.game-hud{color:#fff;background:#0000004d;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-family:Comfortaa,cursive;font-size:16px;font-weight:700;display:flex}.game-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:6px 14px;font-family:Comfortaa,cursive;font-size:13px}.game-area{cursor:crosshair;flex:1;min-height:0;position:relative;overflow:hidden}.invader{pointer-events:none;font-size:28px;transition:none;position:absolute;transform:translate(-50%,-50%)}.bullet{pointer-events:none;background:#feca57;border-radius:2px;width:4px;height:14px;position:absolute;transform:translate(-50%);box-shadow:0 0 8px #feca57}.ship{pointer-events:none;filter:drop-shadow(0 0 10px #64c8ff80);font-size:36px;position:absolute;bottom:3%;transform:translate(-50%)}.falling-item{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.basket{pointer-events:none;filter:drop-shadow(0 0 8px #ffc80066);font-size:40px;position:absolute;bottom:3%;transform:translate(-50%)}.game-over-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;font-family:Comfortaa,cursive;display:flex;position:absolute;inset:0}.game-over-overlay h2{text-shadow:0 0 20px #ff646480;margin-bottom:12px;font-size:32px}.game-over-overlay p{margin-bottom:24px;font-size:20px}.game-restart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;padding:14px 32px;font-family:Comfortaa,cursive;font-size:18px;font-weight:700;transition:transform .2s}.game-restart-btn:hover{transform:scale(1.05)}.memory-grid{grid-template-columns:repeat(4,80px);grid-auto-rows:80px;justify-content:center;gap:12px;margin:0 auto;padding:20px;display:grid}.memory-card{perspective:600px;cursor:pointer;width:80px;height:80px}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.memory-card.flipped .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card.matched{animation:.4s cardPulse}@keyframes cardPulse{50%{transform:scale(1.1)}}.memory-card-front,.memory-card-back{backface-visibility:hidden;border-radius:14px;justify-content:center;align-items:center;font-size:36px;display:flex;position:absolute;inset:0}.memory-card-front{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff26}.memory-card-back{background:#ffffff1a;border:2px solid #fff3;transform:rotateY(180deg)}@media (width<=480px){.memory-grid{grid-template-columns:repeat(4,70px);grid-auto-rows:70px;gap:8px;padding:12px}.memory-card{width:70px;height:70px}.memory-card-front,.memory-card-back{border-radius:10px;font-size:28px}}.whack-grid{grid-template-columns:repeat(3,90px);grid-auto-rows:90px;gap:12px;display:grid}.whack-hole{cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:background .15s,transform .15s;display:flex}.whack-hole:active{transform:scale(.9)}.whack-active{background:#ffc80026;border-color:#ffc80066;animation:.2s whackPop}.whack-hit{background:#55efc433!important}.whack-emoji{font-size:40px;animation:.2s whackPop}@keyframes whackPop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=480px){.whack-grid{grid-template-columns:repeat(3,80px);grid-auto-rows:80px;gap:8px}.whack-hole{width:80px;height:80px}.whack-emoji{font-size:34px}}.quiz-question{color:#fff;text-align:center;background:#ffffff14;border-radius:20px;padding:20px 32px;font-family:Comfortaa,cursive;font-size:42px;font-weight:700;transition:background .2s}.quiz-correct{background:#55efc44d!important}.quiz-wrong{background:#ff6b6b4d!important}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;width:280px;display:grid}.quiz-option{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #ffffff26;border-radius:16px;padding:18px;font-family:Comfortaa,cursive;font-size:28px;font-weight:700;transition:all .2s}.quiz-option:hover{background:#fff3;transform:scale(1.05)}.quiz-option:active{transform:scale(.95)}.simon-grid{grid-template-columns:1fr 1fr;gap:14px;width:280px;display:grid}.simon-pad{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;width:130px;height:130px;transition:all .15s;display:flex}.simon-pad:active{transform:scale(.92)}.simon-active{transform:scale(1.08)}.simon-emoji{pointer-events:none;font-size:48px}@media (width<=480px){.simon-grid{gap:10px;width:240px}.simon-pad{width:112px;height:112px}.simon-emoji{font-size:38px}}.puzzle-grid{background:#ffffff0d;border-radius:16px;grid-template-columns:repeat(3,90px);grid-auto-rows:90px;gap:6px;padding:8px;display:grid}.puzzle-tile{cursor:pointer;background:#ffffff1a;border:2px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:90px;height:90px;font-size:40px;transition:all .15s;display:flex}.puzzle-tile:hover:not(.puzzle-empty){background:#ffffff2e;transform:scale(1.03)}.puzzle-tile:active:not(.puzzle-empty){transform:scale(.95)}.puzzle-empty{cursor:default;background:0 0;border-color:#0000}@media (width<=480px){.puzzle-grid{grid-template-columns:repeat(3,80px);grid-auto-rows:80px}.puzzle-tile{width:80px;height:80px;font-size:34px}}.puzzle-hint{color:#ffffff80;gap:6px;font-family:Comfortaa,cursive;font-size:18px;display:flex}.reaction-area{cursor:pointer}.reaction-emoji{font-size:80px;animation:.2s whackPop}.mp-status{color:#fff;flex-direction:column;align-items:center;gap:12px;font-family:Comfortaa,cursive;font-size:18px;display:flex}.mp-spinner{border:4px solid #fff3;border-top-color:#feca57;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite mpSpin}@keyframes mpSpin{to{transform:rotate(360deg)}}.mp-hint{color:#ffffff80;font-size:13px}.battle-opponent{text-align:center}.battle-pick-reveal{font-size:64px;animation:.3s whackPop;display:block}.battle-pick-hidden{opacity:.5;font-size:56px;animation:1s ease-in-out infinite battlePulse;display:block}.battle-pick-waiting{opacity:.3;font-size:56px;display:block}@keyframes battlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.battle-vs{color:#ffffff4d;letter-spacing:4px;font-family:Comfortaa,cursive;font-size:24px;font-weight:900}.battle-result{border-radius:12px;padding:8px 24px;font-family:Comfortaa,cursive;font-size:24px;font-weight:700;animation:.3s whackPop}.battle-win{color:#55efc4;background:#55efc426}.battle-lose{color:#ff6b6b;background:#ff6b6b26}.battle-draw{color:#feca57;background:#feca5726}.battle-my-pick{text-align:center}.battle-weapons{gap:16px;display:flex}.battle-weapon{cursor:pointer;color:#fff;background:#ffffff14;border:2px solid #ffffff1f;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:16px 24px;font-family:Comfortaa,cursive;transition:all .2s;display:flex}.battle-weapon:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.08)}.battle-weapon:active{transform:scale(.95)}.battle-weapon-emoji{font-size:48px}.battle-weapon-name{opacity:.7;font-size:12px}.battle-rules{color:#ffffff4d;letter-spacing:2px;font-family:Comfortaa,cursive;font-size:14px}.ttt-turn-indicator{color:#fff;min-height:28px;font-family:Comfortaa,cursive;font-size:18px}.ttt-my-turn{color:#55efc4;animation:1s ease-in-out infinite battlePulse;display:inline-block}.ttt-their-turn{color:#fff6}.ttt-grid{background:#ffffff1a;border-radius:16px;grid-template-columns:repeat(3,100px);grid-auto-rows:100px;gap:6px;padding:6px;display:grid}.ttt-cell{cursor:default;color:#fff;background:#ffffff0f;border:2px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:100px;height:100px;font-family:sans-serif;font-size:44px;transition:all .15s;display:flex}.ttt-clickable{cursor:pointer}.ttt-clickable:hover{background:#ffffff1f;border-color:#fff3}.ttt-clickable:active{transform:scale(.95)}.ttt-win-cell{animation:.3s whackPop;background:#55efc433!important;border-color:#55efc466!important}.ttt-result{text-align:center;color:#fff;font-family:Comfortaa,cursive}.ttt-result h2{margin-bottom:12px;font-size:28px}@media (width<=480px){.ttt-grid{grid-template-columns:repeat(3,85px);grid-auto-rows:85px}.ttt-cell{width:85px;height:85px;font-size:38px}.battle-weapon{padding:12px 18px}.battle-weapon-emoji{font-size:40px}}