@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Bangers&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gaming-lobby{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:10000}.lobby-bg-effects{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.floating-particle{animation:float 8s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b6b);border-radius:50%;box-shadow:0 0 15px #00d4ff99;height:6px;position:absolute;width:6px}.floating-particle:first-child{animation-delay:0s;animation-duration:6s;left:8%;top:15%}.floating-particle:nth-child(2){animation-delay:2s;animation-duration:8s;left:85%;top:70%}.floating-particle:nth-child(3){animation-delay:4s;animation-duration:7s;left:15%;top:85%}.floating-particle:nth-child(4){animation-delay:1s;animation-duration:9s;left:75%;top:25%}.floating-particle:nth-child(5){animation-delay:3s;animation-duration:5s;left:45%;top:45%}@keyframes float{0%,to{opacity:.4;transform:translateY(0) rotate(0deg)}25%{opacity:.9;transform:translateY(-30px) rotate(90deg)}50%{opacity:1;transform:translateY(-60px) rotate(180deg)}75%{opacity:.9;transform:translateY(-30px) rotate(270deg)}}.lobby-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(90deg,#000000e6,#0009 50%,#000000e6);border-bottom:3px solid #00d4ff66;flex-shrink:0;justify-content:space-between;min-height:80px;padding:1rem 2rem;position:relative;z-index:10}.lobby-back-btn,.lobby-header{align-items:center;display:flex}.lobby-back-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:25px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;gap:.6rem;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.lobby-back-btn:hover{background:linear-gradient(135deg,#ff5252,#ff7979);box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}.back-icon{font-size:1.2rem;font-weight:700}.squad-info{flex:1 1;max-width:500px;text-align:center}.squad-status{align-items:center;color:#0f8;display:flex;font-size:.8rem;font-weight:700;gap:.6rem;justify-content:center;letter-spacing:2px;margin-bottom:.8rem;text-transform:uppercase}.status-indicator{animation:pulse 2s infinite;background:#0f8;border-radius:50%;box-shadow:0 0 12px #0f8;height:10px;width:10px}.squad-title{-webkit-text-fill-color:unset;animation:none;background:none;-webkit-background-clip:unset;background-clip:initial;color:#00d4ff;font-size:2.2rem;line-height:1.1;text-shadow:0 0 30px #00d4ff99}.squad-subtitle{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:1.2px;margin-top:.6rem;text-transform:uppercase}.lobby-stats{display:flex;gap:2rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #00d4ff66;border-radius:15px;min-width:70px;padding:1rem}.stat-number{color:#00d4ff;display:block;font-size:1.8rem;font-weight:700;text-shadow:0 0 12px #00d4ff99}.stat-label{color:#aaa;display:block;font-size:.7rem;letter-spacing:1px;margin-top:.3rem}.player-selection-area{display:flex;flex:1 1;flex-direction:column;max-height:calc(100vh - 120px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:.8rem 1.5rem 1.5rem;position:relative;z-index:10}.player-selection-area::-webkit-scrollbar{width:8px}.player-selection-area::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.player-selection-area::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff6b6b);border-radius:4px;box-shadow:0 0 10px #00d4ff80}.player-selection-area::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8d4,#ff5252)}.selection-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0a0a0af2,#1a1a2ef2);border-radius:15px;flex-shrink:0;font-size:1.6rem;font-weight:900;letter-spacing:2px;margin-bottom:1rem;padding:1rem 0;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:100}.title-accent{color:#ff6b6b;text-shadow:0 0 20px #ff6b6b99}.title-main{color:#00d4ff;margin-left:1rem;text-shadow:0 0 20px #00d4ff99}.players-grid{grid-gap:1rem;align-content:start;display:grid;gap:1rem;justify-content:center;margin:0 auto;padding:.5rem 0 2rem;width:100%}.players-grid.students-1{grid-template-columns:1fr;max-width:400px}.players-grid.students-2{grid-template-columns:repeat(2,1fr);max-width:800px}.players-grid.students-3{grid-template-columns:repeat(3,1fr);max-width:1200px}.players-grid.students-4{grid-template-columns:repeat(2,1fr);max-width:800px}.players-grid.students-5,.players-grid.students-6{grid-template-columns:repeat(3,1fr);max-width:1200px}.players-grid.students-7,.players-grid.students-8{grid-template-columns:repeat(4,1fr);max-width:1400px}.players-grid.students-9{grid-template-columns:repeat(3,1fr);max-width:1200px}.players-grid.students-10,.players-grid.students-11,.players-grid.students-12{grid-template-columns:repeat(4,1fr);max-width:1400px}.players-grid.students-many{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:100%}.player-card{animation:slideInUp .6s ease-out forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#000000f2,#1e1e3cf2);border:3px solid #0000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:auto;max-height:320px;min-height:280px;opacity:0;overflow:hidden;padding:0;position:relative;transform:translateY(30px);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.player-card.player-available{border-color:#0f89;box-shadow:0 8px 32px #00ff884d}.player-card.player-available:hover{border-color:#0f8;box-shadow:0 15px 40px #00ff8880;transform:translateY(-10px) scale(1.02)}.player-card.player-online{border-color:#ff6b6b99;box-shadow:0 8px 32px #ff6b6b4d;cursor:not-allowed;opacity:.7}.player-card.player-loading{opacity:.5;pointer-events:none}.player-card-header{align-items:center;background:linear-gradient(90deg,#000c,#141428cc);border-bottom:2px solid #00d4ff4d;display:flex;flex-shrink:0;justify-content:space-between;min-height:60px;padding:1rem 1.2rem}.player-name-header{color:#fff;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-right:.5rem;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;text-shadow:0 2px 4px #0009;text-transform:uppercase;transition:all .4s ease;white-space:nowrap}.player-card:hover .player-name-header{animation:nameGlow 2s ease-in-out infinite,letterBounce .6s ease-out;color:#00d4ff;text-shadow:0 0 10px #00d4ffcc,0 0 20px #00d4ff99,0 0 30px #00d4ff66;transform:translateY(-2px) scale(1.05)}@keyframes nameGlow{0%,to{text-shadow:0 0 10px #00d4ffcc,0 0 20px #00d4ff99,0 0 30px #00d4ff66}50%{text-shadow:0 0 15px #00d4ff,0 0 25px #00d4ffcc,0 0 35px #00d4ff99,0 0 45px #00d4ff66}}@keyframes letterBounce{0%{transform:translateY(-2px) scale(1.05)}25%{transform:translateY(-4px) scale(1.08)}50%{transform:translateY(-2px) scale(1.05)}75%{transform:translateY(-3px) scale(1.06)}to{transform:translateY(-2px) scale(1.05)}}.player-name-header:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.player-card:hover .player-name-header:before{left:100%}.player-status-header{flex-shrink:0}.status-available,.status-online{align-items:center;border-radius:12px;display:flex;font-size:.7rem;font-weight:700;gap:.4rem;letter-spacing:.8px;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .9rem;text-transform:uppercase;white-space:nowrap}.status-online{background:#ff6b6bf2;box-shadow:0 2px 8px #ff6b6b66;color:#fff}.status-available{background:#00ff88f2;box-shadow:0 2px 8px #0f86;color:#fff}.pulse-dot,.ready-dot{background:currentColor;border-radius:50%;height:5px;width:5px}.pulse-dot{animation:pulse 1.5s infinite}.player-card-body{flex:1 1;min-height:0;padding:1.4rem 1.2rem}.player-avatar,.player-card-body{align-items:center;display:flex;justify-content:center;position:relative}.player-avatar{animation:avatarFloat 3s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.avatar-frame{animation:avatarPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff66,#ff6b6b66);border-radius:50%;box-shadow:0 0 20px #00d4ff4d;height:85px;overflow:hidden;padding:4px;position:relative;width:85px}@keyframes avatarPulse{0%,to{box-shadow:0 0 20px #00d4ff4d;transform:scale(1)}50%{box-shadow:0 0 30px #00d4ff99;transform:scale(1.02)}}.player-card:hover .avatar-frame{animation:avatarHoverPulse .8s ease-in-out infinite;box-shadow:0 0 40px #00d4ffcc}@keyframes avatarHoverPulse{0%,to{box-shadow:0 0 40px #00d4ffcc;transform:scale(1.02)}50%{box-shadow:0 0 50px #00d4ff;transform:scale(1.08)}}.player-card:hover .player-avatar{animation:avatarHoverFloat 1s ease-in-out infinite}@keyframes avatarHoverFloat{0%,to{transform:translateY(-5px) scale(1.05)}50%{transform:translateY(-15px) scale(1.1)}}.rarity-glow{animation:rarityGlow 3s ease-in-out infinite alternate;border-radius:50%;bottom:-20px;left:-20px;opacity:.8;position:absolute;right:-20px;top:-20px;z-index:-1}@keyframes rarityGlow{0%{opacity:.6;transform:scale(1) rotate(0deg)}to{opacity:1;transform:scale(1.15) rotate(180deg)}}.rarity-glow.common{animation:rarityGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle,#80808080 0,#0000 70%)}.rarity-glow.uncommon{animation:rarityGlow 3.5s ease-in-out infinite alternate;background:radial-gradient(circle,#0f09 0,#0000 70%)}.rarity-glow.rare{animation:rarityGlow 3s ease-in-out infinite alternate;background:radial-gradient(circle,#00a2ffb3 0,#0000 70%)}.rarity-glow.epic{animation:rarityGlow 2.5s ease-in-out infinite alternate;background:radial-gradient(circle,#a335eecc 0,#0000 70%)}.rarity-glow.legendary{animation:rarityGlow 2s ease-in-out infinite alternate;background:radial-gradient(circle,#ffa500e6 0,#0000 70%)}.custom-muse-display{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .3s ease;width:100%}.player-card:hover .custom-muse-display{transform:scale(1.1)}.muse-avatar-img{border-radius:50%;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.player-card:hover .muse-avatar-img{filter:brightness(1.2) saturate(1.3);transform:scale(1.05)}.rarity-glow.legendary:before{animation:sparkle 2s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:20px 10px 0 #fff,40px 30px 0 #fff,10px 40px 0 #fff,50px 50px 0 #fff;content:"";height:6px;left:10%;position:absolute;top:10%;width:6px}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.rarity-glow.epic:after{animation:epicRing 2s linear infinite;border:2px solid #a335ee99;border-radius:50%;border-top-color:#0000;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}@keyframes epicRing{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.player-card-footer{border-top:2px solid #00d4ff4d;padding:0}.action-button{background:linear-gradient(45deg,#00d4ff,#09c);border:none;border-radius:0 0 17px 17px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:1px;padding:.8rem;text-transform:uppercase;transition:all .3s ease;width:100%}.action-button:hover{background:linear-gradient(45deg,#00b8e6,#08b);box-shadow:0 4px 15px #00d4ff80;transform:translateY(-2px)}.action-button.disabled{background:linear-gradient(45deg,#666,#555);cursor:not-allowed;opacity:.6}.action-button.disabled:hover{box-shadow:none;transform:none}.card-hover-effect{background:linear-gradient(45deg,#0000,#00d4ff1a,#0000);border-radius:20px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.player-card:hover .card-hover-effect{opacity:1}.player-info,.player-status,.selection-prompt{display:none}.lobby-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.loading-spinner{height:60px;margin-bottom:1.5rem;width:60px}.loading-text{color:#00d4ff;font-size:1.3rem;font-weight:700;letter-spacing:2px;text-align:center;text-transform:uppercase}.loading-dots{display:inline-block;margin-left:.6rem}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite;animation-fill-mode:both;font-size:1.3rem}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{opacity:0}40%{opacity:1}}@media (max-width:480px){.lobby-header{flex-direction:column;gap:1rem;min-height:80px;padding:1rem}.squad-title{font-size:1.8rem}.squad-subtitle{font-size:.9rem}.lobby-stats{gap:1rem}.player-selection-area{max-height:calc(100vh - 140px);padding:1rem}.selection-title{font-size:1.3rem;margin-bottom:1rem;padding:.8rem 0}.players-grid{gap:.8rem;padding:.5rem 0 1rem}.players-grid.students-1,.players-grid.students-10,.players-grid.students-11,.players-grid.students-12,.players-grid.students-2,.players-grid.students-3,.players-grid.students-4,.players-grid.students-5,.players-grid.students-6,.players-grid.students-7,.players-grid.students-8,.players-grid.students-9,.players-grid.students-many{grid-template-columns:1fr;max-width:100%}.player-card{height:auto;max-height:300px;min-height:260px}.player-card-header{min-height:55px;padding:.8rem 1rem}.player-name-header{font-size:1rem}.status-available,.status-online{font-size:.65rem;padding:.4rem .7rem}.player-status-header{display:none!important}.player-card-body{padding:1.2rem 1rem}.avatar-frame{height:75px;width:75px}}@media (min-width:481px) and (max-width:768px){.lobby-header{min-height:90px;padding:1.2rem 2rem}.squad-title{font-size:2.2rem}.player-selection-area{max-height:calc(100vh - 130px);padding:1.2rem 1.5rem 1.5rem}.selection-title{font-size:1.5rem;padding:.9rem 0}.players-grid{gap:1rem;padding:.8rem 0 1.5rem}.players-grid.students-1{grid-template-columns:1fr;max-width:350px}.players-grid.students-2,.players-grid.students-3,.players-grid.students-4,.players-grid.students-5,.players-grid.students-6{grid-template-columns:repeat(2,1fr);max-width:700px}.players-grid.students-10,.players-grid.students-11,.players-grid.students-12,.players-grid.students-7,.players-grid.students-8,.players-grid.students-9,.players-grid.students-many{grid-template-columns:repeat(3,1fr);max-width:100%}.player-card{height:auto;max-height:310px;min-height:270px}.player-card-header{min-height:58px;padding:.9rem 1.1rem}.player-name-header{font-size:1.05rem}.status-available,.status-online{font-size:.68rem;padding:.45rem .8rem}.player-status-header{display:none!important}.player-card-body{padding:1.3rem 1.1rem}.avatar-frame{height:80px;width:80px}}@media (min-width:769px) and (max-width:1024px){.player-selection-area{max-height:calc(100vh - 120px)}.players-grid{padding:1rem 0 2rem}.player-status-header{display:none!important}.players-grid.students-1{grid-template-columns:1fr;max-width:400px}.players-grid.students-2{grid-template-columns:repeat(2,1fr);max-width:800px}.players-grid.students-3,.players-grid.students-4,.players-grid.students-5,.players-grid.students-6{grid-template-columns:repeat(3,1fr);max-width:1200px}.players-grid.students-10,.players-grid.students-11,.players-grid.students-12,.players-grid.students-7,.players-grid.students-8,.players-grid.students-9,.players-grid.students-many{grid-template-columns:repeat(4,1fr);max-width:100%}}@media (min-width:1025px) and (max-width:1440px){.player-selection-area{max-height:calc(100vh - 110px)}.players-grid{padding:1rem 0 2.5rem}.players-grid.students-1{grid-template-columns:1fr;max-width:350px}.players-grid.students-2{grid-template-columns:repeat(2,1fr);max-width:700px}.players-grid.students-3,.players-grid.students-4,.players-grid.students-5,.players-grid.students-6{grid-template-columns:repeat(3,1fr);max-width:1050px}.players-grid.students-10,.players-grid.students-11,.players-grid.students-12,.players-grid.students-7,.players-grid.students-8,.players-grid.students-9,.players-grid.students-many{grid-template-columns:repeat(4,1fr);max-width:1400px}}@media (min-width:1441px){.player-selection-area{max-height:calc(100vh - 100px)}.players-grid{padding:1.2rem 0 3rem}.players-grid.students-1{grid-template-columns:1fr;max-width:400px}.players-grid.students-2{grid-template-columns:repeat(2,1fr);max-width:800px}.players-grid.students-3,.players-grid.students-4,.players-grid.students-5,.players-grid.students-6{grid-template-columns:repeat(3,1fr);max-width:1200px}.players-grid.students-10,.players-grid.students-11,.players-grid.students-12,.players-grid.students-7,.players-grid.students-8,.players-grid.students-9{grid-template-columns:repeat(4,1fr);max-width:1600px}.players-grid.students-many{grid-template-columns:repeat(5,1fr);max-width:2000px}}.placeholder-muse{color:#999;font-size:2.2rem;font-weight:700}.locked-overlay{background:#000000e6;border:2px solid #ff6b6b99;border-radius:50%;font-size:2rem;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:10}.locked-overlay,.login-container{align-items:center;display:flex;justify-content:center}.login-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);color:#fff;flex-direction:column;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.login-content{-webkit-overflow-scrolling:touch;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:flex-start;overflow-y:auto;padding:2rem 1rem;position:relative;width:100%}.login-content::-webkit-scrollbar{width:8px}.login-content::-webkit-scrollbar-track{background:#00000040;border-radius:4px}.login-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#ff6b6b);border-radius:4px}.login-container:before{animation:backgroundPulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#00d4ff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b6b1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#a335ee1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes backgroundPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.login-container:after{animation:floatParticle 6s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b6b);border-radius:50%;box-shadow:80vw 10vh 0 #00d4ff99,20vw 70vh 0 #ff6b6b99,70vw 80vh 0 #a335ee99,90vw 30vh 0 #0f89,50vw 50vh 0 #ffa50099;content:"";height:4px;left:10%;position:absolute;top:20%;width:4px}@keyframes floatParticle{0%,to{opacity:.4;transform:translateY(0) rotate(0deg)}25%{opacity:.8;transform:translateY(-20px) rotate(90deg)}50%{opacity:1;transform:translateY(-40px) rotate(180deg)}75%{opacity:.8;transform:translateY(-20px) rotate(270deg)}}.logo-section{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:10}.epic-logo{animation:logoEntrance 1.2s ease-out forwards,logoFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff2,#f0f8fff2);border:2px solid #00d4ff4d;border-radius:20px;box-shadow:0 10px 30px #0000004d,0 0 40px #00d4ff33,inset 0 1px 0 #ffffff4d;height:120px;max-width:300px;object-fit:contain;padding:1rem 2rem;transition:all .4s ease}@keyframes logoEntrance{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{box-shadow:0 10px 30px #0000004d,0 0 40px #00d4ff33,inset 0 1px 0 #ffffff4d;transform:translateY(0) scale(1)}50%{box-shadow:0 15px 40px #0006,0 0 50px #00d4ff66,inset 0 1px 0 #fff6;transform:translateY(-5px) scale(1.02)}}.epic-logo:hover{border-color:#00d4ff99;box-shadow:0 20px 50px #0006,0 0 60px #00d4ff99,inset 0 1px 0 #ffffff80;transform:translateY(-8px) scale(1.05)}.login-card{animation:cardEntrance 1s ease-out forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#000000f2,#1e1e3cf2);border:3px solid #00d4ff66;border-radius:25px;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff33,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:450px;overflow:hidden;padding:0;position:relative;width:100%;z-index:10}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:before{animation:cardGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b6b,#ffeb3b,#0f8);background-size:300% 300%;border-radius:25px;bottom:-3px;content:"";left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes cardGlow{0%,to{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:50% 0}}.login-mode-switcher{background:#000c;border-bottom:2px solid #00d4ff4d;border-radius:20px 20px 0 0;display:flex;padding:1rem}.login-mode-btn{background:#0000;border:none;border-radius:15px;color:#fff9;cursor:pointer;flex:1 1;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .4s ease}.login-mode-btn:before{background:linear-gradient(90deg,#0000,#00d4ff33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-mode-btn:hover:before{left:100%}.login-mode-btn.active{background:linear-gradient(135deg,#00d4ff,#09c);box-shadow:0 4px 20px #00d4ff66;color:#fff;transform:translateY(-2px)}.login-mode-btn:hover{color:#fff;transform:translateY(-1px)}.custom-tooltip{animation:tooltipFadeIn .1s ease-out forwards;background:linear-gradient(135deg,#232526,#414345);border:2px solid #00d4ff80;border-radius:8px;box-shadow:0 5px 20px #00000080;color:#fff;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:.9rem;padding:10px 15px;pointer-events:none;position:fixed;text-shadow:0 1px 3px #0006;transform:translateX(-50%);white-space:nowrap;z-index:10001}.login-card-content{padding:2rem}.login-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(45deg,#00d4ff,#ff6b6b,#ffeb3b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#fff;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:2rem;text-align:center;text-shadow:0 0 30px #00d4ff80;text-transform:uppercase}.login-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.input-container{position:relative}.login-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #00d4ff4d;border-radius:15px;color:#fff;font-family:Fredoka One,Arial,sans-serif;font-size:1.1rem;font-weight:600;padding:1.2rem 1.5rem 1.2rem 3.5rem;transition:all .4s ease;width:100%}.login-input::placeholder{color:#ffffff80;font-weight:500}.login-input:focus{background:#000000e6;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff66,inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-2px)}.input-icon{font-size:1.3rem;left:1.2rem;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.login-input:focus+.input-icon{color:#00d4ff;transform:translateY(-50%) scale(1.1)}.login-button{background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:15px;box-shadow:0 6px 20px #00d4ff4d;color:#fff;cursor:pointer;font-family:Fredoka One,Arial,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1.2rem;position:relative;text-transform:uppercase;transition:all .4s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#00b8e6,#08b);box-shadow:0 8px 25px #00d4ff80;transform:translateY(-3px)}.login-button:active{transform:translateY(-1px)}.login-button.student{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 6px 20px #ff6b6b4d}.login-button.student:hover{background:linear-gradient(135deg,#ff5252,#ff7979);box-shadow:0 8px 25px #ff6b6b80}.login-switch{margin-top:1.5rem;text-align:center}.login-switch-button{background:none;border:none;border-radius:10px;color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.login-switch-button:hover{background:#00d4ff1a;color:#00d4ff;transform:translateY(-1px)}.login-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:25px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.loading-spinner{border:4px solid #00d4ff4d;border-radius:50%;border-top-color:#00d4ff;height:50px;width:50px}.error-banner{animation:fadeIn .3s ease-in-out;background-color:#ff4d4d;border-radius:8px;color:#fff;font-weight:500;margin-bottom:1rem;padding:1rem;text-align:center}.student-profile-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:1.5rem}.student-profile-card{align-items:center;background:#f7faff;border:2px solid #e3f4fd;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .2s ease-in-out}.student-profile-card:hover{border-color:#4fc3f7;box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.student-avatar{background:#4fc3f7;border-radius:50%;height:60px;margin-bottom:.5rem;width:60px}.student-name{color:#333;font-weight:600}.student-search-container{left:50%;max-width:400px;padding:0 20px;position:absolute;top:20px;transform:translateX(-50%);width:100%;z-index:10}.student-search-input{background-color:#ffffffe6;border:2px solid #333;border-radius:25px;box-shadow:0 4px 15px #0003;color:#333;font-size:16px;outline:none;padding:12px 20px;transition:all .3s ease;width:100%}.student-search-input:focus{border-color:#007bff;box-shadow:0 4px 20px #007bff66}.demo-cta-button{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ff8f00,#ffc107);border:none;border-radius:50px;box-shadow:0 8px 25px #ff8f0066;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:900;justify-content:center;margin-bottom:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.demo-cta-button:hover{animation-play-state:paused;box-shadow:0 12px 35px #ff8f0099;transform:translateY(-4px) scale(1.05)}.demo-subtext{color:#fffc;font-size:1rem;margin-bottom:2rem;text-align:center}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-height:800px){.epic-logo{height:100px;padding:.75rem 1.5rem}.login-card-content{padding:1.6rem}.login-title{font-size:2.1rem;margin-bottom:1.4rem}.login-mode-switcher{padding:.8rem}}@media (max-height:700px){.logo-section{margin-bottom:1.2rem}.epic-logo{height:88px}.login-card{border-radius:20px}.login-card-content{padding:1.25rem}.login-title{font-size:1.9rem;margin-bottom:1.1rem}.login-input{font-size:1rem;padding:1rem 1.25rem 1rem 3.2rem}.login-button{font-size:1rem;padding:1rem}.login-mode-btn{font-size:1rem;padding:.8rem 1rem}}@media (max-height:600px){.epic-logo{height:76px;padding:.6rem 1.2rem}.login-title{font-size:1.6rem;letter-spacing:1.5px}.login-card-content{padding:1rem}.login-input{font-size:.95rem;padding:.9rem 1.1rem .9rem 3rem}.login-button{font-size:.95rem;padding:.9rem}.login-mode-btn{font-size:.95rem;padding:.7rem .9rem}}@media (max-height:520px){.epic-logo{height:64px;padding:.5rem 1rem}.logo-section{margin-bottom:.8rem}.login-card{border-width:2px}.login-title{font-size:1.4rem;margin-bottom:.8rem}.login-form{gap:1rem}}.muse-card{text-align:center;transition:all .3s ease}.muse-card.clickable{cursor:pointer}.muse-card.clickable:hover{transform:scale(1.05)}.muse-circle{align-items:center;aspect-ratio:1;background-color:initial;display:flex;justify-content:center;position:relative;transition:all .3s ease;width:100%}.muse-circle.small{width:3rem}.muse-circle.medium{width:5rem}.muse-circle.large{width:8rem}.muse-emoji{font-size:100%;line-height:1;transition:all .3s ease}.muse-circle.small .muse-emoji{font-size:1.5rem}.muse-circle.medium .muse-emoji{font-size:2.5rem}.muse-circle.large .muse-emoji{font-size:4rem}.muse-rarity{color:var(--gray);margin-top:.5rem}.muse-count{color:var(--gray);font-size:.8rem;margin-top:.25rem}.muse-circle.common{border:2px solid var(--gray)}.muse-circle.uncommon{border:2px solid var(--primary)}.muse-circle.rare{border:2px solid var(--success)}.muse-circle.epic{border:2px solid var(--info)}.muse-circle.legendary{border:2px solid var(--warning)}.muse-circle.locked{background-color:var(--gray);opacity:.5}.muse-circle.locked:after{color:var(--white);content:"🔒";font-size:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.muse-circle.space{background:linear-gradient(135deg,#1a1a2e,#16213e)}.muse-circle.ocean{background:linear-gradient(135deg,#1a2a6c,#b21f1f)}.muse-circle.forest{background:linear-gradient(135deg,#134e5e,#71b280)}.muse-circle.desert{background:linear-gradient(135deg,#cb356b,#bd3f32)}.muse-circle.volcano{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.pick-container{padding:var(--spacing-lg)}.pick-header{margin-bottom:var(--spacing-xl);text-align:center}.pick-title{color:var(--dark);font-size:2rem;margin-bottom:var(--spacing-md)}.pick-description{color:var(--gray);font-size:1.1rem;margin:0 auto;max-width:600px}.pick-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:var(--spacing-md)}.pick-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;transition:all .3s ease}.pick-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.pick-card.selected{box-shadow:0 0 0 3px var(--primary);transform:scale(1.05)}.pick-card.disabled{cursor:not-allowed;opacity:.5}.pick-card-header{align-items:center;background:var(--primary);color:var(--white);display:flex;font-weight:700;justify-content:space-between;padding:var(--spacing-md)}.pick-card-body{padding:var(--spacing-lg);text-align:center}.pick-selected-message{animation:fadeIn .3s ease;color:var(--success);font-weight:700;margin-top:var(--spacing-md)}.pick-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.pick-loading-spinner{color:var(--primary);font-size:2rem;margin-bottom:var(--spacing-md)}.pick-card.common .pick-card-header{background:var(--gray)}.pick-card.uncommon .pick-card-header{background:var(--primary)}.pick-card.rare .pick-card-header{background:var(--success)}.pick-card.epic .pick-card-header{background:var(--info)}.pick-card.legendary .pick-card-header{background:var(--warning)}.market-container{padding:var(--spacing-lg)}.market-header{margin-bottom:var(--spacing-xl);text-align:center}.market-title{font-size:2.5rem;font-weight:900;letter-spacing:2px;margin-bottom:var(--spacing-md)}.market-balance,.market-title{color:#039be5;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif}.market-balance{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:var(--spacing-sm);justify-content:center}.market-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:var(--spacing-md)}.market-card{background:#fff;border-radius:2rem;box-shadow:0 4px 16px #4fc3f71a;display:flex;flex-direction:column;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;height:100%;overflow:visible;position:relative;transition:all .3s ease}.market-card:hover{box-shadow:0 8px 32px #4fc3f72e;transform:translateY(-5px) scale(1.03)}.market-card-header{align-items:center;background:#4fc3f7;border-top-left-radius:2rem;border-top-right-radius:2rem;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:var(--spacing-sm);letter-spacing:1px;padding:var(--spacing-md)}.market-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg);position:relative}.market-card-description{color:#555;font-size:1.1rem;margin-bottom:var(--spacing-lg);text-align:center}.market-card-price{color:#039be5;font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-md);text-align:center}.market-button{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:var(--spacing-md);transition:all .2s ease;width:100%}.market-button-primary{background-color:#4fc3f7;color:#fff}.market-button-primary:hover{background-color:#039be5}.market-button-secondary{background-color:#bdbdbd;color:#fff;cursor:not-allowed}.market-button.market-button-secondary:hover{background-color:#444;box-shadow:0 6px 16px #00000026;color:#fff;transform:translateY(-2px)}@media (max-width:1200px){.market-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.market-grid{gap:1.5rem;grid-template-columns:1fr}}.market-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.market-loading-spinner{color:#4fc3f7;font-size:2rem;margin-bottom:var(--spacing-md)}.market-modal-overlay{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.market-modal{animation:popIn .18s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:2rem;box-shadow:0 8px 32px #4fc3f72e;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;max-width:95vw;min-width:340px;padding:2.5rem 2rem 2rem;position:relative;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.market-modal-title{color:#039be5;font-size:1.4rem;font-weight:900;margin-bottom:2rem}.market-modal-actions{display:flex;flex-direction:column;gap:1rem}.market-tooltip{animation:tooltipFadeIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #4fc3f74d;border-radius:1.2rem;box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:.85rem;max-width:300px;min-width:260px;opacity:.98;padding:1rem 1.2rem;pointer-events:none;z-index:10000}.market-tooltip,.market-tooltip:before{left:50%;position:absolute;transform:translateX(-50%)}.market-tooltip:before{border-left:12px solid #0000;border-right:12px solid #0000;border-top:12px solid #2a2a2a;content:"";height:0;top:100%;width:0;z-index:1001}.market-tooltip-title{color:#4fc3f7;font-size:1.2rem;font-weight:800;letter-spacing:.5px;margin-bottom:.8rem;text-align:center;text-shadow:0 1px 2px #0000004d}.market-tooltip-row{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.8rem;display:flex;gap:.5rem;margin-bottom:.6rem;min-width:0;padding:.4rem .6rem;transition:all .2s ease}.market-tooltip-row:last-child{margin-bottom:0}.market-tooltip-row img{flex-shrink:0}.market-tooltip-row .muse-name{color:#fff;flex:1 1;font-size:.9rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.market-tooltip-row .muse-rarity{border-radius:.4rem;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.3px;min-width:0;padding:.15rem .4rem;text-transform:uppercase}.market-tooltip-row .rarity-gem{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0}.market-tooltip-row .muse-rarity.Common{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.market-tooltip-row .muse-rarity.Uncommon{background:linear-gradient(135deg,#4fc3f7,#039be5);color:#fff}.market-tooltip-row .muse-rarity.Rare{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.market-tooltip-row .muse-rarity.Epic{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.market-tooltip-row .muse-rarity.Legendary{background:linear-gradient(135deg,gold,#ffa000);color:#333}.market-tooltip-row .muse-percentage{color:#4fc3f7;flex-shrink:0;font-size:.9rem;font-weight:800;min-width:35px;text-align:right;text-shadow:0 1px 2px #0000004d}@media (max-width:900px){.market-grid{grid-template-columns:repeat(1,1fr)}.market-modal{min-width:90vw;padding:1.5rem .5rem}.market-tooltip{border-radius:1rem;bottom:20px!important;box-shadow:0 -4px 20px #0000004d,0 -2px 10px #0003,inset 0 1px 0 #ffffff1a;font-size:.8rem;left:10px!important;max-width:none!important;min-width:auto!important;padding:1rem;position:fixed!important;right:10px!important;top:auto!important;transform:none!important;width:calc(100% - 20px)!important;z-index:10001}.market-tooltip:before{display:none}.market-tooltip-title{font-size:1rem;margin-bottom:.8rem;text-align:center}.market-tooltip-row{border-radius:.6rem;gap:.4rem;margin-bottom:.5rem;padding:.4rem .6rem}.market-tooltip-row img{height:28px!important;width:28px!important}.market-tooltip-row .muse-name{font-size:.85rem}.market-tooltip-row .muse-rarity{font-size:.7rem;padding:.1rem .3rem}.market-tooltip-row .muse-percentage{font-size:.85rem}}@media (max-width:480px){.market-tooltip{border-radius:.8rem;bottom:10px!important;font-size:.75rem;left:5px!important;padding:.8rem;right:5px!important;width:calc(100% - 10px)!important}.market-tooltip-title{font-size:.9rem;margin-bottom:.6rem}.market-tooltip-row{gap:.3rem;margin-bottom:.4rem;padding:.3rem .4rem}.market-tooltip-row img{height:24px!important;width:24px!important}.market-tooltip-row .muse-name{font-size:.8rem}.market-tooltip-row .muse-rarity{font-size:.65rem;padding:.1rem .25rem}.market-tooltip-row .muse-percentage{font-size:.8rem}}.pack-night-pack{--pack-bg-start:#1a1a2e;--pack-bg-end:#0f0f1a;--pack-border:#4a148c;--pack-shadow-base:#4a148c4d;--pack-glow:#8a2be21a;--pack-header-start:#4a148c;--pack-header-end:#6a1b9a;--pack-text-light:#e1bee7;--pack-text-main:#e1bee7;--pack-text-secondary:#ce93d8;--pack-text-shadow:0 0 10px #ba68c880;--pack-shadow-hover:#4a148c66;--pack-glow-hover:#8a2be233}.pack-monster-pack-1{--pack-bg-start:#1a0a0a;--pack-bg-end:#0d0d0d;--pack-border:#8b0000;--pack-shadow-base:#8b00004d;--pack-glow:#dc143c1a;--pack-header-start:#8b0000;--pack-header-end:#b71c1c;--pack-text-light:#ffcdd2;--pack-text-main:#ffcdd2;--pack-text-secondary:#ef9a9a;--pack-text-shadow:0 0 10px #f4433680;--pack-shadow-hover:#8b000066;--pack-glow-hover:#dc143c33}.pack-sun-pack{--pack-bg-start:#fff3e0;--pack-bg-end:#ffd54f;--pack-border:#ff8f00;--pack-shadow-base:#ff8f004d;--pack-glow:#ffc10733;--pack-header-start:#ff8f00;--pack-header-end:#f57c00;--pack-text-light:#fff3e0;--pack-text-main:#e65100;--pack-text-secondary:#ef6c00;--pack-text-shadow:0 0 10px #ff9800b3;--pack-shadow-hover:#ff8f0080;--pack-glow-hover:#ffc1074d;--pack-glow-size:40px}.pack-celestial-pack-1{--pack-bg-start:#0a0a2e;--pack-bg-end:#1a237e;--pack-border:#3f51b5;--pack-shadow-base:#3f51b54d;--pack-glow:#7986cb33;--pack-header-start:#3f51b5;--pack-header-end:#303f9f;--pack-text-light:#c5cae9;--pack-text-main:#c5cae9;--pack-text-secondary:#9fa8da;--pack-text-shadow:0 0 10px #9fa8da80;--pack-shadow-hover:#3f51b566;--pack-glow-hover:#7986cb4d;--pack-glow-size:40px}.pack-celestial-pack-1:before{background:radial-gradient(circle at 20% 30%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 80% 20%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 40% 70%,#ffffff14 1px,#0000 0);border-radius:2rem;bottom:0;content:"";left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.pack-arcade-pack-1{--pack-bg-start:#0d1421;--pack-bg-end:#1a2332;--pack-border:#0ff;--pack-shadow-base:#00ffff4d;--pack-glow:#ff14931a;--pack-header-start:#0ff;--pack-header-end:#0f0;--pack-text-light:#0d1421;--pack-text-main:#0ff;--pack-text-secondary:#40e0d0;--pack-text-shadow:0 0 10px #fffc;--pack-shadow-hover:#0ff6;--pack-glow-hover:#ff149333;--pack-glow-size:40px}.pack-arcade-pack-1 .market-card-header{background:linear-gradient(135deg,#0ff,#ff1493 50%,#0f0);font-weight:900}.pack-arcade-pack-1:before{background:linear-gradient(90deg,#0000 98%,#00ffff1a),linear-gradient(0deg,#0000 98%,#ff14931a);background-size:20px 20px;border-radius:2rem;bottom:0;content:"";left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.pack-friendly-pack-1{--pack-bg-start:#fff3e0;--pack-bg-end:#ffcc80;--pack-border:#ff9800;--pack-shadow-base:#ff980033;--pack-glow:#ffb74d1a;--pack-header-start:#ff9800;--pack-header-end:#f57c00;--pack-text-light:#fff3e0;--pack-text-main:#e65100;--pack-text-secondary:#ff6f00;--pack-text-shadow:0 1px 3px #0003;--pack-shadow-hover:#ff98004d;--pack-glow-hover:#ffb74d33}.pack-forest-pack{--pack-bg-start:#2e4939;--pack-bg-end:#1b5e20;--pack-border:#4caf50;--pack-shadow-base:#4caf504d;--pack-glow:#81c7841a;--pack-header-start:#4caf50;--pack-header-end:#388e3c;--pack-text-light:#e8f5e8;--pack-text-main:#e8f5e8;--pack-text-secondary:#c8e6c9;--pack-text-shadow:0 1px 3px #0000004d;--pack-shadow-hover:#4caf5066;--pack-glow-hover:#81c78433}.pack-cyclops-pack{--pack-bg-start:#4a148c;--pack-bg-end:#6a1b9a;--pack-border:#9c27b0;--pack-shadow-base:#9c27b04d;--pack-glow:#ba68c81a;--pack-header-start:#9c27b0;--pack-header-end:#7b1fa2;--pack-text-light:#f3e5f5;--pack-text-main:#f3e5f5;--pack-text-secondary:#e1bee7;--pack-text-shadow:0 0 10px #ba68c880;--pack-shadow-hover:#9c27b066;--pack-glow-hover:#ba68c833;--pack-glow-size:40px}.pack-cyclops-pack:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:30px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;z-index:1}.pack-arcade-pack-1,.pack-celestial-pack-1,.pack-cyclops-pack,.pack-forest-pack,.pack-friendly-pack-1,.pack-monster-pack-1,.pack-night-pack,.pack-sun-pack{background:linear-gradient(135deg,var(--pack-bg-start),var(--pack-bg-end));border:2px solid var(--pack-border);box-shadow:0 4px 16px var(--pack-shadow-base),0 0 20px var(--pack-glow);position:relative;z-index:1}.pack-arcade-pack-1 .market-card-header,.pack-celestial-pack-1 .market-card-header,.pack-cyclops-pack .market-card-header,.pack-forest-pack .market-card-header,.pack-friendly-pack-1 .market-card-header,.pack-monster-pack-1 .market-card-header,.pack-night-pack .market-card-header,.pack-sun-pack .market-card-header{background:linear-gradient(135deg,var(--pack-header-start),var(--pack-header-end));border-top-left-radius:calc(2rem - 2px);border-top-right-radius:calc(2rem - 2px);color:var(--pack-text-light);position:relative;text-shadow:var(--pack-text-shadow);z-index:2}.pack-arcade-pack-1 .market-card-body,.pack-celestial-pack-1 .market-card-body,.pack-cyclops-pack .market-card-body,.pack-forest-pack .market-card-body,.pack-friendly-pack-1 .market-card-body,.pack-monster-pack-1 .market-card-body,.pack-night-pack .market-card-body,.pack-sun-pack .market-card-body{background:#0000;color:var(--pack-text-main);position:relative;z-index:2}.pack-arcade-pack-1 .market-card-description,.pack-celestial-pack-1 .market-card-description,.pack-cyclops-pack .market-card-description,.pack-forest-pack .market-card-description,.pack-friendly-pack-1 .market-card-description,.pack-monster-pack-1 .market-card-description,.pack-night-pack .market-card-description,.pack-sun-pack .market-card-description{color:var(--pack-text-secondary)}.pack-arcade-pack-1:hover,.pack-celestial-pack-1:hover,.pack-cyclops-pack:hover,.pack-forest-pack:hover,.pack-friendly-pack-1:hover,.pack-monster-pack-1:hover,.pack-night-pack:hover,.pack-sun-pack:hover{box-shadow:0 8px 32px var(--pack-shadow-hover),0 0 30px var(--pack-glow-hover);box-shadow:0 8px 32px var(--pack-shadow-hover),0 0 var(--pack-glow-size,30px) var(--pack-glow-hover);transform:translateY(-5px) scale(1.03)}.pack-celestial-pack-1,.pack-monster-pack-1{border:4px solid gold;box-shadow:0 0 30px #ffd70066}.pack-arcade-pack-1,.pack-friendly-pack-1{border:3px solid silver;box-shadow:0 0 30px #c0c0c04d}.pack-container{background:linear-gradient(135deg,#e3f4fd,#f7faff);font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh;padding:2rem}.pack-title{color:#2196f3;font-size:3rem;font-weight:900;margin-bottom:3rem;text-align:center;text-shadow:0 2px 4px #2196f31a}.pack-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;padding:2rem 0}.pack-card{background:#fff;border:3px solid #0000;border-radius:2rem;box-shadow:0 8px 32px #4fc3f726;opacity:0;overflow:hidden;position:relative;transform:scale(.8) translateY(40px);transition:all .6s cubic-bezier(.4,0,.2,1);width:280px}.pack-card.revealed{opacity:1;transform:scale(1) translateY(0)}.pack-card:hover{box-shadow:0 16px 48px #4fc3f740;transform:scale(1.05) translateY(-10px)}.pack-card-header{align-items:center;background:linear-gradient(135deg,#4fc3f7,#2196f3);color:#fff;display:flex;font-size:1.1rem;font-weight:800;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;text-align:center}.pack-card-header:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.pack-card.revealed .pack-card-header:before{left:100%}.pack-card-body{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.muse-name{font-size:1.2rem;font-weight:800}.muse-image-container{align-items:center;display:flex;height:120px;justify-content:center;transition:transform .3s ease;width:120px}.pack-card.revealed .muse-image-container{animation:museReveal .8s ease-out}.muse-image-large{border-radius:8px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3)) drop-shadow(0 4px 8px rgba(0,0,0,.2)) drop-shadow(0 2px 4px rgba(0,0,0,.1));height:120px;object-fit:cover;transition:transform .3s ease;width:120px}.pack-card:hover .muse-image-large{filter:drop-shadow(0 12px 24px rgba(0,0,0,.4)) drop-shadow(0 6px 12px rgba(0,0,0,.3)) drop-shadow(0 3px 6px rgba(0,0,0,.2));transform:scale(1.1)}@keyframes museReveal{0%{opacity:0;transform:scale(.5) rotate(-180deg)}50%{opacity:.8;transform:scale(1.2) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.pack-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:3rem auto 0}.pack-button{border:none;border-radius:2rem;color:#fff;cursor:pointer;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.2rem;font-weight:800;padding:1.2rem 2rem;transition:all .3s ease;width:200px}.pack-button-primary{background:linear-gradient(135deg,#4fc3f7,#2196f3);box-shadow:0 4px 16px #4fc3f74d}.pack-button-primary:hover{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 8px 24px #4fc3f766;transform:translateY(-3px)}.pack-button-secondary{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 4px 16px #43a0474d}.pack-button-secondary:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 8px 24px #43a04766;transform:translateY(-3px)}.pack-button:active{transform:translateY(-1px)}.pack-card.common{border-color:#43a047}.pack-card.common .pack-card-header{background:linear-gradient(135deg,#43a047,#388e3c)}.pack-card.uncommon{border-color:#1e88e5}.pack-card.uncommon .pack-card-header{background:linear-gradient(135deg,#1e88e5,#1976d2)}.pack-card.rare{border-color:#ff9800}.pack-card.rare .pack-card-header{background:linear-gradient(135deg,#ff9800,#f57c00)}.pack-card.epic{border-color:#8e24aa}.pack-card.epic .pack-card-header{background:linear-gradient(135deg,#8e24aa,#7b1fa2)}.pack-card.legendary{border-color:#ffd600;box-shadow:0 8px 32px #ffd6004d}.pack-card.legendary .pack-card-header{background:linear-gradient(135deg,#ffd600,#fbc02d)}.pack-card.legendary:before{animation:legendaryGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#ffd600,#fbc02d,#f57f17,#ffd600);border-radius:2rem;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes legendaryGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.02)}}@media (max-width:768px){.pack-grid{align-items:center;flex-direction:column;gap:1.5rem}.pack-card{max-width:320px;width:100%}.pack-title{font-size:2.5rem}.pack-buttons{align-items:center;flex-direction:column;gap:1rem}.pack-button{max-width:280px;width:100%}}.inventory-container{padding:var(--spacing-lg);position:relative}.inventory-title{color:#039be5;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:2rem;margin-bottom:var(--spacing-xl);text-align:center}.toggle-box{background:#e3f4fd;border-radius:1.5rem;box-shadow:0 2px 8px #4fc3f71a;display:flex;margin-bottom:1.5rem}.toggle-btn{background:none;border:none;border-radius:1.2rem;color:#2196f3;cursor:pointer;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.1rem;font-weight:700;padding:.5rem 1.5rem;transition:background .15s,color .15s}.toggle-btn.active,.toggle-btn:focus{background:#2196f3;color:#fff;outline:none}.muses-row{display:flex;flex-direction:row;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem 0 1.5rem;scrollbar-color:#4fc3f7 #e3f4fd;scrollbar-width:thin}.muses-row::-webkit-scrollbar{height:10px}.muses-row::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:8px}.muses-row::-webkit-scrollbar-track{background:#e3f4fd;border-radius:8px}.center-muses{justify-content:center}.muses-all-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));justify-items:center;margin:2rem 0}.muse-circle-card{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;cursor:pointer;display:flex;flex-direction:column;height:110px;justify-content:center;outline:none;position:relative;transition:transform .15s,opacity .15s;width:110px}.muse-circle-card.unlocked:focus,.muse-circle-card.unlocked:hover{transform:scale(1.1)}.muse-circle-card.selected{filter:drop-shadow(0 0 8px #4FC3F7);transform:scale(1.15)}.muse-circle-card.locked{cursor:not-allowed;opacity:.3}.muse-emoji-main-circle{align-items:center;display:flex;font-size:2.1rem;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.muse-score-panel{background:#f3eaff;border-radius:1.5rem;box-shadow:0 2px 16px #4fc3f71a;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;left:50%;margin-bottom:2rem;max-width:90vw;min-width:220px;padding:1.5rem 2.5rem 1.2rem;position:fixed;text-align:left;top:110px;transform:translateX(-50%);z-index:100}@media (min-width:901px){.muse-score-panel{background:#0000;border-radius:0;box-shadow:none;left:auto;margin-bottom:0;max-width:320px;min-width:240px;padding:0;position:fixed;right:40px;text-align:left;top:50%;transform:translateY(-50%);z-index:1200}.muse-score-panel>div{background:linear-gradient(135deg,#e3f4fd,#ede7f6)!important;border-radius:1.5rem!important;box-shadow:0 2px 16px #4fc3f71a!important;max-width:320px!important;min-width:220px!important;padding:1.5rem 2.5rem 1.2rem!important}}.inventory-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px}.inventory-loading-spinner{color:#4fc3f7;font-size:2rem;margin-bottom:var(--spacing-md)}.inventory-empty{color:var(--gray);font-size:1.2rem;padding:var(--spacing-xl);text-align:center}.inventory-card.common .inventory-card-header{background:var(--gray)}.inventory-card.uncommon .inventory-card-header{background:var(--primary)}.inventory-card.rare .inventory-card-header{background:var(--success)}.inventory-card.epic .inventory-card-header{background:var(--info)}.inventory-card.legendary .inventory-card-header{background:var(--warning)}@media (max-width:900px){.inventory-container{padding-bottom:80px}.muse-score-panel{background:linear-gradient(135deg,#e3f4fd,#ede7f6);border-radius:0;border-top:1px solid #4fc3f733;bottom:0!important;box-shadow:0 -2px 10px #4fc3f726,inset 0 1px 0 #fff3;left:0!important;padding:.8rem 1rem;position:fixed!important;right:0!important;top:auto!important;transform:none!important;z-index:1000}.muse-score-panel,.muse-score-panel>div{max-width:none!important;min-width:auto!important;width:100%!important}.muse-score-panel>div{align-items:center!important;background:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;gap:1rem!important;justify-content:flex-start!important;padding:0!important}.muse-score-panel .score-title{color:#8e24aa;flex-shrink:0;font-size:1rem;font-weight:700;margin:0;white-space:nowrap}.muse-score-panel .score-total{flex-shrink:0;font-size:1.1rem;font-weight:900;margin:0;white-space:nowrap}.muse-score-panel .score-breakdown{flex-direction:row!important;flex-wrap:nowrap!important;gap:.5rem!important;overflow-x:auto!important}.muse-score-panel .score-breakdown,.muse-score-panel .score-item{align-items:center!important;display:flex!important;margin:0!important}.muse-score-panel .score-item{background:#fff6!important;border-radius:1rem!important;flex-shrink:0!important;font-size:.8rem!important;gap:.3rem!important;padding:.3rem .5rem!important;white-space:nowrap!important}.muse-score-panel .score-item span:nth-child(2){display:none}.muses-all-grid{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.muse-circle-card{height:90px;width:90px}.muse-emoji-main-circle{font-size:1.8rem}}@media (max-width:480px){.inventory-container{padding:var(--spacing-md);padding-bottom:70px}.muse-score-panel{padding:.6rem .8rem}.muse-score-panel>div{gap:.8rem!important}.muse-score-panel .score-title{font-size:.9rem}.muse-score-panel .score-total{font-size:1rem}.muse-score-panel .score-breakdown{gap:.4rem!important}.muse-score-panel .score-item{font-size:.75rem!important;padding:.2rem .4rem!important}.toggle-box{margin-bottom:1rem}.toggle-btn{font-size:1rem;padding:.4rem 1.2rem}.muses-all-grid{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.muse-circle-card{height:75px;width:75px}.muse-emoji-main-circle{font-size:1.5rem}}.games-container{margin:0 auto;max-width:1200px;padding:2rem}.games-page{background:linear-gradient(135deg,#e3f4fd,#ede7f6);font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh;padding:2rem 0}.games-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #2196f31a;border-radius:20px;box-shadow:0 8px 32px #2196f31a;margin:0 auto 2rem;max-width:800px;padding:2rem;text-align:center}.games-title,.games-title-blue{color:#2196f3!important;font-size:3rem;font-weight:900;letter-spacing:1px;margin-bottom:.5rem;text-shadow:0 2px 4px #2196f31a}.games-subtitle{color:#666;font-size:1.2rem;font-weight:500;margin:0}.games-results{margin:0 auto;max-width:1200px;padding:0 2rem}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.results-count{color:#666;font-size:1rem;font-weight:600}.games-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #2196f30d;border-radius:20px;box-shadow:0 8px 25px #2196f31a;cursor:pointer;max-width:400px}.game-card:hover{border-color:#2196f34d;box-shadow:0 15px 35px #2196f333}.game-image-container{background:#fff;overflow:hidden;position:relative}.game-image{background:#0000;display:block;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.game-card:hover .game-image{transform:scale(1.05)}.game-card:hover .like-banner{opacity:0}.like-banner{background:linear-gradient(135deg,gold,#ffa000);box-shadow:0 4px 8px #0003;color:#333;font-size:.9rem;font-weight:900;left:-50px;max-width:340px;overflow:hidden;padding:6px 40px;position:absolute;text-align:center;text-overflow:ellipsis;top:30px;transform:rotate(-45deg);transition:opacity .2s ease-in-out;white-space:nowrap}.like-banner-text{display:block}.game-badges{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.beta{background:#ff9f43e6;box-shadow:0 2px 8px #ff9f434d;color:#fff}.game-info{padding:1rem 1.5rem 0;position:relative}.game-header-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.game-title,.game-title-blue{color:#2196f3!important;font-size:1.4rem;font-weight:700;line-height:1.3;margin:0}.game-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:1rem;overflow:hidden}.game-meta-row{align-items:center;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem}.player-count{background:#2196f31a;border-radius:15px;color:#2196f3;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.cash-reward{display:none}.beta-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e53);border-radius:12px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.no-login-badge{background:linear-gradient(45deg,#4ecdc4,#44a08d);border-radius:15px;box-shadow:0 2px 8px #4ecdc44d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-top:.5rem;padding:4px 10px}.no-results{color:#666;padding:4rem 2rem;text-align:center}.no-results h3{color:#2196f3;font-size:1.8rem;margin-bottom:1rem}.no-results p{font-size:1.1rem;margin:0}@media (max-width:768px){.games-page{padding:1rem 0}.games-header{margin:0 1rem 1.5rem;padding:1.5rem}.games-title,.games-title-blue{font-size:2.2rem}.games-subtitle{font-size:1rem}.games-results{padding:0 1rem}.games-grid{gap:1.5rem;grid-template-columns:1fr}.game-image-container{height:180px}.game-info{padding:1.25rem}.game-title,.game-title-blue{font-size:1.25rem}.game-description{font-size:.9rem}.game-meta-row{flex-wrap:wrap;gap:.5rem}}@media (prefers-color-scheme:dark){.game-card{background:#1a1a1af2;border:1px solid #333}.game-title,.game-title-blue{color:#64b5f6!important}.game-description{color:#b0b0b0}.game-image{background:linear-gradient(135deg,#2c3e50,#34495e)}.games-header{background:#1a1a1ae6;border-color:#64b5f633}.games-title,.games-title-blue{color:#64b5f6!important}.games-subtitle{color:#b0b0b0}}.game-bubbles-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.25rem;margin-top:4px}.game-card .bubble,.game-card .element-bubble,.game-card .skill-bubble{background:#e3f4fd!important;border:1px solid #b3e0fc;border-radius:99px;box-shadow:0 1px 2px #2196f31a;color:#2196f3!important;display:inline-block!important;font-size:.7rem;font-weight:500;letter-spacing:.5px;line-height:1.2;opacity:1!important;padding:.1rem .5rem;visibility:visible!important}@media (min-width:1401px){.games-grid{gap:2rem}.games-container{padding:2.5rem}}@media (max-width:1400px) and (min-width:1201px){.games-grid{gap:2.5rem}.games-container{padding:2.5rem}}@media (max-width:1200px) and (min-width:901px){.games-container,.games-header{padding:1.5rem}.games-header{margin-bottom:1.5rem}.games-title,.games-title-blue{font-size:2.5rem}.games-subtitle{font-size:1.1rem}.games-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.game-card{border-radius:16px}.game-image-container{height:180px}}@media (max-width:900px) and (min-width:641px){.games-container{padding:1rem}.games-header{border-radius:16px;margin-bottom:1.2rem;padding:1.2rem}.games-title,.games-title-blue{font-size:2.2rem}.games-subtitle{font-size:1rem}.games-grid{gap:1.2rem;grid-template-columns:repeat(2,1fr)}.game-card{border-radius:14px}.game-card:hover{transform:translateY(-4px)}.game-image-container{height:160px}.results-header{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:640px) and (min-width:481px){.games-container{padding:.8rem}.games-header{border-radius:12px;margin-bottom:1rem;padding:1rem}.games-title,.games-title-blue{font-size:1.8rem}.games-subtitle{font-size:.9rem}.games-grid{gap:1rem;grid-template-columns:1fr}.game-card{border-radius:12px}.game-card:hover{transform:translateY(-2px)}.game-image-container{height:140px}.games-results{padding:0 .5rem}}@media (max-width:480px){.games-container{padding:.5rem}.games-header{border-radius:10px;margin-bottom:.8rem;padding:.8rem}.games-title,.games-title-blue{font-size:1.5rem}.games-subtitle{font-size:.8rem}.games-grid{gap:.8rem;grid-template-columns:1fr}.game-card{border-radius:10px}.game-card:hover{transform:none}.game-image-container{height:120px}.games-results{padding:0 .25rem}.results-header{align-items:flex-start;flex-direction:column;gap:.3rem;padding:0 .5rem}.results-count{font-size:.9rem}}@media (max-width:900px){.game-card-body{padding:1rem!important}.game-card-title{font-size:1.1rem!important}.game-card-description{font-size:.85rem!important;line-height:1.3!important}}@media (max-width:640px){.game-card-body{padding:.8rem!important}.game-card-title{font-size:1rem!important}.game-card-description{font-size:.8rem!important;line-height:1.2!important}}@media (max-width:480px){.game-card-body{padding:.6rem!important}.game-card-title{font-size:.9rem!important}.game-card-description{font-size:.75rem!important;line-height:1.1!important}}@media (max-width:768px){.filter-bar{flex-direction:column!important;gap:.5rem!important;padding:.5rem!important}.filter-group,.filter-select{width:100%!important}.filter-select{font-size:.9rem!important}}@media (max-width:640px){.game-badges{gap:.3rem!important}.status-badge,.tier-badge{font-size:.7rem!important;padding:.2rem .4rem!important}}@media (max-width:900px){.game-card,.games-container,.games-grid,.games-page{max-width:100vw;overflow-x:hidden}.games-grid{gap:1.5rem;grid-template-columns:1fr}}.filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 30px #667eea33;margin:0 auto 24px;max-width:800px;padding:18px;width:90%}.filter-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:12px}.filter-title{color:#fff;font-size:1.5rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0003}.clear-all-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:15px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 16px;transition:all .3s ease}.clear-all-btn:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.filter-section{margin-bottom:18px}.section-title{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 12px;text-shadow:0 1px 2px #0003}.mode-buttons{display:flex;flex-wrap:wrap;gap:6px}.filter-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .3s ease}.filter-btn:hover{background:#fff3;transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-color:#4fc3f7;box-shadow:0 4px 15px #4fc3f74d}.search-wrapper{position:relative}.search-input-full{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;padding:10px 14px;transition:all .3s ease;width:100%}.search-input-full::placeholder{color:#ffffffb3}.search-input-full:focus{background:#ffffff26;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f733;outline:none}.pill-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.filter-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s ease}.filter-pill:hover{background:#fff3;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.filter-pill.selected{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-color:#4fc3f7;box-shadow:0 6px 20px #4fc3f74d;color:#fff}.filter-pill.element-pill.selected{background:linear-gradient(45deg,#66bb6a,#4caf50);border-color:#66bb6a}.filter-pill.skill-pill.selected{background:linear-gradient(45deg,#ab47bc,#9c27b0);border-color:#ab47bc}.pill-icon{font-size:1.2rem;margin-right:6px}.pill-label{color:#fff;flex:1 1;font-size:.85rem;font-weight:600}.pill-check{color:#fff;font-size:1rem;font-weight:800;margin-left:6px}.active-filters-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:16px}.active-filters{display:flex;flex-wrap:wrap;gap:8px}.active-filter{align-items:center;background:#ffffffe6;border-radius:16px;box-shadow:0 4px 12px #0000001a;color:#333;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.active-filter:hover{background:#ff6b6b;color:#fff;transform:translateY(-1px)}.active-filter.element-active{background:linear-gradient(45deg,#e8f5e8,#c8e6c9);color:#2e7d32}.active-filter.skill-active{background:linear-gradient(45deg,#f3e5f5,#e1bee7);color:#6a1b9a}.remove-filter{font-size:1rem;font-weight:800;margin-left:6px}.filter-bar--compact{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(90deg,#667eeae6,#764ba2e6);border:1px solid #fff3;border-radius:15px;margin:0 auto 20px;max-width:900px;padding:12px;width:95%}.compact-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.game-mode-pills{display:flex;gap:4px}.mode-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.mode-pill:hover{background:#fff3}.mode-pill.active{background:linear-gradient(45deg,#4fc3f7,#29b6f6);border-color:#4fc3f7}.search-container{flex:1 1;max-width:300px;min-width:180px}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 12px;width:100%}.search-input::placeholder{color:#ffffffb3}.search-input:focus{background:#ffffff26;border-color:#4fc3f7;outline:none}.clear-btn{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .3s ease}.clear-btn:hover{transform:translateY(-1px)}.active-filters-compact{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.active-pill{align-items:center;background:#ffffffe6;border-radius:12px;color:#333;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;padding:4px 10px;transition:all .3s ease}.active-pill:hover{background:#ff6b6b;color:#fff}.active-pill.element-pill{background:linear-gradient(45deg,#e8f5e8,#c8e6c9);color:#2e7d32}.active-pill.skill-pill{background:linear-gradient(45deg,#f3e5f5,#e1bee7);color:#6a1b9a}@media (max-width:768px){.filter-bar{max-width:none;padding:14px;width:95%}.filter-bar--compact{max-width:none;padding:10px;width:98%}.filter-grid{gap:12px;grid-template-columns:1fr}.pill-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.filter-pill{min-height:36px;padding:6px 10px}.compact-controls{align-items:stretch;flex-direction:column;gap:8px}.game-mode-pills{justify-content:center}.search-container{max-width:none}}.saved-songs-container{align-items:center;background:linear-gradient(135deg,#ede7f6,#e3f4fd);display:flex;flex-direction:column;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh;padding:3rem 0 2rem}.saved-songs-title{color:#a259e6;font-size:2.5rem;font-weight:900;letter-spacing:1px;margin-bottom:1rem;text-align:center}.saved-songs-subtitle{color:#666;font-size:1.1rem;font-weight:500;line-height:1.4;margin-bottom:2rem;max-width:600px;text-align:center}.saved-songs-list{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;width:100%}.saved-song-card{align-items:center;background:linear-gradient(90deg,#fff 60%,#b3e5fc);border:2px solid #e3f4fd;border-radius:1.5rem;box-shadow:0 4px 16px #a259e61a;cursor:pointer;display:flex;gap:1.5rem;padding:1.2rem;transition:box-shadow .18s,transform .18s}.saved-song-card:focus,.saved-song-card:hover{border-color:#a259e6;box-shadow:0 8px 32px #a259e62e;transform:scale(1.02)}.saved-song-image-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.saved-song-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.saved-song-card:hover .saved-song-image{transform:scale(1.05)}.play-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2196f3cc;border:none;border-radius:50%;box-shadow:0 2px 8px #2196f34d;cursor:pointer;display:flex;height:32px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:32px}.play-button:hover{background:#2196f3e6;box-shadow:0 4px 16px #2196f366;transform:translate(-50%,-50%) scale(1.1)}.play-button:disabled{cursor:not-allowed;opacity:.7}.play-triangle{color:#fff;font-size:12px;font-weight:700;margin-left:2px}.playing-animation{animation:musical-pulse .8s ease-in-out infinite alternate;color:#fff;font-size:14px}@keyframes musical-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.play-button.playing{animation:playing-glow 1s ease-in-out infinite alternate;background:#ff6b6bcc}@keyframes playing-glow{0%{box-shadow:0 2px 8px #ff6b6b4d}to{box-shadow:0 4px 20px #ff6b6b99}}.saved-song-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.saved-song-name{color:#2196f3;font-size:1.2rem;font-weight:700}.saved-song-game{color:#8e24aa;font-size:1rem;font-weight:600;margin-bottom:.5rem}.saved-song-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:.3rem}.skill-tag{background:linear-gradient(45deg,#f3e5f5,#e1bee7);border:1px solid #6a1b9a33;border-radius:12px;color:#6a1b9a}.element-tag,.skill-tag{font-size:.75rem;font-weight:600;padding:3px 8px}.element-tag{background:linear-gradient(45deg,#e8f5e8,#c8e6c9);border:1px solid #2e7d3233;border-radius:12px;color:#2e7d32}.no-songs-message{background:#fffc;border:2px solid #a259e61a;border-radius:20px;box-shadow:0 8px 24px #a259e61a;max-width:500px}.no-songs-message h3{color:#a259e6;font-size:1.8rem;font-weight:800;margin-bottom:1rem}.no-songs-message p{color:#666;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:1rem}.no-songs-message strong{color:#a259e6}.saved-songs-stats-panel{align-items:center;background:linear-gradient(90deg,#e3f4fd,#ede7f6);border-radius:1.5rem;box-shadow:0 2px 12px #a259e614;display:flex;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;gap:2.5rem;justify-content:center;margin-bottom:2.5rem;padding:1.2rem 2.5rem}.saved-songs-stat{align-items:center;display:flex;flex-direction:column;min-width:120px}.saved-songs-stat-label{color:#8e24aa;font-size:1.05rem;font-weight:700;margin-bottom:.3rem}.saved-songs-stat-value{color:#2196f3;font-size:1.4rem;font-weight:900;letter-spacing:.5px}@media (max-width:700px){.saved-songs-list{max-width:98vw;padding:0 1rem}.saved-song-card{gap:1rem;padding:1rem}.saved-song-image-container{height:60px;width:60px}.play-button{height:24px;width:24px}.play-triangle{font-size:10px}.playing-animation{font-size:12px}.saved-songs-title{font-size:1.8rem}.saved-songs-subtitle{font-size:1rem;padding:0 1rem}.saved-songs-stats-panel{flex-direction:column;gap:1.2rem;padding:1rem}.saved-songs-stat{min-width:0}.no-songs-message{margin:0 1rem;padding:2rem 1.5rem}.no-songs-message h3{font-size:1.5rem}}.section-title{color:#2196f3;font-size:1.8rem;font-weight:800;margin:2rem 0 1.5rem;position:relative}.section-title:after{background:linear-gradient(90deg,#2196f3,#a259e6);border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;width:60px}.real-songs-section{margin-bottom:2rem}.demo-songs-section,.real-songs-section{max-width:600px;width:100%}.real-song{background:linear-gradient(90deg,#fff 60%,#e8f5e8);border:2px solid #c8e6c9}.real-song:hover{border-color:#4caf50;box-shadow:0 8px 32px #4caf502e}.demo-song{background:linear-gradient(90deg,#fff 60%,#fff3e0);border:2px solid #ffcc02;opacity:.85}.demo-song:hover{border-color:#ff9800;box-shadow:0 8px 32px #ff98002e;opacity:1}.real-song-badge{background:linear-gradient(45deg,#c8e6c9,#a5d6a7);border:1px solid #1b5e204d;border-radius:12px;box-shadow:0 2px 4px #4caf5033;color:#1b5e20}.demo-song-badge,.real-song-badge{font-size:.75rem;font-weight:700;padding:3px 8px}.demo-song-badge{background:linear-gradient(45deg,#fff3e0,#ffcc02);border:1px solid #e651004d;border-radius:12px;box-shadow:0 2px 4px #ff980033;color:#e65100}.saved-song-date{color:#666;font-size:.85rem;font-weight:500;margin-bottom:.3rem}.loading-message{background:#ffffffe6;border:2px solid #2196f333;border-radius:20px;box-shadow:0 8px 24px #2196f31a;margin:2rem 0;max-width:400px;padding:2rem;text-align:center}.loading-message p{animation:loading-pulse 1.5s ease-in-out infinite;color:#2196f3;font-size:1.1rem;font-weight:600;margin:0}@keyframes loading-pulse{0%,to{opacity:.7}50%{opacity:1}}.saved-song-name-container{align-items:center;display:flex;gap:.5rem;margin-bottom:.2rem}.song-rename-input{background:#ffffffe6;border:2px solid #2196f3;border-radius:8px;color:#2196f3;flex:1 1;font-family:inherit;font-size:1.2rem;font-weight:700;min-width:0;outline:none;padding:6px 10px;transition:all .2s ease}.song-rename-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #2196f333}.song-rename-input:disabled{cursor:not-allowed;opacity:.6}.rename-button{align-items:center;background:#2196f31a;border:1px solid #2196f34d;border-radius:6px;color:#2196f3;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .2s ease}.rename-button:hover{background:#2196f333;border-color:#2196f380;transform:scale(1.05)}.rename-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.rename-actions{align-items:center;display:flex;gap:4px}.cancel-rename-button,.save-rename-button{align-items:center;background:#ffffffe6;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .2s ease}.save-rename-button{border-color:#4caf50;color:#4caf50}.save-rename-button:hover:not(:disabled){background:#4caf501a;transform:scale(1.05)}.save-rename-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.cancel-rename-button{border-color:#f44336;color:#f44336}.cancel-rename-button:hover:not(:disabled){background:#f443361a;transform:scale(1.05)}.cancel-rename-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.user-stats-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh;padding:2rem}.stats-error,.stats-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:4rem}.stats-error p,.stats-loading p{color:#fff;font-size:1.2rem;margin:0}.stats-error h2{color:#fff;margin-bottom:.5rem}.stats-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:2rem;box-shadow:0 8px 32px #0000001a;gap:2rem;margin-bottom:2rem;padding:2rem}.stats-header,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 24px #00000026;flex-shrink:0;height:150px;justify-content:center;overflow:hidden;width:150px}.avatar-image{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1}.user-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;margin:0 0 .5rem}.user-title{color:#666;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.user-muse{color:#888;font-size:1rem;font-weight:500;margin:0}.stats-overview{align-items:stretch;display:flex;gap:1.5rem;margin-bottom:min(3vw,3rem);max-width:100%;padding:0 min(2vw,1rem)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000;border-radius:min(1.5vw,1.5rem);box-shadow:0 8px 32px #0000001a;flex:1 1;flex-direction:column;justify-content:center;padding:clamp(.5rem,1.5vw,1rem);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{align-items:center;box-shadow:0 12px 40px #00000026;display:flex;justify-content:center;transform:translateY(-5px)}.stat-card.primary{background:linear-gradient(135deg,gold,orange);border-color:#ff8c00;color:#fff}.user-stats-container .stat-icon{background:none;border-radius:0;box-shadow:none;display:block;font-size:clamp(1rem,2.5vw,1.5rem);height:auto;width:auto}.user-stats-container .stat-value{align-items:center;display:flex;flex:1 1;font-size:clamp(.9rem,2vw,1.4rem);font-weight:900;justify-content:center;line-height:1}.user-stats-container .stat-label{color:#666;display:block;font-size:clamp(.5rem,1vw,.65rem);font-weight:600;line-height:1.2;margin-top:.5rem;text-align:center;white-space:nowrap}.user-stats-container .stat-card.primary .stat-label{color:#ffffffe6}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:0 16px 48px #0003;transform:translateY(-8px)}.trophy-room{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:2rem;box-shadow:0 8px 32px #0000001a;padding:2.5rem}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:900;margin:0 0 .5rem;text-align:center}.section-subtitle{color:#666;font-size:1.1rem;font-weight:500;margin:0 0 2rem;text-align:center}.overall-progress{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1.5rem;box-shadow:0 8px 32px #667eea4d;color:#fff;margin-bottom:2.5rem;padding:1rem}.overall-progress-content{gap:.5rem}.overall-progress-content,.overall-progress-text{align-items:center;display:flex;flex-direction:column}.overall-progress-text{gap:.125rem}.progress-percentage{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900;text-shadow:0 2px 4px #0000004d}.progress-label{font-size:.9rem;font-weight:600;letter-spacing:1px;opacity:.9;text-transform:uppercase}.overall-progress-bar{background:#fff3;border-radius:3px;box-shadow:inset 0 2px 4px #0003;height:6px;max-width:400px;overflow:hidden;width:100%}.overall-progress-fill{background:linear-gradient(90deg,#fff,#f8f9fa);border-radius:3px;box-shadow:0 2px 8px #ffffff4d;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.overall-progress-stats{font-size:.9rem;font-weight:600;opacity:.85;text-align:center}.trophy-room .games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.game-trophy-card{background:#fff;border:2px solid #0000;border-radius:1.5rem;box-shadow:0 4px 16px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.game-trophy-card:hover{border-color:#667eea;box-shadow:0 8px 24px #00000026;transform:translateY(-3px)}.game-trophy-card.selected{border-color:#667eea;box-shadow:0 8px 24px #667eea4d}.game-header{align-items:center;display:flex;gap:1rem;padding:1.5rem;position:relative}.game-icon{border-radius:12px;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:60px;object-fit:cover;width:60px}.game-title{font-size:1.3rem;font-weight:800;margin:0 0 .5rem}.progress-info{margin-top:.5rem}.progress-text{color:#666;font-size:.9rem;font-weight:600}.progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.achievement-count{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:900;height:40px;justify-content:center;width:40px}.game-stats{border-top:1px solid #f0f0f0;display:flex;gap:1rem;margin-top:1rem;padding:1rem 1.5rem}.mini-stat{flex:1 1;text-align:center}.mini-stat-value{color:#333;display:block;font-size:1.2rem;font-weight:800}.mini-stat-label{color:#666;display:block;font-size:.8rem;font-weight:600;margin-top:.2rem}.achievements-preview{align-items:center;display:flex;gap:.5rem;padding:0 1.5rem 1.5rem}.achievement-badge{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.achievement-badge.mini{height:32px;width:32px}.achievement-badge:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.achievement-icon{font-size:1.2rem}.more-achievements{color:#666;font-size:.9rem;margin-left:.5rem}.achievements-expanded{animation:slideDown .3s ease;background:#f8f9fa;border-top:2px solid #f0f0f0;padding:1.5rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.achievement-detail{background:#fff;border-left:4px solid #95a5a6;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.achievement-detail:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(5px)}.achievement-detail:last-child{margin-bottom:0}.achievement-icon-large{background:#f8f9fa;font-size:2rem}.achievement-title{font-size:1.2rem;font-weight:800;margin:0 0 .5rem}.achievement-description{font-size:.95rem;font-weight:500;margin:0 0 1rem}.achievement-meta{align-items:center}.rarity-badge{border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.rarity-badge.common{background:#27ae60;color:#fff}.rarity-badge.rare{background:#3498db;color:#fff}.rarity-badge.epic{background:#8e44ad;color:#fff}.rarity-badge.legendary{background:#ff6b35;color:#fff}.cash-reward{color:#f39c12;font-size:.9rem;font-weight:700}.unlock-date{color:#7f8c8d;font-size:.85rem;font-weight:600}.empty-trophy-room{color:#666;padding:4rem 2rem;text-align:center}.empty-icon{font-size:5rem;opacity:.5}.empty-trophy-room h3{color:#333;font-size:1.8rem;margin:0 0 1rem}.empty-trophy-room p{color:#666;font-size:1.1rem;line-height:1.5;margin:0 auto;max-width:400px}@media (max-width:1200px){.stats-overview{gap:1rem}}@media (max-width:768px){.user-stats-container{padding:1rem}.stats-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.user-name{font-size:2rem}.stats-overview{gap:.8rem;padding:0 .5rem}.stat-card{border-radius:1rem;padding:1rem}.user-stats-container .stat-icon{font-size:clamp(1.8rem,6vw,2.2rem)}.user-stats-container .stat-value{font-size:clamp(1.4rem,5vw,1.8rem)}.user-stats-container .stat-label{font-size:clamp(.8rem,2.5vw,1rem)}.trophy-room{padding:1.5rem}}@media (max-width:480px){.user-avatar{height:80px;width:80px}.section-title,.user-name{font-size:1.8rem}.stats-overview{gap:.6rem}.stat-card{border-radius:.8rem;padding:.8rem}.user-stats-container .stat-icon{font-size:clamp(1.5rem,8vw,2rem)}.user-stats-container .stat-value{font-size:clamp(1.2rem,6vw,1.6rem)}.user-stats-container .stat-label{font-size:clamp(.7rem,3vw,.9rem)}}.manage-users-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-header h3{font-size:1.2rem;font-weight:600;margin:0}.squad-name-highlight{color:#4fc3f7;font-weight:700}.close-modal-btn{font-size:1.8rem}.modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.tabs{border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{border-bottom:3px solid #0000;color:#888;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s ease}.tab-btn.active{border-bottom-color:#4fc3f7;color:#4fc3f7}.search-bar-container{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.user-search-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.tab-content{flex:1 1;overflow-y:auto}.user-list{padding:.5rem 0}.user-list-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.user-list-item:last-child{border-bottom:none}.user-item-info{display:flex;flex-direction:column}.user-item-name{font-weight:600}.user-item-email{color:#888;font-size:.8rem}.user-item-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.add-btn{background-color:#4fc3f7;color:#fff}.remove-btn{background-color:#e74c3c;color:#fff}.user-list-item.assigned{background-color:#f7fdfc}.user-list-empty,.user-list-loading{color:#888;padding:2rem;text-align:center}.create-student-btn{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:1rem 1.5rem;padding:.75rem;transition:background-color .2s;width:calc(100% - 3rem)}.create-student-btn:hover{background-color:#218838}.create-student-modal{background:#fff;border-radius:12px;max-width:400px;padding:2rem;width:90%}.squad-info-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;z-index:1000}.squad-info-modal{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;height:85vh;max-width:800px;width:90vw}.squad-info-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.squad-info-header h2,.squad-title-input{color:#1e293b;font-size:1.25rem;font-weight:600}.squad-title-input{background:#0000;border:none;border-radius:6px;margin-right:1rem;padding:4px 8px;width:100%}.squad-title-input:focus{background-color:#e2e8f0;box-shadow:0 0 0 2px #3b82f6;outline:none}.squad-code-display{background-color:#e2e8f0;border-radius:6px;color:#475569;font-family:monospace;font-size:.9rem;padding:4px 8px}.close-modal-btn{color:#64748b;line-height:1}.squad-info-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;padding:0 24px}.tab-btn{background:none;border:none;color:#475569;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 16px;position:relative;transition:color .2s ease}.tab-btn.active{color:#0ea5e9;font-weight:600}.tab-btn.active:after{background-color:#0ea5e9;border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.squad-info-content{background-color:#f8fafc;flex-grow:1;padding:24px}.tab-pane{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{color:#334155;font-size:.8rem;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933;outline:none}.form-group textarea{min-height:80px;resize:vertical}.expandable-textarea-list .form-group{margin-bottom:16px}.squad-info-actions{background-color:#fff;border-top:1px solid #e2e8f0;bottom:0;gap:12px;justify-content:flex-end;padding:16px 24px;position:-webkit-sticky;position:sticky;z-index:10}.cancel-btn,.save-btn{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:background-color .2s,box-shadow .2s}.save-btn{background-color:#0ea5e9;border:1px solid #0ea5e9;color:#fff}.save-btn:hover{background-color:#0284c7}.save-btn:disabled{background-color:#94a3b8}.cancel-btn{background-color:#fff;border:1px solid #cbd5e1}.cancel-btn:hover{background-color:#f1f5f9}.array-input{grid-column:span 2}.array-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.array-item input{flex-grow:1}.array-item button{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;padding:0;width:28px}.add-array-item-btn{align-self:flex-start;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;cursor:pointer;font-weight:500;margin-top:4px;padding:8px 12px}.admin-panel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;margin:0 auto;max-width:100%;min-height:100vh;overflow-x:hidden;padding:2rem}.admin-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 25px #667eea4d;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.admin-header h1{font-size:2.5rem;margin:0 0 .5rem;text-shadow:0 2px 4px #0000004d}.admin-header p{font-size:1.2rem;margin:0;opacity:.9}.admin-tabs,.sub-nav{background-color:#fff;border-bottom:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:center;margin-bottom:2rem;padding:.5rem}@media (max-width:768px){.admin-tabs,.sub-nav{flex-wrap:wrap}}.schools-tab-container .admin-content-card,.squads-tab-container .admin-content-card,.students-tab-container .admin-content-card,.teachers-tab-container .admin-content-card{display:block}.squad-list-container{grid-column:1/-1}.schools-tab-container,.squads-tab-container{overflow:hidden;width:100%}.squad-actions{margin-bottom:1rem;text-align:right}.school-actions,.student-actions,.teacher-actions{margin-bottom:1rem;text-align:left}.add-squad-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 20px #764ba259;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.add-squad-btn:hover{box-shadow:0 7px 25px #764ba273;transform:translateY(-3px)}.tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-width:0;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}@media (max-width:1024px){.tab-button{font-size:.9rem;gap:.3rem;padding:.8rem 1rem}}@media (max-width:768px){.tab-button{flex:none;font-size:.8rem;min-width:auto;padding:.6rem .8rem}.tab-icon{font-size:.9rem}}@media (max-width:480px){.tab-button{font-size:.75rem;gap:.2rem;padding:.5rem .6rem}.tab-icon{font-size:.8rem}.tab-button .tab-icon+*{display:none}.tab-button{min-width:50px}}.tab-button:hover{background:#f1f5f9;color:#475569}.tab-button.active{background-color:#fff;border-bottom-color:#0000;box-shadow:0 2px 4px #0000000d;color:#3b82f6}.calendar-admin-tab .admin-content-card{display:flex;flex-direction:column}.admin-panel:has(.calendar-admin-tab){margin:0;max-width:none;padding:1rem;width:100%}.admin-panel[data-active-tab=calendar]{margin:0;max-width:none;padding:1rem;width:100%}.calendar-admin-tab{overflow-x:auto;width:100%}.calendar-admin-tab .admin-content{box-sizing:border-box;overflow-x:auto;padding:1rem;width:100%}@media (max-width:1200px){.admin-panel[data-active-tab=calendar],.calendar-admin-tab .admin-content{padding:.5rem}}@media (max-width:768px){.admin-panel{padding:.5rem}.admin-panel[data-active-tab=calendar]{padding:.25rem;width:100vw}.calendar-admin-tab .admin-content{padding:.25rem}.admin-header{margin-bottom:1.5rem;padding:1rem}.admin-header h1{font-size:1.8rem}.admin-header p{font-size:1rem}}.calendar-actions{align-self:flex-start;margin-bottom:1rem}@media (max-width:768px){.calendar-actions{align-self:center;display:flex;justify-content:center;width:100%}.add-event-btn{font-size:.9rem;padding:.6rem 1.2rem}}@media (max-width:480px){.add-event-btn{font-size:.8rem;max-width:200px;padding:.5rem 1rem;width:100%}}.add-event-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #764ba24d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-event-btn:hover{box-shadow:0 6px 20px #764ba266;transform:translateY(-3px)}.tab-icon{font-size:1.2rem}.admin-message{align-items:center;animation:slideInDown .3s ease-out;border-radius:10px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.admin-message.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724}.admin-message.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;color:#721c24}.message-close{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;opacity:.7;padding:0;width:24px}.message-close:hover{opacity:1}.admin-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem}.overview-tab{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e2e8f0;border-radius:15px;display:flex;gap:1rem;transition:all .3s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:50%;box-shadow:0 4px 15px #4fc3f74d;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-content h3{color:#1e293b;font-size:2rem;margin:0}.stat-content p{color:#64748b;font-size:1rem;font-weight:600;margin:0}.recent-activity{background:#f8fafc;border-radius:15px;padding:1.5rem}.recent-activity h3{color:#1e293b;margin:0 0 1rem}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:1rem;padding:.75rem}.activity-icon{font-size:1.2rem}.activity-time{background:#e2e8f0;border-radius:15px;color:#64748b;font-size:.9rem;margin-left:auto;padding:.25rem .75rem}.form-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:15px;margin-bottom:3rem;padding:2rem}.form-section h3{color:#1e293b;font-size:1.5rem;margin:0 0 1.5rem}.admin-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151;font-size:1rem;font-weight:700}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a;outline:none}.form-group small{color:#64748b;font-size:.875rem;font-weight:500}.submit-button{background:linear-gradient(135deg,#28a745,#218838);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#2fad4b,#23913b);box-shadow:0 6px 20px #28a74566}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.data-section{margin-top:2rem}.data-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1.5rem}.data-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.data-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;overflow:hidden;transition:all .3s ease}.data-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.card-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.card-header h4{color:#1e293b;font-size:1.2rem;margin:0}.card-actions{align-items:center;display:flex;gap:.75rem}.squad-code{background:#4fc3f7;border-radius:15px;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.delete-button{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;padding:.5rem;transition:all .3s ease;width:36px}.delete-button:hover{background:#dc2626;transform:scale(1.1)}.card-body{padding:1.5rem}.card-body p{color:#374151;font-weight:500;margin:0 0 .75rem}.card-body p:last-child{margin-bottom:0}.card-body code{background:#f1f5f9;border-radius:4px;color:#475569;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;padding:.25rem .5rem}@media (max-width:1024px){.admin-panel{padding:1rem}.admin-header{padding:1.5rem}.admin-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.data-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.admin-panel{padding:1rem}.admin-tabs{flex-direction:column}.tab-button{justify-content:flex-start}.data-grid,.stats-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column;gap:1rem}.card-actions{align-self:flex-end}}@media (max-width:480px){.admin-header h1{font-size:1.75rem}.admin-header p{font-size:1rem}.admin-content,.form-section{padding:1rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:2rem;height:60px;width:60px}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.admin-content{animation:fadeIn .5s ease-out}.admin-content-card{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.manage-users-btn{background-color:#4fc3f7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1rem;transition:background-color .2s ease}.manage-users-btn:hover{background-color:#3fa8d4}.manage-squad-details-btn{background-color:#a259e6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1rem;transition:background-color .2s ease}.manage-squad-details-btn:hover{background-color:#8e47cc}.delete-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.2rem;transition:color .2s ease}.delete-btn:hover{color:#e74c3c}.admin-panel .overview-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem 0}.overview-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:1.5rem;padding:1.5rem;transition:all .2s ease-in-out}.overview-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.overview-card-icon{align-items:center;background-color:#e3f4fd;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.overview-card-info{display:flex;flex-direction:column}.overview-card-value{color:#333;font-size:2rem;font-weight:700}.overview-card-label{color:#777;font-size:.9rem;font-weight:600}.form-seeding-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.form-seeding-container h3{margin-top:0}.seed-action{align-items:center;display:flex;gap:1rem;margin-top:1rem}.seed-message{border-radius:6px;font-weight:500;padding:.5rem 1rem}.seed-message.success{background-color:#dcfce7;color:#166534}.seed-message.error{background-color:#fee2e2;color:#991b1b}.create-user-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.create-user-modal{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;max-width:500px;padding:2rem;width:80%}.create-user-modal h2{margin-bottom:1rem;margin-top:0}.create-user-modal label{display:block;margin-bottom:.5rem}.create-user-modal input,.create-user-modal textarea{border:1px solid #e2e8f0;border-radius:5px;margin-bottom:1rem;padding:.5rem;width:100%}.create-user-modal button{background-color:#4fc3f7;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:background-color .2s ease}.create-user-modal button:hover{background-color:#3fa8d4}.question-editor-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.question-editor-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.question-editor-header h4{color:#4a5568;margin:0}.question-actions{display:flex;gap:.5rem}.move-btn{background-color:#f0f4f8;border:1px solid #e2e8f0;border-radius:50%;color:#4a5568;cursor:pointer;font-weight:700;height:28px;transition:all .2s ease;width:28px}.move-btn:hover:not(:disabled){background-color:#e2e8f0;color:#2d3748}.move-btn:disabled{cursor:not-allowed;opacity:.5}.delete-question-btn{background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;cursor:pointer;font-weight:600;padding:.3rem .8rem;transition:all .2s ease}.delete-question-btn:hover{background-color:#fecaca;color:#b91c1c}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.add-question-btn{background-color:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.add-question-btn:hover{background-color:#c7d2fe}.feedback-viewer-container{margin-top:2rem}.filters-container{background-color:#f9fafb;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.feedback-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.feedback-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.feedback-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.feedback-card-header h3{margin:0}.feedback-card-body{padding:1.5rem}.feedback-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feedback-item h4{color:#718096;font-size:.9rem;margin:0 0 .25rem}.feedback-item p,.feedback-item pre{margin:0}.feedback-item pre{background-color:#f9fafb;border-radius:4px;font-size:.9rem;padding:.5rem;white-space:pre-wrap}.sub-nav{border-bottom:2px solid #e2e8f0;display:flex;gap:.5rem;margin-bottom:1.5rem}.sub-nav button{background:none;border:none;border-bottom:2px solid #0000;color:#718096;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.25rem;transform:translateY(2px);transition:all .2s ease}.sub-nav button.active{border-bottom-color:#4fc3f7;color:#4fc3f7}.sub-nav-content{padding-top:1rem}.reservations-table{border-collapse:collapse;margin-top:1rem;width:100%}.reservations-table td,.reservations-table th{border-bottom:1px solid #ddd;padding:12px 15px;text-align:left}.reservations-table th{background-color:#f2f2f2;font-weight:700}.reservations-table .even{background-color:#f9f9f9}.admin-input,.admin-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.5rem .75rem}.admin-input:focus,.admin-select:focus{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f74d;outline:none}@media (max-width:768px){.admin-tabs{flex-wrap:wrap;justify-content:center}.tab-button{flex-basis:calc(50% - 1rem);margin:.5rem}}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .6rem;text-transform:capitalize}.status-published{background-color:#4caf50}.status-draft{background-color:#fcae1e}.status-archived{background-color:#6c757d}.status-canceled{background-color:#dc3545}.status-badge.status-canceled{background-color:#f87171}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto;position:relative;width:100%}.squad-table{border-collapse:initial;border-spacing:0;min-width:1200px;table-layout:auto;width:100%}.squad-table td,.squad-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 16px;text-align:left;white-space:nowrap}.squad-table thead th{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:3}.squad-table .sticky-col{background-color:inherit;left:0;position:-webkit-sticky;position:sticky;z-index:2}.squad-table td.wrap{min-width:250px;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.squad-table tbody tr.even,.squad-table tbody tr:nth-child(2n){background-color:#f9fafb}.squad-table tbody tr.odd,.squad-table tbody tr:nth-child(odd){background-color:#fff}.squad-title-cell{color:#1f2937;font-weight:500}.squad-location-cell{color:#6b7280;font-size:.8rem}.exceptions-list{color:#ef4444;font-size:.8rem;margin-top:4px}.confirm-delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.confirm-delete-modal{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.confirm-delete-modal h3{color:#333;margin-top:0}.confirm-delete-modal p{color:#555;margin:1rem 0}.confirm-delete-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.cancel-btn{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn:hover{background-color:#e2e8f0}.delete-confirm-btn{background-color:#ef4444;color:#fff}.reservations-table .delete-btn,.squad-list-actions .delete-btn{align-items:center;background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;padding:.6rem 1rem;text-transform:uppercase;transition:background-color .2s ease}.reservations-table .delete-btn:hover,.squad-list-actions .delete-btn:hover{background-color:#dc2626}.student-filter{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin-left:auto}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #2dd47d66;transform:translateY(-2px)}.admin-select{-webkit-appearance:none;appearance:none;background-color:#fafafa;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.6-3.6%205.4-7.9%205.4-12.9%200-5-1.8-9.2-5.4-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid #ddd;border-radius:8px;color:#333;font-size:1rem;padding:12px;width:100%}.data-section{background-color:#f9f9f9}.schools-tab .form-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:0 1rem}.school-actions{margin-bottom:0}.add-school-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 20px #764ba259;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.add-school-btn:hover{box-shadow:0 7px 25px #764ba273;transform:translateY(-3px)}.reservations-table td,.reservations-table td a,.reservations-table td code{overflow-wrap:anywhere;white-space:normal;word-break:break-word}@media (max-width:768px){.squad-table td:nth-child(11),.squad-table td:nth-child(6),.squad-table td:nth-child(8),.squad-table th:nth-child(11),.squad-table th:nth-child(6),.squad-table th:nth-child(8){display:none}}.admin-content,.admin-content-card{overflow:visible}.squad-calendar-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1rem;position:relative}.calendar-loading{background-color:#fffc;border-radius:12px;bottom:0;color:#333;font-size:1.2rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.calendar-loading,.squad-event{align-items:center;display:flex}.squad-event{border:1px solid #1d4ed8;cursor:pointer;min-height:50px;padding:5px 8px;transition:background-color .2s ease,transform .2s ease}.squad-event:hover{background-color:#e0f7fa;cursor:pointer}.event-content{display:flex;flex-direction:column;height:100%;line-height:1.3;overflow:hidden;padding:4px}.event-details{flex-grow:1}.event-row-1{word-wrap:break-word;font-size:.7rem;font-weight:700;white-space:normal}.event-row-2{color:#555;font-size:.8rem}.event-teacher-name{color:#3f51b5;font-weight:700}.event-row-3{color:#777;font-size:.65rem}.event-time{color:#37474f;font-weight:700;margin-right:.75em}.event-title{margin-left:.5em}.delete-event-btn{background:none;border:none;color:#90a4ae;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;opacity:0;padding:0 5px;transition:opacity .2s ease-in-out,color .2s ease-in-out}.squad-event:hover .delete-event-btn{opacity:1}.delete-event-btn:hover{color:#ef5350}.unassigned-event{animation:blink-border 1.5s infinite;border:2px solid #ef5350}@keyframes blink-border{0%{border-color:#ef5350}50%{border-color:#0000}to{border-color:#ef5350}}@keyframes blink-green-border{0%{border-color:#4caf50}50%{border-color:#0000}to{border-color:#4caf50}}.substitute-needed-label{color:#ef5350;font-size:.8em;font-weight:700;margin-top:4px;text-align:center}.fc-event.squad-event.live-event{animation:blink-green-border 1.5s infinite;border:2px solid #4caf50!important;position:relative}.fc-event.squad-event.live-event:after{background-color:#4caf50;border-radius:4px;bottom:2px;color:#fff;content:"LIVE";font-size:.65rem;font-weight:700;padding:1px 5px;position:absolute;right:2px;z-index:10}.fc-event.squad-event.live-event:before{animation:blink 1s infinite;background-color:#4caf50;border-radius:50%;bottom:6px;content:"";height:6px;position:absolute;right:38px;width:6px;z-index:10}.my-teacher-event{background-color:#fffde7;border:2px solid #ffeb3b}.squad-calendar-wrapper{width:100%}.calendar-header-info{margin-bottom:1rem;text-align:center}.timezone-indicator{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;display:inline-block;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.calendar-filters{background-color:initial;border-radius:8px;display:flex;gap:1.5rem;margin-bottom:1rem;padding:0}.filter-group{align-items:center;display:flex;gap:.5rem}.filter-group label{color:#374151;font-size:.9rem;font-weight:600}.filter-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;min-width:150px;padding:.5rem}.react-select-container{flex-grow:1}.react-select__option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.squad-event{min-height:40px;padding:2px 4px}.event-row-1{font-size:.5rem}.event-row-2{font-size:.45rem}.event-row-3{font-size:.4rem}}.confirmation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirmation-modal{animation:fadeInScale .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:400px;padding:2rem;text-align:center;width:90%}.confirmation-modal h3{color:#1e293b;font-size:1.5rem;margin-bottom:1rem;margin-top:0}.confirmation-modal p{color:#475569;font-size:1rem;line-height:1.5;margin-bottom:2rem}.confirmation-modal-actions{display:flex;gap:1rem;justify-content:center}.confirmation-modal-actions button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background-color:#f1f5f9;color:#475569}.btn-cancel:hover{background-color:#e2e8f0}.btn-confirm{background-color:#ef4444;color:#fff}.btn-confirm:hover{background-color:#dc2626}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.edit-event-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.edit-event-modal{animation:fadeInScale .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;max-width:450px;padding:2rem;width:90%}.edit-event-modal h3{color:#1e293b;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0;text-align:center}.edit-event-modal .form-group{margin-bottom:1.5rem}.edit-event-modal .form-group-row{display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem}.edit-event-modal .form-group-row .form-group{flex:1 1;margin:0 5px}.edit-event-modal .form-group label{color:#475569;display:block;font-weight:600;margin-bottom:.5rem}.edit-event-modal .form-group input[type=time],.edit-event-modal .form-group select{border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.edit-event-modal .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.edit-event-modal .modal-actions button{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease}.edit-event-modal .btn-cancel{background-color:#f1f5f9;color:#475569}.edit-event-modal .btn-cancel:hover{background-color:#e2e8f0}.edit-event-modal .btn-save{background-color:#3b82f6;color:#fff}.edit-event-modal .btn-save:hover{background-color:#2563eb}.schedule-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.schedule-modal{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.schedule-modal h2{margin-bottom:1.5rem;margin-top:0;text-align:center}.modal-timezone-indicator{background-color:#e8f5e9;border:1px solid #4caf50;border-radius:8px;color:#2e7d32;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.75rem;width:100%}.form-group-row{display:flex;gap:1rem}.recurring-label{align-items:center;display:flex;font-weight:600;gap:.5rem}.recurring-label input{width:auto}.recurring-options{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:1rem;padding:1rem}.day-picker{display:flex;justify-content:space-between}.day-btn{background-color:#fff;border:1px solid #ccc;border-radius:50%;cursor:pointer;font-weight:600;height:35px;width:35px}.day-btn.selected{background-color:#007bff;border-color:#007bff;color:#fff}.modal-actions{margin-top:2rem}.modal-actions button{border-radius:6px;font-size:1rem;padding:.75rem 1.5rem}.modal-actions button:first-child{background-color:#e5e7eb}.modal-actions button:last-child{background-color:#1d4ed8;color:#fff}.school-info-modal .modal-body{padding:1.5rem 2rem}.school-info-modal .form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.school-info-modal .form-group-full{grid-column:1/-1}.school-info-modal .admin-form .form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:.5rem}.school-info-modal .admin-form .form-group input,.school-info-modal .admin-form .form-group textarea{background-color:#f7fafc;border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.school-info-modal .admin-form .form-group input:focus,.school-info-modal .admin-form .form-group textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e180;outline:none}.squad-map-container{background:#fff;border-radius:1rem;box-shadow:0 8px 32px #00000012;display:flex;flex-direction:column;overflow:hidden;width:100%}.map-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.map-header h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.map-legend{gap:1.5rem}.legend-item,.map-legend{align-items:center;display:flex}.legend-item{color:#4a5568;font-size:.9rem;font-weight:500;gap:.5rem}.legend-icon{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:16px;width:16px}.legend-icon.live{background:#4fc3f7}.legend-icon.completed{background:#9e9e9e}.map-container{height:500px;position:relative;width:100%}.map-stats{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:space-around;padding:1rem 2rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#6b7280;font-size:.8rem;font-weight:500}.stat-value{color:#4fc3f7;font-size:1.5rem;font-weight:700}.map-loading{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 8px 32px #00000012;display:flex;flex-direction:column;height:500px;justify-content:center}.map-loading-spinner{animation:mapSpin 2s linear infinite;font-size:3rem;margin-bottom:1rem}@keyframes mapSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.map-loading p{color:#4fc3f7;font-size:1.1rem;font-weight:600;margin:0}.map-error{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 8px 32px #00000012;display:flex;flex-direction:column;height:500px;justify-content:center;padding:2rem;text-align:center}.map-error-icon{font-size:3rem;margin-bottom:1rem}.map-error h3{color:#e53e3e;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.map-error p{color:#4a5568;font-size:1rem;line-height:1.5;margin-bottom:.5rem}@media (max-width:768px){.map-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.map-header h2{font-size:1.3rem}.map-legend{gap:1rem}.map-container{height:400px}.map-stats{flex-direction:column;gap:1rem;padding:1rem}.stat-item{flex-direction:row;justify-content:space-between;width:100%}.stat-label{font-size:.9rem}.stat-value{font-size:1.2rem}}@media (max-width:480px){.map-container{height:300px}.map-header h2{font-size:1.2rem}.legend-item{font-size:.8rem}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.squads-page{align-items:flex-start;background:linear-gradient(135deg,#e3f4fd,#ede7f6);display:flex;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;justify-content:center;min-height:100vh;padding:1rem;width:100%}.squads-container{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:none;width:100%}.squads-tabs{border-bottom:none;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem;margin-top:.25rem}.squads-tab-btn{background-color:initial;border:2px solid #0000;border-radius:1.5rem;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;margin:0;padding:.5rem 1rem;transition:all .2s ease}.squads-tab-btn:hover{background-color:#e3f4fdb3;color:#374151}.squads-tab-btn.active{background-color:#fff;border-color:#e3f4fd;box-shadow:0 2px 8px #00000012;color:#1d4ed8}.calendar-view{background-color:#fff;box-shadow:0 8px 32px #00000012}.calendar-view,.map-view{border-radius:1rem;padding:1.5rem;width:100%}.map-view{background-color:initial}.no-squads{background-color:#f9fafb;border-radius:12px;padding:2rem}.search-container{align-items:center;display:flex;max-width:500px;position:relative;width:100%}.squads-search{background:#fff;border:2px solid #e3f4fd;border-radius:2rem;box-shadow:0 2px 8px #4fc3f71a;font-family:inherit;font-size:1.1rem;font-weight:600;padding:1rem 1.2rem 1rem 3rem;transition:all .3s ease;width:100%}.squads-search:focus{border-color:#4fc3f7;box-shadow:0 4px 16px #4fc3f733;outline:none;transform:translateY(-1px)}.search-icon{color:#4fc3f7;font-size:1.3rem;left:1.2rem;position:absolute}.create-squad-container{margin-top:1rem}.create-squad-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:2rem;box-shadow:0 4px 16px #4fc3f74d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.create-squad-btn:hover{box-shadow:0 6px 24px #4fc3f766;transform:translateY(-2px)}.squads-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.squads-loading-spinner{animation:spin 1s linear infinite;font-size:3rem;margin-bottom:1rem}.squads-loading p{color:#4fc3f7;font-size:1.2rem;font-weight:600;margin:0}.no-squads{align-items:center;background:#fff;border-radius:2rem;box-shadow:0 4px 16px #4fc3f71a;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:3rem 2rem;text-align:center;width:100%}.no-squads-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.no-squads h3{color:#4fc3f7;font-size:2rem;font-weight:800;margin-bottom:1rem}.no-squads p{color:#666;font-size:1.1rem;font-weight:500;line-height:1.5;margin-bottom:2rem}.create-first-squad-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:2rem;box-shadow:0 4px 16px #4fc3f74d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.create-first-squad-btn:hover{box-shadow:0 6px 24px #4fc3f766;transform:translateY(-2px)}.squads-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.squad-row{background-color:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #00000012;cursor:pointer;margin-bottom:0;padding:.75rem 1.5rem;position:relative;transition:all .2s ease-in-out}.squad-row.live{border-color:#4caf50;box-shadow:0 0 15px #4caf5080}.squad-row.live:after{align-items:center;background-color:#4caf50;border-radius:12px;color:#fff;content:"LIVE";display:flex;font-size:.8rem;font-weight:700;padding:2px 8px;position:absolute;right:10px;top:10px}.squad-row.live:before{animation:blink 1s infinite;background-color:#4caf50;border-radius:50%;content:"";height:8px;position:absolute;right:55px;top:17px;width:8px}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.squad-row:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-5px)}.squad-row-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;padding:0;width:100%}.squad-left-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center;min-width:0}.squad-right-content{align-items:center;display:flex;flex-shrink:0;gap:1.5rem}.squad-main-info{flex:1 1;min-width:0}.squad-title-line{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.squad-title{color:#4fc3f7;font-size:1.5rem;font-weight:800;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.squad-meta{flex-shrink:0;gap:.75rem;margin-top:0}.live-info,.squad-meta{align-items:center;display:flex}.live-info{background-color:#e8f5e9;border-radius:6px;color:#388e3c;font-size:.9rem;font-weight:700;justify-content:space-between;margin-top:.25rem;padding:.4rem .8rem;width:100%}.live-teacher{font-weight:600}.live-student-count{color:#4caf50}.live-time{font-family:"monospace";font-weight:700}.squad-code{background-color:#a259e61a;border-radius:1rem;color:#a259e6;display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.squad-stats{align-items:center;display:flex;gap:1.5rem}.stat{align-items:baseline;display:flex;flex-direction:row;text-align:center}.stat-text{color:#374151;font-family:inherit;font-size:1rem;font-weight:500}.live-student-count{color:#388e3c;font-weight:700}.stat-number-separator{margin:0 2px}.squad-actions{align-items:center;display:flex}.squad-info-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.4rem .8rem;transition:all .2s ease}.squad-info-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.star-btn{background:none;border:none;border-radius:50%;color:#ddd;cursor:pointer;font-size:1.8rem;padding:.5rem;transition:all .3s ease}.star-btn:hover{background:#ffd7001a;transform:scale(1.1)}.star-btn.starred{animation:starPulse .5s ease;color:gold}@keyframes starPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.starred-badge{background:linear-gradient(135deg,gold,#ffa000);border-bottom-left-radius:1rem;box-shadow:0 2px 8px #ffd7004d;color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:0;top:0}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;width:100%}.pagination-btn{background:#fff;border:2px solid #e3f4fd;border-radius:2rem;color:#4fc3f7;cursor:pointer;font-family:inherit;font-weight:600;padding:.7rem 1.2rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#4fc3f7;box-shadow:0 4px 12px #4fc3f74d;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{display:flex;gap:.5rem}.pagination-number{align-items:center;background:#fff;border:2px solid #e3f4fd;border-radius:50%;color:#4fc3f7;cursor:pointer;display:flex;font-family:inherit;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number:hover{background:#4fc3f7;color:#fff;transform:scale(1.1)}.pagination-number.active{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-color:#0000;box-shadow:0 4px 12px #4fc3f766;color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:2rem;box-shadow:0 8px 32px #0000004d;padding:2.5rem}.modal-content h2{font-family:Fredoka One,sans-serif;margin-bottom:1.5rem;margin-top:0;text-align:center}.modal-content form{display:flex;flex-direction:column;gap:1.5rem}.modal-content input{border:2px solid #e3f4fd;border-radius:1rem;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem 1.2rem;transition:all .3s ease}.modal-content input:focus{border-color:#4fc3f7;box-shadow:0 4px 16px #4fc3f733;outline:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-actions button{border:none;border-radius:2rem;cursor:pointer;font-family:inherit;font-weight:700;padding:.8rem 1.5rem;transition:all .3s ease}.modal-actions button[type=submit]{background:linear-gradient(135deg,#4fc3f7,#a259e6);box-shadow:0 4px 16px #4fc3f74d;color:#fff}.modal-actions button[type=submit]:hover{box-shadow:0 6px 24px #4fc3f766;transform:translateY(-2px)}.modal-actions button[type=button]{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.modal-actions button[type=button]:hover{background:#e0e0e0;transform:translateY(-1px)}.error-message{background:#d32f2f1a;border-radius:1rem;color:#d32f2f;font-size:.9rem;font-weight:600;margin:0;padding:.8rem;text-align:center}@media (max-width:768px){.squads-page{align-items:flex-start;padding:3rem 1rem 1rem}.squads-title{font-size:2.5rem}.search-container{max-width:100%}.squad-row-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.2rem}.squad-stats{gap:1.5rem}.squad-actions,.squad-stats{align-self:center}.squad-info-btn{font-size:1rem;min-height:36px;min-width:36px}.squad-title-with-info{gap:.6rem}.pagination{flex-wrap:wrap;gap:.5rem}.pagination-info{justify-content:center;order:-1;width:100%}}.feedback-modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-modal{animation:slideInUp .4s ease;background-color:#f4f7fa;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.feedback-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.feedback-modal-header h2{color:#2d3748;font-size:1.8rem;margin:0}.feedback-modal-content{overflow-y:auto;padding:2rem}.feedback-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end}.feedback-modal-footer,.form-section{background-color:#fff;padding:1.5rem 2rem}.form-section{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem}.form-section-title{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:1.3rem;margin-top:0;padding-bottom:.75rem}.form-field,.form-section-title{margin-bottom:1.5rem}.form-field label{color:#4a5568;display:block;font-weight:600;margin-bottom:.5rem}.form-field input[type=datetime-local],.form-field input[type=number],.form-field input[type=text],.form-field select,.form-field textarea{border:1px solid #cbd5e0;border-radius:8px;color:#2d3748;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f74d;outline:none}.form-field textarea{min-height:100px;resize:vertical}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-weight:500;margin-bottom:1.5rem;padding:1rem}.cancel-btn,.submit-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-btn{background-color:#e2e8f0;border-color:#cbd5e0;color:#4a5568}.cancel-btn:hover{background-color:#cbd5e0}.submit-btn{background-color:#4fc3f7;color:#fff}.submit-btn:hover{background-color:#2fb1e8}.submit-btn:disabled{background-color:#90cdf4;cursor:not-allowed}.accordion-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem;transition:background-color .2s ease}.accordion-header:hover{background-color:#e8f5e9}.accordion-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:1rem}.overall-progress-badge{background-color:#e0e7ff;border-radius:1rem;color:#4338ca;font-size:.8rem;font-weight:700;padding:.25rem .75rem}.accordion-toggle-btn{background:none;border:none;color:#4a5568;cursor:pointer;font-size:1.2rem;font-weight:700}.accordion-toggle{align-items:center;display:flex;gap:.75rem}.details-prompt{animation:bounce-horizontal 2s infinite;color:#4a5568;font-size:.85rem;font-weight:500}@keyframes bounce-horizontal{0%,20%,50%,80%,to{transform:translateX(0)}40%{transform:translateX(-6px)}60%{transform:translateX(-3px)}}.accordion-content{border-top:1px solid #e2e8f0;margin-top:.5rem;padding:1rem .5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item h4{color:#718096;font-size:.9rem;font-weight:500;margin:0 0 .25rem}.stat-item p{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.stat-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:1rem 1.5rem;text-align:center}.student-stats-breakdown{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.student-stats-breakdown h4{color:#4a5568;font-size:1.1rem;margin-bottom:1rem}.student-stat-row{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.student-stat-row:nth-child(2n){background-color:#f8f9fa}.student-stat-row .student-name{color:#2d3748;font-weight:500}.student-missions{display:flex;gap:.5rem}.mission-status-pill{background-color:#ef4444;border-radius:50%;color:#fff;cursor:help;display:inline-block;font-size:.8rem;font-weight:700;height:24px;line-height:24px;text-align:center;width:24px}.mission-status-pill.completed{background-color:#22c55e}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1500}.activity-modal{animation:slideUpModal .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 80px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.activity-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:1.5rem 2rem;position:relative}.activity-header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.activity-modal-header h2{flex:1 1;font-size:1.5rem;font-weight:700;line-height:1.3;margin:0;padding-right:1rem}.close-activity-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-activity-modal:hover{background:#ffffff4d;transform:scale(1.1)}.activity-meta{align-items:center;display:flex;gap:1rem}.activity-duration{background:#fff3;font-size:.875rem;font-weight:500}.activity-difficulty,.activity-duration{border-radius:12px;padding:.25rem .75rem}.activity-difficulty{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-difficulty.easy{background:#22c55e33;border:1px solid #22c55e4d;color:#16a34a}.activity-difficulty.medium{background:#fbbf2433;border:1px solid #fbbf244d;color:#d97706}.activity-difficulty.hard{background:#ef444433;border:1px solid #ef44444d;color:#dc2626}.activity-modal-content{display:flex;flex:1 1;overflow:hidden}.activity-image-section{align-items:center;background:#f8f9fa;display:flex;flex:0 0 300px;flex-direction:column;justify-content:center;padding:1rem}.activity-image{border-radius:8px;max-width:100%}.activity-image-placeholder{align-items:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:12px;color:#64748b;display:flex;flex-direction:column;height:200px;justify-content:center;text-align:center;width:100%}.placeholder-icon{font-size:3rem;margin-bottom:.5rem;opacity:.7}.activity-details{color:#000;display:flex;flex:1 1;flex-direction:column;max-height:400px;overflow-y:auto;padding-left:20px}.activity-details::-webkit-scrollbar{width:6px}.activity-details::-webkit-scrollbar-track{background:#f1f5f9}.activity-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-details::-webkit-scrollbar-thumb:hover{background:#94a3b8}.activity-details h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 .75rem}.activity-description p{color:#475569;font-size:.95rem;line-height:1.6;margin:0}.activity-materials{margin-bottom:1.5rem}.activity-materials ul{list-style:none;margin:0;padding:0}.activity-materials li{background:#f1f5f9;border-radius:8px;color:#334155;font-size:.9rem;margin-bottom:.5rem;padding:.5rem .75rem .5rem 2rem;position:relative}.activity-materials li:before{content:"📋";left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.activity-instructions{margin-bottom:1rem}.activity-instructions ol{margin:0;padding-left:1.5rem}.activity-instructions li{color:#475569;font-size:.95rem;line-height:1.5;margin-bottom:.75rem}.activity-instructions li::marker{color:#3b82f6;font-weight:700}.activity-modal-footer{background:#f8f9fa;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.activity-link-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.activity-link-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.activity-close-button{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.activity-close-button:hover{background:#e2e8f0;color:#475569;transform:translateY(-1px)}@media (max-width:768px){.activity-modal-overlay{padding:1rem}.activity-modal{max-height:95vh;max-width:none;width:100%}.activity-modal-content{flex-direction:column}.activity-image-section{flex:none;padding:1rem}.activity-image,.activity-image-placeholder{height:150px}.activity-details{padding:1.5rem}.activity-modal-header{padding:1rem 1.5rem}.activity-modal-header h2{font-size:1.25rem}.activity-modal-footer{flex-direction:column;padding:1rem 1.5rem}.activity-close-button,.activity-link-button{justify-content:center;width:100%}}@media (max-width:480px){.activity-modal-overlay{padding:.5rem}.activity-modal{border-radius:12px}.activity-details,.activity-modal-footer,.activity-modal-header{padding:1rem}}.achievements-section{background-color:#ffffff80;border-radius:8px;margin-top:1rem;padding:.75rem;text-align:center;width:100%}.achievements-section h4{color:#495057;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.achievements-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.achievement-icon-wrapper{cursor:help;position:static;transition:transform .2s ease}.achievement-icon-wrapper:hover{transform:scale(1.15)}.achievement-icon-wrapper:after{display:none}.achievement-icon-wrapper:hover:after{opacity:1;transform:translateX(-50%) translateY(-15px);visibility:visible}.achievement-icon-wrapper:before{display:none}.achievement-icon-wrapper:hover:before{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.achievement-icon{font-size:2rem}.achievement-tooltip-content{animation:tooltipFadeIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:350px;min-width:250px;padding:1rem}.tooltip-title{color:#1e293b;font-size:.875rem;font-weight:700}.tooltip-description,.tooltip-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-bottom:.5rem}.tooltip-description{color:#64748b;font-size:.75rem;line-height:1.5}.tooltip-reward{color:#059669;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:600}.tooltip-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid #fff;bottom:-8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));left:50%;transform:translateX(-50%)}.enhanced-progress-container{margin:4px 0;padding-top:20px;position:relative}.enhanced-progress-bar{background:linear-gradient(135deg,#f1f5f9,#e2e8f0 50%,#f8fafc);border:1px solid #3b82f633;border-radius:10px;box-shadow:inset 0 2px 4px #0000001a,0 1px 3px #0000001f,0 1px 2px #0000003d;height:18px;overflow:visible;position:relative;transform:translateZ(0);width:100%;will-change:box-shadow}.enhanced-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:10px;box-shadow:inset 0 1px 2px #ffffff4d;height:100%;position:relative;transform:translateZ(0);transition:width .6s cubic-bezier(.34,1.56,.64,1);width:0;width:var(--progress-width,0);will-change:width,background,box-shadow}.enhanced-progress-fill.stage-50{background:linear-gradient(90deg,#2563eb,#6366f1);box-shadow:inset 0 1px 2px #ffffff4d,0 0 8px #6366f14d}.enhanced-progress-fill.stage-75{animation:momentumPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#6366f1,#7c3aed);box-shadow:inset 0 1px 2px #ffffff4d,0 0 12px #7c3aed66}.enhanced-progress-fill.stage-90{animation:anticipationPulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#7c3aed,#059669);box-shadow:inset 0 1px 2px #fff6,0 0 16px #7c3aed99}.enhanced-progress-fill.completed{animation:completionCelebration 2s ease-in-out infinite;background:linear-gradient(90deg,#059669,#10b981);box-shadow:inset 0 1px 2px #ffffff80,0 0 20px #10b981b3}.enhanced-progress-fill.overflow{animation:overflowCelebration 2s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);box-shadow:inset 0 1px 2px #fff9,0 0 25px #f59e0bcc,0 0 40px #fbbf2499;width:100%;width:var(--overflow-width,100%)}@keyframes momentumPulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.02)}}@keyframes anticipationPulse{0%,to{filter:brightness(1);transform:translateZ(0) scale(1)}50%{filter:brightness(1.1);transform:translateZ(0) scale(1.03)}}@keyframes completionCelebration{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}@keyframes overflowCelebration{0%,to{filter:brightness(1) contrast(1)}50%{filter:brightness(1.2) contrast(1.1)}}.celebration-popup{animation:celebrationBounce 2.5s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 4px 20px #10b98199,0 0 30px #10b9814d;color:#fff;font-size:.9rem;font-weight:800;left:50%;padding:8px 16px;pointer-events:none;position:absolute;text-shadow:0 1px 3px #0006;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:15}.celebration-popup.overflow{animation:overflowBounce 2s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 20px #f59e0bb3,0 0 35px #f9731666}@keyframes celebrationBounce{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(0) rotate(-5deg)}15%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.3) rotate(2deg)}30%{opacity:1;transform:translateX(-50%) translateY(-2px) scale(1) rotate(-1deg)}45%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1) rotate(1deg)}75%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0deg)}to{opacity:0;transform:translateX(-50%) translateY(-15px) scale(0) rotate(0deg)}}@keyframes overflowBounce{0%{opacity:0;transform:translateX(-50%) translateY(15px) scale(0) rotate(-10deg)}20%{opacity:1;transform:translateX(-50%) translateY(-5px) scale(1.4) rotate(5deg)}40%{opacity:1;transform:translateX(-50%) translateY(2px) scale(1.1) rotate(-2deg)}60%{opacity:1;transform:translateX(-50%) translateY(-1px) scale(1.2) rotate(1deg)}80%{opacity:1;transform:translateX(-50%) translateY(0) scale(1) rotate(0deg)}to{opacity:0;transform:translateX(-50%) translateY(-20px) scale(0) rotate(0deg)}}.overflow-sparks{height:100%;pointer-events:none;position:absolute;right:-5px;top:0;width:20px;z-index:12}.spark{animation:sparkFly 1.5s ease-out infinite;background:radial-gradient(circle,#fbbf24,#f59e0b);border-radius:50%;height:3px;position:absolute;width:3px}.spark:first-child{animation-delay:0s;top:20%}.spark:nth-child(2){animation-delay:.3s;top:50%}.spark:nth-child(3){animation-delay:.6s;top:80%}.spark:nth-child(4){animation-delay:.9s;top:35%}.spark:nth-child(5){animation-delay:1.2s;top:65%}@keyframes sparkFly{0%{opacity:1;transform:translateX(0) translateY(0) scale(1)}50%{opacity:.8;transform:translateX(15px) translateY(-8px) scale(1.2)}to{opacity:0;transform:translateX(25px) translateY(-15px) scale(0)}}.mission-text-header{margin-bottom:6px}@media (prefers-reduced-motion:reduce){.enhanced-progress-fill{transition:none}.enhanced-progress-fill.completed,.enhanced-progress-fill.overflow,.enhanced-progress-fill.stage-90{animation:none}.celebration-popup{animation:none;opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (-webkit-max-device-pixel-ratio:1),(max-resolution:1dppx){.enhanced-progress-fill{transition:width .3s ease}.enhanced-progress-bar{box-shadow:none}}.achievement-tooltip{animation:tooltipFadeIn .2s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 64px #00000026;isolation:isolate;max-height:400px;position:fixed!important;transform:translateZ(0);width:380px;will-change:transform;z-index:2147483647!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tooltip-header{background:linear-gradient(180deg,#fafbfc,#0000);border-bottom:1px solid #f1f5f9;border-radius:16px 16px 0 0;padding:1rem 1rem .75rem}.tooltip-header h4{align-items:center;color:#0f172a;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:700;gap:.5rem;margin:0}.tooltip-header h4:before{content:"🏆";font-size:1rem}.tooltip-achievements{max-height:300px;overflow-y:auto;padding:.5rem}.tooltip-achievement{align-items:flex-start;background:#fafbfc;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;margin:.25rem;padding:.75rem;transition:all .2s ease}.tooltip-achievement:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateX(2px)}.tooltip-achievement.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.achievement-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));flex-shrink:0;font-size:2.25rem}.achievement-info{flex:1 1;min-width:0}.achievement-title{color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;letter-spacing:-.01em}.achievement-description{animation:expandIn .2s ease;color:#64748b;font-size:.75rem;line-height:1.5;margin-top:.5rem}@keyframes expandIn{0%{max-height:0;opacity:0}to{max-height:100px;opacity:1}}.achievement-reward{color:#059669;font-size:.75rem;margin-top:.5rem}.tooltip-arrow{height:0;position:absolute;width:0}.tooltip-arrow-right{border-right:8px solid #fff;filter:drop-shadow(-2px 0 4px rgba(0,0,0,.1));left:-8px}.tooltip-arrow-left,.tooltip-arrow-right{border-bottom:8px solid #0000;border-top:8px solid #0000;top:50%;transform:translateY(-50%)}.tooltip-arrow-left{border-left:8px solid #fff;filter:drop-shadow(2px 0 4px rgba(0,0,0,.1));right:-8px}.tooltip-achievements::-webkit-scrollbar{width:6px}.tooltip-achievements::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.tooltip-achievements::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tooltip-achievements::-webkit-scrollbar-thumb:hover{background:#94a3b8}.squad-dashboard-page{padding:1rem 2rem}.squad-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.squad-title-container{align-items:center;display:flex;gap:1rem}.squad-title-container h1{margin:0}.back-button,.info-button{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:12px;box-shadow:0 2px 8px #4fc3f733;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.back-button:hover{box-shadow:0 4px 16px #4fc3f74d;transform:translateY(-2px)}.info-button{align-items:center;background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:12px;box-shadow:0 4px 16px #4fc3f74d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.info-button:hover{box-shadow:0 6px 24px #4fc3f780;transform:translateY(-2px) scale(1.05)}.info-button:active{transform:translateY(0) scale(1.05)}.info-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.info-button:hover:before{left:100%}.code-badge{background-color:#4aaff7;border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:.4rem .8rem}.tab-nav{border-bottom:2px solid #eee;display:flex;margin-bottom:1.5rem}.tab-nav-item{background:none;border:none;color:#777;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.8rem 1.5rem;position:relative;top:2px}.tab-nav-item.active{border-bottom:2px solid #4aaff7;color:#4aaff7;font-weight:700}.dashboard-content{max-width:100%;padding:0;width:100%}.squad-title-block{align-items:center;display:flex;flex-direction:column;margin:2.5rem 0 2rem}.squad-title-centered{color:#00d4ff;font-size:2.7rem;font-weight:900;margin-bottom:1.2rem;text-align:center}.squad-details-and-code{align-items:center;display:flex;gap:1rem;justify-content:center}.code-badge-prominent{align-items:center;background:linear-gradient(90deg,#4aaff7 60%,#6a8cff);border-radius:2rem;box-shadow:0 4px 16px #4fc3f726;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:800;gap:.7rem;letter-spacing:1px;margin-top:.2rem;padding:.7rem 2.2rem;transition:transform .3s ease,box-shadow .3s ease}.code-badge-prominent:hover{box-shadow:0 8px 24px #4fc3f74d;transform:scale(1.1)}.code-label{font-size:1.1rem;font-weight:700;margin-right:.5rem;opacity:.85}.code-value{font-size:1.5rem;font-weight:900;letter-spacing:2px}.student-chip-avatar{box-shadow:0 2px 8px #4fc3f714;height:38px;margin-right:.7rem;width:38px}.student-stats-modal-overlay{align-items:center;background:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.student-stats-modal{animation:modalIn .2s cubic-bezier(.4,2,.6,1) both;background:#fff;border-radius:1.5rem;box-shadow:0 8px 32px #2c3e502e;max-width:95vw;min-width:320px;padding:2.5rem 2.5rem 2rem;position:relative}.student-stats-modal-enhanced{animation:modalIn .3s cubic-bezier(.4,0,.2,1) both;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;margin:5vh auto;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:90vw}.student-header-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px 24px 0 0;color:#fff;display:flex;gap:1.5rem;padding:2rem}.student-avatar-large{border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}.student-muse-avatar{height:100%;object-fit:cover;width:100%}.student-basic-info{flex:1 1}.student-name{font-size:2rem;font-weight:900;margin:0 0 .5rem;text-shadow:2px 2px 4px #0000004d}.student-muse-info{align-items:center;display:flex;gap:1rem}.muse-name{font-size:1.1rem;opacity:.9}.muse-rarity{background:#fff3;border-radius:12px;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem}.muse-rarity,.muse-rarity-enhanced{font-size:.9rem;text-transform:uppercase}.muse-rarity-enhanced{background:#ffffffe6;border:2px solid #fffc;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;font-weight:800;letter-spacing:1px;padding:.4rem 1rem}.student-cash-display{flex-shrink:0;text-align:center}.cash-amount{font-size:2.5rem;font-weight:900;text-shadow:2px 2px 4px #0000004d}.cash-label{font-size:.9rem;letter-spacing:1px;opacity:.9;text-transform:uppercase}.cash-display-mode{border-radius:12px;cursor:pointer;padding:.5rem;position:relative;transition:all .2s ease}.cash-display-mode:hover{background:#ffffff1a;transform:scale(1.02)}.cash-display-mode .cash-amount{display:inline-block;position:relative}.cash-edit-icon{font-size:1rem;margin-left:.5rem;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.cash-display-mode:hover .cash-edit-icon{opacity:.7}.cash-edit-mode{align-items:center;display:flex;flex-direction:column;gap:.75rem}.cash-edit-input{background:#ffffffe6;border:2px solid #667eea;border-radius:12px;color:#333;font-size:2.5rem;font-weight:900;padding:.25rem .5rem;text-align:center;transition:all .2s ease;width:140px}.cash-edit-input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #764ba233;outline:none}.cash-edit-input:disabled{cursor:not-allowed;opacity:.6}.cash-edit-buttons{display:flex;gap:.5rem}.cash-cancel-btn,.cash-save-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .2s ease;width:40px}.cash-save-btn{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 2px 8px #4caf504d;color:#fff}.cash-save-btn:hover:not(:disabled){box-shadow:0 4px 12px #4caf5066;transform:scale(1.1)}.cash-cancel-btn{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f443364d;color:#fff}.cash-cancel-btn:hover:not(:disabled){box-shadow:0 4px 12px #f4433666;transform:scale(1.1)}.cash-cancel-btn:disabled,.cash-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cash-error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef5350;border-radius:8px;box-shadow:0 2px 8px #f443361a;color:#c62828;font-size:.85rem;font-weight:600;max-width:200px;padding:.5rem 1rem;text-align:center}.enhanced-stats-grid{grid-gap:1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:2rem}.enhanced-stat-card{background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1)}.enhanced-stat-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.stat-background{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;opacity:.1;position:absolute;right:-20px;top:-20px;transition:all .3s ease;width:80px}.enhanced-stat-card:hover .stat-background{opacity:.2;transform:scale(1.1) rotate(10deg)}.stat-icon-large{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.stat-content{position:relative;z-index:2}.stat-number-large{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem}.stat-label-enhanced{color:#333;font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:.25rem;text-transform:uppercase}.stat-subtitle{color:#666;font-size:.8rem;font-weight:500;opacity:.8}.stat-glow{border-radius:20px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.enhanced-stat-card:hover .stat-glow{opacity:1}.achievements-card{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.achievements-card .stat-background{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.achievements-glow{background:radial-gradient(circle at 30% 30%,#ff9a9e4d 0,#0000 50%)}.cash-card{background:linear-gradient(135deg,#a8edea,#fed6e3)}.cash-card .stat-background{background:linear-gradient(135deg,#d299c2,#fef9d7)}.cash-glow{background:radial-gradient(circle at 30% 30%,#d299c24d 0,#0000 50%)}.songs-card{background:linear-gradient(135deg,#d299c2,#fef9d7)}.songs-card .stat-background{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.songs-glow{background:radial-gradient(circle at 30% 30%,#89f7fe4d 0,#0000 50%)}.games-card{background:linear-gradient(135deg,#fa709a,#fee140)}.games-card .stat-background{background:linear-gradient(135deg,#a8edea,#fed6e3)}.games-glow{background:radial-gradient(circle at 30% 30%,#a8edea4d 0,#0000 50%)}.quick-stats-grid{grid-gap:1rem;background:#f8f9fa;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:2rem}.stat-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-number{color:#333;font-size:2rem;font-weight:900;margin-bottom:.5rem}.stat-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-icon{font-size:1.5rem;opacity:.3;position:absolute;right:.75rem;top:.75rem}.rarity-breakdown{padding:2rem}.rarity-breakdown h3{color:#333;font-size:1.5rem;font-weight:900;margin:0 0 1.5rem}.rarity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rarity-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;transition:transform .2s ease}.rarity-card:hover{transform:translateY(-2px)}.rarity-color-bar{height:4px;width:100%}.rarity-content{display:flex;flex-direction:column;justify-content:space-between;min-height:100px;padding:1rem;text-align:center}.rarity-count{font-size:2rem;font-weight:900;margin-bottom:.25rem}.rarity-name{word-wrap:break-word;color:#666;font-size:.9rem;font-weight:600;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.5px;margin-bottom:.75rem;overflow-wrap:break-word;text-transform:uppercase}.rarity-icons{align-items:center;display:flex;gap:.25rem;justify-content:center}.rarity-icon{font-size:1.2rem}.rarity-more{color:#666;font-size:.8rem;margin-left:.25rem}.rarity-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.rarity-gem-large{flex-shrink:0;height:32px;width:32px}.muse-icons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.muse-preview{background:#fff;border:2px solid #e0e0e0;border-radius:50%;height:32px;overflow:hidden;transition:all .2s ease;width:32px}.muse-preview:hover{border-color:#4fc3f7;box-shadow:0 4px 12px #4fc3f74d;transform:scale(1.1)}.muse-preview-img{height:100%;object-fit:cover;width:100%}.muse-more{align-items:center;background:#f0f0f0;border-radius:12px;color:#666;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:4px 8px}.achievements-by-game{background:#fff;padding:2rem}.achievements-by-game h3{color:#333;font-size:1.5rem;font-weight:900;margin:0 0 1.5rem}.game-achievement-grid{display:flex;flex-direction:column;gap:1.5rem}.game-achievement-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #4fc3f7;border-radius:16px;box-shadow:0 4px 16px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.game-achievement-card:before{background:linear-gradient(135deg,#4fc3f70d,#677eea0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.game-achievement-card:hover:before{opacity:1}.game-achievement-card:hover{border-left-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.game-achievement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.game-info{flex:1 1}.game-title-achievement{color:#333;font-size:1.3rem;font-weight:800;margin-bottom:.25rem}.achievement-count-badge{background:linear-gradient(135deg,#4fc3f7,#667eea);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.total-cash-earned{background:#ff98001a;border:2px solid #ff980033;border-radius:12px;color:#ff9800;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.game-rarity-breakdown{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;position:relative;z-index:1}.rarity-pill{align-items:center;background:#ffffffe6;border:2px solid;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.rarity-pill:hover{background:#fff;transform:scale(1.05)}.rarity-gem-small{height:16px;width:16px}.rarity-count-small{font-weight:700}.game-achievements-preview{position:relative;z-index:1}.achievement-preview{align-items:center;background:#fffc;border:1px solid #0000000d;border-radius:12px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.achievement-preview:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.achievement-icon-small{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000001a;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.achievement-preview-info{flex:1 1}.achievement-preview-title{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.achievement-preview-rarity{font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.more-achievements{background:#4fc3f71a;border:2px dashed #4fc3f74d;border-radius:12px;color:#4fc3f7;font-size:.85rem;font-weight:600;padding:.75rem;text-align:center}.recent-achievements{background:#fff;padding:2rem}.recent-achievements h3{color:#333;font-size:1.5rem;font-weight:900;margin:0 0 1.5rem}.achievements-list{display:flex;flex-direction:column;gap:1rem}.achievement-item{background:#f8f9fa;border-left:4px solid #ddd;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.achievement-item:hover{background:#f0f0f0;transform:translateX(4px)}.achievement-icon-large{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;flex-shrink:0;font-size:2.5rem;height:60px;justify-content:center;width:60px}.achievement-details{flex:1 1}.achievement-title{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.achievement-description{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.achievement-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.achievement-game{color:#2196f3;font-weight:600}.achievement-rarity{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.achievement-reward{color:#ff9800;font-weight:600}.game-progress-section{background:#f8f9fa;padding:2rem}.game-progress-section h3{color:#333;font-size:1.5rem;font-weight:900;margin:0 0 1.5rem}.game-progress-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.game-progress-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:1.5rem;transition:transform .2s ease}.game-progress-card:hover{transform:translateY(-2px)}.game-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.game-title{color:#333;font-weight:700}.game-achievements-count{background:#f0f0f0;border-radius:8px;color:#666;font-size:.8rem;padding:.25rem .5rem}.game-progress-stats{margin-bottom:1rem}.progress-stat{display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:#666}.progress-value{color:#333;font-weight:600}.game-achievements-preview{display:flex;flex-wrap:wrap;gap:.5rem}.game-achievement-icon{align-items:center;background:#fff;border:2px solid;border-radius:50%;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.empty-achievements{color:#666;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-achievements h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.empty-achievements p{line-height:1.6;margin-bottom:.5rem}.loading-section{color:#666;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;font-size:2rem;margin-bottom:1rem}@keyframes modalIn{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.close-modal-btn{color:#888;position:absolute;right:1.5rem;top:1.2rem;transition:color .2s}.close-modal-btn:hover{color:#4aaff7}.student-stats-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.2rem}.student-stats-header h2{color:#2d3a4a;font-size:1.5rem;font-weight:800;margin:.5rem 0 .2rem}.student-muse-name{color:#4aaff7;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.student-stats-body{color:#333;font-size:1.1rem;line-height:1.7}.student-stats-body ul{list-style:none;margin:.5rem 0 0 .5rem;padding:0}.student-stats-body li{align-items:center;display:flex;font-size:1.1rem;margin-bottom:.3rem}.dashboard-pane{display:flex;flex-direction:row-reverse;gap:1.5%;height:calc(100vh - 180px);max-width:none;overflow:hidden;padding:1%;width:100%}.dashboard-main-content{background:#0000;border-radius:24px;min-width:0;overflow:hidden;width:63%}.dashboard-sidebar{background:#2c2c54;border:1px solid #3a3a6b;border-radius:24px;color:#fff;max-height:calc(100vh - 160px);min-width:300px;overflow-y:auto;padding:2%;position:relative;width:34.5%}.dashboard-sidebar::-webkit-scrollbar{width:8px}.dashboard-sidebar::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.next-class-section{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-height:0;padding:20px;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.next-class-section:before{background:#00000026;border-radius:12px;bottom:-4px;content:"";filter:blur(12px);left:4px;position:absolute;right:-4px;top:4px;z-index:-1}.next-class-section.active-class{background:#fff;border:2px solid #3b82f6;border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#333;margin-top:-1rem;padding-top:1.5rem}.next-class-section.active-class:after{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a 50%,#1a1a1a);border:1px solid #22c55e;border-radius:16px;box-shadow:0 0 15px #22c55e66,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0000004d;color:#22c55e;content:"LIVE";display:flex;font-family:Arial,sans-serif;font-size:.65rem;font-weight:900;height:28px;justify-content:center;letter-spacing:1.2px;padding:0 12px 0 22px;position:absolute;right:16px;text-align:center;text-shadow:0 0 8px #22c55ecc;top:8px;width:85px}.next-class-section.active-class:before{animation:fortniteLivePulse 1.2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 12px #22c55ee6,0 0 24px #22c55e80;content:"";height:8px;position:absolute;right:25px;top:16px;width:8px;z-index:3}@keyframes fortniteLivePulse{0%,to{box-shadow:0 0 12px #22c55ee6,0 0 24px #22c55e80;opacity:1;transform:scale(1)}50%{box-shadow:0 0 20px #22c55e,0 0 40px #22c55ecc;opacity:.3;transform:scale(1.3)}}@keyframes liveBlink{0%,50%{opacity:1}51%,to{opacity:.4}}.mission-item{background:#fffc;border:1px solid #3b82f633;margin-bottom:8px;padding:12px}.mission-item:hover{background:#3b82f614;border-color:#3b82f666;box-shadow:0 2px 8px #3b82f61a}.mission-bullet{align-items:center;background:#fff;border:2px solid #3b82f6;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s ease;width:20px}.mission-bullet:hover{background:#3b82f60d;border-color:#2563eb}.mission-bullet.completed{background:#22c55e;border-color:#22c55e;color:#fff}.mission-bullet.completed:hover{background:#16a34a;border-color:#16a34a}.mission-checkmark{font-size:12px;font-weight:700;line-height:1}.mission-text{color:#1d4ed8;flex:1 1;font-size:.9rem;line-height:1.4}.mission-item.measurable{align-items:stretch;background:#3b82f60d;border:1px solid #3b82f64d;flex-direction:column;gap:4px;padding:12px}.mission-progress-container{display:flex;flex-direction:column;gap:8px}.mission-text-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.mission-counter{background:#3b82f61a;border-radius:12px;color:#3b82f6;font-size:.8rem;font-weight:600;padding:2px 8px;white-space:nowrap}.mission-progress-bar{background:#3b82f61a;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.mission-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.mission-progress-fill:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.next-class-section.active-class .world-level-info{background:#eff6ff;border:1px solid #3b82f6}.next-class-section.active-class .level-missions h4,.next-class-section.active-class .world-level-text{color:#1d4ed8;font-weight:700}.next-class-section.active-class .missions-list{background:#eff6ff;border-left:4px solid #3b82f6}.next-class-section.active-class .mission-bullet{background:#fff;border:2px solid #3b82f6}.next-class-section.active-class .mission-bullet.completed{background:#22c55e;border:2px solid #22c55e}.next-class-section.active-class .mission-text{color:#1d4ed8;font-weight:500}.next-class-section.active-class .take-attendance-btn{background:#f59e0b;border:2px solid #d97706;color:#fff;font-weight:600}.next-class-section.active-class .take-attendance-btn:hover{background:#d97706;transform:translateY(-1px)}.next-class-section.active-class .finish-class-btn{background:#ef4444;border:2px solid #dc2626;color:#fff;font-weight:600}.next-class-section.active-class .finish-class-btn:hover{background:#dc2626;transform:translateY(-1px)}.next-class-header{margin-bottom:16px}.class-status-label{color:#333;font-size:1.2rem;font-weight:700;margin:0;text-align:center}.class-details{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0}.world-level-info{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center}.world-level-info p{color:#000;font-size:1rem;font-weight:600;margin:0}.goal-section{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;flex:1 1;padding:12px}.goal-label{color:#666;font-size:.9rem;font-weight:600;margin:0 0 8px}.goal-text{color:#333;font-size:.9rem;line-height:1.5;margin:0}.action-buttons{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.action-buttons .take-attendance-btn{grid-column:1/-1;margin-bottom:8px}.action-buttons .finish-class-btn{grid-column:1/-1;margin-top:8px}.action-buttons .replay-level-btn,.action-buttons .start-level-btn{grid-column:1/-1}.activities-btn,.finish-class-btn,.replay-level-btn,.start-level-btn,.take-attendance-btn{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 16px;transition:all .2s ease}.activities-btn{background:#ff9800;color:#fff}.activities-btn:hover{background:#f57c00;transform:translateY(-1px)}.start-level-btn{animation:startLevelPulse 1.2s ease-in-out infinite,startLevelGlow 1.8s ease-in-out infinite alternate,backgroundShift 3s ease-in-out infinite;background:linear-gradient(135deg,#4caf50,#66bb6a 50%,#4caf50);background-size:200% 200%;border-radius:25px;box-shadow:0 4px 15px #4caf5080,0 0 25px #4caf504d;font-size:.9rem;font-weight:800;letter-spacing:1px;overflow:hidden;padding:14px 20px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-level-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.start-level-btn:hover:before{left:100%}.start-level-btn:hover{animation-duration:1s,1.5s,2s;background:linear-gradient(135deg,#388e3c,#4caf50 50%,#66bb6a);box-shadow:0 8px 25px #4caf5099,0 0 40px #4caf5066,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.05)}.start-level-btn:active{box-shadow:0 4px 15px #4caf50cc,0 0 30px #4caf5099;transform:translateY(-1px) scale(1.02)}.start-level-btn:disabled{animation:none;background:#b0bec5;box-shadow:none;color:#78909c;cursor:not-allowed}@keyframes startLevelGlow{0%{box-shadow:0 4px 15px #4caf5080,0 0 25px #4caf504d}to{box-shadow:0 8px 35px #4caf50e6,0 0 60px #4caf50b3}}@keyframes backgroundShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.replay-level-btn{background:#2196f3;color:#fff}.replay-level-btn:hover{background:#1976d2;transform:translateY(-1px)}.replay-level-btn:disabled{cursor:not-allowed;opacity:.7}.finish-class-btn{background:#f44336;color:#fff}.finish-class-btn:hover{background:#d32f2f;transform:translateY(-1px)}.finish-class-btn:disabled{cursor:not-allowed;opacity:.7}.take-attendance-btn{background:#9c27b0;color:#fff}.take-attendance-btn:hover{background:#7b1fa2;transform:translateY(-1px)}.take-attendance-btn:disabled{cursor:not-allowed;opacity:.7}@keyframes pulse-green{0%,to{box-shadow:0 6px 20px #4caf5066}50%{box-shadow:0 6px 20px #4caf5099}}.attendance-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.attendance-modal{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.attendance-modal-header{align-items:center;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;display:flex;justify-content:space-between;padding:2rem}.attendance-modal-header h2{font-size:2rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0003}.attendance-modal-content{max-height:calc(90vh - 160px);overflow-y:auto;padding:2rem}.attendance-instructions{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:2rem;text-align:center}.attendance-student-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:2rem}.attendance-student-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attendance-student-item:hover{border-color:#4fc3f74d;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.attendance-student-item.selected{animation:attendanceSuccess .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50;transform:scale(1.05)}.attendance-student-avatar-container{margin-bottom:.75rem;position:relative}.attendance-student-avatar{border:3px solid #ddd;border-radius:50%;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.attendance-student-item.selected .attendance-student-avatar{border-color:#4caf50;box-shadow:0 0 20px #4caf5066}.attendance-checkmark{align-items:center;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55);background:#4caf50;border-radius:50%;box-shadow:0 2px 8px #4caf504d;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.attendance-student-name{color:#333;font-size:.9rem;font-weight:600;text-align:center}.attendance-student-item.selected .attendance-student-name{color:#2e7d32;font-weight:700}.attendance-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:0 2rem 2rem}.selected-count{color:#666;font-size:1rem;font-weight:600}.all-selected-btn{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;border-radius:25px;box-shadow:0 4px 15px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.all-selected-btn:hover:not(:disabled){background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 8px 25px #4caf5066;transform:translateY(-2px)}.all-selected-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.todays-squad-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1001}.todays-squad-modal{animation:celebrationSlideUp .6s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fff,#f8feff);border:2px solid #4fc3f733;border-radius:24px;box-shadow:0 30px 80px #0000004d,0 15px 50px #4fc3f733;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.todays-squad-modal-header{align-items:center;background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:2rem;position:relative}.todays-squad-modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(255,255,255,0.1)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='80' cy='30' r='1.5' fill='rgba(255,255,255,0.1)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='1.5s' begin='0.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='70' r='1' fill='rgba(255,255,255,0.1)'%3E%3Canimate attributeName='opacity' values='0;1;0' dur='2.5s' begin='1s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.todays-squad-modal-header h2{animation:titleGlow 2s ease-in-out infinite alternate;font-size:2.2rem;font-weight:900;margin:0;text-shadow:0 2px 4px #0000004d}.musecash-reward{align-items:center;animation:musecashFloat 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:flex;gap:.5rem;padding:.75rem 1.25rem}.musecash-amount{color:#fff;font-size:1.4rem;font-weight:900}.musecash-icon{animation:coinSpin 2s linear infinite;font-size:1.2rem}.musecash-label{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.todays-squad-content{padding:2rem}.selected-students-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:2rem}.todays-squad-student-item{align-items:center;animation:studentCelebration .8s cubic-bezier(.68,-.55,.265,1.55);animation-delay:0s;animation-delay:calc(var(--item-index, 0)*.1s);display:flex;flex-direction:column;position:relative}.todays-squad-avatar-container{margin-bottom:.75rem;position:relative}.todays-squad-avatar{animation:avatarGlow 2s ease-in-out infinite alternate;border:4px solid #4caf50;border-radius:50%;box-shadow:0 8px 20px #4caf504d;height:70px;object-fit:cover;width:70px}.celebration-sparkle{animation:sparkleRotate 1.5s ease-in-out infinite;font-size:1.5rem;position:absolute;right:-8px;top:-8px}.todays-squad-student-name{color:#2e7d32;font-size:.9rem;font-weight:700;text-align:center;text-shadow:0 1px 2px #0000001a}.todays-squad-achievement{margin-bottom:1.5rem;text-align:center}.achievement-badge{align-items:center;animation:achievementPulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb300);border:2px solid #ffd70080;border-radius:25px;box-shadow:0 8px 20px #ffd7004d;color:#333;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1rem 2rem}.achievement-icon{animation:trophyShine 3s ease-in-out infinite;font-size:1.5rem}.todays-squad-footer{padding:0 2rem 2rem;text-align:center}.confirm-squad-btn{animation:buttonReady 1s ease-in-out infinite alternate;background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:30px;box-shadow:0 8px 25px #4fc3f766;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:800;letter-spacing:1px;padding:1.25rem 3rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.confirm-squad-btn:hover{background:linear-gradient(135deg,#29b6f6,#1e88e5);box-shadow:0 12px 35px #4fc3f780;transform:translateY(-3px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes celebrationSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes attendanceSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes checkmarkPop{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@keyframes studentCelebration{0%{opacity:0;transform:translateY(20px) scale(.8) rotate(-5deg)}50%{transform:translateY(-5px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes titleGlow{0%{text-shadow:0 2px 4px #0000004d}to{text-shadow:0 2px 4px #0000004d,0 0 20px #ffffff4d}}@keyframes musecashFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes coinSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes avatarGlow{0%{box-shadow:0 8px 20px #4caf504d}to{box-shadow:0 8px 20px #4caf5099,0 0 30px #4caf5066}}@keyframes sparkleRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(90deg) scale(1.2)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.2)}}@keyframes achievementPulse{0%,to{box-shadow:0 8px 20px #ffd7004d;transform:scale(1)}50%{box-shadow:0 12px 30px #ffd70080;transform:scale(1.02)}}@keyframes trophyShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 5px rgba(255,215,0,.8))}}@keyframes buttonReady{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes sleepingFloat{0%,to{opacity:.7;transform:translateY(0) rotate(-5deg)}50%{opacity:1;transform:translateY(-3px) rotate(5deg)}}@keyframes cardPulse{0%,to{box-shadow:0 20px 60px #00000026,0 8px 32px #4fc3f71a,inset 0 1px 0 #fff3,inset 0 0 120px #4fc3f708}50%{box-shadow:0 25px 70px #0003,0 12px 40px #4fc3f726,inset 0 1px 0 #ffffff40,inset 0 0 140px #4fc3f70d}}@keyframes backgroundShimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sparkleFloat{0%,to{opacity:.6;transform:translateY(-50%) scale(1) rotate(0deg)}50%{opacity:1;transform:translateY(-50%) scale(1.2) rotate(180deg)}}@keyframes levelPulse{0%,to{box-shadow:0 8px 25px #4fc3f733,inset 0 1px 0 #ffffff4d;transform:scale(1)}50%{box-shadow:0 12px 35px #4fc3f74d,inset 0 1px 0 #fff6;transform:scale(1.01)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes targetBounce{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}@keyframes buttonGlow{0%{box-shadow:0 8px 25px #00000026,inset 0 1px 0 #fff3}to{box-shadow:0 12px 35px #0003,inset 0 1px 0 #ffffff4d}}.activities-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.activities-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.activities-modal-header{align-items:center;background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;display:flex;justify-content:space-between;padding:2rem}.activities-modal-header h2{font-size:1.8rem;font-weight:800;margin:0}.activities-modal-controls{align-items:center;display:flex;gap:1rem}.sample-lesson-plan-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:15px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.sample-lesson-plan-btn:hover{background:#ffffff4d;border-color:#ffffff80}.activities-content{max-height:calc(90vh - 120px);overflow-y:auto;padding:2rem}.activities-intro{background:#f8f9ff;border-left:4px solid #4fc3f7;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.activities-intro p{color:#2d3a4a;font-size:1.1rem;margin:.5rem 0}.activities-accordion{display:flex;flex-direction:column;gap:1rem}.activity-item{border:1px solid #e0e6ed;border-radius:12px;overflow:hidden;transition:all .2s ease}.activity-item:hover{border-color:#4fc3f7;box-shadow:0 4px 12px #4fc3f71a}.activity-header{align-items:center;background:#f8f9ff;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .2s ease}.activity-header:hover{background:#e3f4fd}.activity-title-section{flex:1 1}.activity-title-section h3{color:#2d3a4a;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.activity-duration{color:#4fc3f7;font-size:.9rem;font-weight:600}.activity-toggle{color:#4fc3f7;font-size:1.2rem;transition:transform .2s ease}.activity-toggle.expanded{transform:rotate(180deg)}.activity-content{background:#fff;border-top:1px solid #e0e6ed;padding:1.5rem}.activity-description{color:#2d3a4a;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.activity-section{margin-bottom:1.5rem}.activity-section h4{color:#4fc3f7;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.activity-section ol,.activity-section ul{margin:0;padding-left:1.5rem}.activity-section li{color:#2d3a4a;line-height:1.5;margin-bottom:.5rem}.lesson-plan-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1100}.lesson-plan-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1200px;overflow:hidden;width:95vw}.lesson-plan-header{align-items:center;background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.lesson-plan-header h2{font-size:1.6rem;font-weight:800;margin:0}.lesson-plan-controls{align-items:center;display:flex;gap:1rem}.lesson-plan-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;padding:0;transition:background .2s ease;width:2rem}.close-modal-btn:hover{background:#fff3}.finish-class-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1200}.finish-class-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;text-align:center;width:100%}.finish-class-modal h3{color:#f44336;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.finish-class-modal p{color:#2d3a4a;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.finish-class-modal-buttons{display:flex;gap:1rem;justify-content:center}.confirm-finish-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.confirm-finish-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-1px)}.cancel-finish-btn{background:#4fc3f733;border:1px solid #4fc3f766;border-radius:25px;color:#4fc3f7;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 2rem;transition:all .3s ease}.cancel-finish-btn:hover{background:#4fc3f74d;border-color:#4fc3f799}@media (min-width:1400px){.dashboard-sidebar{min-width:450px;padding:2.5rem;width:450px}.dashboard-pane{gap:3rem}}@media (min-width:1600px){.dashboard-sidebar{min-width:500px;width:500px}}@media (max-width:1200px){.dashboard-sidebar{min-width:320px;padding:1.5rem;width:320px}}@media (max-width:900px){.dashboard-pane{flex-direction:column;gap:1rem;height:auto}.dashboard-sidebar{min-width:0;width:100%}.activities-modal,.lesson-plan-modal{height:calc(100vh - 2rem);margin:1rem;width:calc(100vw - 2rem)}}.attendance-grids{display:flex;flex-direction:column;gap:2%;padding:1.5%}.attendance-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.attendance-grid-title{color:#2d3a4a;font-size:1.4rem;font-weight:900;margin:0}.attendance-count{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border-radius:20px;box-shadow:0 2px 8px #4fc3f74d;color:#fff;font-size:.9rem;font-weight:800;min-width:2.5rem;padding:.4rem 1rem;text-align:center}.sleeping-count{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #9e9e9e4d}.attendance-grid-content{grid-gap:1%;display:grid;gap:1%;grid-template-columns:repeat(4,1fr);padding:1%}.student-grid-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;filter:drop-shadow(0 3px 12px rgba(0,0,0,.08));flex-direction:row;gap:3%;justify-content:flex-start;min-height:48px;padding:3%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-grid-item:hover{border-color:#4fc3f74d;filter:drop-shadow(0 8px 25px rgba(79,195,247,.15));transform:translateY(-4px)}.todays-squad .student-grid-item{background:#fff}.todays-squad .student-grid-item:hover{background:#f8feff}.sleeping-squad .student-grid-item{background:#f5f5f5;opacity:.8}.sleeping-squad .student-grid-item:hover{border-color:#9e9e9e66;filter:drop-shadow(0 8px 25px rgba(158,158,158,.15));opacity:1}.student-avatar-container{flex-shrink:0;position:relative}.student-grid-avatar{border:2px solid #4fc3f7;border-radius:50%;box-shadow:0 2px 8px #4fc3f733;flex-shrink:0;height:32px;object-fit:cover;width:32px}.sleeping-squad .student-grid-avatar{border-color:#9e9e9e;box-shadow:0 2px 8px #9e9e9e33;filter:grayscale(40%)}.student-grid-name{color:#2d3a4a;flex:1 1;font-size:.75rem;font-weight:700;line-height:1.2;margin:0;text-align:left}.sleeping-squad .student-grid-name{color:#757575}.sleeping-indicator{animation:sleepingFloat 2s ease-in-out infinite;color:#9e9e9e;font-size:.9rem;pointer-events:none;position:absolute;right:-6px;text-shadow:0 1px 2px #0003;top:-6px;z-index:2}.sleeping-indicator:before{content:"💤"}.empty-grid-message{background:#00000005;border:2px dashed #ddd;border-radius:12px;color:#999;font-style:italic;grid-column:1/-1;padding:3rem 1rem;text-align:center}@media (max-width:1200px){.dashboard-pane{gap:1%}.dashboard-main-content{width:64%}.dashboard-sidebar{width:35%}.attendance-grid-content{gap:.8%;grid-template-columns:repeat(4,1fr)}.student-grid-item{gap:2.5%;min-height:42px;padding:2.5%}.student-grid-avatar{height:28px;width:28px}.student-grid-name{font-size:.7rem}}@media (max-width:900px){.dashboard-pane{flex-direction:column;gap:2%}.dashboard-main-content,.dashboard-sidebar{width:100%}.attendance-grids{flex-direction:column;gap:1.5%}.attendance-grid-content{gap:.6%;grid-template-columns:repeat(4,1fr)}.student-grid-item{gap:2%;min-height:38px;padding:2%}.student-grid-avatar{height:24px;width:24px}.student-grid-name{font-size:.65rem}}.student-name-input{background-color:#e3f4fd;border:1px solid #4fc3f7;border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;outline:none;padding:4px;text-align:center;width:100%}.activity-feed-box,.activity-feed-desc,.activity-feed-empty,.activity-feed-event,.activity-feed-list,.activity-feed-time{display:none}.view-toggle{background:#e3f4fd;border-radius:1rem;box-shadow:0 2px 8px #4fc3f714;display:flex;padding:.2rem}.view-toggle-btn{align-items:center;background:none;border:none;border-radius:.8rem;color:#666;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.view-toggle-btn:hover{background:#4fc3f71a;color:#4fc3f7}.view-toggle-btn.active{background:#fff;box-shadow:0 1px 4px #4fc3f726;color:#4fc3f7}.grid-students{grid-gap:.3rem;align-items:center;display:grid;gap:.3rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-content:start;margin-top:.5rem;max-height:calc(100vh - 350px);overflow:hidden;padding:0}.list-students{display:flex;flex-direction:column;gap:.8rem;margin-top:.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.list-students::-webkit-scrollbar{width:6px}.list-students::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.list-students::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:3px}.list-students::-webkit-scrollbar-thumb:hover{background:#3ea8d9}.student-row{align-items:center;background:linear-gradient(90deg,#f8feff,#f5f3ff);border:1px solid #0000;border-radius:.8rem;box-shadow:0 1px 6px #4fc3f70f;cursor:pointer;display:flex;min-height:56px;padding:.7rem 1.2rem;transition:all .2s ease}.student-row:hover{background:linear-gradient(90deg,#e3f4fd,#ede7f6);border-color:#4fc3f7;box-shadow:0 2px 12px #4fc3f71f;transform:translateX(4px)}.student-chip-avatar.small{background:#fff;border:2px solid #4aaff7;border-radius:50%;box-shadow:0 1px 4px #4fc3f714;height:32px;margin-right:1rem;object-fit:cover;width:32px}.student-name-small{color:#2d3a4a;font-size:1.1rem;font-weight:700;letter-spacing:.2px;line-height:1}@media (max-width:1400px){.grid-students{grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.student-card{height:34px;min-width:85px}.student-chip-avatar{height:26px;width:26px}.student-name{font-size:.75rem}}@media (max-width:1200px){.grid-students{gap:.25rem;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.student-card{height:32px;min-width:80px;padding:.15rem .4rem}.student-chip-avatar{height:24px;margin-right:.3rem;width:24px}.student-name{font-size:.7rem}}@media (max-width:900px){.grid-students{gap:.2rem;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));max-height:calc(100vh - 450px)}.student-card{height:30px;min-width:75px;padding:.1rem .3rem}.student-chip-avatar{height:22px;width:22px}.student-name{font-size:.65rem}}@media (max-width:640px){.grid-students{gap:.15rem;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.student-card{height:28px;min-width:70px;padding:.1rem .25rem}.student-chip-avatar{height:20px;width:20px}.student-name{font-size:.6rem}}@media (max-width:480px){.grid-students{gap:.1rem;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.student-card{height:26px;min-width:65px;padding:.05rem .2rem}.student-chip-avatar{height:18px;width:18px}.student-name{font-size:.55rem}}@media (min-width:1600px){.grid-students{gap:1rem 1.2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.student-card{max-width:320px;min-width:220px}}.student-card{align-items:center;background:linear-gradient(90deg,#e3f4fd,#ede7f6);border:2px solid #0000;border-radius:.6rem;box-shadow:0 1px 4px #4fc3f70f;cursor:pointer;display:flex;height:36px;margin-bottom:0;max-width:none;min-width:90px;padding:.2rem .5rem;transition:box-shadow .2s,transform .2s;width:100%}.student-card:hover{border-color:#4fc3f7;box-shadow:0 3px 12px #4fc3f71f;transform:translateY(-1px)}.student-chip-avatar{background:#fff;border:2px solid #4aaff7;border-radius:50%;box-shadow:0 1px 3px #4fc3f714;flex-shrink:0;height:28px;margin-right:.4rem;object-fit:cover;width:28px}.student-name{color:#2d3a4a;flex:1 1;font-size:.8rem;font-weight:700;letter-spacing:.1px;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levels-pane{background:linear-gradient(135deg,#e3f4fd,#ede7f6);border-radius:1.5rem;display:flex;flex-direction:column;height:calc(100vh - 160px);margin:.8rem;overflow:hidden}.levels-carousel-container{display:flex;flex-direction:column;height:100%;margin:0 auto;max-width:1400px}.levels-header{flex-shrink:0;margin-bottom:1.2rem;text-align:center}.levels-title{color:#2d3a4a;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.8rem;font-weight:900;margin-bottom:.3rem}.levels-subtitle{color:#666;font-size:.95rem;font-weight:600;margin:0}.levels-grid{flex:1 1;height:100%;max-height:calc(100vh - 280px)}.level-card-grid{animation:slideInUp .3s ease-out;animation-delay:var(--delay);animation-fill-mode:both;background:linear-gradient(135deg,#fff,#f8feff);box-shadow:0 2px 8px #4fc3f714;justify-content:space-between;max-height:130px;min-height:100px;padding:.6rem}.level-card-grid.hovered,.level-card-grid.unlocked:hover{border-color:#4fc3f7;box-shadow:0 8px 24px #4fc3f726;transform:translateY(-6px) scale(1.02)}.level-card-grid.selected{background:linear-gradient(135deg,#e3f4fd,#ede7f6);border-color:#4fc3f7;transform:translateY(-3px)}.level-card-grid.locked{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);opacity:.6}.level-card-grid.locked:hover{box-shadow:0 3px 12px #4fc3f714}.level-number{background:linear-gradient(135deg,#4fc3f7,#a259e6);box-shadow:0 2px 6px #4fc3f74d;color:#fff;flex-shrink:0;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:1.1rem;height:32px;margin:0 auto .5rem;width:32px}.level-card-grid.locked .level-number{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);box-shadow:0 3px 8px #9e9e9e4d}.level-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;text-align:center}.level-title-grid{color:#2d3a4a;flex-shrink:0;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:.75rem;font-weight:800;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-card-grid.locked .level-title-grid{color:#9e9e9e}.level-rewards-grid{flex-shrink:0;margin:.5rem 0}.reward-item-grid{align-items:center;background:#4fc3f71a;border-radius:.8rem;display:flex;font-size:.8rem;font-weight:600;gap:.3rem;justify-content:center;padding:.3rem .8rem}.reward-icon{font-size:1rem}.reward-text{color:#4fc3f7;font-weight:700}.start-lesson-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:1.5rem;box-shadow:0 2px 8px #4fc3f74d;color:#fff;cursor:pointer;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:.9rem;font-weight:700;margin-top:auto;padding:.5rem 1rem;transition:all .3s ease}.start-lesson-btn:hover{box-shadow:0 4px 12px #4fc3f766;transform:translateY(-1px)}.selected-level-details{background:#fff;border-radius:1.2rem;box-shadow:0 3px 12px #4fc3f714;flex-shrink:0;margin-top:1.5rem;padding:1.5rem;text-align:center}.selected-level-details h3{color:#2d3a4a;font-size:1.4rem;font-weight:800;margin-bottom:1rem}.selected-level-details h3,.start-level-btn{font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif}.start-level-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:1.5rem;box-shadow:0 3px 12px #4fc3f74d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;transition:all .3s ease}.start-level-btn:hover{box-shadow:0 5px 18px #4fc3f766;transform:translateY(-2px)}@media (max-width:1200px){.grid-students{gap:.5rem .7rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.levels-grid{gap:.8rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.level-card-grid{min-height:120px;padding:.8rem}.level-number{font-size:1.2rem;height:40px;width:40px}.level-title-grid{font-size:.9rem}}@media (max-width:768px){.grid-students{gap:.4rem .6rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.student-card{min-width:130px;padding:.4rem .8rem .4rem .6rem}.student-chip-avatar{height:35px;margin-right:.6rem;width:35px}.student-name{font-size:1.1rem}.levels-pane{margin:.5rem;padding:1rem}.levels-grid{gap:.6rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr)}.level-card-grid{min-height:100px;padding:.7rem}.level-number{font-size:1.1rem;height:35px;margin-bottom:.6rem;width:35px}.level-title-grid{font-size:.8rem}.levels-title{font-size:1.8rem}.levels-subtitle{font-size:1rem}.selected-level-details{margin-top:1rem;padding:1rem}}.activity-feed{background:#fff;border:1px solid #e8f4fd;border-radius:1rem;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;height:calc(100vh - 40px);overflow:hidden;position:fixed;right:20px;top:20px;width:350px;z-index:300}.levels-pane{background:#fff;border:1px solid #e8f4fd;border-radius:1.2rem;box-shadow:0 4px 20px #4fc3f714;margin:1rem 0;padding:1.2rem}.levels-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);margin-top:1rem;max-height:calc(100vh - 400px);overflow:hidden}.level-card-grid{align-items:center;background:linear-gradient(135deg,#4fc3f7,#a259e6);border:2px solid #0000;border-radius:1rem;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-height:140px;min-height:120px;overflow:hidden;padding:.8rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.level-card-grid:hover{border-color:#fff;box-shadow:0 12px 40px #4fc3f74d;transform:translateY(-8px) scale(1.02)}.level-card-grid.locked{background:linear-gradient(135deg,#9e9e9e,#616161);cursor:not-allowed}.level-card-grid.locked:hover{box-shadow:0 4px 20px #4fc3f714;transform:none}.level-number{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4fc3f7;display:flex;font-size:1.2rem;font-weight:900;height:40px;justify-content:center;margin-bottom:.5rem;width:40px}.level-title-grid{font-size:.8rem;font-weight:700;line-height:1.2;margin-bottom:.3rem}.level-reward-grid{font-size:.7rem;font-weight:600;opacity:.9}@media (min-width:1401px){.dashboard-pane{margin-right:380px}.activity-feed{right:20px;width:360px}.levels-grid{gap:1rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.level-card-grid{max-height:150px;min-height:130px}}@media (max-width:1400px) and (min-width:1201px){.dashboard-pane{margin-right:340px}.activity-feed{width:320px}.levels-grid{gap:.8rem;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr)}.level-card-grid{max-height:130px;min-height:110px;padding:.6rem}.level-number{font-size:1.1rem;height:36px;width:36px}.level-title-grid{font-size:.75rem}}@media (max-width:1200px) and (min-width:901px){.dashboard-pane{margin-right:20px}.activity-feed{display:none}.levels-grid{gap:.7rem;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr)}.level-card-grid{max-height:120px;min-height:100px;padding:.5rem}.level-number{font-size:1rem;height:32px;width:32px}.level-title-grid{font-size:.7rem}}@media (max-width:900px) and (min-width:641px){.dashboard-pane{margin-bottom:420px;margin-right:0;padding-top:20px}.activity-feed{border-radius:20px 20px 0 0!important;bottom:0!important;height:400px!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:500!important}.levels-grid{gap:.6rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);max-height:calc(100vh - 500px)}.level-card-grid{max-height:110px;min-height:90px;padding:.4rem}.level-number{font-size:.9rem;height:28px;margin-bottom:.3rem;width:28px}.level-title-grid{font-size:.65rem}.level-reward-grid{font-size:.6rem}}@media (max-width:640px) and (min-width:481px){.dashboard-pane{margin-bottom:420px;padding-top:10px}.levels-grid{gap:.5rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);max-height:calc(100vh - 520px)}.level-card-grid{max-height:100px;min-height:80px;padding:.3rem}.level-number{font-size:.85rem;height:26px;margin-bottom:.2rem;width:26px}.level-title-grid{font-size:.6rem;line-height:1.1}.level-reward-grid{font-size:.55rem}.levels-title{font-size:1.4rem}.levels-subtitle{font-size:.85rem}}@media (max-width:480px){.dashboard-pane{margin-bottom:420px;padding-top:5px}.levels-grid{gap:.4rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);max-height:calc(100vh - 540px)}.level-card-grid{max-height:95px;min-height:75px;padding:.25rem}.level-number{font-size:.8rem;height:24px;margin-bottom:.2rem;width:24px}.level-title-grid{font-size:.55rem;line-height:1}.level-reward-grid{font-size:.5rem}.levels-title{font-size:1.2rem}.levels-subtitle{font-size:.8rem}.levels-pane{margin:.5rem 0;padding:.8rem}}@media (max-width:900px){.activity-feed-header{font-size:1.1rem!important;padding:1rem 1.2rem .8rem!important}.activity-feed-content{font-size:.9rem!important;padding:0 1.2rem 1rem!important}.activity-feed-empty{font-size:.95rem!important;padding:2rem 1rem!important}}@media (max-width:640px){.squad-dashboard-header{padding:.5rem!important}.back-button{font-size:.9rem!important;padding:.4rem .8rem!important}.squad-title-block{padding:.8rem!important}.squad-title-centered{font-size:1.4rem!important}.tab-nav{gap:.3rem!important;padding:0 .5rem!important}.tab-nav-item{font-size:.9rem!important;padding:.5rem 1rem!important}}@media (max-width:900px){body,html{overflow-x:hidden}*{max-width:100vw}}.squad-info-modal-overlay{align-items:center;animation:modalOverlayIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.squad-info-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:1.5rem;box-shadow:0 12px 48px #0000004d;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.squad-info-header{align-items:center;background:linear-gradient(135deg,#4fc3f7,#a259e6);border-bottom:2px solid #e3f4fd;color:#fff;display:flex;justify-content:space-between;padding:1.5rem 2rem}.squad-info-header h2{font-family:Fredoka One,sans-serif;font-size:1.8rem;font-weight:800;margin:0}.squad-info-content{max-height:calc(85vh - 120px);overflow-y:auto;padding:2rem}.squad-basic-info{background:linear-gradient(135deg,#e3f4fd,#ede7f6);border-radius:1rem;margin-bottom:2rem;padding:1.5rem;text-align:center}.squad-basic-info h3{color:#4fc3f7;font-size:2rem;font-weight:900;margin:0 0 .5rem}.squad-code-display{background:#a259e61a;border-radius:2rem;color:#a259e6;display:inline-block;font-size:1.2rem;font-weight:700;padding:.4rem 1rem}.squad-info-fields{gap:1.5rem}.info-field,.squad-info-fields{display:flex;flex-direction:column}.info-field{gap:.5rem}.info-field-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.info-field label{color:#4fc3f7;font-size:1rem;font-weight:700;letter-spacing:.5px}.field-value{background:#f8f9fa;border:2px solid #e3f4fd;border-radius:.8rem;color:#2d3a4a;font-weight:600;line-height:1.5;min-height:1.2rem;padding:1rem}.field-value.wifi-password{color:#666;font-family:monospace;letter-spacing:2px}.info-field input,.info-field textarea{background:#fff;border:2px solid #e3f4fd;border-radius:.8rem;color:#2d3a4a;font-family:inherit;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.info-field input:focus,.info-field textarea:focus{border-color:#4fc3f7;box-shadow:0 4px 16px #4fc3f733;outline:none;transform:translateY(-1px)}.info-field textarea{line-height:1.5;resize:vertical}.squad-info-actions{border-top:2px solid #e3f4fd;display:flex;gap:1rem;justify-content:center;margin-top:2.5rem;padding-top:2rem}.edit-btn,.save-btn{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:2rem;box-shadow:0 4px 16px #4fc3f74d;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.edit-btn:hover,.save-btn:hover{box-shadow:0 6px 24px #4fc3f766;transform:translateY(-2px)}.cancel-btn{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:2rem;color:#666;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.squad-info-modal{max-height:90vh;width:95%}.squad-info-header{padding:1rem 1.5rem}.squad-info-header h2{font-size:1.5rem}.squad-info-content{padding:1.5rem}.info-field-row{gap:1rem;grid-template-columns:1fr}.squad-info-actions{flex-direction:column;gap:.8rem}.cancel-btn,.edit-btn,.save-btn{padding:.8rem 1.5rem;width:100%}}@media (max-width:480px){.squad-info-modal{border-radius:1rem;width:98%}.squad-info-header{padding:.8rem 1rem}.squad-info-header h2{font-size:1.3rem}.squad-info-content{padding:1rem}.squad-basic-info{margin-bottom:1.5rem;padding:1rem}.squad-basic-info h3{font-size:1.5rem}.squad-code-display{font-size:1rem}.squad-info-fields{gap:1rem}.info-field input,.info-field textarea{font-size:.9rem;padding:.8rem}}.squad-info-modal .error-message{background:#d32f2f1a;border:2px solid #d32f2f4d;border-radius:.8rem;color:#d32f2f;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.save-btn:disabled{background:linear-gradient(135deg,#ccc,#999);cursor:not-allowed}.squad-info-content::-webkit-scrollbar{width:8px}.squad-info-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.squad-info-content::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}.squad-info-content::-webkit-scrollbar-thumb:hover{background:#3fa8d4}.level-carousel{box-sizing:border-box;margin:2rem auto;max-width:800px;padding:0 40px;position:relative;width:100%}.level-carousel-arrow{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.level-carousel-arrow.left{left:0}.level-carousel-arrow.right{right:0}.level-carousel-track{gap:.5rem;height:110px;overflow:visible}.level-card-slot,.level-carousel-track{align-items:center;display:flex;justify-content:center}.level-card-slot{cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.level-card-slot.empty{cursor:default;height:80px;width:70px}.level-card-slot:not(.empty){height:80px;width:70px}.level-card-slot.center{height:100px;transform:scale(1.1);width:90px}.level-card-mini{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e6ed;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.4rem;position:relative;transition:all .3s ease;width:100%}.level-card-slot:hover .level-card-mini{border-color:#4fc3f7;box-shadow:0 4px 12px #4fc3f726;transform:translateY(-2px)}.level-card-slot.completed .level-card-mini{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#4caf50}.level-card-slot.next .level-card-mini{background:linear-gradient(135deg,#ffcc02,#ff9800);border-color:#ff9800;box-shadow:0 4px 16px #ffcc0266}.level-card-slot.upcoming .level-card-mini{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-color:#bdbdbd;opacity:.7}.level-card-slot.selected .level-card-mini{border-color:#4fc3f7;box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.level-name{word-wrap:break-word;color:#2d3a4a;font-size:clamp(.45rem,2.2vw,.6rem);font-weight:700;height:2.2rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;margin-bottom:.2rem;overflow:visible;padding:0 .2rem;text-align:center}.level-name,.level-number-mini{align-items:center;display:flex;justify-content:center}.level-number-mini{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:50%;box-shadow:0 2px 4px #4fc3f74d;color:#fff;font-size:.7rem;font-weight:900;height:20px;margin:.2rem 0;width:20px}.level-card-slot.center .level-name{font-size:clamp(.55rem,2.8vw,.7rem)}.level-card-slot.next .level-name{color:#e65100;font-weight:800}.level-card-slot.upcoming .level-name{color:#9e9e9e}.level-card-slot.center .level-number-mini{font-size:.8rem;height:26px;width:26px}.level-card-slot.completed .level-number-mini{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 2px 4px #4caf504d}.level-card-slot.next .level-number-mini{background:linear-gradient(135deg,#ffcc02,#ff9800);box-shadow:0 2px 4px #ffcc0266}.level-card-slot.upcoming .level-number-mini{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);box-shadow:0 2px 4px #9e9e9e4d}.level-status-indicator{align-items:center;display:flex;font-size:.6rem;font-weight:700;height:1rem;justify-content:center;text-align:center}.level-card-slot.center .level-status-indicator{font-size:.7rem;height:1.2rem}.status-icon{color:#666;font-size:.8rem}.level-card-slot.completed .status-icon{color:#4caf50;font-size:.9rem}.level-card-slot.upcoming .status-icon{color:#9e9e9e}.status-text{color:#ff9800;font-size:.55rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.level-card-slot.next .status-text{color:#bf360c;font-weight:900;text-shadow:0 1px 2px #bf360c80}.level-card-slot.center .status-text{font-size:.6rem}@media (max-width:1200px){.level-carousel{padding:1.3rem .8rem}.level-carousel-track{height:110px}.level-card-slot:not(.empty){height:75px;width:65px}.level-card-slot.center{height:90px;width:80px}.level-name{font-size:.55rem;height:2rem}.level-card-slot.center .level-name{font-size:.65rem;height:2.5rem}}@media (max-width:900px){.level-carousel{margin-bottom:.8rem;padding:1.2rem .6rem}.level-carousel-track{height:100px}.level-card-slot:not(.empty){height:70px;width:60px}.level-card-slot.center{height:85px;width:75px}.level-name{font-size:.5rem;height:1.8rem}.level-card-slot.center .level-name{font-size:.6rem;height:2.2rem}.level-number-mini{font-size:.65rem;height:18px;width:18px}.level-card-slot.center .level-number-mini{font-size:.75rem;height:24px;width:24px}}.start-level-modal-overlay{align-items:center;animation:modalOverlayIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1200}.start-level-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-width:500px;overflow:hidden;width:100%}.start-level-modal-header{background:linear-gradient(135deg,#4fc3f7,#29b6f6);color:#fff;padding:2rem;text-align:center}.start-level-modal-header h3{font-size:1.8rem;font-weight:800;margin:0;text-shadow:0 2px 4px #0003}.start-level-modal-content{padding:2rem;text-align:center}.start-level-modal-content p{color:#2d3a4a;font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}.level-title-display{background:linear-gradient(135deg,#f8f9ff,#e3f4fd);border:2px solid #4fc3f7;border-radius:12px;box-shadow:0 4px 12px #4fc3f726;color:#2d3a4a;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;padding:1.5rem}.start-level-modal-buttons{display:flex;gap:1rem;justify-content:center;padding:0 2rem 2rem}.cancel-start-btn{background:#9e9e9e33;border:2px solid #9e9e9e66;border-radius:25px;color:#666;cursor:pointer;font-size:1rem;font-weight:700;min-width:120px;padding:.8rem 2rem;transition:all .3s ease}.cancel-start-btn:hover{background:#9e9e9e4d;border-color:#9e9e9e99;transform:translateY(-1px)}.confirm-start-btn{background:linear-gradient(135deg,#4fc3f7,#29b6f6);border:none;border-radius:25px;box-shadow:0 4px 16px #4fc3f74d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;min-width:120px;padding:.8rem 2rem;transition:all .3s ease}.confirm-start-btn:hover{background:linear-gradient(135deg,#29b6f6,#1e88e5);box-shadow:0 6px 20px #4fc3f766;transform:translateY(-2px)}.start-level-goal-modal-overlay{align-items:center;animation:modalOverlayIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1300}.start-level-goal-modal{animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:20px;box-shadow:0 25px 80px #0006;max-width:600px;overflow:hidden;width:100%}.start-level-goal-modal-header{background:linear-gradient(135deg,#4caf50,#43a047);color:#fff;padding:2rem;position:relative;text-align:center}.start-level-goal-modal-header:before{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23fff" opacity=".1"/><circle cx="80" cy="30" r="1.5" fill="%23fff" opacity=".1"/><circle cx="40" cy="70" r="1" fill="%23fff" opacity=".1"/><circle cx="90" cy="80" r="2.5" fill="%23fff" opacity=".1"/><circle cx="10" cy="90" r="1.5" fill="%23fff" opacity=".1"/></svg>');bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.start-level-goal-modal-header h3{font-size:1.8rem;font-weight:800;margin:0 0 .5rem;position:relative;text-shadow:0 2px 4px #0003;z-index:1}.level-title-small{font-size:1rem;font-weight:600;opacity:.9;position:relative;z-index:1}.start-level-goal-modal-content{padding:2rem}.goal-section-modal{background:linear-gradient(135deg,#f8f9ff,#e8f5e9);border:2px solid #4caf50;border-radius:15px;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.goal-section-modal:before{content:"🎯";font-size:2rem;opacity:.3;position:absolute;right:1rem;top:1rem}.goal-section-modal h4{color:#4a5568;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.goal-section-modal ul{color:#000;list-style-type:none;padding-left:0}.goal-section-modal .mission-item .mission-text{color:#4a5568}.goal-text-modal{color:#4a5568;font-size:1.1rem;font-weight:600;line-height:1.6;margin:0}.mission-question{color:#2d3a4a;font-size:1.3rem;font-weight:700;margin:0;text-align:center;text-shadow:0 1px 2px #0000001a}.start-level-goal-modal-buttons{display:flex;gap:1rem;justify-content:center;padding:0 2rem 2rem}.cancel-mission-btn{background:#9e9e9e33;border:2px solid #9e9e9e66;border-radius:30px;color:#666;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.cancel-mission-btn:hover{background:#9e9e9e4d;border-color:#9e9e9e99;box-shadow:0 4px 12px #9e9e9e4d;transform:translateY(-1px)}.lets-do-this-btn{background:linear-gradient(135deg,#4caf50,#43a047);border:none;border-radius:30px;box-shadow:0 6px 20px #4caf5066;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;letter-spacing:1px;overflow:hidden;padding:1rem 3rem;position:relative;text-transform:uppercase;transition:all .3s ease}.lets-do-this-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.lets-do-this-btn:hover:before{height:300px;width:300px}.lets-do-this-btn:hover{background:linear-gradient(135deg,#43a047,#388e3c);box-shadow:0 10px 30px #4caf5080;transform:translateY(-3px)}.lets-do-this-btn:active{transform:translateY(-1px)}.lets-do-this-btn:disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:0 4px 12px #0003;cursor:not-allowed;transform:none}@media (max-width:768px){.start-level-goal-modal,.start-level-modal{margin:1rem;max-width:none;width:calc(100vw - 2rem)}.start-level-goal-modal-header,.start-level-modal-header{padding:1.5rem}.start-level-goal-modal-header h3,.start-level-modal-header h3{font-size:1.5rem}.start-level-goal-modal-content,.start-level-modal-content{padding:1.5rem}.start-level-goal-modal-buttons,.start-level-modal-buttons{flex-direction:column;gap:.8rem;padding:0 1.5rem 1.5rem}.cancel-start-btn,.confirm-start-btn{min-width:0;width:100%}.cancel-mission-btn,.lets-do-this-btn{font-size:1.1rem;padding:1rem 2rem;width:100%}.goal-section-modal{padding:1.5rem}.mission-question{font-size:1.2rem}}.level-missions{margin:1rem 0}.level-missions h4{color:#333;font-size:1rem;letter-spacing:.5px;margin-bottom:.75rem}.missions-list{background:#f8f9fa;border-left:4px solid #4fc3f7;border-radius:12px;list-style:none;margin:0;padding:.75rem}.mission-item{align-items:flex-start;border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:8px;position:relative;transition:all .2s ease}.mission-item:hover{background:#3b82f60d}.mission-item:last-child{margin-bottom:0}.mission-item.clickable{border:1px solid #0000;cursor:pointer;position:relative}.mission-item.clickable:hover{background:#3b82f614;border-color:#3b82f633;box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}@media (max-width:768px){.student-stats-modal-enhanced{margin:2vh auto;max-height:95vh;width:95vw}.student-header-section{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.student-name{font-size:1.5rem}.cash-amount{font-size:2rem}.quick-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.stat-card{padding:1rem}.rarity-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.game-progress-grid{grid-template-columns:1fr}.achievement-item{flex-direction:column;text-align:center}.achievement-meta{justify-content:center}.game-progress-section,.rarity-breakdown,.recent-achievements{padding:1.5rem}.achievement-icon-large{font-size:2rem;height:50px;width:50px}.enhanced-stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr);padding:1.5rem}.enhanced-stat-card{padding:1.5rem 1rem}.stat-number-large{font-size:2.5rem}.stat-label-enhanced{font-size:.9rem}.stat-icon-large{font-size:2rem}.achievements-by-game{padding:1.5rem}.game-achievement-card{padding:1rem}.game-achievement-header{align-items:flex-start;flex-direction:column;gap:.75rem}.total-cash-earned{align-self:flex-end;font-size:1rem;padding:.4rem .8rem}.game-title-achievement{font-size:1.1rem}.achievement-count-badge{font-size:.75rem;padding:.2rem .6rem}.game-rarity-breakdown{gap:.5rem}.rarity-pill{font-size:.75rem;padding:.4rem .6rem}.achievement-preview{gap:.6rem;padding:.6rem}.achievement-icon-small{font-size:1.2rem;height:35px;width:35px}.achievement-preview-title{font-size:.85rem}}@media (max-width:640px){.enhanced-stats-grid{gap:1rem;grid-template-columns:1fr;padding:1rem}.enhanced-stat-card{padding:1.5rem}.stat-number-large{font-size:2.2rem}.stat-label-enhanced{font-size:.85rem}.game-achievement-header{align-items:center;text-align:center}.total-cash-earned{align-self:center}.game-rarity-breakdown{justify-content:center}.achievement-preview{padding:.5rem}.achievement-icon-small{font-size:1rem;height:30px;width:30px}.rarity-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.rarity-name{font-size:.8rem;letter-spacing:.25px}.rarity-content{min-height:80px;padding:.75rem}}.student-songs-section{background:linear-gradient(135deg,#f8f9ff,#ede7f6);border-bottom:1px solid #e3f4fd;padding:2rem}.student-songs-section h3{color:#667eea;font-size:1.5rem;font-weight:900;margin:0 0 1.5rem;position:relative;text-align:center}.student-songs-section h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;content:"";display:block;height:3px;margin:.5rem auto 0;width:60px}.songs-loading{color:#667eea;font-weight:600;padding:2rem;text-align:center}.student-songs-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem}.student-song-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #667eea1a;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-song-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.student-song-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.student-song-card:hover:before{transform:scaleX(1)}.song-image-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;float:left;height:60px;margin-right:1rem;overflow:hidden;position:relative;width:60px}.song-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.student-song-card:hover .song-thumbnail{transform:scale(1.05)}.song-play-button{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#667eeae6;border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;cursor:pointer;display:flex;height:28px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:28px}.song-play-button:hover:not(:disabled){background:#667eea;box-shadow:0 4px 16px #667eea66;transform:translate(-50%,-50%) scale(1.1)}.song-play-button:disabled{background:#9e9e9eb3;cursor:not-allowed;opacity:.6}.song-play-button.playing{animation:playingPulse 1.5s ease-in-out infinite alternate;background:#f44336e6}.song-play-button .play-triangle{color:#fff;font-size:10px;font-weight:700;margin-left:2px}.song-play-button .playing-animation{animation:stopPulse .8s ease-in-out infinite alternate;color:#fff;font-size:12px}@keyframes playingPulse{0%{background:#f44336e6;box-shadow:0 2px 8px #f443364d}to{background:#d32f2fe6;box-shadow:0 4px 20px #f4433680}}@keyframes stopPulse{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.song-info{overflow:hidden;padding-top:.25rem}.song-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2d3a4a;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:.25rem;overflow:hidden}.song-game{color:#667eea;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.song-date{color:#666;font-size:.75rem;font-weight:500;margin-bottom:.5rem}.no-audio-badge{background:#ff98001a;border:1px solid #ff98004d;border-radius:8px;color:#f57c00;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .5rem}.more-songs-indicator{background:#667eea1a;border:2px dashed #667eea4d;border-radius:12px;color:#667eea;font-weight:600;grid-column:1/-1;margin-top:.5rem;padding:1rem;text-align:center}.no-songs-message{background:#ffffffb3;border:2px dashed #667eea33;border-radius:16px;padding:3rem 2rem;text-align:center}.no-songs-message p:first-child{color:#667eea;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.no-songs-message p:last-child{color:#666;font-size:.95rem;font-weight:500;line-height:1.4;margin:0}@media (max-width:768px){.student-songs-section{padding:1.5rem}.student-songs-list{gap:.75rem;grid-template-columns:1fr}.student-song-card{padding:.75rem}.song-image-container{height:50px;margin-right:.75rem;width:50px}.song-play-button{height:24px;width:24px}.song-play-button .play-triangle{font-size:8px}.song-play-button .playing-animation{font-size:10px}.song-title{font-size:.9rem}.song-game{font-size:.8rem}.song-date{font-size:.7rem}.no-audio-badge{font-size:.65rem;padding:.15rem .4rem}}@media (max-width:640px){.student-songs-section{padding:1rem}.student-songs-section h3{font-size:1.3rem;margin-bottom:1rem}.student-song-card{padding:.6rem}.song-image-container{height:45px;margin-right:.6rem;width:45px}.no-songs-message{padding:2rem 1rem}.no-songs-message p:first-child{font-size:1.1rem}.no-songs-message p:last-child{font-size:.9rem}}.student-stats-modal-enhanced .student-songs-section:first-of-type{border-radius:0;margin-top:0}.student-song-card:after{clear:both;content:"";display:table}.level-missions h4{color:#a5b4fc}.side-quests-section{border-top:2px dashed #a5b4fc4d;margin-top:2rem;padding-top:1.5rem}.side-quests-section h4{color:#a78bfa;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-align:center;text-transform:uppercase}.missions-list{display:flex;flex-direction:column}.flashing-button{animation:sharp-color-pulse 1.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes sharp-color-pulse{0%{box-shadow:0 0 0 0 #4fc3f7b3;transform:scale(1)}50%{box-shadow:0 0 15px 10px #a259e680;transform:scale(1.1)}to{box-shadow:0 0 0 15px #a259e600;transform:scale(1)}}@keyframes startLevelPulse{0%{box-shadow:0 0 0 0 #4aaff7b3;transform:scale(1)}50%{box-shadow:0 0 10px 15px #4aaff700;transform:scale(1.05)}to{box-shadow:0 0 0 0 #4aaff700;transform:scale(1)}}.goal-section-modal .mission-text{color:#4a5568;font-weight:500}.level-missions h4{color:#a0aec0;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.mission-text{color:#2d3748;font-weight:500}.next-class-section.active-class .mission-text{color:#000}.full-screen-code-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000e6;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.full-screen-code-box,.full-screen-code-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.full-screen-code-box{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:2rem;box-shadow:0 0 50px #4fc3f780;padding:4rem 6rem}.full-screen-code-label{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem;opacity:.8}.full-screen-code-value{color:#fff;font-size:10rem;font-weight:900;margin:0;text-shadow:0 5px 20px #0003}.close-prompt{color:#fff;font-size:1.2rem;margin-top:2rem;opacity:.7}.games-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.game-card{border-radius:1rem;box-shadow:0 8px 24px #4fc3f71a;color:#333;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 12px 32px #4fc3f733;transform:translateY(-8px)}.game-card img{height:150px;object-fit:cover;width:100%}.game-card span{display:block;font-weight:700;padding:1rem}.resources-container{padding:2rem;text-align:center}.resources-container h1{color:#4fc3f7;font-size:3rem;font-weight:900;margin-bottom:1rem}.resources-container p{color:#666;font-size:1.2rem;margin-bottom:3rem}.sidebar{background:#4fc3f7;box-shadow:2px 0 8px #00000014;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;transition:transform .3s ease;width:220px;z-index:999}.sidebar-logo{font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:2rem 0 1.5rem;text-align:center}.sidebar-bottom,.sidebar-nav{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.sidebar-link{align-items:center;border-radius:1.5rem;color:#fff;display:flex;flex-wrap:nowrap;font-size:1.1rem;font-weight:600;gap:1rem;margin:0 .5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.sidebar-link.active,.sidebar-link:hover{background:#fff;color:#4fc3f7}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.4rem;height:1.4rem;justify-content:center;line-height:1;width:1.4rem}@media (min-width:901px){.sidebar{position:fixed!important;transform:translateX(0)!important}.main-content{margin-left:220px!important;margin-right:0!important;padding-top:20px!important}.hamburger-menu{display:none!important}.floating-user-info{right:20px!important;top:20px!important}}@media (max-width:1200px) and (min-width:901px){.main-content{margin-left:220px!important;margin-right:20px!important}.hamburger-menu{display:none!important}.sidebar{position:fixed!important;transform:translateX(0)!important}}@media (max-width:900px){.sidebar{height:100vh;overflow-y:auto;position:relative;width:100%;z-index:999}.main-content{margin-left:0!important;margin-right:0!important;padding-top:80px!important}.hamburger-menu{display:flex!important;left:20px!important;top:20px!important}.sidebar-link{flex-wrap:nowrap;font-size:1rem;gap:.8rem;margin:0 .3rem;padding:.8rem 1.2rem;position:relative;white-space:nowrap}.sidebar-icon,.sidebar-link{align-items:center;display:flex}.sidebar-icon{flex-shrink:0;font-size:1.3rem;height:1.5rem;justify-content:center;width:1.5rem}}@media (max-width:640px){.sidebar{width:100%}.sidebar-link{font-size:.95rem;gap:.7rem;margin:0 .3rem;padding:.7rem 1rem}.sidebar-logo{font-size:1.6rem;margin:1.5rem 0 1rem}.sidebar-icon{font-size:1.2rem;height:1.3rem;width:1.3rem}}@media (max-width:480px){.sidebar{width:100%}.sidebar-link{font-size:.9rem;gap:.6rem;margin:0 .2rem;padding:.6rem .9rem}.sidebar-icon{font-size:1.1rem;height:1.2rem;width:1.2rem}}@media (max-width:900px){.activity-feed{border-radius:20px 20px 0 0!important;bottom:0!important;height:400px!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important;z-index:500!important}}:root{--primary:#4a90e2;--secondary:#f5a623;--success:#7ed321;--danger:#d0021b;--warning:#f5a623;--info:#4a90e2;--light:#f8f9fa;--dark:#2c3e50;--gray:#9b9b9b;--white:#fff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--border-radius-xl:24px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 16px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--light);color:#2c3e50;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;overflow-x:hidden}.btn-primary{background-color:#4a90e2;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary:hover{background-color:#357abd}.btn-secondary{background-color:#f5a623;background-color:var(--secondary);color:#fff;color:var(--white)}.btn-secondary:hover{background-color:#e6951f}.card:hover{transform:translateY(-2px)}.input:focus{border-color:#4a90e2;border-color:var(--primary);outline:none}.container{margin:0 auto;max-width:1600px;padding:0 1.5rem;padding:0 var(--spacing-lg);width:100%}@media (max-width:1600px){.container{max-width:1400px}}@media (max-width:1400px){.container{max-width:1200px}}@media (max-width:1200px){.container{max-width:992px;padding:0 1rem;padding:0 var(--spacing-md)}}@media (max-width:992px){.container{max-width:768px;padding:0 .5rem;padding:0 var(--spacing-sm)}}@media (max-width:768px){.container{max-width:576px;padding:0 .25rem;padding:0 var(--spacing-xs)}}@media (max-width:576px){.container{max-width:100%;padding:0 .25rem;padding:0 var(--spacing-xs)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem;margin-top:var(--spacing-xs)}.mt-2{margin-top:.5rem;margin-top:var(--spacing-sm)}.mt-3{margin-top:1rem;margin-top:var(--spacing-md)}.mt-4{margin-top:1.5rem;margin-top:var(--spacing-lg)}.mt-5{margin-top:2rem;margin-top:var(--spacing-xl)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:1rem;margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.game-card:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:scale(1.02)}.game-card-header{background:#4a90e2;background:var(--primary);color:#fff;color:var(--white);font-weight:700}.game-card-body,.game-card-header{padding:1rem;padding:var(--spacing-md)}.rarity-common{color:#43a047}.rarity-uncommon{color:#1e88e5}.rarity-rare{color:#ff9800}.rarity-epic{color:#8e24aa}.rarity-legendary{color:#ffd600}html{font-size:16px;overflow-x:hidden}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:13px}}.grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);width:100%}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:992px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{gap:.5rem;gap:var(--spacing-sm)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.grid-4{gap:.5rem;gap:var(--spacing-sm)}.grid-2{grid-template-columns:1fr}}@media (max-width:480px){.grid-2,.grid-3,.grid-4{gap:.25rem;gap:var(--spacing-xs);grid-template-columns:1fr}}.mobile-hidden{display:block}.mobile-only{display:none}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-only{display:block!important}}.text-responsive{font-size:1rem}@media (max-width:768px){.text-responsive{font-size:.9rem}}@media (max-width:480px){.text-responsive{font-size:.8rem}}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-height:44px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}@media (max-width:768px){.btn{font-size:.9rem;min-height:44px;padding:.6rem 1rem}}@media (max-width:480px){.btn{font-size:.85rem;margin-bottom:.5rem;padding:.5rem .8rem;width:100%}}.card{background-color:#fff;background-color:var(--white);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-lg);transition:transform .2s ease;width:100%}@media (max-width:768px){.card{border-radius:8px;border-radius:var(--border-radius-md);padding:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.card{border-radius:4px;border-radius:var(--border-radius-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}}.game-card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s ease;width:100%}@media (max-width:768px){.game-card{border-radius:8px;border-radius:var(--border-radius-md)}.game-card:hover{transform:none}}@media (max-width:480px){.game-card{border-radius:4px;border-radius:var(--border-radius-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}}.input{border:2px solid #9b9b9b;border:2px solid var(--gray);border-radius:8px;border-radius:var(--border-radius-md);font-size:1rem;min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s ease;width:100%}@media (max-width:480px){.input{font-size:16px;padding:.7rem}}.page-content{min-height:calc(100vh - 80px);padding:20px;width:100%}@media (max-width:900px){.page-content{min-height:calc(100vh - 80px);padding:80px 10px 10px}}@media (max-width:480px){.page-content{padding:80px 5px 5px}}.nav-responsive{align-items:center;display:flex;gap:1rem}@media (max-width:768px){.nav-responsive{flex-direction:column;gap:.5rem;width:100%}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:600px;width:100%}@media (max-width:768px){.table-responsive table{font-size:.85rem;min-width:500px}}.modal{background:#fff;border-radius:16px;border-radius:var(--border-radius-lg);box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);left:50%;max-height:90vh;max-width:90vw;overflow-y:auto;padding:1.5rem;padding:var(--spacing-lg);position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}@media (max-width:768px){.modal{border-radius:8px;border-radius:var(--border-radius-md);max-height:95vh;max-width:95vw;padding:1rem;padding:var(--spacing-md)}}body,html{overflow-x:hidden;width:100%}img,video{height:auto;max-width:100%}@media (max-width:768px){.mt-responsive{margin-top:.5rem!important;margin-top:var(--spacing-sm)!important}.mb-responsive{margin-bottom:.5rem!important;margin-bottom:var(--spacing-sm)!important}.p-responsive{padding:.5rem!important;padding:var(--spacing-sm)!important}}@media (max-width:480px){.mt-responsive{margin-top:.25rem!important;margin-top:var(--spacing-xs)!important}.mb-responsive{margin-bottom:.25rem!important;margin-bottom:var(--spacing-xs)!important}.p-responsive{padding:.25rem!important;padding:var(--spacing-xs)!important}}@media (max-width:768px){.btn,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}a{align-items:center;display:inline-flex;min-height:44px}}h1,h2,h3,h4,h5,h6{line-height:1.2}@media (max-width:768px){h1{font-size:1.8rem}h2{font-size:1.6rem}h3{font-size:1.4rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.2rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}}.flex-responsive{display:flex;gap:1rem}@media (max-width:768px){.flex-responsive{flex-direction:column;gap:.5rem}}:root{--user-avatar-size:4.5rem;--user-profile-gap:0.75rem;--user-profile-z-index:1001}.floating-user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:20px;top:20px;z-index:1001;z-index:var(--user-profile-z-index)}.user-profile-card{align-items:center;cursor:pointer;display:flex;position:relative}.user-profile-card .avatar-circle,.user-profile-card>div:first-child{align-items:center;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;position:relative;transition:all .3s ease;z-index:2}.user-profile-card .avatar-circle,.user-profile-card img,.user-profile-card>div:first-child{border-radius:50%;height:4.5rem!important;height:var(--user-avatar-size)!important;object-fit:cover;object-position:center;width:4.5rem!important;width:var(--user-avatar-size)!important}.user-profile-card>div:last-child{background:linear-gradient(90deg,#a259e6,#4fc3f7);border-radius:2rem;box-shadow:0 4px 20px #a259e64d;color:#fff;flex-shrink:0;margin-left:-3.2rem;min-width:12rem;padding:.6rem 1.5rem .6rem 4rem;z-index:1}.user-profile-card div{font-size:.9rem}@media (min-width:1201px){:root{--user-avatar-size:4.5rem}}@media (max-width:1200px) and (min-width:901px){:root{--user-avatar-size:4rem}.floating-user-info{right:20px;top:20px}}@media (max-width:900px){.floating-user-info{right:20px;top:20px}.user-profile-card{font-size:.85rem;max-width:160px;min-width:80px;padding:.3rem .8rem}.user-profile-card>div:last-child{margin-left:-2rem;min-width:8rem;padding:.4rem 1rem .4rem 2.5rem}}@media (max-width:640px){.floating-user-info{right:5px}.user-profile-card{font-size:.8rem;max-width:140px;min-width:70px;padding:.25rem .6rem}.user-profile-card>div:last-child{margin-left:-1.5rem;min-width:6rem;padding:.3rem .8rem .3rem 2rem}}@media (max-width:480px){.user-profile-card{font-size:.75rem;max-width:120px;min-width:60px;padding:.2rem .5rem}.user-profile-card>div:last-child{margin-left:-1rem;min-width:5rem;padding:.25rem .6rem .25rem 1.5rem}}.user-role-badge{background:#ffffffe6;border-radius:1rem;box-shadow:0 2px 8px #0000001a;color:#7f6af5;font-size:1rem;font-weight:800;padding:.25rem .75rem;text-transform:capitalize}.audio-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.audio-toggle-btn:hover{background:#ffffff4d;transform:scale(1.05)}.logout-dropdown-override{flex-basis:auto!important;flex-grow:0!important}.logout-dropdown-override,.logout-dropdown-override button{flex-shrink:0!important;max-width:none!important;min-width:0!important;width:-webkit-max-content!important;width:max-content!important}.audio-toggle-btn-fixed{position:fixed;right:100px;top:10px;z-index:1002}@media (max-width:768px){.audio-toggle-btn-fixed{right:130px!important}}@media (max-width:640px){.audio-toggle-btn,.audio-toggle-btn-fixed{font-size:1rem;height:35px;right:140px!important;width:35px}}@media (max-width:480px){.audio-toggle-btn,.audio-toggle-btn-fixed{font-size:.9rem;height:30px;right:150px!important;width:30px}}.demo-shell .sidebar-container{background:#4fc3f7;box-shadow:2px 0 8px #00000014;color:#fff;display:flex;flex-direction:column;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;height:100vh;justify-content:space-between;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:999}@media (min-width:901px){.demo-shell .sidebar-container{transform:translateX(0)!important}.demo-shell .page-content{box-sizing:border-box;margin-left:260px;max-width:calc(100vw - 260px);overflow-x:hidden;padding:20px}.demo-shell .hamburger-menu{display:none}}@media (max-width:1200px) and (min-width:901px){.demo-shell .page-content{margin-left:240px;padding-right:10px}}@media (max-width:900px){.demo-shell .sidebar-container{transform:translateX(-100%)}.demo-shell .page-content{margin-left:0;padding-left:10px;padding-right:10px}.demo-shell .hamburger-menu{align-items:center;background:#4fc3f7;border:none;border-radius:8px;box-shadow:0 2px 8px #4fc3f74d;cursor:pointer;display:flex;flex-direction:column;gap:3px;height:44px;justify-content:center;left:170px;padding:12px;position:fixed;top:20px;width:44px;z-index:1002}.demo-shell .hamburger-menu div{background-color:#fff;border-radius:1px;height:2px;transition:all .3s ease;width:20px}}.demo-shell .market-grid{grid-gap:1rem;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}@media (max-width:768px){.demo-shell .market-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:480px){.demo-shell .page-content{padding-left:5px;padding-right:5px}.demo-shell .market-grid{gap:.8rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#2c3e50,#34495e);border:2px solid #4fc3f7;border-radius:20px;box-shadow:0 10px 30px #00000080;color:#ecf0f1;max-width:500px;padding:2rem 2.5rem;text-align:center;width:90%}.modal-content h2{color:#4fc3f7;font-size:2rem;font-weight:900;margin-bottom:1rem}.modal-content p{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.modal-button{background:linear-gradient(135deg,#ff8f00,#ffc107);border:none;border-radius:50px;box-shadow:0 8px 25px #ff8f0066;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.modal-button:hover{box-shadow:0 12px 35px #ff8f0099;transform:translateY(-4px) scale(1.05)}.modal-close-button{background:none;border:none;color:#bdc3c7;cursor:pointer;font-size:1rem;transition:color .3s ease}.modal-close-button:hover{color:#fff;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.19387e60.css.map*/