.streak-display-compact{display:flex;align-items:center;gap:12px;padding:8px 12px;background:rgba(26,32,44,.8);border:1px solid rgba(74,158,255,.3);border-radius:12px;backdrop-filter:blur(10px)}.streak-info{display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease}.streak-info:hover{transform:scale(1.05)}.streak-emoji{font-size:18px;animation:pulse 2s infinite}.streak-value{font-weight:700;color:#4a9eff;font-size:14px}.multiplier-badge{background:linear-gradient(135deg,gold,orange);color:#000;padding:2px 6px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase}.rank-info{display:flex;align-items:center;gap:4px}.rank-icon{font-size:16px}.rank-name{font-size:12px;font-weight:600;color:#e2e8f0}.streak-display{background:rgba(26,32,44,.95);border:1px solid rgba(74,158,255,.2);border-radius:16px;padding:24px;backdrop-filter:blur(15px);max-width:800px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:700;color:#e2e8f0;margin:0}.streak-multiplier{display:flex;align-items:center;gap:8px}.multiplier-label{font-size:14px;color:#a0aec0}.multiplier-value{background:linear-gradient(135deg,gold,orange);color:#000;padding:4px 8px;border-radius:8px;font-weight:800;font-size:14px}.streak-main{display:flex;gap:24px;align-items:center;background:rgba(0,0,0,.3);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(74,158,255,.1)}.streak-main:hover{background:rgba(0,0,0,.5);border-color:rgba(74,158,255,.3);transform:translateY(-2px)}.streak-visual{display:flex;align-items:center;gap:16px}.streak-emoji-large{font-size:48px;animation:bounce 2s infinite}.streak-numbers{display:flex;flex-direction:column;align-items:flex-start}.streak-current{font-size:36px;font-weight:900;color:#4a9eff;line-height:1}.streak-label{font-size:14px;color:#a0aec0;text-transform:uppercase;font-weight:600}.streak-stats{display:flex;gap:24px;flex:1}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:20px;font-weight:700;color:#e2e8f0}.stat-label{font-size:12px;color:#a0aec0;text-transform:uppercase;margin-top:4px}.rank-section{margin-top:32px}.current-rank{font-weight:700;font-size:16px;display:flex;align-items:center;gap:6px}.rank-levels{display:flex;flex-direction:column;gap:8px;margin:16px 0}.rank-level{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid transparent;transition:all .2s ease}.rank-level.active{background:rgba(74,158,255,.1);border-color:rgba(74,158,255,.3)}.rank-level.current{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.5);box-shadow:0 0 20px rgba(255,215,0,.2)}.rank-level.next{background:rgba(0,212,170,.1);border-color:rgba(0,212,170,.3)}.level-icon{font-size:20px;width:24px;text-align:center}.level-info{display:flex;flex-direction:column;flex:1}.level-name{font-weight:600;color:#e2e8f0;font-size:14px}.level-requirement{font-size:12px;color:#a0aec0}.level-multiplier{font-size:12px;color:gold;font-weight:600}.level-badge{background:rgba(255,215,0,.2);color:gold;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.next-badge{background:rgba(0,212,170,.2);color:#00d4aa}.progress-container{margin-top:16px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;color:#a0aec0}.progress-bar{height:8px;background:rgba(0,0,0,.3);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4a9eff,#00d4aa);border-radius:4px;transition:width .3s ease}.achievement-section{margin-top:32px}.achievement-count{font-size:14px;color:#a0aec0;background:rgba(0,0,0,.3);padding:4px 8px;border-radius:6px}.next-achievement{background:rgba(0,0,0,.3);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:16px;margin:16px 0}.achievement-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.achievement-icon{font-size:20px}.achievement-info{display:flex;flex-direction:column;flex:1}.achievement-name{font-weight:600;color:#e2e8f0;font-size:14px}.achievement-description{font-size:12px;color:#a0aec0}.achievement-progress-text{font-weight:700;color:gold}.achievement-progress-bar{height:6px;background:rgba(0,0,0,.3);border-radius:3px;overflow:hidden}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:3px;transition:width .3s ease}.unlocked-achievements{margin-top:20px}.subsection-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.achievement-item{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.2);border:1px solid rgba(74,158,255,.1);border-radius:8px;padding:12px;transition:all .2s ease}.achievement-item.unlocked{border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.05)}.achievement-item:hover{background:rgba(0,0,0,.4);transform:translateY(-1px)}.achievement-details{display:flex;flex-direction:column;flex:1}.achievement-reward{font-size:11px;color:#00d4aa;font-style:italic}.streak-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(74,158,255,.1)}.action-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(74,158,255,.3);background:rgba(26,32,44,.8);color:#e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:600}.action-button:hover{background:rgba(74,158,255,.1);border-color:rgba(74,158,255,.5);transform:translateY(-1px)}.action-button.simulate{border-color:rgba(0,212,170,.3)}.action-button.simulate:hover{background:rgba(0,212,170,.1);border-color:rgba(0,212,170,.5)}.action-button.reset{border-color:hsla(0,100%,71%,.3)}.action-button.reset:hover{background:hsla(0,100%,71%,.1);border-color:hsla(0,100%,71%,.5)}.button-icon{font-size:16px}.button-text{font-size:14px}.gamification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.overlay-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.overlay-content{position:relative;background:rgba(26,32,44,.98);border:1px solid rgba(74,158,255,.3);border-radius:20px;width:100%;max-width:1200px;max-height:90vh;overflow:hidden;backdrop-filter:blur(20px);box-shadow:0 25px 50px rgba(0,0,0,.5)}.overlay-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(74,158,255,.1);background:rgba(0,0,0,.2)}.overlay-title{font-size:24px;font-weight:800;color:#e2e8f0;margin:0}.overlay-close{background:none;border:none;color:#a0aec0;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.overlay-close:hover{background:hsla(0,100%,71%,.1);color:#ff6b6b}.overlay-tabs{display:flex;background:rgba(0,0,0,.1);border-bottom:1px solid rgba(74,158,255,.1)}.tab-button{flex:1;padding:16px 20px;background:none;color:#a0aec0;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent}.tab-button:hover{background:rgba(74,158,255,.05);color:#e2e8f0}.tab-button.active{color:#4a9eff;border-bottom-color:#4a9eff;background:rgba(74,158,255,.1)}.overlay-body{padding:24px;max-height:60vh;overflow-y:auto}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.overview-section{background:rgba(0,0,0,.2);border:1px solid rgba(74,158,255,.1);border-radius:12px;padding:20px}.overview-section:first-child{grid-column:span 2}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:16px}.metric-card{background:rgba(0,0,0,.3);border:1px solid rgba(74,158,255,.1);border-radius:8px;padding:16px;text-align:center;position:relative;transition:all .2s ease}.metric-card:hover{background:rgba(0,0,0,.5);border-color:rgba(74,158,255,.3);transform:translateY(-2px)}.metric-value{display:block;font-size:20px;font-weight:700;color:#4a9eff;margin-bottom:4px}.metric-label{display:block;font-size:12px;color:#a0aec0;text-transform:uppercase}.metric-icon{position:absolute;top:8px;right:8px;font-size:16px;opacity:.6}.activity-feed{max-height:300px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(0,0,0,.2);border-radius:6px;margin-bottom:8px;border-left:3px solid #4a9eff}.activity-text{font-size:14px;color:#e2e8f0}.activity-time{font-size:12px;color:#a0aec0}.empty-state{text-align:center;padding:40px;color:#a0aec0}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.empty-text{font-size:16px}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.achievement-stats{display:flex;align-items:center;gap:12px}.unlocked-count{font-size:14px;color:#a0aec0}.progress-bar-small{width:100px;height:4px;background:rgba(0,0,0,.3);border-radius:2px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:2px;transition:width .3s ease}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.achievement-card{background:rgba(0,0,0,.3);border:1px solid rgba(74,158,255,.1);border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.achievement-card.unlocked{border-color:rgba(255,215,0,.3);background:rgba(255,215,0,.05)}.achievement-card.locked{opacity:.6}.achievement-card:hover{background:rgba(0,0,0,.5);transform:translateY(-2px)}.achievement-icon-large{font-size:32px;text-align:center;margin-bottom:12px}.achievement-content{text-align:center}.achievement-card .achievement-name{font-size:16px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.achievement-card .achievement-description{font-size:14px;color:#a0aec0;margin-bottom:12px;line-height:1.4}.achievement-card .achievement-reward{display:block;margin-top:8px}.reward-label{font-size:12px;color:#a0aec0;text-transform:uppercase}.reward-text{font-size:12px;color:#00d4aa;font-weight:600}.achievement-unlocked-date{font-size:11px;color:#a0aec0;margin-top:8px;font-style:italic}.debug-unlock-btn{position:absolute;top:8px;right:8px;background:rgba(255,215,0,.2);border:1px solid rgba(255,215,0,.3);border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:all .2s ease}.debug-unlock-btn:hover{background:rgba(255,215,0,.3)}.hall-of-fame{max-width:800px;margin:0 auto}.leaderboard-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.category-card{background:rgba(0,0,0,.3);border:1px solid rgba(74,158,255,.1);border-radius:12px;padding:20px;text-align:center}.category-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0 0 16px}.leaderboard-entry{display:flex;align-items:center;justify-content:space-between;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px}.leaderboard-entry.champion{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.1));border-color:rgba(255,215,0,.5)}.position{font-size:20px}.player-name{font-weight:600;color:#e2e8f0;flex:1;text-align:center}.score{font-weight:700;color:gold;font-size:16px}.coming-soon{background:rgba(0,0,0,.2);border:1px solid rgba(74,158,255,.1);border-radius:12px;padding:24px;text-align:center}.coming-soon h4{font-size:18px;font-weight:600;color:#e2e8f0;margin:0 0 12px}.coming-soon p{font-size:14px;color:#a0aec0;line-height:1.5;margin:0}.overlay-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid rgba(74,158,255,.1);background:rgba(0,0,0,.2)}.demo-button,.test-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(74,158,255,.1);border:1px solid rgba(74,158,255,.3);border-radius:8px;color:#e2e8f0;cursor:pointer;transition:all .2s ease;font-weight:600}.demo-button:hover,.test-button:hover{background:rgba(74,158,255,.2);border-color:rgba(74,158,255,.5)}.footer-info{font-size:12px;color:#a0aec0}.streak-display{color:#4a9eff;font-weight:700}.multiplier-display{color:gold;font-weight:700}.rank-display{font-weight:700;display:flex;align-items:center;gap:4px}.progress-section{margin:16px 0;padding:16px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(0,212,170,.2)}.progress-bar-container{margin-top:8px}.progress-text{text-align:center;font-size:12px;color:#a0aec0;margin-top:4px}.achievement-section{margin:16px 0;padding:16px;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid rgba(255,215,0,.2)}.achievement-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(74,158,255,.5)}50%{box-shadow:0 0 20px rgba(74,158,255,.8)}}@media (max-width:768px){.overview-grid{grid-template-columns:1fr}.overview-section:first-child{grid-column:span 1}.metrics-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid,.leaderboard-categories{grid-template-columns:1fr}.streak-main{flex-direction:column;text-align:center}.streak-stats{justify-content:center}.overlay-content{margin:10px;max-height:95vh}}