@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%}.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}.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}.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{align-items:center;background:#000000e6;border:2px solid #ff6b6b99;border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;z-index:10}.muse-image{transition:all .3s ease}.muse-tier-2{animation:chromeGlow 2s ease-in-out infinite alternate;filter:brightness(1.3) saturate(1.5) contrast(1.2);overflow:hidden;position:relative}.muse-tier-2:before{animation:chromeShine 2s ease-in-out infinite;background:linear-gradient(45deg,silver,#e5e5e5,#a8a8a8,#dcdcdc,#b8b8b8,#f0f0f0,#969696,#d3d3d3);background-size:400% 400%;border-radius:inherit;bottom:-3px;content:"";left:-3px;opacity:.8;position:absolute;right:-3px;top:-3px;z-index:0}.muse-tier-2:after{animation:chromeSwipe 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#c8c8ff99,#fffc,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}.muse-tier-3{animation:shinyGlow 2s ease-in-out infinite alternate;filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);overflow:hidden;position:relative}.muse-tier-3:before{animation:rainbowShine 3s ease-in-out infinite;background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);background-size:300% 300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:0}.muse-tier-3:after{animation:shineSwipe 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:0}.muse-tier-3 .muse-image-inner{background:linear-gradient(135deg,#ffffff1a,#ffffff4d 25%,#0000001a 50%,#fff3 75%,#ffffff1a);mix-blend-mode:overlay}.muse-upgrade-highlight{animation:upgradeGlow 1s ease-in-out infinite alternate;position:relative;z-index:10}.muse-upgrade-highlight:before{animation:upgradeOutlineFlow 2s linear infinite,upgradeOutlineGlow 1s ease-in-out infinite alternate;background:linear-gradient(45deg,#ffd700cc,#ffffffe6,#ffd700cc,#ffffffe6);background-size:200% 200%;bottom:-4px;filter:blur(2px);left:-4px;right:-4px;top:-4px}.muse-upgrade-highlight:after,.muse-upgrade-highlight:before{border-radius:inherit;content:"";position:absolute;z-index:-1}.muse-upgrade-highlight:after{animation:upgradeOutlineFlow 2s linear infinite;background:linear-gradient(45deg,gold,#fff,gold,#fff);background-size:200% 200%;bottom:-2px;left:-2px;right:-2px;top:-2px}.muse-circle-card.unlocked:hover{transform:translateY(-2px);transition:all .3s ease}.muse-circle-card.unlocked.muse-tier-1:hover:before{animation:upgradeHintPulse 2s ease-in-out infinite;background:linear-gradient(45deg,#ffd7004d,#ffdf0080);border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes shineSwipe{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes upgradeGlow{0%{transform:scale(1)}to{transform:scale(1.02)}}@keyframes upgradeOutlineFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes upgradeOutlineGlow{0%{opacity:.6}to{opacity:1}}@keyframes upgradeHintPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}.avatar-circle.muse-tier-2,.custom-muse-display.muse-tier-2,.student-chip-avatar.muse-tier-2,.student-grid-avatar.muse-tier-2,.student-muse-avatar.muse-tier-2,.user-avatar.muse-tier-2{animation:subtleChromeGlow 3s ease-in-out infinite alternate;filter:brightness(1.1) saturate(1.2) contrast(1.1);position:relative}.avatar-circle.muse-tier-2:before,.custom-muse-display.muse-tier-2:before,.student-chip-avatar.muse-tier-2:before,.student-grid-avatar.muse-tier-2:before,.student-muse-avatar.muse-tier-2:before,.user-avatar.muse-tier-2:before{animation:subtleChromeShine 4s ease-in-out infinite;background:linear-gradient(45deg,#c0c0c04d,#e5e5e566,#a8a8a84d,#dcdcdc66);background-size:300% 300%;border-radius:inherit;bottom:-1px;content:"";left:-1px;opacity:.5;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:-1}.avatar-circle.muse-tier-3,.custom-muse-display.muse-tier-3,.student-chip-avatar.muse-tier-3,.student-grid-avatar.muse-tier-3,.student-muse-avatar.muse-tier-3,.user-avatar.muse-tier-3{animation:subtleShinyGlow 3s ease-in-out infinite alternate;filter:brightness(1.1) saturate(1.2) contrast(1.05) hue-rotate(5deg);position:relative}.avatar-circle.muse-tier-3:before,.custom-muse-display.muse-tier-3:before,.student-chip-avatar.muse-tier-3:before,.student-grid-avatar.muse-tier-3:before,.student-muse-avatar.muse-tier-3:before,.user-avatar.muse-tier-3:before{animation:subtleRainbowShine 5s ease-in-out infinite;background:linear-gradient(45deg,#ffd70033,#ffa50040,#ff6b6b33,#4ecdc440);background-size:250% 250%;border-radius:inherit;bottom:-1px;content:"";left:-1px;opacity:.4;pointer-events:none;position:absolute;right:-1px;top:-1px;z-index:-1}@keyframes subtleChromeGlow{0%{filter:brightness(1.1) saturate(1.2) contrast(1.1)}to{filter:brightness(1.15) saturate(1.25) contrast(1.15)}}@keyframes subtleShinyGlow{0%{filter:brightness(1.1) saturate(1.2) contrast(1.05) hue-rotate(5deg)}to{filter:brightness(1.15) saturate(1.25) contrast(1.1) hue-rotate(8deg)}}@keyframes subtleChromeShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes subtleRainbowShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.muse-upgrading{animation:upgradeTransform 2s ease-in-out}@keyframes upgradeTransform{0%{filter:brightness(1);transform:scale(1) rotate(0deg)}25%{filter:brightness(1.5);transform:scale(1.1) rotate(5deg)}50%{filter:brightness(2) saturate(2);transform:scale(1.2) rotate(-5deg)}75%{filter:brightness(1.8) saturate(1.8);transform:scale(1.1) rotate(2deg)}to{filter:brightness(1.3) saturate(1.5);transform:scale(1) rotate(0deg)}}.upgrade-sparkles{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.sparkle{animation:sparkleBurst 1s ease-out;pointer-events:none}@keyframes sparkleBurst{0%{opacity:1;transform:translate(0) scale(0)}50%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1.2)}to{opacity:0;transform:translate(calc(var(--dx)*2),calc(var(--dy)*2)) scale(.5)}}.muse-tier-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#000c,#0009);border-radius:12px;bottom:8px;color:#fff;font-size:.75rem;font-weight:700;padding:4px 8px;position:absolute;right:8px;z-index:25}.muse-tier-badge.tier-2{background:linear-gradient(135deg,#e5e5e5,#a8a8a8);box-shadow:0 2px 8px #c0c0c080;color:#000;text-shadow:0 1px 2px #ffffff80}.muse-tier-badge.tier-3{background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffd7004d;color:#000}@media (max-width:768px){.muse-tier-2:before,.muse-tier-3:before{bottom:-1px;left:-1px;right:-1px;top:-1px}.muse-tier-badge{font-size:.7rem;padding:3px 6px}}.login-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483);color:#fff;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:1000}.login-container,.login-content{align-items:center;display:flex;flex-direction:column}.login-content{-webkit-overflow-scrolling:touch;box-sizing:border-box;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:1.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:75vh;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:1.5rem}.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.2rem;font-weight:900;letter-spacing:2px;margin-bottom:1.5rem;text-align:center;text-shadow:0 0 30px #00d4ff80;text-transform:uppercase}.login-form{grid-gap:1.2rem;display:grid;gap:1.2rem}.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:1rem;font-weight:600;padding:1rem 1.25rem 1rem 3.2rem;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:1rem;font-weight:700;letter-spacing:1.5px;overflow:hidden;padding:1rem;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-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}.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.3rem;font-weight:900;justify-content:center;margin-bottom:.5rem;padding:.8rem 1.6rem;text-decoration:none;transition:all .3s ease}.demo-cta-button .gamepad-icon{font-size:1.5rem;margin-right:12px}.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}@media (max-height:900px){.login-content{gap:1rem;padding:1.5rem 1rem}.logo-section{margin-bottom:.8rem}.epic-logo{height:100px;padding:.6rem 1.2rem}.demo-cta-button{font-size:1.2rem;margin-bottom:.3rem;padding:.7rem 1.4rem}.login-card{max-height:70vh}.login-card-content{padding:1.2rem}.login-title{font-size:2rem;margin-bottom:1.2rem}.login-form{gap:1rem}.login-mode-switcher{padding:.8rem}.login-mode-btn{font-size:1rem;padding:.8rem 1rem}}@media (max-height:800px){.epic-logo{height:90px;padding:.6rem 1.2rem}.login-card-content{padding:1rem}.login-title{font-size:1.8rem;margin-bottom:1rem}.login-mode-switcher{padding:.7rem}.demo-cta-button{font-size:1.1rem;padding:.6rem 1.2rem}.login-card{max-height:65vh}}@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-container .market-button-gold{background:#ffb300;border:none!important;border-radius:14px!important;box-shadow:none!important;color:#2d2200;text-shadow:none!important}.market-container .market-button-gold:hover{background:#ffa000}.market-container .pack-spooky-pack.fall-outline{box-shadow:0 6px 24px #ff7a0040,0 0 30px #ff7a0033,0 0 20px #9c27b073,0 0 28px #4caf5059!important}.market-container .pack-spooky-pack .market-card-header{background:linear-gradient(135deg,#bf360c,#d84315)}.market-container .pack-leafy-heroes-pack .market-card-header{background:linear-gradient(135deg,#e65100,#f57c00)}.market-container .pack-k-pop-pack .market-card-header{background:linear-gradient(135deg,#ef6c00,#fb8c00)}.market-container .pack-leafy-bad-guys-pack .market-card-header{background:linear-gradient(135deg,#ffa726,#ffb74d)}.market-container .pack-grand-finale-pack .market-card-header{background:linear-gradient(135deg,gold,#ffa000);color:#4a2d00}.market-container .pack-leafy-heroes-pack.fall-outline{box-shadow:0 6px 24px #ff7a0059,0 0 36px #ff57224d!important}.market-container .pack-k-pop-pack.fall-outline{box-shadow:0 6px 24px #ff7a0040,0 0 26px #ff149373,0 0 40px #80008059!important}.market-container .pack-leafy-bad-guys-pack.fall-outline{box-shadow:0 6px 24px #ff7a0040,0 0 26px #00000059,0 0 36px #1b5e2073!important}.market-container .pack-grand-finale-pack.fall-outline{box-shadow:0 6px 24px #ff7a0059,0 0 30px #ffd70099,0 0 40px #0ff3,0 0 40px #ff149333,0 0 40px #0f03!important}.market-container .pack-spooky-pack .market-card-body{background:#ffb74d1f}.market-container .pack-leafy-heroes-pack .market-card-body{background:#fb8c001f}.market-container .pack-k-pop-pack .market-card-body{background:#f57c001f}.market-container .pack-leafy-bad-guys-pack .market-card-body{background:#d843151f}.market-container .pack-grand-finale-pack .market-card-body{background:#ffd7001a}.market-container .new-banner{background:linear-gradient(135deg,#ff9800,#ff5722);border:2px solid #fff9;border-radius:999px;box-shadow:0 2px 8px #ff572259;color:#fff;font-size:.8rem;font-weight:900;margin-left:auto;padding:.2rem .6rem;text-shadow:0 1px 2px #00000040}.market-container .fall-outline{--card-border-width:3px;border:3px solid #ff7a00!important;box-shadow:0 6px 24px #ff7a0040,0 0 30px #ff7a0033!important}.market-container .seasonal-section-title{color:#ff7a00;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:2rem;font-weight:900;margin:0 0 1rem;text-align:center;text-shadow:0 2px 8px #ff7a0040}.market-container .countdown-chip{align-self:center;background:linear-gradient(135deg,#1f1f1f,#2a2a2a);border:2px solid #ff7a00;border-radius:999px;box-shadow:0 6px 16px #0003,inset 0 0 12px #ff7a0040;color:#fff;display:inline-block;font-weight:800;letter-spacing:.5px;margin-bottom:.5rem;padding:.2rem .8rem;text-shadow:0 1px 2px #0006}.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-container .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-container .market-card{--card-radius:2rem;--card-border-width:2px;background:#fff;background-clip:padding-box;border-radius:var(--card-radius);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;z-index:1}.market-container .market-card:hover{box-shadow:0 8px 32px #4fc3f72e;transform:translateY(-5px) scale(1.03)}.market-container .market-card-header{align-items:center;background:#4fc3f7;background-clip:padding-box;border-top-left-radius:calc(var(--card-radius) - var(--card-border-width));border-top-right-radius:calc(var(--card-radius) - var(--card-border-width));color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:var(--spacing-sm);letter-spacing:1px;padding:var(--spacing-md)}.market-container .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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:2px solid #4fc3f74d;border-radius:1.2rem;bottom:90px;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;opacity:0;padding:1rem 1.2rem;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease;visibility:hidden;z-index:100000}.market-tooltip,.market-tooltip:before{left:0;margin:0 auto;position:absolute;right:0}.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.is-visible{opacity:.98;transform:translateY(0);visibility:visible}.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;margin:0!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}.market-container .pack-arcade-pack-1,.market-container .pack-celestial-pack-1,.market-container .pack-cyclops-pack,.market-container .pack-forest-pack,.market-container .pack-friendly-pack-1,.market-container .pack-monster-pack-1,.market-container .pack-night-pack,.market-container .pack-sun-pack{background:linear-gradient(135deg,var(--pack-bg-start),var(--pack-bg-end))!important;border:2px solid var(--pack-border)!important;box-shadow:0 4px 16px var(--pack-shadow-base),0 0 20px var(--pack-glow)!important;position:relative;z-index:1}.market-container .pack-arcade-pack-1 .market-card-header,.market-container .pack-celestial-pack-1 .market-card-header,.market-container .pack-cyclops-pack .market-card-header,.market-container .pack-forest-pack .market-card-header,.market-container .pack-friendly-pack-1 .market-card-header,.market-container .pack-monster-pack-1 .market-card-header,.market-container .pack-night-pack .market-card-header,.market-container .pack-sun-pack .market-card-header{background:linear-gradient(135deg,var(--pack-header-start),var(--pack-header-end))!important;border-top-left-radius:calc(2rem - 2px);border-top-right-radius:calc(2rem - 2px);color:var(--pack-text-light)!important;position:relative;text-shadow:var(--pack-text-shadow);z-index:2}.market-container .pack-arcade-pack-1 .market-card-body,.market-container .pack-celestial-pack-1 .market-card-body,.market-container .pack-cyclops-pack .market-card-body,.market-container .pack-forest-pack .market-card-body,.market-container .pack-friendly-pack-1 .market-card-body,.market-container .pack-monster-pack-1 .market-card-body,.market-container .pack-night-pack .market-card-body,.market-container .pack-sun-pack .market-card-body{background:#0000!important;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{transition:transform .3s ease}.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%}}.modal-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;bottom:0;left:0;right:0;top:0;z-index:3000}.modal-container{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:3px solid #9c88ff4d;border-radius:2rem;box-shadow:0 25px 50px #0003;font-family:Fredoka One,Arial,sans-serif;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.modal-container.success-state{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f666}.modal-header{margin-bottom:2rem}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9c88ff,#6b46c1);background-clip:text;-webkit-background-clip:text;color:#374151;font-size:1.8rem;font-weight:900;margin:0}.modal-close{align-items:center;background:none;border-radius:50%;color:#9ca3af;display:flex;font-size:2.5rem;height:3rem;justify-content:center;padding:0;transition:all .3s ease;width:3rem}.modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.modal-close:disabled{cursor:not-allowed;opacity:.5}.preview-container{margin-bottom:2rem}.preview-row{align-items:center;background:linear-gradient(135deg,#f8fafccc,#f3f4f6cc);border:2px solid #9c88ff1a;border-radius:1.5rem;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding:2rem}.muse-preview-section{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem}.muse-preview-label{color:#6b7280;font-size:1rem;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase}.muse-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:3px solid #d1d5db;border-radius:1rem;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.muse-image-container.muse-tier-2{animation:chromeGlow 2s ease-in-out infinite alternate;filter:brightness(1.3) saturate(1.5) contrast(1.2);overflow:hidden;position:relative}.muse-image-container.muse-tier-2:before{animation:chromeShine 2s ease-in-out infinite;background:linear-gradient(45deg,silver,#e5e5e5,#a8a8a8,#dcdcdc,#b8b8b8,#f0f0f0,#969696,#d3d3d3);background-size:400% 400%;border-radius:inherit;bottom:0;content:"";left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.muse-image-container.muse-tier-2:after{animation:chromeSwipe 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#c8c8ff99,#fffc,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.muse-image-container.muse-tier-3{animation:shinyGlow 2s ease-in-out infinite alternate;filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);overflow:hidden;position:relative}.muse-image-container.muse-tier-3:before{animation:rainbowShine 3s ease-in-out infinite;background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);background-size:300% 300%;border-radius:inherit;bottom:0;content:"";left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.muse-image-container.muse-tier-3:after{animation:shineSwipe 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.muse-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));object-fit:contain;pointer-events:none;position:relative}.muse-image,.muse-placeholder{border-radius:8px;height:90px;width:90px;z-index:100}.muse-placeholder{align-items:center;background:#eef2f7;color:#667085;display:flex;font-size:1.5rem;justify-content:center}.upgrade-arrow-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.arrow{animation:pulse 1.5s ease-in-out infinite;color:#9c88ff;font-size:2rem;font-weight:700}.cost-badge{background:linear-gradient(135deg,#9c88ff,#6b46c1);border:2px solid #fff3;border-radius:1rem;box-shadow:0 4px 12px #9c88ff4d;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem}.description-section{background:linear-gradient(135deg,#9c88ff0d,#6b46c10d);border:1px solid #9c88ff1a;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;text-align:center}.description-section h3{color:#374151;font-size:1.3rem;font-weight:800;margin:0 0 .5rem}.description-section p{color:#6b7280;font-size:1rem;font-weight:600;line-height:1.5;margin:0}.stats-section{align-items:center;background:linear-gradient(135deg,#f8fafce6,#f3f4f6e6);border:2px solid #9c88ff1a;gap:.8rem;padding:1.5rem}.stars-display{align-items:center;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem}.star-icon{animation:twinkle 2s ease-in-out infinite;font-size:1.5rem}.star-count{color:#9c88ff;font-size:1.4rem;font-weight:900}.star-label{color:#6b7280}.insufficient-notice{background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:#ef4444;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-align:center}.action-buttons{display:flex;gap:1rem;justify-content:center}.cancel-btn,.upgrade-btn{align-items:center;border:2px solid #0000;border-radius:1rem;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;min-width:140px;padding:1rem 2rem;transition:all .3s ease}.cancel-btn{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#6b7280}.cancel-btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-2px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.upgrade-btn{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-color:#9ca3af;color:#6b7280}.upgrade-btn.enabled{background:linear-gradient(135deg,#9c88ff,#6b46c1);border-color:#6b46c1;box-shadow:0 4px 15px #9c88ff66;color:#fff}.upgrade-btn.enabled:hover{background:linear-gradient(135deg,#8b7cf6,#5b21b6);box-shadow:0 6px 20px #9c88ff80;transform:translateY(-3px)}.upgrade-btn.disabled,.upgrade-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-star{animation:sparkle 2s infinite;font-size:1.3rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.2rem;width:1.2rem}.success-image{align-items:center;display:flex;height:180px;justify-content:center;margin-bottom:2rem}.success-image .muse-preview-section{transform:scale(1.5)}.success-title{font-size:2.2rem}.success-message{font-size:1.2rem;margin:0 0 1.5rem}.highlight-name{background:linear-gradient(135deg,#9c88ff1a,#6b46c11a);color:#9c88ff}.highlight-name,.highlight-tier{border-radius:.5rem;font-weight:900;padding:.2rem .5rem}.highlight-tier{background:linear-gradient(135deg,#0596691a,#0678531a);color:#059669}.success-stats{animation:slideUp .6s ease-out .7s both;display:flex;gap:2rem;justify-content:center}.remaining-display,.spent-display{align-items:center;border-radius:1rem;display:flex;font-weight:700;gap:.5rem;padding:.8rem 1.2rem}.spent-display{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:2px solid #ef444433;color:#dc2626}.remaining-display{background:linear-gradient(135deg,#9c88ff1a,#6b46c11a);border:2px solid #9c88ff33;color:#6b46c1}@media (max-width:640px){.modal-container{border-radius:1.5rem;margin:1rem;padding:1.5rem}.modal-title{font-size:1.5rem}.preview-row{flex-direction:column;gap:1rem}.upgrade-arrow-section{transform:rotate(90deg)}.muse-image-container{height:100px;width:100px}.action-buttons{flex-direction:column;gap:.8rem}.cancel-btn,.upgrade-btn{width:100%}.success-stats{align-items:center;flex-direction:column;gap:1rem}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes twinkle{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.2) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}}@keyframes chromeShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes chromeSwipe{0%{left:-100%}50%{left:100%}to{left:-100%}}@keyframes rainbowShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shinySwipe{0%{left:-100%}30%{left:100%}to{left:-100%}}@keyframes chromeGlow{0%{filter:brightness(1.3) saturate(1.5) contrast(1.2)}to{filter:brightness(1.5) saturate(1.7) contrast(1.3) drop-shadow(0 0 10px rgba(192,192,192,.5))}}@keyframes shinyGlow{0%{filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg)}to{filter:brightness(1.4) saturate(1.5) contrast(1.2) hue-rotate(20deg)}}.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;overflow:hidden;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-upgrade-overlay{background:linear-gradient(135deg,#9c88ff,#6b46c1);border-radius:0 0 1rem 1rem;bottom:0;box-shadow:0 -2px 8px #9c88ff4d;color:#fff;cursor:pointer;font-family:Fredoka One,Arial,sans-serif;font-size:.8rem;font-weight:700;left:0;padding:.5rem;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:transform .3s ease;z-index:10}.muse-circle-card.selected .muse-upgrade-overlay,.muse-circle-card:active .muse-upgrade-overlay,.muse-circle-card:focus .muse-upgrade-overlay,.muse-circle-card:hover .muse-upgrade-overlay{transform:translateY(0)}.muse-upgrade-overlay:hover{background:linear-gradient(135deg,#8b7cf6,#5b21b6);box-shadow:0 -4px 12px #9c88ff80}.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}}:root{--content-pad:1rem;--lock-nudge:-2px}.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-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto 2rem;max-width:1200px}@media (min-width:1200px){.games-grid{grid-template-columns:repeat(4,1fr);max-width:1100px}}@media (min-width:900px) and (max-width:1199px){.games-grid{grid-template-columns:repeat(3,1fr);max-width:850px}}.game-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #2196f30d;box-shadow:0 6px 20px #2196f31a;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:340px}.game-card:hover{border-color:#2196f34d;box-shadow:0 15px 35px #2196f333}.game-image-container{background:#fff;flex-shrink:0;height:140px;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:1}.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;opacity:0;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{display:flex;flex-direction:column;gap:.5rem;padding:.25rem 1rem 1rem;padding:.25rem var(--content-pad) 1rem var(--content-pad)}.game-header{margin-bottom:0;margin-top:0;padding-top:0}.game-title,.game-title-blue{color:#2196f3!important;font-size:1.2rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}}.achievement-progress-section{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.3rem}.progress-bar{background:#2196f326;border-radius:3px;height:5px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:3px;transition:width .3s ease}.progress-text{color:#666;font-size:.7rem;font-weight:600;text-align:left}.achievement-teasers{display:flex;flex:1 1;flex-direction:column;gap:.4rem;justify-items:start}.achievement-teaser{grid-column-gap:.35rem;align-items:center;background:none;border:none;column-gap:.35rem;display:grid;grid-template-columns:16px 1fr auto;justify-items:start;padding:0}.achievement-lock{align-items:center;align-self:center;color:#666;display:flex;font-size:.8rem;height:16px;justify-content:flex-start;justify-self:start;line-height:1;transform:translateX(-2px);transform:translateX(var(--lock-nudge));width:16px}.achievement-lock>*{display:block;line-height:16px}.achievement-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#333;display:-webkit-box;font-size:.68rem;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow:hidden;overflow-wrap:break-word;padding:0;text-align:left}.achievement-reward{color:#2196f3;font-size:.65rem;font-weight:700;margin:0;padding:0;text-align:right;white-space:nowrap}.achievement-status-message{align-items:center;background:none;border:none;color:#4caf50;display:flex;flex:1 1;font-size:1rem;font-weight:600;justify-content:center;margin-top:.2rem;padding:.5rem 0;text-align:center}.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:1.5rem;grid-template-columns:repeat(4,1fr);max-width:1200px}.games-container{padding:2rem}.game-card{min-height:360px}}@media (max-width:1400px) and (min-width:1201px){.games-grid{gap:1.25rem;grid-template-columns:repeat(4,1fr);max-width:1100px}.games-container{padding:2rem}.game-card{min-height:340px}}@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.25rem;grid-template-columns:repeat(3,1fr);max-width:850px}.game-card{border-radius:14px;min-height:320px}.game-image-container{height:140px}.game-info{gap:.5rem;padding:.25rem .85rem .85rem}}@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:1rem;grid-template-columns:repeat(2,1fr);max-width:none}.game-card{border-radius:12px;min-height:300px}.game-card:hover{transform:translateY(-3px)}.game-image-container{height:120px}.game-info{gap:.4rem;padding:.25rem .75rem .75rem}.achievement-teaser{column-gap:.25rem;grid-template-columns:16px 1fr auto}.achievement-text{font-size:.65rem}.achievement-reward{font-size:.6rem}.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:.8rem;grid-template-columns:1fr;max-width:none}.game-card{border-radius:12px;min-height:280px}.game-card:hover{transform:translateY(-2px)}.game-image-container{height:100px}.game-info{gap:.4rem;padding:.25rem .7rem .7rem}.achievement-teaser{column-gap:.2rem;grid-template-columns:16px 1fr auto}.achievement-text{font-size:.62rem}.achievement-reward{font-size:.58rem}.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:.6rem;grid-template-columns:1fr;max-width:none}.game-card{border-radius:10px;min-height:260px}.game-card:hover{transform:none}.game-image-container{height:90px}.game-info{gap:.4rem;padding:.25rem .6rem .6rem}.achievement-teaser{column-gap:.15rem;grid-template-columns:14px 1fr auto}.achievement-text{font-size:.58rem}.achievement-reward{font-size:.52rem}.game-title,.game-title-blue{font-size:1rem}.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: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}}.game-card.unlocked{border:3px solid var(--rarity-border);box-shadow:0 6px 20px #2196f31a,0 0 20px var(--rarity-glow)}.game-card.unlocked:hover{border-color:var(--rarity-border);box-shadow:0 15px 35px #2196f333,0 0 30px var(--rarity-glow)}.game-card.locked{background:#ffffff80;border:3px solid #9ca3af;cursor:not-allowed;opacity:.7}.game-card.locked:hover{box-shadow:0 6px 20px #2196f31a;transform:none}.game-lock-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;z-index:2}.lock-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:2rem;margin-bottom:.5rem}.lock-text{color:#fff;font-size:.9rem;font-weight:600;text-align:center;text-shadow:0 1px 2px #000c}.games-page .rarity-gem{align-items:center;background:#ffffffe6;border-radius:50%;bottom:6px;box-shadow:0 2px 6px #0000004d;display:flex;height:18px;justify-content:center;padding:2px;position:absolute;right:6px;width:18px;z-index:1}.games-page .gem-image{animation:gemTwinkle 2s ease-in-out infinite;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:100%}.rarity-label{background:#fffffff2;border-radius:8px;bottom:6px;color:var(--rarity-border);font-size:8px;font-weight:700;left:6px;letter-spacing:.3px;max-width:calc(100% - 30px);overflow:hidden;padding:2px 4px;position:absolute;text-overflow:ellipsis;text-shadow:0 1px 2px #fffc;white-space:nowrap;z-index:1}.game-card.unlocked:hover:before{animation:rarityGlow 2s ease-in-out infinite;background:linear-gradient(45deg,var(--rarity-glow),#0000,var(--rarity-glow));border-radius:18px;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes gemTwinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@keyframes rarityGlow{0%,to{opacity:.5}50%{opacity:.8}}@media (max-width:640px){.games-page .rarity-gem{bottom:4px;height:16px;padding:1px;right:4px;width:16px}.games-page .gem-image{height:12px;width:12px}.rarity-label{bottom:4px;font-size:7px;left:4px;max-width:calc(100% - 24px);padding:1px 3px}.lock-icon{font-size:1.5rem}.lock-text{font-size:.8rem}}.games-section{margin-bottom:2.5rem}.section-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff9;border:1px solid #2196f314;border-radius:12px;box-shadow:0 2px 8px #2196f30d;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:left}.section-title{color:#1976d2!important;font-size:1.25rem;letter-spacing:.3px;margin-bottom:.25rem}.section-subtitle{color:#666;font-size:.875rem;font-weight:400;margin:0}@media (max-width:768px){.section-title{font-size:1.1rem}.section-subtitle{font-size:.8rem}.section-header{margin-bottom:1rem;padding:.5rem .75rem}.games-section{margin-bottom:2rem}}.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{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}.category-dropdown{min-width:160px}.category-select{-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:500;padding:8px 12px;width:100%}.category-select option{background:#667eea;color:#fff}.category-wrapper{position:relative}.category-select-full{-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:500;padding:10px 14px;transition:all .3s ease;width:100%}.category-select-full option{background:#667eea;color:#fff}.category-select-full:focus{background:#ffffff26;border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f733;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}.category-dropdown{min-width:0;min-width:auto}}.music-streaming-container{background:linear-gradient(135deg,#0a0a0a,#1a0a1a 50%,#0a0a1a);bottom:0;box-sizing:border-box;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;left:0;margin:0!important;min-height:100vh;overflow-x:hidden;padding:0!important;position:absolute;right:0;top:0;width:calc(100vw - 220px)}.music-streaming-container .hero-section{height:35vh;margin-bottom:1.5rem;margin-left:0;min-height:280px;overflow:hidden;padding:0!important;position:relative;width:100%}.music-streaming-container .hero-background{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.music-streaming-container .hero-image{filter:blur(20px) brightness(.3);height:100%;object-fit:cover;transform:scale(1.1);width:100%}.music-streaming-container .hero-overlay{background:linear-gradient(135deg,#8a2be2cc,#1e90ff99 50%,#000000e6);bottom:0;left:0;position:absolute;right:0;top:0}.music-streaming-container .hero-content{align-items:flex-end;display:flex;gap:1.5rem;height:100%;padding:1.5rem 1rem;position:relative;z-index:2}.music-streaming-container .hero-album-art{border-radius:12px;box-shadow:0 20px 40px #0009;flex-shrink:0;height:200px;overflow:hidden;position:relative;width:200px}.music-streaming-container .hero-album-image{height:100%;object-fit:cover;width:100%}.music-streaming-container .hero-play-button{align-items:center;background:#1ed760;border:none;border-radius:50%;bottom:16px;box-shadow:0 8px 24px #1ed76066;color:#000;cursor:pointer;display:flex;font-size:20px;height:56px;justify-content:center;position:absolute;right:16px;transition:all .2s ease;width:56px}.music-streaming-container .hero-play-button:hover{box-shadow:0 12px 32px #1ed76099;transform:scale(1.05)}.music-streaming-container .hero-info{flex:1 1;min-width:0}.music-streaming-container .hero-song-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;line-height:1.1;margin:0 0 .5rem}.music-streaming-container .hero-artist{color:#b3b3b3;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.music-streaming-container .hero-details{color:#888;font-size:1rem;margin:0}.music-streaming-container .hero-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.music-streaming-container .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:900;margin:0 0 1rem}.music-streaming-container .hero-subtitle{color:#b3b3b3;font-size:1.2rem;margin:0}.music-streaming-container .main-content{grid-gap:1rem;box-sizing:border-box;display:grid!important;flex:none!important;gap:1rem;grid-template-columns:minmax(400px,1fr) 350px;height:calc(65vh - 90px);margin-left:0!important;overflow:hidden;padding:0 1rem!important;position:static!important;width:100%}.music-streaming-container .panel-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.music-streaming-container .panel-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.music-streaming-container .panel-stats,.music-streaming-container .panel-subtitle{color:#b3b3b3;font-size:.9rem}.music-streaming-container .creations-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212cc;border:1px solid #ffffff1a;border-radius:12px;height:100%;margin-left:-.5rem;min-width:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem 1rem}.music-streaming-container .panel-controls{display:flex;gap:1rem;margin-bottom:2rem}.music-streaming-container .search-bar{flex:1 1}.music-streaming-container .search-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:.9rem;padding:12px 16px;transition:all .2s ease;width:100%}.music-streaming-container .search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633;outline:none}.music-streaming-container .search-input::placeholder{color:#888}.music-streaming-container .sort-select{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 16px}.music-streaming-container .sort-select:focus{border-color:#8b5cf6;outline:none}.music-streaming-container .songs-list{display:flex;flex-direction:column;gap:2px}.music-streaming-container .song-row{grid-gap:.75rem;align-items:center;border-radius:8px;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:40px 60px 1fr 100px 80px;padding:12px;position:relative;transition:all .2s ease}.music-streaming-container .song-row:hover{background:#ffffff1a}.music-streaming-container .song-row.selected{background:#8b5cf633}.music-streaming-container .song-row.playing{background:#1ed7601a}.music-streaming-container .song-row.playing .song-number{color:#1ed760}.music-streaming-container .song-number{color:#b3b3b3;font-size:.9rem;text-align:center}.music-streaming-container .song-album-art{border-radius:4px;height:48px;overflow:hidden;position:relative;width:48px}.music-streaming-container .song-album-art img{height:100%;object-fit:cover;width:100%}.music-streaming-container .song-play-btn{align-items:center;background:#1ed760e6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;width:32px}.music-streaming-container .song-row:hover .song-play-btn{opacity:1}.music-streaming-container .song-info{min-width:0}.music-streaming-container .song-title-container{align-items:center;display:flex;gap:.5rem;margin-bottom:4px}.music-streaming-container .song-title{align-items:center;border-radius:4px;color:#1ed760;cursor:pointer;display:flex;font-weight:600;gap:.5rem;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;transition:all .2s ease;white-space:nowrap}.music-streaming-container .song-title:hover{background:#ffffff1a;color:#1fdf64}.music-streaming-container .song-title-input{background:#ffffff1a;border:1px solid #8b5cf6;border-radius:4px;color:#fff;font-size:inherit;font-weight:inherit;outline:none;padding:4px 8px;width:100%}.music-streaming-container .new-badge{background:linear-gradient(45deg,gold,#ffed4e);border-radius:8px;box-shadow:0 2px 4px #ffd7004d;color:#000;font-size:.6rem;font-weight:900;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.music-streaming-container .song-artist{color:#b3b3b3;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-streaming-container .song-date{color:#b3b3b3;font-size:.8rem}.music-streaming-container .song-duration{display:none}.music-streaming-container .song-actions{align-items:center;display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.music-streaming-container .song-row:hover .song-actions{opacity:1}.music-streaming-container .action-btn{background:none;border:none;border-radius:4px;color:#b3b3b3;cursor:pointer;padding:4px;transition:all .2s ease}.music-streaming-container .action-btn:hover{background:#ffffff1a;color:#fff}.music-streaming-container .drag-handle{color:#666;cursor:grab;font-size:1.2rem}.music-streaming-container .drag-handle:active{cursor:grabbing}.music-streaming-container .loading-state{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.music-streaming-container .loading-spinner{animation:spin 1s linear infinite;border:3px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin-bottom:1rem;width:40px}.music-streaming-container .empty-state{align-items:center;color:#b3b3b3;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.music-streaming-container .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.music-streaming-container .empty-state h3{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.music-streaming-container .empty-state p{font-size:.9rem;margin:0}.music-streaming-container .top10-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212cc;border:1px solid #ffffff1a;border-radius:12px;height:-webkit-fit-content;height:fit-content;margin-right:0;max-height:calc(65vh - 90px);min-width:0;overflow-x:hidden;overflow-y:auto;padding:1.5rem .5rem 1.5rem 1rem}.music-streaming-container .chart-list{display:flex;flex-direction:column;gap:8px}.music-streaming-container .chart-row{grid-gap:1rem;align-items:center;border:2px dashed #0000;border-radius:8px;display:grid;gap:1rem;grid-template-columns:40px 48px 1fr 80px;min-height:72px;padding:12px;transition:all .2s ease}.music-streaming-container .chart-row.empty{background:#ffffff0d;border-color:#fff3}.music-streaming-container .chart-row.filled{background:#ffffff1a}.music-streaming-container .chart-row.filled:hover{background:#ffffff26}.music-streaming-container .chart-rank{color:#fff;font-size:1.5rem;font-weight:900;text-align:center}.music-streaming-container .chart-album-art{border-radius:4px;height:48px;overflow:hidden;width:48px}.music-streaming-container .chart-album-art img{height:100%;object-fit:cover;width:100%}.music-streaming-container .chart-info{min-width:0}.music-streaming-container .chart-title-container{align-items:center;display:flex;gap:.5rem;margin-bottom:4px}.music-streaming-container .chart-title{align-items:center;border-radius:4px;color:#1ed760;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;overflow:hidden;padding:2px 4px;text-overflow:ellipsis;text-shadow:0 1px 2px #00000080;transition:all .2s ease;white-space:nowrap}.music-streaming-container .chart-title:hover{background:#ffffff1a;color:#1fdf64}.music-streaming-container .chart-title-input{background:#ffffff1a;border:1px solid #8b5cf6;border-radius:4px;color:#fff;font-size:inherit;font-weight:inherit;outline:none;padding:4px 8px;width:100%}.music-streaming-container .chart-artist{color:#b3b3b3;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-streaming-container .chart-actions{align-items:center;display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.music-streaming-container .chart-row:hover .chart-actions{opacity:1}.music-streaming-container .chart-edit-btn{background:none;border:none;border-radius:4px;color:#b3b3b3;cursor:pointer;font-size:.9rem;padding:4px;transition:all .2s ease}.music-streaming-container .chart-edit-btn:hover{background:#ffffff1a;color:#fff}.music-streaming-container .chart-indicator{font-size:1.2rem;text-align:center}.music-streaming-container .chart-empty{align-items:center;display:flex;grid-column:2/-1;justify-content:center}.music-streaming-container .empty-slot{color:#666;font-size:.9rem;text-align:center}.music-streaming-container .chart-row[data-drag-over=true]{background:#8b5cf633;border-color:#8b5cf6;transform:scale(1.02)}.music-streaming-container .song-row[draggable=true]:active{opacity:.7;transform:rotate(2deg)}.music-streaming-container .sticky-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121212f2;border-top:1px solid #ffffff1a;bottom:0;height:90px;left:220px;position:fixed;right:0;z-index:1000}.music-streaming-container .player-content{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:280px 1fr 180px;height:100%;margin:0 auto;max-width:calc(100vw - 220px);padding:0 1.5rem}.music-streaming-container .now-playing{align-items:center;display:flex;gap:1rem;min-width:0}.music-streaming-container .player-album-art{border-radius:6px;flex-shrink:0;height:56px;overflow:hidden;width:56px}.music-streaming-container .player-album-art img{height:100%;object-fit:cover;width:100%}.music-streaming-container .player-info{flex:1 1;min-width:0}.music-streaming-container .player-song-title{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-streaming-container .player-artist{color:#b3b3b3;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-streaming-container .player-controls{align-items:center;display:flex;gap:1rem;justify-content:center}.music-streaming-container .control-btn{align-items:center;background:none;border:none;border-radius:50%;color:#b3b3b3;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.music-streaming-container .control-btn:hover{background:#ffffff1a;color:#fff}.music-streaming-container .play-pause-btn{align-items:center;background:#1ed760;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;transition:all .2s ease;width:48px}.music-streaming-container .play-pause-btn:hover{background:#1fdf64;transform:scale(1.05)}.music-streaming-container .player-progress{flex:1 1;margin:0 2rem}.music-streaming-container .progress-bar{background:#fff3;border-radius:2px;cursor:pointer;height:4px;margin-bottom:8px;overflow:hidden;width:100%}.music-streaming-container .progress-fill{background:#1ed760;border-radius:2px;height:100%;transition:width .1s ease}.music-streaming-container .time-info{color:#b3b3b3;display:flex;font-size:.75rem;justify-content:space-between}.music-streaming-container .player-volume{align-items:center;display:flex;gap:.5rem}.music-streaming-container .volume-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;font-size:1rem;padding:4px}.music-streaming-container .volume-btn:hover{color:#fff}.music-streaming-container .volume-slider{-webkit-appearance:none;background:#fff3;border-radius:2px;cursor:pointer;height:4px;outline:none;width:100px}.music-streaming-container .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1ed760;border-radius:50%;cursor:pointer;height:12px;width:12px}.music-streaming-container .volume-slider::-moz-range-thumb{background:#1ed760;border:none;border-radius:50%;cursor:pointer;height:12px;width:12px}@media (max-width:1400px){.music-streaming-container .main-content{gap:.75rem;grid-template-columns:minmax(350px,1fr) 340px;padding:0 .75rem 2rem 0!important}.music-streaming-container .hero-content{padding:1.5rem .75rem 1.5rem 0}.music-streaming-container .hero-song-title{font-size:2.5rem}}@media (max-width:1200px){.music-streaming-container .main-content{gap:.5rem;grid-template-columns:minmax(300px,1fr) 320px;padding:0 .5rem 2rem 0!important}.music-streaming-container .sticky-player{left:220px}.music-streaming-container .player-content{max-width:calc(100vw - 220px)}.music-streaming-container .creations-panel{margin-left:-.25rem;padding:1rem .75rem}.music-streaming-container .top10-panel{padding:1rem .5rem 1rem .75rem}}@media (max-width:900px){.music-streaming-container{margin-left:0;width:100vw}.music-streaming-container .sticky-player{left:0}.music-streaming-container .main-content{gap:1.5rem;grid-template-columns:1fr;height:calc(65vh - 80px);padding:0 1rem 1rem}.music-streaming-container .player-content{max-width:100vw}.music-streaming-container .hero-content{align-items:center;flex-direction:column;padding:2rem 1rem;text-align:center}.music-streaming-container .hero-album-art{height:150px;width:150px}.music-streaming-container .hero-song-title{font-size:2rem}.music-streaming-container .hero-title{font-size:2.5rem}.music-streaming-container .song-row{gap:.75rem;grid-template-columns:30px 48px 1fr 60px}.music-streaming-container .song-date,.music-streaming-container .song-duration{display:none}.music-streaming-container .panel-controls{flex-direction:column}}@media (max-width:600px){.music-streaming-container{padding-bottom:120px}.music-streaming-container .main-content{height:calc(60vh - 80px);padding:0 1rem 1rem}.music-streaming-container .creations-panel,.music-streaming-container .top10-panel{padding:1.5rem}.music-streaming-container .hero-content{padding:1.5rem 1rem}.music-streaming-container .song-row{gap:.5rem;grid-template-columns:40px 1fr 40px}.music-streaming-container .song-date,.music-streaming-container .song-duration,.music-streaming-container .song-number{display:none}.music-streaming-container .song-album-art{height:40px;width:40px}.music-streaming-container .chart-row{gap:.75rem;grid-template-columns:30px 40px 1fr 60px}.music-streaming-container .chart-album-art{height:40px;width:40px}.music-streaming-container .new-badge{font-size:.5rem;padding:1px 4px}.music-streaming-container .sticky-player{height:80px}.music-streaming-container .player-content{gap:.5rem;grid-template-columns:1fr auto}.music-streaming-container .now-playing{gap:.5rem}.music-streaming-container .player-album-art{height:40px;width:40px}.music-streaming-container .player-song-title{font-size:.85rem}.music-streaming-container .player-artist{font-size:.75rem}.music-streaming-container .control-btn{font-size:1rem;height:35px;width:35px}.music-streaming-container .play-pause-btn{font-size:1.2rem;height:40px;width:40px}.music-streaming-container .player-progress{left:0;margin:0;position:absolute;right:0;top:0}.music-streaming-container .progress-bar{border-radius:0;margin-bottom:0}.music-streaming-container .player-volume,.music-streaming-container .time-info{display:none}}.music-streaming-container :not(.music-streaming-container *){box-sizing:border-box}.saved-songs-container{display:none!important}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1440px;--breakpoint-xxl:1920px;--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,1rem);--space-md:clamp(1rem,2vw,2rem);--space-lg:clamp(1.5rem,3vw,3rem);--space-xl:clamp(2rem,4vw,4rem);--space-xxl:clamp(3rem,6vw,6rem);--font-size-xs:clamp(0.75rem,1.5vw,0.875rem);--font-size-sm:clamp(0.875rem,2vw,1rem);--font-size-md:clamp(1rem,2.5vw,1.125rem);--font-size-lg:clamp(1.125rem,3vw,1.25rem);--font-size-xl:clamp(1.25rem,3.5vw,1.5rem);--font-size-xxl:clamp(1.5rem,4vw,2rem);--font-size-hero:clamp(2rem,6vw,3.5rem);--color-fall-primary:#ff9800;--color-fall-secondary:#ffd54f;--color-fall-accent:#ef5350;--color-fall-dark:#3d2a00;--color-fall-light:#fff8e1;--color-forest:#4caf50;--color-desert:#ff9800;--color-ocean:#2196f3;--color-mountain:#9c27b0;--color-sky:#00bcd4;--color-volcano:#f44336;--color-crystal:#e91e63;--color-space:#673ab7;--color-aurora:#3f51b5;--color-storm:#607d8b;--color-golden:#ffc107;--color-rainbow:#ff5722;--color-placeholder:#9e9e9e;--color-pumpkinini-primary:#ff8c00;--color-pumpkinini-secondary:#ff4500;--color-chad-primary:#00bcd4;--color-chad-secondary:#0096ff;--color-kawaii-primary:#e91e63;--color-kawaii-secondary:#ff1493;--portal-size-mobile:clamp(60px,12vw,80px);--portal-size-tablet:clamp(80px,15vw,100px);--portal-size-desktop:clamp(100px,16vw,120px);--miniboss-size-mobile:clamp(200px,35vw,280px);--miniboss-size-tablet:clamp(280px,40vw,350px);--miniboss-size-desktop:clamp(350px,45vw,560px);--container-height-mobile:clamp(300px,50vh,380px);--container-height-tablet:clamp(380px,55vh,450px);--container-height-desktop:clamp(450px,60vh,500px);--duration-fast:0.2s;--duration-normal:0.4s;--duration-slow:0.8s;--duration-float:6s;--duration-pulse:2s;--duration-rotate:8s;--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-elastic:cubic-bezier(0.175,0.885,0.32,1.275);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 25px #0003;--shadow-xl:0 12px 35px #00000040;--shadow-glow:0 0 20px #ffd7004d;--blur-light:blur(5px);--blur-medium:blur(10px);--blur-heavy:blur(15px);--z-background:0;--z-content:1;--z-elevated:10;--z-miniboss:20;--z-nameplate:30;--z-modal:100;--z-tooltip:200;--radius-sm:0.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:50%;--opacity-disabled:0.5;--opacity-muted:0.7;--opacity-soft:0.8;--opacity-strong:0.9}.container{max-width:1920px;max-width:var(--breakpoint-xxl);padding:0 clamp(1rem,2vw,2rem);padding:0 var(--space-md)}.responsive-grid{grid-gap:clamp(1rem,2vw,2rem);grid-gap:var(--space-md);display:grid;gap:clamp(1rem,2vw,2rem);gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}@media (max-width:479px){.hidden-mobile{display:none!important}}@media (min-width:480px) and (max-width:767px){.hidden-tablet{display:none!important}}@media (min-width:768px){.hidden-desktop{display:none!important}}@media (max-width:767px){.mobile-only{display:block!important}.desktop-only{display:none!important}}@media (min-width:768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.parallax-timeline-container{background:linear-gradient(90deg,var(--color-fall-secondary) 0,var(--color-fall-primary) 50%,var(--color-fall-accent) 100%);height:100vh;overflow:hidden;perspective:1000px;position:relative;transition:background var(--duration-slow) var(--ease-smooth);width:100%}.parallax-layer{height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform}.parallax-layer--far{opacity:.3;transform:translateZ(-300px) scale(1.3)}.parallax-layer--mid{opacity:.5;transform:translateZ(-150px) scale(1.15)}.parallax-layer--near{opacity:.7;transform:translateZ(-50px) scale(1.05)}.parallax-layer--content{transform:translateZ(0);z-index:var(--z-content)}.parallax-bg-elements{height:120%;left:-50%;pointer-events:none;position:absolute;top:-10%;width:200%}.parallax-element{animation:parallaxFloat var(--duration-float) ease-in-out infinite;font-size:clamp(1.5rem,4vw,3rem);opacity:.15;position:absolute;will-change:transform}.parallax-element--leaf1{animation-delay:0s;left:10%;top:15%;transform:rotate(15deg)}.parallax-element--leaf2{animation-delay:2s;left:80%;top:45%;transform:rotate(-20deg)}.parallax-element--pumpkin{animation-delay:4s;bottom:20%;font-size:clamp(2rem,5vw,4rem);left:15%}.parallax-element--acorn{animation-delay:1s;right:20%;top:70%;transform:rotate(45deg)}.parallax-element--star{animation-delay:3s;left:60%;top:25%}.parallax-content-scroll{height:100%;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-color:#ffd700cc #fff3;scrollbar-width:thin;z-index:var(--z-content);&::-webkit-scrollbar{height:12px}&::-webkit-scrollbar-track{background:#fff3;border-radius:6px}&::-webkit-scrollbar-thumb{background:linear-gradient(90deg,gold,#ff8c00);border:2px solid #ffffff4d;border-radius:6px}&::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ff8c00,#ff6b00)}}.timeline-content{align-items:center;display:flex;gap:var(--space-xl);height:100%;min-width:-webkit-fit-content;min-width:fit-content;padding:var(--space-xl) var(--space-md);padding-top:50vh}.level-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-md);justify-content:center;min-height:200px;position:relative;transition:filter var(--duration-normal) var(--ease-smooth)}.level-section--incomplete,.level-section--locked{filter:grayscale(100%) contrast(.8) brightness(.6);opacity:var(--opacity-muted)}.level-section--ready{filter:none;opacity:1}.level-section--completed{filter:none;opacity:1;position:relative}.level-section--completed:after{animation:completedGlow var(--duration-pulse) ease-in-out infinite alternate;background:radial-gradient(circle at center,#ffd7001a 0,#ff8c000d 50%,#0000 70%);border-radius:var(--radius-xl);bottom:-20px;content:"";left:-20px;pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:-1}.parallax-season-badge{-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-xl);font-weight:900;left:8px;letter-spacing:.5px;padding:var(--space-sm) var(--space-md);position:fixed;top:8px;transition:all var(--duration-normal) var(--ease-smooth);z-index:var(--z-elevated)}.parallax-season-badge--fall{background:#fff8e1d9;border:2px solid #cc840059;color:var(--color-fall-dark)}.parallax-path-connector{flex-shrink:0;height:8px;justify-content:center;width:120px}.parallax-path-connector,.parallax-path-trail{align-items:center;display:flex;transition:all var(--duration-normal) var(--ease-smooth)}.parallax-path-trail{background:#9e9e9e4d;border-radius:3px;height:6px;justify-content:space-evenly;width:100%}.parallax-path-connector--completed .parallax-path-trail{background:linear-gradient(90deg,var(--color-forest) 0,#66bb6a 100%);box-shadow:0 0 15px #4caf5080}.parallax-path-connector--locked .parallax-path-trail{background:#9e9e9e33;filter:grayscale(100%)}.trail-dot{background:#fff9;border-radius:50%;height:4px;opacity:.5;transition:all var(--duration-normal) var(--ease-smooth);width:4px}.parallax-path-connector--completed .trail-dot{animation:dotPulse var(--duration-pulse) infinite;background:#ffffffe6;opacity:1}.parallax-path-connector--locked .trail-dot{background:#ffffff4d;opacity:.3}.magic-flow{align-items:center;display:flex;height:20px;justify-content:space-around;left:0;pointer-events:none;position:absolute;right:0;top:-10px}.flow-particle{animation:flowAnimation 3s infinite;font-size:1rem;opacity:0}.parallax-path-connector--completed .flow-particle{opacity:1}@keyframes parallaxFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes completedGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes flowAnimation{0%{opacity:0;transform:translateX(-50px)}50%{opacity:1}to{opacity:0;transform:translateX(50px)}}@media (max-width:767px){.timeline-content{gap:var(--space-lg);padding:var(--space-lg) var(--space-sm)}.level-section{min-height:var(--container-height-mobile)}.parallax-season-badge{font-size:var(--font-size-lg);left:6px;padding:var(--space-xs) var(--space-sm);top:6px}.parallax-path-connector{width:80px}.parallax-element{font-size:clamp(1rem,3vw,2rem)}}@media (max-width:479px){.timeline-content{gap:var(--space-md)}.level-section{min-height:var(--container-height-mobile)}.parallax-season-badge{font-size:var(--font-size-md);left:4px;top:4px}.parallax-path-connector{width:60px}}.level-section,.parallax-element,.parallax-layer,.parallax-path-connector{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (prefers-reduced-motion:reduce){.flow-particle,.parallax-element,.trail-dot{animation:none}.parallax-layer--far,.parallax-layer--mid,.parallax-layer--near{transform:none}}.timeline-item{align-items:center;display:flex;flex-shrink:0}.node-item{margin:0 var(--space-md)}.level-portal{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-md);position:relative;transform-origin:center bottom;transition:all var(--duration-normal) var(--ease-smooth);will-change:transform}.level-portal.hovered{transform:scale(1.1) translateY(-10px)}.level-portal.selected{transform:scale(1.15) translateY(-15px)}.level-portal.disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.portal-core{align-items:center;display:flex;height:var(--portal-size-desktop);justify-content:center;position:relative;width:var(--portal-size-desktop)}.portal-ring{animation:ringRotate var(--duration-rotate) linear infinite;border:3px solid;border-radius:50%;position:absolute;will-change:transform}.ring-1{animation-duration:var(--duration-rotate);height:calc(var(--portal-size-desktop) - 10px);opacity:var(--opacity-soft);width:calc(var(--portal-size-desktop) - 10px)}.ring-1,.ring-3{border-color:var(--theme-color,var(--color-forest))}.ring-3{animation-duration:calc(var(--duration-rotate)/2);height:calc(var(--portal-size-desktop) - 50px);opacity:.4;width:calc(var(--portal-size-desktop) - 50px)}.portal-center{align-items:center;background:linear-gradient(135deg,var(--color-forest) 0,#fff3 100%);background:linear-gradient(135deg,var(--theme-color,var(--color-forest)) 0,#fff3 100%);border:3px solid #fff6;border-radius:50%;box-shadow:var(--shadow-lg),inset 0 0 20px #ffffff4d;display:flex;height:calc(var(--portal-size-desktop) - 40px);justify-content:center;position:relative;width:calc(var(--portal-size-desktop) - 40px)}.level-icon{animation:iconBounce var(--duration-pulse) ease-in-out infinite;font-size:clamp(1.2rem,3vw,2rem);text-shadow:0 2px 8px #0000004d;will-change:transform}.level-info-card{-webkit-backdrop-filter:var(--blur-medium);backdrop-filter:var(--blur-medium);background:#fffffff2;border:2px solid #ffffff4d;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:clamp(100px,20vw,120px);padding:var(--space-sm) var(--space-md);text-align:center;transition:all var(--duration-normal) var(--ease-smooth)}.level-title{color:#2c3e50;font-size:var(--font-size-md);font-weight:700;line-height:1.2;margin-bottom:var(--space-sm)}.completion-stamp{animation:stampPulse var(--duration-pulse) infinite;background:linear-gradient(135deg,var(--color-forest) 0,#66bb6a 100%)}.completion-stamp,.ready-indicator{border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:800;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.ready-indicator{animation:readyGlow var(--duration-pulse) infinite;background:linear-gradient(135deg,var(--color-forest) 0,#ffffff4d 100%);background:linear-gradient(135deg,var(--theme-color,var(--color-forest)) 0,#ffffff4d 100%)}.ready-pulse{animation:readyPulseEffect var(--duration-pulse) ease-in-out infinite;background:radial-gradient(circle,#0000 60%,var(--color-forest) 70%,#0000 80%);background:radial-gradient(circle,#0000 60%,var(--theme-color,var(--color-forest)) 70%,#0000 80%);border-radius:50%;bottom:-5px;left:-5px;opacity:.6;position:absolute;right:-5px;top:-5px}.ready-sparkles{height:100%;pointer-events:none;position:absolute;width:100%}.sparkle{animation:sparkleFloat var(--duration-pulse) ease-in-out infinite;font-size:1rem}.sparkle:first-child{animation-delay:0s;left:10%;top:10%}.sparkle:nth-child(2){animation-delay:.5s;right:10%;top:10%}.sparkle:nth-child(3){animation-delay:1s;bottom:10%;left:50%}.completed-effects{bottom:-30px;left:-30px;pointer-events:none;position:absolute;right:-30px;top:-30px}.victory-crown{animation:crownFloat 3s infinite;font-size:clamp(1rem,2.5vw,1.5rem);left:50%;position:absolute;top:-10px;transform:translateX(-50%)}.victory-sparkles{height:100%;position:absolute;width:100%}.v-sparkle{animation:victorySparkle var(--duration-pulse) infinite;font-size:1rem;position:absolute}.v-sparkle:first-child{animation-delay:0s;left:10%;top:10%}.v-sparkle:nth-child(2){animation-delay:.5s;right:10%;top:10%}.v-sparkle:nth-child(3){animation-delay:1s;bottom:10%;left:10%}.v-sparkle:nth-child(4){animation-delay:1.5s;bottom:10%;right:10%}.level-portal.forest{--theme-color:var(--color-forest)}.level-portal.desert{--theme-color:var(--color-desert)}.level-portal.ocean{--theme-color:var(--color-ocean)}.level-portal.mountain{--theme-color:var(--color-mountain)}.level-portal.sky{--theme-color:var(--color-sky)}.level-portal.volcano{--theme-color:var(--color-volcano)}.level-portal.crystal{--theme-color:var(--color-crystal)}.level-portal.space{--theme-color:var(--color-space)}.level-portal.aurora{--theme-color:var(--color-aurora)}.level-portal.storm{--theme-color:var(--color-storm)}.level-portal.golden{--theme-color:var(--color-golden)}.level-portal.rainbow{--theme-color:var(--color-rainbow)}.level-portal.placeholder{--theme-color:var(--color-placeholder)}.season-two-coming{align-items:center;display:flex;justify-content:center;margin:var(--space-xxl) var(--space-lg);min-width:clamp(300px,50vw,520px)}.coming-card{animation:floaty 3s ease-in-out infinite;background:linear-gradient(135deg,#ffffffd9,#f0f8ffd9);border:2px dashed #93c5fd;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg) var(--space-xl);text-align:center;transition:all var(--duration-normal) var(--ease-smooth)}.coming-text{color:#1d4ed8;font-size:var(--font-size-xxl);font-weight:800;letter-spacing:1px}.coming-sub{color:#2563eb;font-size:var(--font-size-lg);font-weight:600;margin-top:var(--space-xs)}.sparkles{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}@keyframes ringRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes stampPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes readyGlow{0%,to{box-shadow:0 0 10px var(--color-forest);box-shadow:0 0 10px var(--theme-color,var(--color-forest))}50%{box-shadow:0 0 20px var(--color-forest),0 0 30px var(--color-forest);box-shadow:0 0 20px var(--theme-color,var(--color-forest)),0 0 30px var(--theme-color,var(--color-forest))}}@keyframes readyPulseEffect{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes crownFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@keyframes victorySparkle{0%,to{opacity:.4;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (max-width:1024px){.portal-core{height:var(--portal-size-tablet);width:var(--portal-size-tablet)}.ring-1{height:calc(var(--portal-size-tablet) - 10px);width:calc(var(--portal-size-tablet) - 10px)}.ring-3{height:calc(var(--portal-size-tablet) - 40px);width:calc(var(--portal-size-tablet) - 40px)}.portal-center{height:calc(var(--portal-size-tablet) - 30px);width:calc(var(--portal-size-tablet) - 30px)}}@media (max-width:767px){.portal-core{height:var(--portal-size-mobile);width:var(--portal-size-mobile)}.ring-1{height:calc(var(--portal-size-mobile) - 8px);width:calc(var(--portal-size-mobile) - 8px)}.ring-3{height:calc(var(--portal-size-mobile) - 30px);width:calc(var(--portal-size-mobile) - 30px)}.portal-center{height:calc(var(--portal-size-mobile) - 20px);width:calc(var(--portal-size-mobile) - 20px)}.level-info-card{min-width:clamp(100px,20vw,120px);padding:var(--space-sm) var(--space-md)}.node-item{margin:0 var(--space-sm)}.coming-card{padding:var(--space-md) var(--space-lg)}}@media (max-width:479px){.level-info-card{padding:var(--space-xs) var(--space-sm)}.coming-card{padding:var(--space-sm) var(--space-md)}}.level-icon,.portal-ring,.sparkle,.v-sparkle{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (prefers-reduced-motion:reduce){.coming-card,.level-icon,.portal-ring,.sparkle,.v-sparkle,.victory-crown{animation:none!important}.level-portal.hovered,.level-portal.selected{transform:none}}.level-section,.parallax-path-connector,.timeline-content,.timeline-item{overflow:visible!important}.parallax-path-connector{position:relative;z-index:1}.character-level-container{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-md);min-height:var(--container-height-desktop);position:relative;transition:filter var(--duration-normal) var(--ease-smooth)}@media (max-width:767px){.character-level-container{min-height:var(--container-height-tablet)}}@media (max-width:479px){.character-level-container{min-height:var(--container-height-mobile)}}.character-container-on-line{isolation:isolate;left:50%;pointer-events:auto;position:absolute;top:0;transform:translate(-50%,calc(-100% + 20px));will-change:transform;z-index:999!important}.character-container{align-items:center;display:flex;flex-direction:column;left:50%;pointer-events:none;position:absolute;top:clamp(-200px,-25vh,-280px);transform:translateX(80px);will-change:transform;z-index:var(--z-character)}.character-sprite{--mb-size:300px;animation:epicBossFloat 6s ease-in-out infinite;animation:epicBossFloat var(--duration-float,6s) var(--ease-smooth,ease-in-out) infinite;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block!important;height:auto!important;position:relative;transform-origin:center bottom;width:auto!important;will-change:transform}.character-sprite-image{background:none!important;display:block!important;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.25));height:var(--mb-size)!important;max-height:none!important;max-width:none!important;object-fit:contain;position:relative;transition:all .25s ease;transition:all var(--duration-normal,.25s) var(--ease-smooth,ease);width:var(--mb-size)!important;will-change:transform,filter}.character-container-on-line:hover .character-sprite-image,.character-container:hover .character-sprite-image{filter:drop-shadow(0 14px 26px rgba(0,0,0,.4)) drop-shadow(0 4px 10px rgba(0,0,0,.28));transform:scale(1.05)}@media (max-width:767px){.character-sprite{--mb-size:250px}}@media (max-width:479px){.character-sprite{--mb-size:200px}}.character-sprite-shadow{animation:none;background:radial-gradient(ellipse at center,#00000073,#0000002e 60%,#0000 70%);border-radius:50%;filter:blur(3px);height:calc(var(--mb-size)*.14);opacity:.9;top:calc(100% - 6px);width:calc(var(--mb-size)*.55);will-change:transform}.character-nameplate,.character-sprite-shadow{left:50%;position:absolute;transform:translateX(-50%)}.character-nameplate{pointer-events:auto;text-align:center;top:clamp(-60px,-8vh,-90px);transition:all .25s ease;transition:all var(--duration-normal,.25s) var(--ease-smooth,ease);z-index:1000}.character-name{color:gold;font-size:clamp(1rem,3vw,1.4rem);font-weight:900;letter-spacing:1px;line-height:1;text-shadow:0 2px 4px #000c,0 0 10px #ffd70080;white-space:nowrap}.character-container-on-line[data-character="Chad Maple Capybara"] .character-name,.character-container-on-line[data-character="Flashy Cat"] .character-name,.character-container-on-line[data-character="Sharkini Pumpkinini"] .character-name,.character-container[data-character="Chad Maple Capybara"] .character-name,.character-container[data-character="Flashy Cat"] .character-name,.character-container[data-character="Sharkini Pumpkinini"] .character-name{-webkit-text-stroke:1px #8b000080;color:red;text-shadow:0 0 15px #ff0000e6,0 0 30px #f009,0 3px 6px #000000e6}.character-container-on-line[data-character=Silencio] .character-name,.character-container[data-character=Silencio] .character-name{-webkit-text-stroke:1.5px #3c0000b3;color:#8b0000;text-shadow:0 0 20px #8b0000,0 0 40px #8b0000cc,0 0 60px #8b000080,0 4px 8px #000}.character-nameplate:before{content:"";display:none}.character-container-on-line[data-character="Flashy Cat"] .character-nameplate:before,.character-container[data-character="Flashy Cat"] .character-nameplate:before{content:"BOSS 1"}.character-container-on-line[data-character="Chad Maple Capybara"] .character-nameplate:before,.character-container-on-line[data-character="Flashy Cat"] .character-nameplate:before,.character-container[data-character="Chad Maple Capybara"] .character-nameplate:before,.character-container[data-character="Flashy Cat"] .character-nameplate:before{-webkit-text-stroke:2px #8b0000cc;animation:bossLabelGlitch 1.5s ease-in-out infinite;bottom:calc(100% + 10px);color:red;display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.8));font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;left:50%;letter-spacing:4px;position:absolute;text-decoration:line-through;-webkit-text-decoration-color:#f009;text-decoration-color:#f009;text-decoration-thickness:3px;text-shadow:0 0 20px red,0 0 40px #f00c,0 4px 8px #000000e6,2px 2px 0 #00000080;transform:translateX(-50%);white-space:nowrap}.character-container-on-line[data-character="Chad Maple Capybara"] .character-nameplate:before,.character-container[data-character="Chad Maple Capybara"] .character-nameplate:before{content:"BOSS 2"}.character-container-on-line[data-character="Sharkini Pumpkinini"] .character-nameplate:before,.character-container[data-character="Sharkini Pumpkinini"] .character-nameplate:before{-webkit-text-stroke:2px #8b0000cc;animation:bossLabelGlitch 1.5s ease-in-out infinite;bottom:calc(100% + 10px);color:red;content:"BOSS 3";display:block;filter:drop-shadow(0 8px 16px rgba(0,0,0,.8));font-family:Impact,Arial Black,sans-serif;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;left:50%;letter-spacing:4px;position:absolute;text-decoration:line-through;-webkit-text-decoration-color:#f009;text-decoration-color:#f009;text-decoration-thickness:3px;text-shadow:0 0 20px red,0 0 40px #f00c,0 4px 8px #000000e6,2px 2px 0 #00000080;transform:translateX(-50%);white-space:nowrap}.character-container-on-line[data-character=Silencio] .character-nameplate:before,.character-container[data-character=Silencio] .character-nameplate:before{-webkit-text-stroke:3px #3c0000e6;animation:bossLabelGlitch 1s ease-in-out infinite;bottom:calc(100% + 10px);color:#8b0000;content:"FINAL BOSS";display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.9));font-family:Impact,Arial Black,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;left:50%;letter-spacing:6px;position:absolute;text-decoration:line-through;-webkit-text-decoration-color:#8b0000cc;text-decoration-color:#8b0000cc;text-decoration-thickness:4px;text-shadow:0 0 25px #8b0000,0 0 50px #8b0000e6,0 0 75px #8b0000b3,0 6px 10px #000,3px 3px 0 #000000b3;transform:translateX(-50%);white-space:nowrap}@keyframes bossLabelGlitch{0%,90%,to{opacity:1;transform:translateX(-50%) translateY(0)}91%{opacity:.9;transform:translateX(-50%) translateY(2px) skewX(-2deg)}92%{opacity:.95;transform:translateX(-50%) translateY(-2px) skewX(2deg)}93%{opacity:1;transform:translateX(-50%) translateY(0)}}.boss-defeated .character-sprite-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.25))!important;transform:scaleX(-1)}.boss-defeated:after{animation:goodGuyPulse 2.5s ease-in-out infinite!important;background:radial-gradient(ellipse at center,#fffadcf2 0,#fff8e1e6 10%,#fff5d2cc 20%,#fff0c8b3 30%,#ffebb499 40%,#ffe6a080 50%,#ffdc8c59 60%,#ffd27840 70%,#ffc86426 85%,#0000 100%)!important;filter:blur(50px)!important;opacity:.85!important}@keyframes goodGuyPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}25%{opacity:.88;transform:translate(-50%,-50%) scale(1.05)}50%{opacity:.92;transform:translate(-50%,-50%) scale(1.08)}75%{opacity:.88;transform:translate(-50%,-50%) scale(1.05)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}.boss-defeated .character-name{-webkit-text-stroke:0!important;color:gold!important;text-shadow:0 2px 4px #000c,0 0 10px #ffd70080!important}.boss-defeated .character-dialogue-bubble{animation:dialogueBubbleFloat 6s ease-in-out infinite!important;background:linear-gradient(145deg,#fff,#f8f9fa)!important;border:3px solid gold!important;border-radius:20px!important;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd70066,inset 0 1px 3px #ffffff80!important;-webkit-clip-path:none!important;clip-path:none!important}.boss-defeated .dialogue-content{color:#2c3e50!important;text-shadow:1px 1px 2px #0000001a!important}.boss-defeated .dialogue-tail{display:block!important}.boss-defeated .character-nameplate:after{-webkit-text-stroke:3px #1b5e20e6;color:#4caf50;content:"COMPLETE";font-family:Impact,Arial Black,sans-serif;font-size:clamp(3rem,7vw,5rem);font-weight:900;left:50%;letter-spacing:8px;opacity:.95;pointer-events:none;position:absolute;text-shadow:0 0 30px #4caf50cc,0 0 60px #4caf5099,0 4px 10px #000000e6,3px 3px 0 #0009;top:50%;transform:translate(-50%,-50%) rotate(-25deg);white-space:nowrap;z-index:10}.boss-defeated[data-character="Chad Maple Capybara"] .character-nameplate:before,.boss-defeated[data-character="Flashy Cat"] .character-nameplate:before,.boss-defeated[data-character="Sharkini Pumpkinini"] .character-nameplate:before,.boss-defeated[data-character=Silencio] .character-nameplate:before{color:#666!important;opacity:.7;text-decoration:none!important;text-shadow:0 2px 4px #0009!important}@media (max-width:767px){.boss-defeated .character-nameplate:after{-webkit-text-stroke:2px #1b5e20e6;font-size:clamp(2rem,6vw,3.5rem);letter-spacing:6px}}@media (max-width:479px){.boss-defeated .character-nameplate:after{-webkit-text-stroke:1.5px #1b5e20e6;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:4px}}@keyframes epicBossFloat{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}.character-sprite:before{background:radial-gradient(circle,#0000 0,#0000 60%);border-radius:50%;content:"";filter:blur(14px);inset:-12%;mix-blend-mode:screen;opacity:.9;pointer-events:none;position:absolute;z-index:-1}.character-container-on-line[data-character="Chad Maple Capybara"]:after,.character-container-on-line[data-character="Flashy Cat"]:after,.character-container-on-line[data-character="Sharkini Pumpkinini"]:after,.character-container-on-line[data-character=Silencio]:after,.character-container[data-character="Chad Maple Capybara"]:after,.character-container[data-character="Flashy Cat"]:after,.character-container[data-character="Sharkini Pumpkinini"]:after,.character-container[data-character=Silencio]:after{animation:voidPulseRhythmic 2s ease-in-out infinite;background:radial-gradient(ellipse at center,#505050fa 0,#5a5a5af2 10%,#696969d9 20%,#787878bf 30%,#8c8c8c99 40%,#a0a0a073 50%,#b4b4b44d 60%,#c8b49633 70%,#ff8c321a 85%,#0000 100%);border-radius:42% 58% 55% 45%/48% 52% 48% 52%;content:"";filter:blur(60px);height:1000px;left:50%;opacity:.92;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:1000px;z-index:-2}.character-container-on-line[data-character=Silencio]:after,.character-container[data-character=Silencio]:after{animation:voidPulseRhythmicDark 1.8s ease-in-out infinite;background:radial-gradient(ellipse at center,#323232fc 0,#3c3c3cf7 10%,#4b4b4be6 20%,#5a5a5acc 30%,#6e6e6eb3 40%,#8282828c 50%,#96969666 60%,#b4a08c40 70%,#ff8c3226 85%,#0000 100%);filter:blur(80px);height:1200px;opacity:.98;width:1200px}@keyframes voidPulseRhythmic{0%{opacity:.88;transform:translate(-50%,-50%) scale(1)}15%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}30%{opacity:.9;transform:translate(-50%,-50%) scale(1.02)}45%{opacity:.96;transform:translate(-50%,-50%) scale(1.12)}60%{opacity:.88;transform:translate(-50%,-50%) scale(1)}to{opacity:.88;transform:translate(-50%,-50%) scale(1)}}@keyframes voidPulseRhythmicDark{0%{opacity:.95;transform:translate(-50%,-50%) scale(1)}15%{opacity:.99;transform:translate(-50%,-50%) scale(1.1)}30%{opacity:.96;transform:translate(-50%,-50%) scale(1.03)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}60%{opacity:.94;transform:translate(-50%,-50%) scale(1.02)}to{opacity:.95;transform:translate(-50%,-50%) scale(1)}}.character-container-on-line[data-character="Sharkini Pumpkinini"] .character-sprite:before,.character-container[data-character="Sharkini Pumpkinini"] .character-sprite:before{background:radial-gradient(circle,#ff8c0073 0,#ff450040 35%,#ff450000 60%)}.character-container-on-line[data-character="Chad Maple Capybara"] .character-sprite:before,.character-container[data-character="Chad Maple Capybara"] .character-sprite:before{background:radial-gradient(circle,#00bcd473 0,#0096ff40 35%,#0096ff00 60%)}.character-container-on-line[data-character="Flashy Cat"] .character-sprite:before,.character-container[data-character="Flashy Cat"] .character-sprite:before{background:radial-gradient(circle,#e91e6373 0,#ff149340 35%,#ff149300 60%)}.character-container-on-line[data-character=Songly] .character-sprite:before,.character-container[data-character=Songly] .character-sprite:before{background:radial-gradient(circle,#4caf5073 0,#8bc34a40 35%,#8bc34a00 60%)}.character-container-on-line[data-character=Silencio] .character-sprite:before,.character-container[data-character=Silencio] .character-sprite:before{background:radial-gradient(circle,#8b451373 0,#a0522d40 35%,#a0522d00 60%)}.character-level-container--incomplete .character-sprite-image{filter:grayscale(100%) contrast(.85) brightness(.9) drop-shadow(0 10px 20px rgba(0,0,0,.3)) drop-shadow(0 2px 6px rgba(0,0,0,.22));opacity:.7}.character-level-container--completed .character-sprite-image,.character-level-container--ready .character-sprite-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.35)) drop-shadow(0 2px 6px rgba(0,0,0,.25));opacity:1}.character-level-container--locked .character-sprite-image{filter:brightness(0) saturate(0) drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 2px 6px rgba(0,0,0,.4));opacity:1;transition:all .25s ease;transition:all var(--duration-normal,.25s) var(--ease-smooth,ease)}.character-level-container--locked .character-sprite-image:hover,.character-level-container--locked:hover .character-sprite-image{filter:brightness(0) saturate(0) drop-shadow(0 10px 20px rgba(0,0,0,.6)) drop-shadow(0 2px 6px rgba(0,0,0,.4))!important;transform:none!important}.character-level-container--locked .character-dialogue-bubble{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:3px solid #444;box-shadow:0 10px 30px #00000080,0 0 20px #4444444d,inset 0 1px 3px #ffffff1a}.character-level-container--locked .dialogue-content{color:#888;text-shadow:1px 1px 2px #000c}.character-level-container--locked .dialogue-tail{border-right-color:#2a2a2a}.character-level-container--locked .dialogue-tail:before{border-right-color:#444}.character-level-container--locked .character-name{color:#666;opacity:.6;text-shadow:0 2px 4px #000000e6}.character-container,.character-sprite,.character-sprite-image,.character-sprite-shadow{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (prefers-reduced-motion:reduce){.character-container:before,.character-sprite,.character-sprite-shadow{animation:none!important}}@media (max-width:767px){.character-nameplate{padding:6px 10px;padding:var(--space-xs,6px) var(--space-sm,10px);top:clamp(-60px,-10vh,-80px)}.character-name{font-size:clamp(.9rem,2.5vw,1.1rem)}.character-nameplate:before{bottom:calc(100% + 10px)!important;font-size:clamp(1.5rem,4vw,2.5rem)!important;letter-spacing:3px!important}}@media (max-width:479px){.character-nameplate{min-width:clamp(110px,20vw,150px);padding:6px;padding:var(--space-xs,6px);top:clamp(-50px,-8vh,-60px)}.character-nameplate:before{-webkit-text-stroke:1.5px #8b0000cc!important;bottom:calc(100% + 8px)!important;font-size:clamp(1.2rem,3.5vw,2rem)!important;letter-spacing:2px!important}.character-container-on-line[data-character=Silencio] .character-nameplate:before,.character-container[data-character=Silencio] .character-nameplate:before{font-size:clamp(1.4rem,4vw,2.2rem)!important}}.character-dialogue-bubble{animation:dialogueBubbleFloat 6s ease-in-out infinite;animation:dialogueBubbleFloat var(--duration-float,6s) var(--ease-smooth,ease-in-out) infinite;background:linear-gradient(145deg,#fff,#f8f9fa);border:3px solid gold;border-radius:20px;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd70066,inset 0 1px 3px #ffffff80;left:calc(100% + 30px);max-width:500px;min-width:350px;padding:20px 25px;pointer-events:auto;position:absolute;top:-120px;transform:translateY(0);z-index:1001}.character-container-on-line[data-character="Flashy Cat"] .character-dialogue-bubble,.character-container[data-character="Flashy Cat"] .character-dialogue-bubble{background:linear-gradient(145deg,#1a1a1a,#2a0a0a)}.character-container-on-line[data-character="Chad Maple Capybara"] .character-dialogue-bubble,.character-container-on-line[data-character="Flashy Cat"] .character-dialogue-bubble,.character-container[data-character="Chad Maple Capybara"] .character-dialogue-bubble,.character-container[data-character="Flashy Cat"] .character-dialogue-bubble{animation:dialogueBubbleFloat 6s ease-in-out infinite,bossDialogueShake .3s ease-in-out infinite;border:3px solid red;border-radius:0;box-shadow:0 0 30px #f009,0 0 60px #ff00004d,inset 0 0 20px #f003;-webkit-clip-path:polygon(0 5%,3% 0,8% 2%,12% 0,18% 3%,25% 0,30% 2%,35% 0,40% 3%,48% 0,55% 2%,60% 0,68% 3%,75% 0,80% 2%,85% 0,92% 3%,97% 0,100% 5%,100% 15%,98% 20%,100% 28%,98% 35%,100% 45%,98% 50%,100% 58%,98% 65%,100% 75%,98% 80%,100% 88%,98% 95%,95% 100%,88% 98%,80% 100%,72% 98%,65% 100%,58% 98%,50% 100%,42% 98%,35% 100%,28% 98%,20% 100%,12% 98%,5% 100%,0 95%,2% 88%,0 80%,2% 72%,0 65%,2% 58%,0 50%,2% 42%,0 35%,2% 28%,0 20%,2% 12%);clip-path:polygon(0 5%,3% 0,8% 2%,12% 0,18% 3%,25% 0,30% 2%,35% 0,40% 3%,48% 0,55% 2%,60% 0,68% 3%,75% 0,80% 2%,85% 0,92% 3%,97% 0,100% 5%,100% 15%,98% 20%,100% 28%,98% 35%,100% 45%,98% 50%,100% 58%,98% 65%,100% 75%,98% 80%,100% 88%,98% 95%,95% 100%,88% 98%,80% 100%,72% 98%,65% 100%,58% 98%,50% 100%,42% 98%,35% 100%,28% 98%,20% 100%,12% 98%,5% 100%,0 95%,2% 88%,0 80%,2% 72%,0 65%,2% 58%,0 50%,2% 42%,0 35%,2% 28%,0 20%,2% 12%)}.character-container-on-line[data-character="Chad Maple Capybara"] .character-dialogue-bubble,.character-container[data-character="Chad Maple Capybara"] .character-dialogue-bubble{background:linear-gradient(145deg,#1a1a1a,#0a0a2a)}.character-container-on-line[data-character="Sharkini Pumpkinini"] .character-dialogue-bubble,.character-container[data-character="Sharkini Pumpkinini"] .character-dialogue-bubble{animation:dialogueBubbleFloat 6s ease-in-out infinite,bossDialogueShake .3s ease-in-out infinite;background:linear-gradient(145deg,#1a1a1a,#2a1a0a);border:3px solid red;border-radius:0;box-shadow:0 0 30px #f009,0 0 60px #ff00004d,inset 0 0 20px #f003}.character-container-on-line[data-character="Sharkini Pumpkinini"] .character-dialogue-bubble,.character-container-on-line[data-character=Silencio] .character-dialogue-bubble,.character-container[data-character="Sharkini Pumpkinini"] .character-dialogue-bubble,.character-container[data-character=Silencio] .character-dialogue-bubble{-webkit-clip-path:polygon(0 5%,3% 0,8% 2%,12% 0,18% 3%,25% 0,30% 2%,35% 0,40% 3%,48% 0,55% 2%,60% 0,68% 3%,75% 0,80% 2%,85% 0,92% 3%,97% 0,100% 5%,100% 15%,98% 20%,100% 28%,98% 35%,100% 45%,98% 50%,100% 58%,98% 65%,100% 75%,98% 80%,100% 88%,98% 95%,95% 100%,88% 98%,80% 100%,72% 98%,65% 100%,58% 98%,50% 100%,42% 98%,35% 100%,28% 98%,20% 100%,12% 98%,5% 100%,0 95%,2% 88%,0 80%,2% 72%,0 65%,2% 58%,0 50%,2% 42%,0 35%,2% 28%,0 20%,2% 12%);clip-path:polygon(0 5%,3% 0,8% 2%,12% 0,18% 3%,25% 0,30% 2%,35% 0,40% 3%,48% 0,55% 2%,60% 0,68% 3%,75% 0,80% 2%,85% 0,92% 3%,97% 0,100% 5%,100% 15%,98% 20%,100% 28%,98% 35%,100% 45%,98% 50%,100% 58%,98% 65%,100% 75%,98% 80%,100% 88%,98% 95%,95% 100%,88% 98%,80% 100%,72% 98%,65% 100%,58% 98%,50% 100%,42% 98%,35% 100%,28% 98%,20% 100%,12% 98%,5% 100%,0 95%,2% 88%,0 80%,2% 72%,0 65%,2% 58%,0 50%,2% 42%,0 35%,2% 28%,0 20%,2% 12%)}.character-container-on-line[data-character=Silencio] .character-dialogue-bubble,.character-container[data-character=Silencio] .character-dialogue-bubble{animation:dialogueBubbleFloat 6s ease-in-out infinite,bossDialogueShake .2s ease-in-out infinite;background:linear-gradient(145deg,#0a0a0a,#1a0a1a);border:3px solid #8b0000;border-radius:0;box-shadow:0 0 40px #8b0000cc,0 0 80px #8b000066,inset 0 0 30px #8b00004d}.character-container-on-line[data-character="Chad Maple Capybara"] .dialogue-content,.character-container-on-line[data-character="Flashy Cat"] .dialogue-content,.character-container-on-line[data-character="Sharkini Pumpkinini"] .dialogue-content,.character-container-on-line[data-character=Silencio] .dialogue-content,.character-container[data-character="Chad Maple Capybara"] .dialogue-content,.character-container[data-character="Flashy Cat"] .dialogue-content,.character-container[data-character="Sharkini Pumpkinini"] .dialogue-content,.character-container[data-character=Silencio] .dialogue-content{color:#f33;text-shadow:0 0 10px #f00c,0 2px 4px #000000e6}.character-container-on-line[data-character="Chad Maple Capybara"] .dialogue-tail,.character-container-on-line[data-character="Flashy Cat"] .dialogue-tail,.character-container-on-line[data-character="Sharkini Pumpkinini"] .dialogue-tail,.character-container-on-line[data-character=Silencio] .dialogue-tail,.character-container[data-character="Chad Maple Capybara"] .dialogue-tail,.character-container[data-character="Flashy Cat"] .dialogue-tail,.character-container[data-character="Sharkini Pumpkinini"] .dialogue-tail,.character-container[data-character=Silencio] .dialogue-tail{display:none}@keyframes bossDialogueShake{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(0) translate(.5px)}50%{transform:translateY(0) translate(-.5px)}75%{transform:translateY(0) translateY(.5px)}}.dialogue-content{color:#2c3e50;font-family:Fredoka One,Arial,sans-serif;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:700;line-height:1.4;text-align:center;text-shadow:1px 1px 2px #0000001a}.dialogue-tail{border-bottom:15px solid #0000;border-right:15px solid #fff;border-top:15px solid #0000;bottom:20px;filter:drop-shadow(-3px 0 3px rgba(0,0,0,.1));height:0;left:-12px;position:absolute;transform:translateY(0);width:0}.dialogue-tail:before{border-bottom:18px solid #0000;border-right:18px solid gold;border-top:18px solid #0000;content:"";height:0;left:2px;position:absolute;top:-18px;width:0}@keyframes dialogueBubbleFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}to{transform:translateY(0) scale(1)}}@media (max-width:1200px){.character-dialogue-bubble{left:calc(100% + 20px);max-width:420px;min-width:300px;padding:16px 20px;top:-100px}.dialogue-content{font-size:clamp(1rem,2.2vw,1.2rem)}}@media (max-width:967px){.character-dialogue-bubble{left:calc(100% + 15px);max-width:360px;min-width:260px;padding:14px 18px;top:-80px}.dialogue-content{font-size:clamp(.9rem,2vw,1.1rem)}}@media (max-width:767px){.character-dialogue-bubble{border-radius:16px;left:calc(100% + 10px);max-width:300px;min-width:220px;padding:12px 16px;top:-70px}.dialogue-content{font-size:clamp(.8rem,1.8vw,1rem)}.dialogue-tail{border-bottom-width:12px;border-right-width:12px;border-top-width:12px;bottom:16px;left:-10px}}@media (max-width:479px){.character-dialogue-bubble{border-radius:14px;left:calc(100% + 8px);max-width:240px;min-width:180px;padding:10px 14px;top:-60px}.dialogue-content{font-size:clamp(.7rem,1.6vw,.9rem)}.dialogue-tail{border-bottom-width:10px;border-right-width:10px;border-top-width:10px;bottom:14px;left:-8px}}.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{border-bottom:1px solid #e0e0e0;padding:1rem 1.5rem}.modal-header h3{font-size:1.2rem;font-weight:600}.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}.user-item-actions{align-items:center;display:flex;gap:.5rem}.set-lead-btn{background:#fff;border:2px solid #10b981;color:#065f46}.set-lead-btn:hover{background:#ecfdf5}.lead-badge{background:#10b981;color:#fff}.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%}.schools-table{border-collapse:initial;border-spacing:0;min-width:1120px;table-layout:auto;width:100%}.schools-table td,.schools-table th{border-bottom:1px solid #e5e7eb;font-size:.9rem;padding:12px 16px;text-align:left;white-space:nowrap}.schools-table thead th{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:3}.schools-table .sticky-col{background-color:inherit;left:0;position:-webkit-sticky;position:sticky;z-index:2}.schools-table tbody tr.even,.schools-table tbody tr:nth-child(2n){background-color:#f6f9ff}.schools-table tbody tr.odd,.schools-table tbody tr:nth-child(odd){background-color:#fff}.contact-chip-row{display:flex;flex-wrap:wrap;gap:6px;max-width:680px}.contact-chip{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:6px 10px}.contact-chip small{color:#6b7280;font-weight:500}.contact-add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;width:28px}.contact-add-btn:hover{filter:brightness(1.05)}.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-radius:10px;color:#64748b;display:flex;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}.admin-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{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,.reservations-table tbody tr:nth-child(2n){background-color:#f6f9ff}.reservations-table tbody tr:nth-child(odd){background-color:#fff}.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;padding:.25rem .6rem}.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;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:#f6f9ff}.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%}.contact-modal{max-height:80vh;max-width:560px;overflow-y:auto;text-align:left}.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}.confirm-delete-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.confirm-delete-btn:hover:before{left:100%}.confirm-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.modal-header{border-bottom:none;overflow:hidden;padding:2rem;position:relative}.modal-header:before{background:linear-gradient(135deg,#fff3,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #0000001a}.close-button,.modal-header h3{font-family:inherit;position:relative;z-index:1}.close-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;line-height:1;padding:.5rem;transition:all .2s ease}.close-button:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.modal-content{background:linear-gradient(135deg,#fff,#f8fafc)}.modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb80;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.close-modal-button{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:.75rem;box-shadow:0 2px 8px #6b728033;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.close-modal-button:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.error-state,.loading-state,.no-feedback-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e5e7eb4d;border-radius:1rem;box-shadow:0 2px 8px #0000000d;margin:1rem;padding:3rem 2rem;text-align:center}.error-state h4,.loading-state h4,.no-feedback-state h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#a259e6);background-clip:text;-webkit-background-clip:text;font-family:inherit;font-size:1.5rem;margin-bottom:1rem}.error-state h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);background-clip:text;-webkit-background-clip:text}.loading-spinner{border:3px solid #e5e7eb4d;border-top-color:#0000;height:3rem;margin:0 auto 1.5rem;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));position:relative;width:3rem}.loading-spinner,.loading-spinner:before{background:conic-gradient(from 0deg,#4fc3f7,#a259e6,#4fc3f7);border-radius:50%}.loading-spinner:before{animation:spin 2s linear infinite reverse;bottom:-3px;content:"";left:-3px;opacity:.3;position:absolute;right:-3px;top:-3px}.feedback-content{max-width:none}.feedback-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e5e7eb4d;border-radius:1rem;box-shadow:0 2px 8px #0000000d;margin-bottom:2.5rem;padding:1.5rem}.feedback-section:last-child{margin-bottom:0}.feedback-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#a259e6);background-clip:text;-webkit-background-clip:text;border-bottom:2px solid #4fc3f7;color:#1f2937;font-family:inherit;font-size:1.25rem;font-weight:700;margin:0 0 1.25rem;padding-bottom:.75rem;position:relative}.feedback-section h4:after{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.info-grid,.metadata-grid,.ratings-grid{grid-gap:1rem;display:grid;gap:1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ratings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item,.metadata-item,.rating-item{display:flex;flex-direction:column;gap:.5rem}.feedback-item label,.info-item label,.metadata-item label,.rating-item label{color:#374151;font-family:inherit;font-size:.875rem;font-weight:600}.info-item span,.metadata-item span{color:#1f2937;font-family:inherit}.rating-display{align-items:center;display:flex;gap:.5rem}.stars{font-size:1.125rem}.rating-number{color:#6b7280;font-size:.875rem}.feedback-item{margin-bottom:1.5rem}.feedback-text{background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:0 .5rem .5rem 0;font-family:inherit;line-height:1.6;margin-top:.5rem;padding:1rem}.feedback-text.positive{background:#ecfdf5;border-left-color:#10b981}.feedback-text.negative{background:#fef2f2;border-left-color:#ef4444}.feedback-text.neutral{border-left-color:#6b7280}.feedback-text.warning{background:#fffbeb;border-left-color:#f59e0b}.recommendation{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.recommendation-value.positive{color:#059669;font-family:inherit;font-weight:600}.recommendation-value.negative{color:#dc2626;font-family:inherit;font-weight:600}.close-error-button{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.close-error-button:hover{background:#dc2626}.no-feedback-details{background:#f8fafc;border-radius:.5rem;margin-top:1rem;padding:1rem;text-align:left}.no-feedback-details p{margin:.5rem 0}.accuracy,.no-feedback-details p{color:#6b7280;font-family:inherit}.accuracy{font-size:.75rem}@media (max-width:1024px){.sessions-tab{padding:.75rem}.filter-main-controls{gap:.5rem}.filter-inline{min-width:100px}.summary-stats{gap:.5rem}.stat-card{min-width:100px;padding:.5rem .75rem}.stat-value{font-size:1.25rem}}@media (max-width:768px){.sessions-tab{padding:.5rem}.filter-controls,.sessions-content,.sessions-header{margin-bottom:.75rem}.filter-controls,.sessions-header{padding:.75rem}.filter-main-controls{align-items:stretch;flex-direction:column}.filter-inline{min-width:auto}.quick-filter-buttons{justify-content:center}.sessions-table{font-size:.75rem}.sessions-table td,.sessions-table th{padding:.5rem}.stat-value{font-size:1.5rem}.modal-overlay{padding:.5rem}.session-details-modal{max-height:95vh}.modal-content,.modal-footer,.modal-header{padding:1rem}.info-grid,.metadata-grid,.ratings-grid{grid-template-columns:1fr}}@media (max-width:480px){.header-content{align-items:stretch;flex-direction:column;gap:1rem}.summary-stats{grid-template-columns:1fr 1fr}.table-wrapper{font-size:.625rem}.completion-bar{height:1.25rem}.completion-text{font-size:.625rem}}sessions-tab{background:#f8fafc;font-family:inherit;min-height:100vh;padding:1rem}.sessions-header{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.header-content h2{color:#1f2937;font-family:inherit;font-size:1.5rem;font-weight:700;margin:0}.refresh-button{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.refresh-button:hover:not(:disabled){box-shadow:0 4px 12px #4fc3f74d;transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.summary-stats{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:.5rem;flex-shrink:0;min-width:120px;padding:.75rem 1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.stat-value{font-weight:800;margin-bottom:.25rem}.stat-label,.stat-value{font-family:inherit;line-height:1}.stat-label{font-size:.75rem;letter-spacing:.05em}.filter-controls{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:.75rem}.filter-row{display:flex;flex-direction:column;gap:.75rem}.filter-main-controls{align-items:end;display:flex;flex-wrap:wrap;gap:.75rem}.filter-inline{display:flex;flex-direction:column;min-width:120px}.filter-inline label{color:#374151;font-family:inherit;font-size:.75rem;font-weight:500;margin-bottom:.25rem;white-space:nowrap}.filter-inline input[type=date],.filter-inline select{border:1px solid #d1d5db;border-radius:.375rem;font-family:inherit;font-size:.875rem;min-width:0;padding:.5rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-inline input:focus,.filter-inline select:focus{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f71a;outline:none}.attendance-filter{min-width:140px}.attendance-filter input[type=range]{cursor:pointer;margin-top:.25rem;padding:0}.clear-filters-btn{align-self:end;background:#ef4444;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:.5rem .75rem;transition:background .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626}.quick-filters{border-top:1px solid #e5e7eb;padding-top:1.5rem}.quick-filters h4{color:#1f2937;font-family:inherit;font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.quick-filter-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.quick-filter-btn:hover:not(:disabled){background:#e5e7eb}.quick-filter-btn.active{background:#4fc3f7;border-color:#4fc3f7;color:#fff}.quick-filter-btn:disabled{cursor:not-allowed;opacity:.5}.filter-summary{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.filter-summary h4{color:#1f2937;font-family:inherit;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tag{background:#e0f2fe;border-radius:1rem;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.filter-tag,.filter-tag button{align-items:center;color:#0277bd;display:flex;font-family:inherit}.filter-tag button{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1rem;height:1rem;justify-content:center;line-height:1;padding:0;transition:background .2s ease;width:1rem}.filter-tag button:hover{background:#0277bd1a}.sessions-content{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.sessions-table-container{width:100%}.table-wrapper{max-width:100%;overflow-x:auto}.sessions-table{border-collapse:collapse;font-family:inherit;font-size:.875rem;width:100%}.sessions-table td,.sessions-table th{border-bottom:1px solid #e5e7eb;font-family:inherit;padding:.75rem .5rem;text-align:left;vertical-align:top}.sessions-table th{background:#f8fafc;color:#374151;font-family:inherit;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sessions-table th.sortable{cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.sessions-table th.sortable:hover{background:#f1f5f9}.sessions-table tbody tr:hover{background:#f8fafc}.date-cell{min-width:140px}.start-time{color:#1f2937;font-family:inherit;font-weight:600;margin-bottom:.25rem}.end-time{color:#6b7280;font-family:inherit;font-size:.75rem}.squad-cell{min-width:160px}.squad-name{color:#1f2937;font-family:inherit;font-weight:600;margin-bottom:.25rem}.level-info{background:#f3f4f6;border-radius:.375rem;color:#6b7280;display:inline-block;font-family:inherit;font-size:.75rem;padding:.125rem .5rem}.attendance-cell{min-width:100px;text-align:center}.attendance-numbers{font-family:inherit;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.attendance-percentage{font-family:inherit;font-size:.75rem;opacity:.8}.timing-cell{min-width:120px}.actual-duration{color:#1f2937;font-family:inherit;font-weight:600;margin-bottom:.25rem}.scheduled-duration,.scheduled-time{color:#6b7280;font-family:inherit;font-size:.75rem;margin-bottom:.125rem}.punctuality{font-family:inherit;font-weight:700;margin-top:.125rem}.attendance-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff80,inset 0 1px 0 #fffc;overflow:hidden}.attendance-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.attendance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.attendance-header h4{font-family:inherit;margin:0}.attendance-count{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;font-family:inherit;font-size:.75rem;padding:.125rem .5rem}.attendance-column ul{list-style:none;margin:0;padding:0}.attendance-chips{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.student-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e5e7eb4d;border-radius:1rem;box-shadow:0 2px 8px #0000000f;display:flex;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;transition:all .2s ease}.student-chip:before{background:linear-gradient(135deg,#fffc,#fff6);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.student-chip:hover:before{opacity:1}.student-chip:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.student-chip.present{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ecfdf5e6,#d1fae5b3);border-color:#a7f3d099}.student-chip.present:after{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 2px 4px #10b9814d;color:#fff;content:"✓";display:flex;font-family:inherit;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:1.25rem}.student-chip.absent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef2f2e6,#fce2e2b3);border-color:#fecaca99}.student-chip.absent:after{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 4px #ef44444d;color:#fff;content:"✕";display:flex;font-family:inherit;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:1.25rem}.chip-avatar{object-fit:cover}.chip-avatar,.chip-initials{border:1px solid #e5e7eb;border-radius:50%;height:28px;width:28px}.chip-initials{align-items:center;background:#c7d2fe;color:#1f2937;display:flex;font-family:inherit;font-size:.75rem;font-weight:700;justify-content:center}.chip-name{color:#111827;font-family:inherit;font-size:.875rem}.attendance-column.present .attendance-header h4{color:#065f46}.attendance-column.absent .attendance-header h4{color:#7f1d1d}@media (max-width:768px){.attendance-grid{grid-template-columns:1fr}}.completion-cell{min-width:120px}.completion-bar{align-items:center;border-radius:.75rem;display:flex;height:1.5rem;justify-content:center;overflow:hidden;position:relative;width:100%}.completion-text{color:#fff;font-family:inherit;font-size:.75rem;font-weight:600;position:relative;text-shadow:0 1px 2px #0000001a;z-index:1}.location-cell{min-width:100px;text-align:center}.location-icon{font-size:1.25rem;margin-bottom:.25rem}.location-status{display:block;font-family:inherit;font-size:.75rem;font-weight:600;margin-bottom:.25rem;text-transform:capitalize}.distance{font-family:inherit;font-size:.625rem;opacity:.8}.rating-cell{min-width:100px;text-align:center}.rating-number{margin-top:0}.rating-large,.rating-number{color:inherit;font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.2}.rating-excellent{color:#10b981!important}.rating-good{color:#f59e0b!important}.rating-poor{color:#ef4444!important}.rating-na{color:#6b7280!important}.actions-cell{display:flex;gap:.5rem;justify-content:center;min-width:120px;text-align:center}.ratings-modal{background:#fff;border-radius:.75rem;box-shadow:0 10px 40px #0003;max-width:90vw;width:600px}.ratings-modal .modal-content,.ratings-modal .modal-header h3{color:#111827}.student-ratings-table{border-collapse:collapse;width:100%}.student-ratings-table td,.student-ratings-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.student-ratings-table th{background:#f9fafb;color:#111827;text-align:left}.modal-overlay{background:#0006;inset:0}.modal-header{background:linear-gradient(90deg,#60a5fa,#a78bfa);border-top-left-radius:.75rem;border-top-right-radius:.75rem}.modal-content,.modal-header{padding:1rem 1.25rem}.close-button{background:#0000;font-size:1.25rem}.delete-session-button,.feedback-button{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;height:2rem;justify-content:center;padding:.375rem;transition:all .2s ease;width:2rem}.feedback-button:hover:not(:disabled){background:#4fc3f7;border-color:#4fc3f7;color:#fff;transform:translateY(-1px)}.feedback-button:disabled{cursor:not-allowed;opacity:.5}.delete-session-button:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.live-session{animation:live-pulse 2s infinite}.live-indicator{animation:live-blink 1.5s infinite;background:#d1fae5;border-radius:9999px;color:#059669;display:inline-block;font-family:inherit;font-size:.625rem;font-weight:700;margin-right:.5rem;padding:.125rem .375rem}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 #10b98166}50%{box-shadow:0 0 0 4px #10b9811a}}@keyframes live-blink{0%,50%{opacity:1}51%,to{opacity:.6}}.loading-skeleton{padding:1.5rem}.skeleton-header,.skeleton-row{display:flex;gap:1rem;margin-bottom:.75rem}.skeleton-header{margin-bottom:1.5rem}.skeleton-cell{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:.25rem;flex:1 1;height:1rem}.skeleton-header .skeleton-cell{background:linear-gradient(90deg,#e0e0e0 25%,#d0d0d0 50%,#e0e0e0 75%);height:1.25rem}.empty-state{color:#6b7280;padding:3rem 1.5rem;text-align:center}.empty-state h3{color:#1f2937;font-family:inherit;margin:0 0 .5rem}.empty-state p{font-family:inherit;margin:0}.sessions-tab-error{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:1.5rem}.error-container{background:#fff;border:1px solid #fed7d7;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center}.error-container h3{color:#dc2626;font-family:inherit;margin:0 0 1rem}.error-container p{color:#6b7280;font-family:inherit;margin:0 0 1.5rem}.modal-overlay{animation:modalOverlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0009,#0006);padding:1rem}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.session-details-modal{max-width:900px}.confirm-modal,.session-details-modal{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff80,inset 0 1px 0 #fffc;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.confirm-modal{border:2px solid #ef444433;max-width:640px}.confirm-body{color:#0f172a;padding:1rem .5rem}.confirm-intro{color:#334155;font-family:inherit;font-size:1rem;margin:0 0 1rem}.confirm-details{margin:0;padding:0}.confirm-details li{grid-gap:1rem;align-items:baseline;display:grid;font-family:inherit;gap:1rem;grid-template-columns:140px 1fr;list-style:none;margin:0 0 .75rem}.confirm-warning{color:#dc2626;font-family:inherit;font-weight:600;margin-top:1.25rem}.confirm-actions{display:flex;gap:.75rem}.confirm-cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:.75rem;box-shadow:0 2px 8px #6b728033;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease}.confirm-cancel-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b72804d;transform:translateY(-1px)}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.75rem;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .2s ease}.campaign-editor{margin:0 auto;max-width:1200px;padding:1rem}.campaign-editor__header{margin-bottom:2rem}.campaign-editor__header-nav{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.campaign-editor__back-button{background:none;border:none;color:#546e7a;cursor:pointer;font-size:1.5rem;transition:color .2s ease}.campaign-editor__back-button:hover{color:#2c3e50}.campaign-editor__title{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.campaign-editor__section{background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:2rem}.campaign-editor__section-title{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.campaign-editor__field{margin-bottom:1.5rem}.campaign-editor__label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.campaign-editor__label--inline{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:.5rem}.campaign-editor__help-text{color:#546e7a;font-size:.9rem;font-style:italic;margin-top:.25rem}.campaign-editor__input{border:2px solid #0000001a;border-radius:.5rem;font-family:inherit;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.campaign-editor__input:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.campaign-editor__input--error{border-color:#f44336}.campaign-editor__input--error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.campaign-editor__textarea{border:1px solid #0000001a;border-radius:.25rem;font-family:inherit;font-size:.9rem;min-height:80px;outline:none;padding:.75rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.campaign-editor__textarea:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.campaign-editor__textarea--error{border-color:#f44336}.campaign-editor__select{background:#fff;border:1px solid #0000001a;border-radius:.25rem;font-size:.9rem;outline:none;padding:.5rem;transition:border-color .3s ease}.campaign-editor__select:focus{border-color:#4fc3f7}.campaign-editor__checkbox{margin-right:.5rem;transform:scale(1.2)}.campaign-editor__date-row{display:flex;gap:1rem;margin-bottom:1.5rem}.campaign-editor__date-field{flex:1 1}.campaign-editor__error{color:#f44336;font-size:.9rem;font-weight:500;margin-top:.5rem}.campaign-editor__error--small{font-size:.8rem}.campaign-editor__squad-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.campaign-editor__squad-container{background:#fafafa;border:2px solid #0000001a;border-radius:.5rem;max-height:200px;overflow-y:auto;padding:1rem}.campaign-editor__squad-container--error{border-color:#f44336}.campaign-editor__squad-item{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.5rem;transition:background-color .2s ease}.campaign-editor__squad-item:hover{background-color:#4fc3f71a}.campaign-editor__squad-item:last-child{margin-bottom:0}.campaign-editor__questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.campaign-editor__question-card{background:#fafafa;border:1px solid #0000001a;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.campaign-editor__question-card:last-child{margin-bottom:0}.campaign-editor__question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.campaign-editor__question-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0}.campaign-editor__option-row{align-items:stretch;display:flex;gap:.5rem;margin-bottom:.5rem}.campaign-editor__option-row:last-child{margin-bottom:0}.campaign-editor__option-input{border:1px solid #0000001a;border-radius:.25rem;flex:1 1;font-size:.9rem;outline:none;padding:.5rem;transition:border-color .3s ease}.campaign-editor__option-input:focus{border-color:#4fc3f7}.campaign-editor__options-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.campaign-editor__button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.campaign-editor__button:disabled{cursor:not-allowed;opacity:.6}.campaign-editor__button--primary{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 2px 8px #4caf5033;color:#fff}.campaign-editor__button--primary:hover:not(:disabled){box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.campaign-editor__button--secondary{background:linear-gradient(135deg,#4fc3f7,#45b7d1);box-shadow:0 2px 8px #4fc3f733;color:#fff}.campaign-editor__button--secondary:hover:not(:disabled){box-shadow:0 4px 12px #4fc3f74d;transform:translateY(-1px)}.campaign-editor__button--danger{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 8px #f4433633;color:#fff}.campaign-editor__button--danger:hover:not(:disabled){box-shadow:0 4px 12px #f443364d;transform:translateY(-1px)}.campaign-editor__button--cancel{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #9e9e9e33;color:#fff}.campaign-editor__button--cancel:hover:not(:disabled){box-shadow:0 4px 12px #9e9e9e4d;transform:translateY(-1px)}.campaign-editor__button--select-all{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 8px #ff980033;color:#fff}.campaign-editor__button--select-all:hover:not(:disabled){box-shadow:0 4px 12px #ff98004d;transform:translateY(-1px)}.campaign-editor__button--small{border-radius:.25rem;font-size:.8rem;padding:.25rem .5rem}.campaign-editor__button--remove-option{font-size:.8rem;justify-content:center;min-width:32px;padding:.5rem}.campaign-editor__button--loading{background:linear-gradient(135deg,#ccc,#999);color:#fff}.campaign-editor__actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.campaign-editor__actions .campaign-editor__button{font-size:1rem;padding:.75rem 1.5rem}@media (max-width:768px){.campaign-editor{padding:.5rem}.campaign-editor__section{padding:1rem}.campaign-editor__date-row{flex-direction:column;gap:0}.campaign-editor__actions{flex-direction:column}.campaign-editor__questions-header,.campaign-editor__squad-header{align-items:flex-start;flex-direction:column;gap:.5rem}}.campaign-editor__question-card{animation:fadeInUp .3s ease-out}.campaign-results{margin:0 auto;max-width:1400px;padding:1rem}.campaign-results__header{margin-bottom:2rem}.campaign-results__title{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.campaign-results__filters{background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.campaign-results__filters-title{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.campaign-results__filters-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.campaign-results__filter-group{flex:1 1;min-width:200px}.campaign-results__filter-label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.campaign-results__filter-input,.campaign-results__filter-select{border:1px solid #0000001a;border-radius:.5rem;font-family:inherit;font-size:.9rem;outline:none;padding:.5rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.campaign-results__filter-input:focus,.campaign-results__filter-select:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a}.campaign-results__filter-actions{display:flex;flex-wrap:wrap;gap:1rem}.campaign-results__button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.campaign-results__button:disabled{cursor:not-allowed;opacity:.6}.campaign-results__button--primary{background:linear-gradient(135deg,#4fc3f7,#45b7d1);box-shadow:0 2px 8px #4fc3f733;color:#fff}.campaign-results__button--primary:hover:not(:disabled){box-shadow:0 4px 12px #4fc3f74d;transform:translateY(-1px)}.campaign-results__button--secondary{background:linear-gradient(135deg,#9e9e9e,#757575);box-shadow:0 2px 8px #9e9e9e33;color:#fff}.campaign-results__button--secondary:hover:not(:disabled){box-shadow:0 4px 12px #9e9e9e4d;transform:translateY(-1px)}.campaign-results__button--loading{background:linear-gradient(135deg,#ccc,#999);color:#fff}.campaign-results__loading{padding:3rem;text-align:center}.campaign-results__loading-icon{animation:pulse 2s infinite;font-size:2rem;margin-bottom:1rem}.campaign-results__loading-text{color:#546e7a;font-size:1.1rem}.campaign-results__empty{background:linear-gradient(135deg,#4fc3f71a,#a259e61a);border:2px dashed #4fc3f74d;border-radius:1rem;padding:3rem;text-align:center}.campaign-results__empty-icon{font-size:3rem;margin-bottom:1rem}.campaign-results__empty-title{color:#2c3e50;font-size:1.5rem;margin-bottom:.5rem}.campaign-results__empty-text{color:#546e7a;font-size:1rem;line-height:1.5}.campaign-results__analytics{display:flex;flex-direction:column;gap:2rem}.campaign-results__campaign-card{background:#fff;border:1px solid #0000001a;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:box-shadow .3s ease}.campaign-results__campaign-card:hover{box-shadow:0 8px 25px #00000026}.campaign-results__campaign-header{align-items:center;border-bottom:2px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.campaign-results__campaign-title{color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0}.campaign-results__campaign-meta{color:#546e7a;display:flex;font-size:.9rem;font-weight:500;gap:2rem}.campaign-results__metric{text-align:center}.campaign-results__metric-value{color:#4fc3f7;display:block;font-size:1.5rem;font-weight:700}.campaign-results__metric-label{color:#546e7a;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.campaign-results__questions{margin-top:1.5rem}.campaign-results__questions h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.campaign-results__question-card{background:#4fc3f70d;border:1px solid #0000001a;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.campaign-results__question-card:hover{transform:translateY(-2px)}.campaign-results__question-title h5{color:#2c3e50;font-size:1rem;font-weight:600;margin-bottom:.5rem}.campaign-results__question-stats{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.campaign-results__response-count{color:#546e7a;font-size:.9rem;margin-bottom:.5rem}.campaign-results__question-type{color:#ff9800;font-weight:600;text-transform:capitalize}.campaign-results__top-answer{background:linear-gradient(135deg,#4caf501a,#81c7841a);border-left:4px solid #4caf50;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.campaign-results__top-answer-label{color:#4caf50;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.campaign-results__top-answer-text{color:#2c3e50;font-weight:600;line-height:1.3;margin-bottom:.25rem}.campaign-results__top-answer-stats{color:#546e7a;font-size:.9rem}.campaign-results__text-responses{max-height:200px;overflow-y:auto}.campaign-results__text-response{background:#fffc;border:1px solid #0000000d;border-radius:.25rem;margin-bottom:.5rem;padding:.5rem}.campaign-results__response-date{color:#9e9e9e;font-size:.8rem;margin-top:.25rem}.campaign-results__more-responses{color:#9e9e9e;font-size:.8rem;padding:.5rem;text-align:center}.campaign-results__distribution{margin-top:1rem}.campaign-results__distribution-title{color:#2c3e50;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.campaign-results__answer-item{align-items:center;background:#ffffffb3;border-left:3px solid #4fc3f7;border-radius:.25rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.campaign-results__answer-item:last-child{margin-bottom:0}.campaign-results__answer-text{color:#2c3e50;flex:1 1;font-size:.9rem;line-height:1.3;margin-right:1rem}.campaign-results__answer-count{color:#4fc3f7;font-size:.9rem;font-weight:600}@media (max-width:768px){.campaign-results{padding:.5rem}.campaign-results__filters{padding:1rem}.campaign-results__filters-row{flex-direction:column;gap:.5rem}.campaign-results__filter-group{min-width:auto}.campaign-results__filter-actions{flex-direction:column}.campaign-results__campaign-header{align-items:flex-start;flex-direction:column;gap:1rem}.campaign-results__campaign-meta{flex-wrap:wrap;gap:1rem}.campaign-results__questions{gap:1rem;grid-template-columns:1fr}.campaign-results__question-card{padding:1rem}.campaign-results__answer-item{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width:480px){.campaign-results__title{font-size:1.5rem}.campaign-results__campaign-title,.campaign-results__metric-value{font-size:1.2rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.campaign-results__campaign-card,.campaign-results__question-card{animation:fadeInUp .3s ease-out}.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{font-size:.9rem}.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}.fc-event.squad-event.live-event:after{display:none}.fc-event.squad-event.live-event:before{bottom:4px;height:8px;right:4px;width:8px}}.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 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}.modal-overlay{background:#00000080;padding:2rem}.parent-info-modal{background:#fff;border-radius:1rem;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#4fc3f7,#a259e6);color:#fff;justify-content:between;padding:1.5rem 2rem}.header-info h3{font-size:1.5rem;font-weight:800;margin:0 0 .25rem}.parent-email{font-weight:500;opacity:.9}.close-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2.5rem;justify-content:center;margin-left:auto;transition:background .2s ease;width:2.5rem}.close-button:hover{background:#ffffff4d}.modal-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;padding:1rem;transition:all .2s ease}.tab-button:hover{background:#4fc3f70d;color:#4fc3f7}.tab-button.active{background:#fff;border-bottom-color:#4fc3f7;color:#4fc3f7}.modal-content{flex:1 1;overflow-y:auto;padding:2rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.info-card h4{color:#374151;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.info-row{display:flex;justify-content:between;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.info-row label{color:#6b7280;font-size:.9rem;font-weight:600;min-width:100px}.info-row span{color:#374151;flex:1 1;font-size:.9rem;text-align:right}.parent-id{background:#4fc3f71a;border-radius:.25rem;color:#4fc3f7;font-family:Monaco,Menlo,monospace;font-size:.8rem;padding:.25rem .5rem}.current-consents{margin-top:2rem}.current-consents h4{color:#374151;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.consent-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.consent-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}.consent-header{align-items:center;display:flex;justify-content:between;margin-bottom:.75rem}.consent-title{color:#374151;font-size:.95rem;font-weight:600}.consent-status{border-radius:.375rem;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.consent-status.accepted{background:#dcfce7;color:#166534}.consent-status.denied,.consent-status.not-accepted{background:#fee2e2;color:#dc2626}.consent-details{color:#6b7280;font-size:.85rem;line-height:1.4}.consent-details div{margin-bottom:.25rem}.students-header h4{color:#374151;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.no-students{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;color:#6b7280;padding:3rem;text-align:center}.students-list{display:flex;flex-direction:column;gap:1rem}.student-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:between;padding:1.25rem}.student-info{flex:1 1}.student-name{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.25rem}.student-email{margin-bottom:.5rem}.relationship,.student-email{color:#6b7280;font-size:.85rem}.relationship{margin-bottom:.25rem}.relationship-badge{background:#4fc3f71a;border-radius:.25rem;color:#4fc3f7;font-weight:600;padding:.125rem .375rem;text-transform:capitalize}.linked-date{color:#9ca3af;font-size:.8rem}.student-actions{margin-left:1rem}.unlink-button{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.unlink-button:hover{background:#fecaca;transform:translateY(-1px)}.consents-header h4{color:#374151;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.consents-header p{color:#6b7280;font-size:.9rem;margin:0 0 1.5rem}.no-consents{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;color:#6b7280;padding:3rem;text-align:center}.consents-timeline{display:flex;flex-direction:column;gap:1rem}.consent-event{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #4fc3f7;border-radius:.5rem;padding:1.25rem}.event-header{align-items:center;display:flex;justify-content:between;margin-bottom:1rem}.event-type{color:#374151;font-size:.95rem;font-weight:600}.event-date,.event-details{color:#6b7280;font-size:.85rem}.event-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.value-badge{border-radius:.25rem;font-weight:600;padding:.125rem .375rem}.value-badge.positive{background:#dcfce7;color:#166534}.value-badge.negative{background:#fee2e2;color:#dc2626}.event-ip,.event-useragent,.event-version{color:#9ca3af;font-size:.8rem}.loading-spinner{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:3rem}.error-content{color:#dc2626;padding:2rem;text-align:center}.retry-button{margin-top:1rem}@media (max-width:768px){.modal-overlay{padding:1rem}.parent-info-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.header-info h3{font-size:1.25rem}.modal-content{padding:1.5rem}.info-grid{gap:1rem}.consent-cards,.info-grid{grid-template-columns:1fr}.student-card{align-items:stretch;flex-direction:column}.student-actions{margin-left:0;margin-top:1rem}.event-details{gap:.5rem;grid-template-columns:1fr}}@media (max-width:480px){.modal-tabs{overflow-x:auto}.tab-button{min-width:120px;white-space:nowrap}}.manage-parents-container{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000001a;padding:0}.manage-parents-header{display:none}.header-content h2{font-size:1.8rem;font-weight:800;margin:0 0 .5rem}.header-content p{font-size:1rem;font-weight:500;margin:0;opacity:.9}.parent-stats{display:flex;gap:1.5rem;margin-top:1.5rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:.75rem;padding:1rem}.stat-number{font-weight:800;margin-bottom:.25rem}.stat-label{font-size:.85rem;opacity:.9}.filters-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:1.5rem;padding:1.5rem 2rem}.filter-group{flex:1 1}.filter-group label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.filter-input,.filter-select{border:2px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.9rem;padding:.75rem;transition:all .2s ease;width:100%}.filter-input:focus,.filter-select:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a;outline:none}.parents-table-container{padding:2rem}.parents-table-wrapper{background:#fff;border-radius:.75rem;box-shadow:inset 0 0 0 1px #eef2f7;max-height:65vh;overflow:auto}.parents-table{border-collapse:initial;border-spacing:0;min-width:1000px;width:100%}.parents-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;padding:1rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:2}.parents-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}.parent-row{transition:background .2s ease}.parent-row:hover{background:#f8fafc}.sticky-col-1{background:#fff;box-shadow:1px 0 0 #e5e7eb;left:0;position:-webkit-sticky;position:sticky;z-index:3}th.sticky-col-1{background:#f9fafb;z-index:4}.parent-name .name{color:#374151;font-size:.95rem;font-weight:600}.parent-email{color:#6b7280;font-size:.9rem}.parent-school{color:#374151;font-size:.9rem}.link-badge{border-radius:.375rem;display:inline-block;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.link-badge.has-links{background:#dcfce7;color:#166534}.link-badge.no-links{background:#f3f4f6;color:#6b7280}.status-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-suspended{background:#fee2e2;color:#dc2626}.status-badge.status-invited{background:#fef3c7;color:#d97706}.view-button{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.view-button:hover{box-shadow:0 4px 15px #4fc3f74d;transform:translateY(-1px)}.students-chips{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.student-chip{background:#eef2ff;border-radius:9999px;color:#3730a3;font-size:.8rem;padding:4px 8px}.link-students-button,.student-chip{border:none;cursor:pointer;font-weight:700}.link-students-button{background:#16a34a;border-radius:.5rem;color:#fff;padding:.5rem .75rem}.link-students-button.small{padding:.25rem .5rem}.no-students-box{align-items:center;border:2px dashed #ef4444;border-radius:.75rem;display:inline-flex;padding:.5rem}.no-students-box .unlinked-names{background:#fee2e2;border-radius:9999px;color:#7f1d1d;font-size:.8rem;font-weight:700;margin-right:8px;padding:3px 8px}.loading-message,.no-results{color:#6b7280;padding:3rem 2rem;text-align:center}.no-results h3{color:#374151;margin:0 0 .5rem}.error-message{padding:3rem 2rem}.error-message h3{color:#dc2626;margin:0 0 1rem}.retry-button{background:#dc2626;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:.75rem 1.5rem;transition:background .2s ease}.retry-button:hover{background:#b91c1c}@media (max-width:1024px){.filters-section{flex-direction:column;gap:1rem}.parent-stats{flex-wrap:wrap}.stat-card{flex:1 1;min-width:100px}}@media (max-width:768px){.manage-parents-header{padding:1.5rem}.parent-stats{gap:1rem}.stat-card{padding:.75rem}.stat-number{font-size:1.5rem}.parents-table-container{overflow-x:auto;padding:1rem}.parents-table{min-width:800px}.parents-table td,.parents-table th{padding:.75rem .5rem}}.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:flex-start;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}.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;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%}}.star-modal-backdrop{align-items:center;animation:backdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.star-modal-content{animation:modalSlideIn .4s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #9c88ff33;border-radius:1.5rem;box-shadow:0 20px 40px #00000026,0 10px 20px #0000001a;font-family:Fredoka One,Arial,sans-serif;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.star-modal-content.success{animation:successPulse .5s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#3b82f64d}.star-modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.star-modal-title{color:#374151;flex:1 1;font-size:1.5rem;font-weight:800;line-height:1.3;margin:0;padding-right:1rem}.student-name-highlight{background:linear-gradient(135deg,#e8f5e8,#f3f0ff);border-radius:.5rem;color:#9c88ff;font-weight:900;padding:.2rem .5rem}.star-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:2rem;height:2.5rem;justify-content:center;padding:0;transition:all .2s ease;width:2.5rem}.star-modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.star-modal-close:disabled{cursor:not-allowed;opacity:.5}.reason-selection-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:2rem}.reason-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;overflow:hidden;padding:1.2rem .8rem;position:relative;transition:all .3s ease}.reason-button:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#9c88ff;box-shadow:0 8px 20px #9c88ff26;transform:translateY(-2px)}.reason-button.selected{background:linear-gradient(135deg,#9c88ff,#6b46c1);border-color:#6b46c1;box-shadow:0 8px 25px #9c88ff66;color:#fff;transform:scale(1.05)}.reason-button.selected:before{animation:rainbowBorder 2s linear infinite;background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);border-radius:1rem;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.reason-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.reason-emoji{font-size:2rem;transition:transform .3s ease}.reason-button:hover .reason-emoji{transform:scale(1.2) rotate(10deg)}.reason-button.selected .reason-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1.3)}.reason-label{font-size:.9rem;font-weight:700;text-align:center;transition:all .3s ease}.reason-button.selected .reason-label{text-shadow:0 1px 2px #0000004d}.custom-reason-section{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.custom-reason-label{color:#374151;display:block;font-size:1rem;font-weight:700;margin-bottom:.8rem}.custom-reason-input{background:#fff;border:2px solid #d1d5db;border-radius:.75rem;box-sizing:border-box;color:#374151;font-family:inherit;font-size:1rem;font-weight:600;padding:.8rem 1rem;transition:all .3s ease;width:100%}.custom-reason-input:focus{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#9c88ff;box-shadow:0 0 0 3px #9c88ff1a;outline:none}.custom-reason-input:disabled{cursor:not-allowed;opacity:.6}.character-count{color:#6b7280;font-size:.8rem;font-weight:600;margin-top:.5rem;text-align:right}.star-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.award-button,.cancel-button{align-items:center;border:2px solid #0000;border-radius:1rem;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;gap:.5rem;overflow:hidden;padding:.8rem 2rem;position:relative;transition:all .3s ease}.cancel-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#6b7280}.cancel-button:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-1px)}.cancel-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.award-button{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-color:#9ca3af;color:#6b7280}.award-button.enabled{background:linear-gradient(135deg,#9c88ff,#6b46c1);border-color:#6b46c1;box-shadow:0 4px 15px #9c88ff4d;color:#fff}.award-button.enabled:hover{background:linear-gradient(135deg,#8b7cf6,#5b21b6);box-shadow:0 6px 20px #9c88ff66;transform:translateY(-2px)}.award-button:disabled{cursor:not-allowed;transform:none!important}.award-star-emoji{animation:starPulse 2s infinite;font-size:1.2rem}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}.success-content{padding:2rem 0;text-align:center}.success-animation{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:2rem;position:relative}.success-star{animation:successStarBounce .8s ease-out;filter:drop-shadow(0 4px 12px rgba(255,215,0,.4));font-size:4rem}.success-sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sparkle{animation:sparkleFloat 1.5s ease-out;font-size:1.5rem;position:absolute}.sparkle-0{animation-delay:0s;left:20%;top:10%}.sparkle-1{animation-delay:.1s;right:15%;top:20%}.sparkle-2{animation-delay:.2s;left:10%;top:40%}.sparkle-3{animation-delay:.3s;right:10%;top:60%}.sparkle-4{animation-delay:.4s;bottom:30%;left:25%}.sparkle-5{animation-delay:.5s;bottom:20%;right:25%}.sparkle-6{animation-delay:.1s;left:50%;top:30%}.sparkle-7{animation-delay:.3s;left:45%;top:70%}.sparkle-8{animation-delay:.2s;left:70%;top:15%}.sparkle-9{animation-delay:.4s;left:60%;top:80%}.sparkle-10{animation-delay:.1s;left:80%;top:50%}.sparkle-11{animation-delay:.5s;left:5%;top:35%}.success-title{animation:slideUp .6s ease-out .3s both;color:#1f2937;font-size:2rem;font-weight:900;margin:0 0 1rem}.success-message{animation:slideUp .6s ease-out .5s both;color:#6b7280;font-size:1.1rem;line-height:1.5;margin:0}.reason-highlight{background:linear-gradient(135deg,#f3f0ff,#e8f5e8);border-radius:.4rem;color:#9c88ff;font-weight:800;padding:.2rem .4rem}@media (max-width:640px){.star-modal-content{border-radius:1rem;margin:1rem;padding:1.5rem}.star-modal-title{font-size:1.3rem}.reason-selection-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.reason-button{padding:1rem .6rem}.reason-emoji{font-size:1.5rem}.reason-label{font-size:.8rem}.star-modal-actions{flex-direction:column;gap:.8rem}.award-button,.cancel-button{justify-content:center;width:100%}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rainbowBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes successStarBounce{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.3) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(1turn)}}.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-radius:8px;color:#ef4444;font-weight:500}.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}.photo-consent-icon{align-items:center;background:#fffffff2;border:1.5px solid;border-radius:6px;box-shadow:0 2px 4px #00000026;display:flex;font-size:.75rem;height:28px;justify-content:center;left:4px;pointer-events:none;position:absolute;top:4px;width:28px;z-index:10}.photo-consent-icon.neutral{background:#f9fafbfa;border-color:#9ca3af80}.parent-link-icon{align-items:center;background:#fffffff2;border:1.5px solid;border-radius:6px;box-shadow:0 2px 4px #00000026;display:flex;font-size:.75rem;height:28px;justify-content:center;pointer-events:none;position:absolute;right:4px;top:4px;width:28px;z-index:10}.parent-link-icon.linked{background:#f0fdf4fa;border-color:#22c55e66}.parent-link-icon.unlinked{background:#fef2f2fa;border-color:#ef444466}.photo-consent-icon.consent-yes{background:#f0fdf4fa;border-color:#22c55e66}.photo-consent-icon.consent-no{background:#fef2f2fa;border-color:#ef444466}.photo-consent-icon.consent-no-parent{background:#f9fafbfa;border-color:#9ca3af66}.consent-check,.consent-x{align-items:center;border-radius:50%;bottom:-2px;box-shadow:0 1px 2px #0003;display:flex;font-size:.65rem;font-weight:900;height:12px;justify-content:center;line-height:1;position:absolute;right:-2px;width:12px}.consent-check{background:#22c55e;color:#fff}.consent-x{background:#ef4444;color:#fff}.consent-x-overlay{color:#6b7280;font-size:1rem;font-weight:900;left:50%;line-height:1;position:absolute;text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 4px #fff;top:50%;transform:translate(-50%,-50%)}.student-info-section{align-items:center;flex-direction:column;gap:.3rem;isolation:isolate;z-index:999}.star-section-mini,.student-info-section{display:flex;position:relative;width:100%}.star-section-mini{background:linear-gradient(135deg,#f8fafce6,#f3f4f6e6);border:1px solid #9c88ff1a;border-radius:.5rem;justify-content:center;margin-top:.4rem;max-width:100%;padding:.2rem;z-index:1!important}.star-slots-mini{align-items:center;display:flex;gap:.2rem}.star-slot-mini{align-items:center;background:none;border:none;border-radius:50%;cursor:not-allowed;display:flex;filter:grayscale(100%) contrast(.3);font-size:.8rem;height:1.2rem;justify-content:center;position:relative;text-shadow:0 0 2px #0000004d;transition:all .3s ease;width:1.2rem}.star-slot-mini.earned{animation:starGlowMini 2s ease-in-out infinite;filter:none;text-shadow:0 1px 2px #ffd70080;transform:scale(1.1)}.star-slot-mini.clickable{background:#9c88ff0d;border:1px dashed #9c88ff66;cursor:pointer;filter:grayscale(80%) contrast(.6)}.star-slot-mini.clickable:hover{background:#9c88ff1a;border-color:#9c88ff99;box-shadow:0 2px 6px #9c88ff4d;filter:grayscale(40%) contrast(.8);transform:scale(1.2)}.star-slot-mini.clickable:active{background:#9c88ff26;transform:scale(1.05)}@media (max-width:1200px){.attendance-grid-content{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.star-slot-mini{font-size:.75rem;height:1.1rem;width:1.1rem}}@media (max-width:900px){.attendance-grid-content{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width:768px){.star-section-mini{margin-top:.3rem;padding:.15rem}.star-slot-mini{font-size:.7rem;height:1rem;width:1rem}.attendance-grid-content{gap:6px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}}@media (max-width:600px){.star-slot-mini{font-size:.65rem;height:.9rem;width:.9rem}.attendance-grid-content{gap:4px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.student-grid-item{min-height:70px;padding:6px}}@keyframes starGlowMini{0%,to{filter:brightness(1) drop-shadow(0 1px 2px rgba(255,215,0,.5))}50%{filter:brightness(1.3) drop-shadow(0 1px 4px rgba(255,215,0,.8))}}.squad-dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.squad-title-container{align-items:center;display:flex;gap:1rem}.squad-title-container h1{margin:0}.back-button,.info-button,.reward-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:1rem;box-shadow:0 2px 8px #4fc3f733;color:#fff;cursor:pointer;display:flex;font-size:1.7rem;font-weight:600;justify-content:center;min-height:72px;overflow:hidden;padding:.8rem 2rem;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%}.reward-button{align-items:center;background:linear-gradient(135deg,gold,orange);border-radius:1rem;box-shadow:0 2px 8px #ffd7004d;display:flex;font-size:1.7rem;font-weight:600;justify-content:center;min-height:72px;overflow:hidden;padding:.8rem 2rem;position:relative}.reward-button:hover{box-shadow:0 6px 24px #ffd70080!important;transform:translateY(-2px) scale(1.05)}.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{margin-top:6px;max-width:100%;padding:0;width:100%}.squad-header-inline{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:0 0 8px;padding:0}.squad-title-block{align-items:flex-start;display:flex;flex-direction:column;margin:0;padding:0}.squad-title-with-classes{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.squad-title-centered{color:#00d4ff;font-size:2.7rem;font-weight:900;margin:0;text-align:left}.classes-left-badge{background:linear-gradient(135deg,#ff6b6b,#ff8787);border-radius:1rem;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:.9rem;font-weight:600;padding:.4rem .8rem;white-space:nowrap}.squad-details-and-code{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin:0;padding:0}.code-badge-prominent{align-items:center;background:linear-gradient(90deg,#4aaff7 60%,#6a8cff);border-radius:1rem;box-shadow:0 2px 8px #4fc3f726;color:#fff;cursor:pointer;display:flex;font-size:1.7rem;font-weight:600;gap:1rem;letter-spacing:.5px;margin-top:0;min-height:72px;padding:.8rem 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.6rem;font-weight:600;margin-right:.6rem;opacity:.9}.code-value{font-size:1.8rem;font-weight:700;letter-spacing:2px}.student-chip-avatar{box-shadow:0 2px 8px #00000014;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-and-cash{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem}.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;min-width:auto;text-align:center}.cash-amount{font-size:1.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%;height:calc(100vh - 180px);max-width:none;overflow:hidden;padding:.5%;width:100%}.dashboard-main-content{background:#0000;border-radius:24px;min-width:0;overflow:hidden;width:75%}.dashboard-sidebar{background:#2c2c54;border:1px solid #3a3a6b;border-radius:24px;color:#fff;max-height:calc(100vh - 160px);min-width:250px;overflow-y:auto;padding:1.5%;position:relative;width:24%}.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{gap:0;padding:1%}.attendance-grid,.attendance-grids{display:flex;flex-direction:column;width:100%}.attendance-grid-header{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;margin-bottom:.5rem;padding:0 .5rem}.attendance-grid-title{color:#1f2937;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin:0;text-align:left;text-transform:uppercase}.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:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attendance-grid-content,.student-grid-item{max-width:100%;overflow:hidden;padding:8px;width:100%}.student-grid-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;filter:drop-shadow(0 3px 12px rgba(0,0,0,.08));flex-direction:column;gap:4px;justify-content:space-between;min-height:80px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.student-card-tier-2{isolation:isolate;overflow:hidden;position:relative}.student-card-tier-2:before{animation:chromeShine 6s ease-in-out infinite;-webkit-backdrop-filter:brightness(1.3) saturate(1.5) contrast(1.2);backdrop-filter:brightness(1.3) saturate(1.5) contrast(1.2);background:linear-gradient(45deg,silver,#e5e5e5,#a8a8a8,#dcdcdc,#b8b8b8,#f0f0f0,#969696,#d3d3d3);background-size:400% 400%;border-radius:inherit;bottom:-3px;left:-3px;opacity:.8;right:-3px;top:-3px}.student-card-tier-2:after,.student-card-tier-2:before{content:"";pointer-events:none;position:absolute;z-index:0}.student-card-tier-2:after{animation:chromeSwipe 4.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#c8c8ff99,#fffc,#0000);height:100%;left:-100%;top:0;width:100%}.student-card-tier-3{isolation:isolate;overflow:hidden;position:relative}.student-card-tier-3:before{animation:rainbowShine 3s ease-in-out infinite;-webkit-backdrop-filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);backdrop-filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);background-size:300% 300%;border-radius:inherit;bottom:-2px;left:-2px;opacity:.7;right:-2px;top:-2px}.student-card-tier-3:after,.student-card-tier-3:before{content:"";pointer-events:none;position:absolute;z-index:0}.student-card-tier-3:after{animation:shineSwipe 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;top:0;width:100%}.student-grid-item:has(.student-grid-avatar.muse-tier-2){isolation:isolate;overflow:hidden;position:relative}.student-grid-item:has(.student-grid-avatar.muse-tier-2):before{animation:chromeShine 6s ease-in-out infinite;-webkit-backdrop-filter:brightness(1.3) saturate(1.5) contrast(1.2);backdrop-filter:brightness(1.3) saturate(1.5) contrast(1.2);background:linear-gradient(45deg,silver,#e5e5e5,#a8a8a8,#dcdcdc,#b8b8b8,#f0f0f0,#969696,#d3d3d3);background-size:400% 400%;border-radius:inherit;bottom:-3px;content:"";left:-3px;opacity:.8;pointer-events:none;position:absolute;right:-3px;top:-3px;z-index:0}.student-grid-item:has(.student-grid-avatar.muse-tier-2):after{animation:chromeSwipe 4.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc,#c8c8ff99,#fffc,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.student-grid-item:has(.student-grid-avatar.muse-tier-3){isolation:isolate;overflow:hidden;position:relative}.student-grid-item:has(.student-grid-avatar.muse-tier-3):before{animation:rainbowShine 3s ease-in-out infinite;-webkit-backdrop-filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);backdrop-filter:brightness(1.2) saturate(1.3) contrast(1.1) hue-rotate(10deg);background:linear-gradient(45deg,gold,orange,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7,#fd79a8);background-size:300% 300%;border-radius:inherit;bottom:-2px;content:"";left:-2px;opacity:.7;pointer-events:none;position:absolute;right:-2px;top:-2px;z-index:0}.student-grid-item:has(.student-grid-avatar.muse-tier-3):after{animation:shineSwipe 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.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:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:32px;object-fit:cover;width:32px}.sleeping-squad .student-grid-avatar{box-shadow:0 2px 8px #9e9e9e33;filter:grayscale(60%) brightness(.8)}.student-grid-name{color:#2d3a4a;font-size:.75rem;font-weight:700;line-height:1.2;margin:0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.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%}.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%}.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:none;border-radius:50%;box-shadow:0 1px 4px #00000014;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:none;border-radius:50%;box-shadow:0 1px 3px #00000014;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-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}.parent-signup-container{align-items:center;background:linear-gradient(135deg,#e3f4fd,#a259e6);display:flex;font-family:Fredoka One,Arial,sans-serif;justify-content:center;min-height:100vh;padding:2rem 1rem}.parent-signup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 20px 40px #0000001a;max-width:600px;overflow:hidden;padding:0;width:100%}.parent-signup-header{background:linear-gradient(135deg,#4fc3f7,#a259e6);color:#fff;padding:2rem;text-align:center}.parent-signup-header h1{font-size:2rem;font-weight:800;margin:0 0 .5rem}.parent-signup-header p{font-size:1rem;font-weight:500;margin:0;opacity:.9}.parent-signup-form{padding:2rem}.form-section{margin-bottom:2rem}.form-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.3rem;margin:0 0 1.5rem;padding-bottom:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a;outline:none;transform:translateY(-1px)}.form-group input.error,.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-input-container{position:relative}.password-toggle{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#4fc3f7}.field-error{color:#ef4444;display:block;font-size:.85rem;font-weight:500;margin-top:.25rem}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:1rem}.consent-group label{align-items:flex-start;cursor:pointer;display:flex;font-weight:500;line-height:1.5}.consent-group input[type=checkbox]{accent-color:#4fc3f7;margin:.1rem .75rem 0 0;transform:scale(1.2);width:auto}.consent-group a{color:#4fc3f7;font-weight:600;text-decoration:none}.consent-group a:hover{text-decoration:underline}.radio-group fieldset{border:2px solid #e5e7eb;border-radius:.75rem;margin:0;padding:1rem}.radio-group legend{color:#374151;font-size:.9rem;font-weight:600;padding:0 .5rem}.radio-description{color:#6b7280;font-size:.85rem;line-height:1.4;margin:.5rem 0 1rem}.radio-description a{color:#4fc3f7;font-weight:500;text-decoration:none}.radio-description a:hover{text-decoration:underline}.radio-label{align-items:center!important;cursor:pointer;display:flex!important;font-weight:500!important;margin-bottom:.75rem!important}.radio-label:last-child{margin-bottom:0!important}.radio-label input[type=radio]{accent-color:#4fc3f7;margin:0 .75rem 0 0!important;transform:scale(1.2);width:auto!important}.parent-signup-submit{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:.75rem;box-shadow:0 4px 15px #4fc3f74d;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.parent-signup-submit:hover:not(:disabled){box-shadow:0 6px 25px #4fc3f766;transform:translateY(-2px)}.parent-signup-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.parent-signup-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem 2rem;text-align:center}.parent-signup-footer p{color:#6b7280;font-size:.9rem;margin:0}.parent-signup-footer a{color:#4fc3f7;font-weight:600;text-decoration:none}.parent-signup-footer a:hover{text-decoration:underline}.checkmark,.radio-custom{margin-left:.25rem;position:relative}@media (max-width:768px){.parent-signup-container{padding:1rem .5rem}.parent-signup-card{margin:0}.parent-signup-header{padding:1.5rem}.parent-signup-header h1{font-size:1.5rem}.parent-signup-form{padding:1.5rem}.form-section h3{font-size:1.1rem}.students-header{align-items:stretch;flex-direction:column;gap:1rem}.add-student-button{text-align:center;width:100%}.student-card{padding:1rem}.student-header{align-items:stretch;flex-direction:column;gap:.75rem}.student-header h4{text-align:center}.remove-student-button{width:100%}.student-fields{gap:.75rem;grid-template-columns:1fr}.student-fields .form-group:last-child{grid-column:1}}.consent-group input:focus,.form-group input:focus,.form-group select:focus,.radio-label input:focus{outline:2px solid #4fc3f7;outline-offset:2px}.parent-signup-form input:disabled,.parent-signup-form select:disabled{background-color:#f3f4f6;cursor:not-allowed}.students-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.students-header h3{margin:0}.add-student-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.add-student-button:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}.add-student-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.student-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .2s ease}.student-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.student-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.student-header h4{color:#475569;font-size:1.1rem;font-weight:700;margin:0}.remove-student-button{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.remove-student-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.remove-student-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.student-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.student-fields .form-group{margin-bottom:1rem}.student-fields .form-group:last-child{grid-column:1/-1}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:.75rem;color:#166534;font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:1rem}.parent-signup-container .parent-signup-form .form-section h3{color:#374151}.parent-signup-container .form-group{margin-bottom:1.5rem}.parent-signup-container .form-group label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.parent-signup-container .form-group input[type=email],.parent-signup-container .form-group input[type=password],.parent-signup-container .form-group input[type=text],.parent-signup-container .form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;box-sizing:border-box;font-family:inherit;font-size:1rem;font-weight:500;padding:.75rem;transition:all .2s ease;width:100%}.parent-signup-container .form-group input[type=email]:focus,.parent-signup-container .form-group input[type=password]:focus,.parent-signup-container .form-group input[type=text]:focus,.parent-signup-container .form-group select:focus{border-color:#4fc3f7;box-shadow:0 0 0 3px #4fc3f71a;outline:none;transform:translateY(-1px)}.parent-signup-container .form-group input.error,.parent-signup-container .form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.parent-signup-container .student-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:1rem;box-shadow:none;display:block;height:auto;margin-bottom:1.5rem;max-width:100%;min-width:0;padding:1.5rem;transition:all .2s ease;width:100%}.parent-signup-container .student-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.parent-signup-container .student-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.parent-signup-container .student-header h4{color:#475569;font-size:1.1rem;font-weight:700;margin:0}.parent-signup-container .remove-student-button{background:#ef4444;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.parent-signup-container .remove-student-button:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.parent-signup-container .student-fields{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.parent-signup-container .student-fields .form-group{margin-bottom:1rem}.parent-signup-container .student-fields .form-group:last-child{grid-column:1/-1}.parent-signup-container .students-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.parent-signup-container .students-header h3{margin:0}.parent-signup-container .add-student-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease}.parent-signup-container .add-student-button:hover:not(:disabled){box-shadow:0 4px 15px #10b98166;transform:translateY(-1px)}@media (max-width:768px){.parent-signup-container .students-header{align-items:stretch;flex-direction:column;gap:1rem}.parent-signup-container .add-student-button{text-align:center;width:100%}.parent-signup-container .student-card{padding:1rem}.parent-signup-container .student-header{align-items:stretch;flex-direction:column;gap:.75rem}.parent-signup-container .student-header h4{text-align:center}.parent-signup-container .remove-student-button{width:100%}.parent-signup-container .student-fields{gap:.75rem;grid-template-columns:1fr}.parent-signup-container .student-fields .form-group:last-child{grid-column:1}}.weekly-class-carousel{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #4fc3f726;border-radius:1.5rem;box-shadow:0 12px 48px #4fc3f733;margin-bottom:1rem;margin-top:1rem;padding:1.5rem}.carousel-header{align-items:center;border-bottom:2px solid #4fc3f71a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.carousel-header h3{color:#1e293b;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.level-badge{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:999px;box-shadow:0 2px 8px #4fc3f74d;color:#fff;font-size:.9rem;font-weight:600;padding:.35rem .8rem}.carousel-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.carousel-content.centered{grid-template-columns:1fr;margin:0 auto;max-width:800px}.carousel-video{width:100%}.video-container{background:#000;border-radius:1rem;box-shadow:0 4px 16px #0003;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-iframe{height:100%;left:0;position:absolute;top:0;width:100%}.carousel-update{display:flex;flex-direction:column;gap:1rem}.update-title{color:#4fc3f7;font-size:1.3rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .75rem}.update-summary{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-left:4px solid #10b981;border-radius:.75rem;color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.7;margin:0;padding:.75rem}.update-highlights{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #4fc3f733;border-radius:.75rem;box-shadow:0 2px 8px #0000000d;padding:1.25rem}.update-highlights h5{color:#374151;font-size:1.05rem;font-weight:800;letter-spacing:-.01em;margin:0 0 .75rem}.update-highlights ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.update-highlights li{align-items:flex-start;color:#1e293b;display:flex;font-size:1rem;font-weight:500;gap:.5rem;line-height:1.6;padding-left:0}.conversation-starter{background:linear-gradient(135deg,#fef9e7,#fef3c7);border-left:5px solid #fbbf24;border-radius:1rem;box-shadow:0 3px 10px #00000014;margin-top:1rem;padding:1.25rem 1.5rem}.conversation-starter p{color:#451a03;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0}.conversation-starter strong{color:#f59e0b;display:block;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-bottom:.4rem}.carousel-navigation{border-top:2px solid #4fc3f71a;display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.25rem}.carousel-navigation,.nav-arrow{align-items:center;justify-content:center}.nav-arrow{background:linear-gradient(135deg,#4fc3f7,#a259e6);border:none;border-radius:50%;box-shadow:0 4px 12px #4fc3f74d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;height:44px;transition:all .3s ease;width:44px}.nav-arrow:hover{box-shadow:0 6px 20px #4fc3f766;transform:scale(1.1)}.nav-arrow:active{transform:scale(.95)}.nav-dots{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.nav-dot{background:#fff;border:2px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem .75rem;transition:all .3s ease;white-space:nowrap}.nav-dot:hover{background:#f8fafc;color:#4fc3f7}.nav-dot.active,.nav-dot:hover{border-color:#4fc3f7;transform:translateY(-2px)}.nav-dot.active{background:linear-gradient(135deg,#4fc3f7,#a259e6);box-shadow:0 4px 12px #4fc3f766;color:#fff}.session-progress{margin-top:1rem;padding:0 1rem}.progress-track{background:#e2e8f0;border-radius:999px;display:flex;gap:4px;height:8px;overflow:hidden}.progress-segment{background:#cbd5e1;border-radius:2px;height:100%;transition:all .3s ease}.progress-segment.completed{background:linear-gradient(135deg,#4fc3f7,#a259e6);box-shadow:0 0 8px #4fc3f766}@media (max-width:768px){.carousel-content{gap:1rem;grid-template-columns:1fr}.carousel-header{align-items:flex-start;flex-direction:column}.carousel-header h3{font-size:1.2rem}.update-title{font-size:1.1rem}.update-summary{font-size:.95rem}.update-highlights{padding:.75rem}}@media (max-width:480px){.weekly-class-carousel{border-radius:1rem;padding:1rem}.carousel-header h3{font-size:1.1rem}.level-badge{font-size:.85rem;padding:.25rem .6rem}.update-highlights li{font-size:.9rem}}.fall-album-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4fc3f71a;border-radius:1.5rem;box-shadow:0 8px 32px #4fc3f726;margin-top:1rem;padding:1.5rem}.album-title{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 .25rem}.album-subtitle{color:#64748b;font-size:.95rem;margin:0 0 1.5rem}.songs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:1rem}.song-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #94a3b81a;border-radius:1rem;cursor:pointer;padding:1rem;transition:all .3s ease}.song-card:hover{border-color:#4fc3f74d;box-shadow:0 8px 24px #4fc3f733;transform:translateY(-4px)}.song-card.playing{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-color:#4fc3f7}.song-card.playing .song-artist,.song-card.playing .song-date,.song-card.playing .song-game,.song-card.playing .song-name{color:#fff}.song-artwork{background:#000;border-radius:.75rem;margin-bottom:.75rem;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.song-artwork img{object-fit:cover}.play-overlay,.song-artwork img{height:100%;left:0;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background:#0006;border:none;cursor:pointer;display:flex;justify-content:center;opacity:0;transition:opacity .2s ease}.song-card.playing .play-overlay,.song-card:hover .play-overlay{opacity:1}.play-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));font-size:2.5rem}.song-details{display:flex;flex-direction:column;gap:.2rem}.song-name{color:#1e293b;font-size:1rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:#4b5563;font-size:.9rem;font-weight:600;margin:0}.song-game{color:#64748b;font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-date{color:#94a3b8;font-size:.8rem;margin:0}.songs-coming-soon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px dashed #94a3b84d;border-radius:1rem;padding:2rem;text-align:center}.coming-soon-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.songs-coming-soon h4{color:#374151;font-size:1.2rem;margin:0 0 .5rem}.songs-coming-soon p{color:#64748b;font-size:1rem;line-height:1.5;margin:0 auto;max-width:500px}.mini-player{background:linear-gradient(135deg,#1e293b,#334155);border-radius:1rem;box-shadow:0 4px 16px #0000004d;color:#fff;margin-top:1rem;padding:1rem}.player-controls{align-items:center;display:flex;gap:1rem}.player-play-btn{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;transition:transform .2s ease;width:48px}.player-play-btn:hover{transform:scale(1.1)}.player-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.player-song-name{color:#fff;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-progress-bar{background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4fc3f7,#a259e6);height:100%;transition:width .1s linear}.player-time{color:#ffffffb3;display:flex;font-size:.8rem;justify-content:space-between}@media (max-width:768px){.songs-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.song-card{padding:.75rem}.album-title{font-size:1.2rem}.play-icon{font-size:2rem}}@media (max-width:480px){.fall-album-section{padding:1rem}.songs-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.song-name{font-size:.9rem}.song-artist,.song-game{font-size:.8rem}.song-date{font-size:.75rem}.songs-coming-soon{padding:1.5rem}.coming-soon-icon{font-size:2.5rem}.songs-coming-soon h4{font-size:1.1rem}.songs-coming-soon p{font-size:.95rem}}.parent-dashboard{background:linear-gradient(135deg,#e3f4fd,#f0f9ff);font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;min-height:100vh;padding:0}.parent-dashboard-content{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:1200px;padding:calc(.5rem + 32px) 2rem 2rem}.main-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.left-col{display:flex;flex-direction:column;gap:2rem}.right-col{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:1rem}.parent-header{margin-bottom:.25rem;text-align:center}.parent-header h1{color:#4fc3f7;font-size:3rem;margin:0 0 .25rem;text-shadow:2px 2px 4px #4fc3f733}.parent-header.compact{text-align:left}.parent-header.compact .parent-header-top{align-items:center;display:flex;gap:.25rem;justify-content:space-between}.parent-header.compact h1{font-size:1.5rem;margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip-row.toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 2px 8px #0000000d;padding:.25rem .5rem}.chip{background:#fff;border:1px solid #4fc3f759;border-radius:999px;box-shadow:0 2px 6px #4fc3f726;color:#0f172a;font-size:.85rem;padding:.25rem .6rem}.parent-subheader{color:#64748b;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.status-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4fc3f71a;border-radius:1.5rem;box-shadow:0 8px 32px #4fc3f726;padding:2rem}.status-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;gap:.5rem;margin:0 0 1rem}.status-header h3:before{content:"⏳"}.status-body p{color:#475569;font-size:1.1rem;line-height:1.6;margin:0}.coming-next-section{margin:2rem 0}.coming-next-section h2{color:#1e293b;font-size:2rem;margin:0 0 1.5rem;text-align:center}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.feature-card{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4fc3f714;border-radius:1.2rem;box-shadow:0 4px 20px #4fc3f71a;display:flex;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{box-shadow:0 8px 32px #4fc3f733;transform:translateY(-2px)}.feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fc3f7,#a259e6);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:2.5rem}.feature-content h4{color:#1e293b;font-size:1.2rem;margin:0 0 .5rem}.feature-content p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.contact-section{margin:2rem 0}.contact-section h2{color:#1e293b;font-size:2rem;margin:0 0 1.5rem;text-align:center}.contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:600px}.contact-card{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:1.2rem;box-shadow:0 8px 32px #4fc3f733;color:#fff;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.contact-card:hover{box-shadow:0 12px 40px #4fc3f74d;transform:translateY(-2px)}.contact-info h4{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.contact-role{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0 0 1rem}.contact-details{font-size:.95rem;line-height:1.8;margin:0}.contact-details a{color:#fff;text-decoration:none;transition:opacity .2s ease}.contact-details a:hover{opacity:.8;text-decoration:underline}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:50vh;text-align:center}.loading-icon{animation:musicNote 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes musicNote{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}.parent-subheader.congratulatory{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #05966933;border-radius:1rem;color:#059669;font-weight:600;padding:1rem 1.5rem}.winter-promo-bar{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 2px 8px #7c3aed40;height:32px;left:0;overflow:hidden;padding:.35rem 0;position:fixed;right:0;top:0;width:100%;z-index:9999}.winter-promo-content{align-items:center;animation:scrollText 30s linear infinite;display:flex;gap:.75rem;white-space:nowrap}@keyframes scrollText{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.winter-icon{flex-shrink:0;font-size:1.1rem}.winter-text{color:#fff;font-size:.875rem;line-height:1.2}.winter-text strong{color:#fff;font-weight:900}.children-section{margin:2rem 0}.children-section h2{color:#1e293b;font-size:2rem;margin:0 0 1.5rem;text-align:center}.children-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.child-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4fc3f71a;border-radius:2rem;box-shadow:0 8px 32px #4fc3f726;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.child-card.compact{border-radius:1.5rem;box-shadow:0 6px 24px #4fc3f726;padding:1rem}.child-card:hover{box-shadow:0 16px 48px #4fc3f740;transform:translateY(-4px)}.child-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.child-header.compressed{justify-content:space-between;margin-bottom:.75rem}.child-left{gap:1rem}.child-left,.child-muse,.child-right{align-items:center;display:flex}.child-muse{background:linear-gradient(135deg,#4fc3f7,#a259e6 50%,gold);border:3px solid #4fc3f74d;border-radius:50%;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.muse-image{height:100%;width:100%}.muse-placeholder{color:#fff;font-size:2rem}.child-info h3{color:#1e293b;font-size:1.6rem;margin:0 0 .5rem}.child-info{text-align:left}.meta-line{color:#64748b;font-size:.95rem}.next-class-hero{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;display:inline-block;font-size:.95rem;font-weight:800;margin-top:.35rem;padding:.25rem .6rem}.header-actions{margin-top:.5rem}.child-muse-name{color:#64748b;font-size:1rem;font-style:italic;margin:0}.launch-section{margin:1.5rem 0}.launch-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:1rem;box-shadow:0 4px 20px #10b9814d;color:#fff;cursor:pointer;display:flex;font-family:Fredoka One,Arial,sans-serif;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.launch-button-compact{background:#10b981;border-radius:.75rem;font-size:1rem;height:40px;padding:0 1rem;width:auto}.launch-button-large{border-radius:.9rem;box-shadow:0 6px 24px #10b98159;font-size:1.05rem;height:52px;padding:0 1.25rem;width:auto}.launch-button:hover{background:#059669;box-shadow:0 8px 32px #10b98166;transform:translateY(-2px)}.launch-button:active{transform:translateY(0)}.launch-button-outline{background:#fff;border:2px solid #10b981;box-shadow:none;color:#065f46}.launch-button-outline:hover{background:#ecfdf5}.launch-icon{font-size:1.3rem}.program-logistics{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b833;border-radius:1rem;margin-top:1.5rem;padding:1.5rem}.program-logistics.compact{border-radius:1rem;padding:1rem}.program-logistics h4{align-items:center;color:#374151;display:flex;font-size:1.2rem;gap:.5rem;margin:0 0 1rem}.program-logistics h4:before{content:"📅";font-size:1.1em}.logistics-content{display:flex;flex-direction:column;gap:.75rem}.logistics-item{align-items:flex-start;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:.5rem 0}.logistics-item:last-child{border-bottom:none}.logistics-label{color:#374151;flex-shrink:0;font-weight:600;min-width:100px}.logistics-value{color:#4b5563;flex:1 1;text-align:right}.info-grid{grid-gap:.5rem 1rem;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr;margin-bottom:.5rem}.info-row{display:contents}.info-label{color:#374151;font-size:.95rem;font-weight:700}.info-value{color:#4b5563;font-size:.95rem;justify-self:start;text-align:left}.schedule-summary{margin-top:.75rem}.summary-line{color:#374151;font-size:.95rem;margin-bottom:.5rem}.timeline{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto}.timeline-viewport{overflow:hidden}.timeline-row{display:inline-flex;gap:.5rem;padding:.25rem 0}.timeline-arrow{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;width:32px}.timeline-arrow:hover{background:#f3f4f6}.next-dates-wrap{position:relative}.next-dates{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;overflow:hidden}.fade-edge{background:linear-gradient(90deg,#fff0,#fff 60%);bottom:0;pointer-events:none;position:absolute;right:0;top:0;width:64px}.date-pill{background:#fff;border:1px solid #2563eb59;border-radius:999px;color:#0f172a;font-size:.9rem;padding:.25rem .6rem;white-space:nowrap}.date-pill.next{background:#10b981;border-color:#10b981;color:#fff}.date-pill.canceled{background:#f3f4f6;border-color:#d1d5db;color:#6b7280;text-decoration:line-through}.see-all{background:#0000;border:none;color:#2563eb;cursor:pointer;font-weight:700}.see-all-pill{background:#fff;border:2px solid #2563eb;border-radius:999px;color:#2563eb;padding:.2rem .6rem}.see-all-pill:hover{background:#eff6ff}.next-class-chip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#065f46;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:.5rem;padding:.2rem .6rem}.exceptions-box{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:.95rem;margin-top:.5rem;padding:.4rem .6rem}.exceptions-box .warn{margin-right:.35rem}.modal-backdrop{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal{border-radius:1rem;box-shadow:0 20px 60px #0003;width:min(720px,100%)}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.75rem 1rem}.modal-header h3{margin:0}.modal-close{background:#0000;border:none;cursor:pointer;font-size:1.1rem}.modal-body{padding:1rem}.dates-list.full{max-height:50vh;overflow:auto}.class-dates{border-top:2px solid #94a3b81a;margin-top:1rem;padding-top:1rem}.class-dates h5{align-items:center;color:#374151;display:flex;font-size:1rem;gap:.5rem;margin:0 0 .75rem}.class-dates h5:before{content:"🗓️";font-size:.9em}.dates-list{display:flex;flex-wrap:wrap;gap:.5rem}.date-chip{background:linear-gradient(135deg,#4fc3f7,#a259e6);border-radius:.5rem;box-shadow:0 2px 8px #4fc3f74d;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem;white-space:nowrap}.date-chip.more{background:linear-gradient(135deg,#64748b,#475569)}.status-features{list-style:none;margin:1rem 0 0;padding:0}.status-features li{color:#475569;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.status-features li:before{content:"✨";left:0;position:absolute;top:.5rem}.status-header h3:before{content:"🎉";font-size:1.2em}.status-card .status-header h3{color:#059669}@media (max-width:1024px){.children-grid,.main-grid{grid-template-columns:1fr}}@media (max-width:768px){.parent-dashboard-content{padding:calc(.25rem + 32px) 1rem 1rem}.parent-header h1{font-size:2.5rem}.parent-subheader{font-size:1.1rem}.parent-dashboard-content{padding-top:calc(1rem + 32px)}.winter-promo-bar{height:32px;padding:.35rem 0}.winter-text{font-size:.85rem}.winter-icon{font-size:1rem}.child-card,.status-card{padding:1.5rem}.contact-grid,.feature-grid{grid-template-columns:1fr}.feature-card{flex-direction:column;padding:1.2rem;text-align:center}.feature-icon{align-self:center}.child-header{flex-direction:column;gap:1rem}.child-header .child-info{align-items:flex-start;text-align:left}.child-header.compressed{align-items:stretch;gap:.25rem}.logistics-value{text-align:left}.dates-list{justify-content:center}}@media (max-width:480px){.parent-header h1{font-size:2rem}.parent-dashboard-content{padding:calc(.25rem + 28px) 1rem 1rem}.winter-promo-bar{height:28px;padding:.3rem 0}.winter-text{font-size:.75rem}.winter-icon{font-size:.9rem}.children-section h2,.coming-next-section h2,.contact-section h2{font-size:1.6rem}.child-card,.contact-card,.feature-card,.status-card{padding:1rem}.child-muse{height:60px;width:60px}.launch-button{font-size:1rem;padding:.8rem 1.5rem}.program-logistics{padding:1rem}}.legal-page-container{align-items:center;background:linear-gradient(135deg,#e3f4fd,#a259e6);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.legal-card{background:#fffffffa;border:1px solid #ffffff80;border-radius:1.25rem;box-shadow:0 20px 40px #0000001a;max-width:900px;overflow:hidden;width:100%}.legal-header{background:linear-gradient(135deg,#4fc3f7,#a259e6);color:#fff;padding:1.75rem 2rem}.legal-header h1{font-size:1.8rem;margin:0}.legal-header p{margin:.25rem 0 0;opacity:.9}.legal-section{padding:1.5rem 2rem}.legal-section h2{color:#1f2937;font-size:1.25rem;margin:0 0 .75rem}.legal-section h3{color:#374151;font-size:1rem;margin:1rem 0 .25rem}.legal-section p{color:#374151;line-height:1.6;margin:.5rem 0}.legal-section a{color:#0ea5e9;font-weight:600;text-decoration:none}.legal-section a:hover{text-decoration:underline}@media (max-width:768px){.legal-header{padding:1.25rem}.legal-section{padding:1rem 1.25rem}}.sidebar{background:#4fc3f7;box-shadow:2px 0 8px #00000014;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:transform .3s ease;width:220px;z-index:999}.sidebar--parent{padding-top:32px}.sidebar-logo{flex-shrink:0;font-family:Fredoka One,Arial Rounded MT Bold,Arial,sans-serif;font-size:2rem;font-weight:700;letter-spacing:2px;margin:0;text-align:center}.sidebar-navigation{flex:1 1 auto;justify-content:center;min-height:0;padding:0 .5rem 1rem}.sidebar-nav,.sidebar-navigation{display:flex;flex-direction:column}.sidebar-nav{gap:.5rem;margin-bottom:2rem}.sidebar-link{align-items:center;border-radius:1.5rem;color:#fff;display:flex;flex-shrink:1;flex-wrap:nowrap;font-size:1.1rem;font-weight:600;gap:.75rem;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 (max-height:800px){.sidebar-link{font-size:1.05rem;padding:.65rem 1.3rem}.sidebar-icon{font-size:1.3rem;height:1.3rem;width:1.3rem}}@media (max-height:700px){.sidebar-link{font-size:1rem;padding:.6rem 1.2rem}.sidebar-icon{font-size:1.2rem;height:1.2rem;width:1.2rem}}@media (max-height:600px){.sidebar-link{font-size:.95rem;padding:.5rem 1rem}.sidebar-icon{font-size:1.1rem;height:1.1rem;width:1.1rem}}@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}.sidebar--parent{padding-top:32px}.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--parent{padding-top:28px}.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}}.user-profile-sidebar{border-bottom:2px solid #ffffff26;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;margin-bottom:.5rem;padding:1rem .75rem .5rem;width:100%}.profile-header{gap:.75rem;width:100%}.muse-avatar,.profile-header{align-items:center;display:flex}.muse-avatar{background:linear-gradient(135deg,#a259e6,#4fc3f7);border:3px solid #fff9;border-radius:50%;box-shadow:0 4px 15px #a259e64d;cursor:pointer;flex-shrink:0;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.muse-avatar:hover{box-shadow:0 6px 20px #a259e680;transform:scale(1.05)}.muse-avatar.clicked{animation:museBounce .8s ease-out;background:linear-gradient(135deg,gold,orange);border-color:#ffffffe6;box-shadow:0 6px 25px #ffd70099,0 0 30px #ffd70066;transform:scale(1.15) rotate(10deg)}.muse-avatar.muse-tier-2{background:linear-gradient(135deg,#e5e5e5,#a8a8a8,silver);border-color:#ffffffb3;box-shadow:0 4px 15px #c0c0c066}.muse-avatar.muse-tier-3{animation:rainbowGlow 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#ff1493,#00ced1,#32cd32);border-color:#fffc;box-shadow:0 4px 15px #ffd70080}.muse-image{border-radius:50%;height:85%;object-fit:cover;object-position:center;width:85%}.muse-avatar.clicked .muse-image{animation:museImageSpin .8s ease-out}.avatar-placeholder{color:#ffffffe6;font-size:1.5rem}.tier-indicator{align-items:center;background:#4fc3f7;border:2px solid #fff;border-radius:50%;bottom:-3px;display:flex;font-size:9px;height:18px;justify-content:center;position:absolute;right:-3px;width:18px}.tier-indicator.tier-2{background:linear-gradient(135deg,silver,#e5e5e5)}.tier-indicator.tier-3{animation:sparkle 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange)}.user-info{flex:1 1;min-width:0}.user-name{word-wrap:break-word;border-radius:.4rem;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;line-height:1.2;overflow-wrap:break-word;padding:.25rem .5rem;position:relative;transition:all .2s ease;white-space:normal}.user-name:hover{background:#ffffff1a;transform:translateY(-1px)}.user-name .edit-hint{font-size:.7rem;margin-left:.25rem;opacity:0;transition:opacity .2s ease}.user-name:hover .edit-hint{opacity:.7}.name-input{word-wrap:break-word;background:#fffffff2;border:2px solid #ffffff4d;border-radius:.4rem;box-sizing:border-box;color:#333;font-family:Fredoka One,Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1.2;overflow-wrap:break-word;padding:.25rem .5rem;transition:all .2s ease;white-space:normal;width:100%}.name-input:focus{background:#fff;border-color:#4fc3f7;box-shadow:0 0 8px #4fc3f74d;outline:none}.stats-section{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;display:flex;flex-direction:column;gap:.2rem;overflow:visible;padding:.5rem .5rem .25rem;position:relative}.logout-container{position:relative;width:100%}.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff9;cursor:pointer;display:flex;font-family:Fredoka One,Arial,sans-serif;font-size:.8rem;font-weight:400;justify-content:center;letter-spacing:2px;padding:.5rem;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ffffff26;color:#fffc;transform:translateY(-1px)}.logout-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:.5rem;bottom:100%;box-shadow:0 4px 15px #0003;left:0;margin-bottom:.5rem;padding:.25rem;position:absolute;right:0}.logout-confirm-btn{background:linear-gradient(135deg,#f44336,#d32f2f);border:none;border-radius:.4rem;box-shadow:0 2px 8px #f443364d;color:#fff;cursor:pointer;font-family:Fredoka One,Arial,sans-serif;font-size:.85rem;font-weight:600;padding:.6rem;transition:all .3s ease;width:100%}.logout-confirm-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);box-shadow:0 3px 12px #f4433666;transform:translateY(-1px)}.user-profile-sidebar.compact{border-bottom:1px solid #ffffff26;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.profile-compact-header{align-items:center;display:flex;gap:.5rem;width:100%}.muse-avatar-compact{align-items:center;background:linear-gradient(135deg,#a259e6,#4fc3f7);border:2px solid #fff9;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:35px;justify-content:center;transition:all .3s ease;width:35px}.muse-avatar-compact.clicked{background:linear-gradient(135deg,gold,orange);transform:scale(1.1) rotate(5deg)}.muse-avatar-compact .muse-image{border-radius:50%;height:85%;object-fit:cover;width:85%}.user-info-compact{flex:1 1;min-width:0}.user-name-compact{word-wrap:break-word;color:#fff;display:block;font-size:.85rem;font-weight:600;line-height:1.1;overflow-wrap:break-word;white-space:normal}.stats-compact{align-items:flex-start;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;display:flex;flex-direction:column;gap:.2rem;overflow:visible;padding:.4rem .4rem .2rem}.logout-container.compact{position:relative;width:100%}.logout-btn.compact{font-size:.7rem;padding:.4rem}.logout-dropdown.compact{margin-bottom:.4rem}.logout-confirm-btn.compact{font-size:.75rem;padding:.5rem}.user-profile-sidebar.compact .profile-header{gap:.5rem}.user-profile-sidebar.compact .muse-avatar{height:35px;width:35px}.user-profile-sidebar.compact .user-name{font-size:.85rem;line-height:1.1}.user-profile-sidebar.compact .stats-section{gap:.75rem;padding:.5rem}@keyframes museBounce{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.15) rotate(10deg)}50%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes museImageSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rainbowGlow{0%{box-shadow:0 4px 15px #ffd70080}33%{box-shadow:0 4px 15px #ff149380}66%{box-shadow:0 4px 15px #00ced180}to{box-shadow:0 4px 15px #ffd70080}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:900px){.user-profile-sidebar{gap:.75rem;padding:.5rem}.muse-avatar{height:45px;width:45px}.user-name{font-size:.9rem}.stats-section{flex-direction:column;gap:.5rem;padding:.5rem .75rem}.logout-btn{font-size:.8rem;padding:.5rem}.logout-confirm-btn{font-size:.8rem;padding:.6rem}}: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)}.floating-user-info--parent{top:52px}.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}.floating-user-info--parent{top:52px}}@media (max-width:900px){.floating-user-info{right:20px;top:20px}.floating-user-info--parent{top:52px}.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}.floating-user-info--parent{top:48px}.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}}.user-profile-tier-3{animation:shinyProfileShine 4s ease-in-out infinite!important;background:linear-gradient(90deg,gold,#ff1493 25%,#00ced1 50%,#32cd32 75%,#ff4500)!important;background-size:300% 100%!important;box-shadow:0 4px 20px #ffd70066!important}.user-profile-tier-2{animation:chromeProfileGlow 3s ease-in-out infinite alternate!important;background:linear-gradient(90deg,#e5e5e5,#a8a8a8 50%,silver)!important;box-shadow:0 4px 20px #c0c0c066!important}.avatar-circle.user-profile-tier-3{animation:shinyAvatarShine 3s ease-in-out infinite!important;background:linear-gradient(135deg,gold,#ff1493,#00ced1,#32cd32)!important;background-size:400% 400%!important;box-shadow:0 4px 20px #ffd70099!important}.avatar-circle.user-profile-tier-2{animation:chromeAvatarGlow 3s ease-in-out infinite alternate!important;background:linear-gradient(135deg,#e5e5e5,#a8a8a8,silver)!important;box-shadow:0 4px 20px #c0c0c099!important}@keyframes shinyProfileShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes chromeProfileGlow{0%{filter:brightness(1)}to{filter:brightness(1.1)}}@keyframes shinyAvatarShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes chromeAvatarGlow{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.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.d3837beb.css.map*/