.memory-game{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 50%,#2d1b4e 100%);padding:var(--space-md);position:relative;gap:var(--space-lg)}.memory-game:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(138,43,226,.1) 0%,transparent 70%);pointer-events:none;z-index:var(--z-base)}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;position:relative;z-index:var(--z-elevated);gap:var(--space-md);width:100%;max-width:500px;flex-shrink:0;background:#667eea;padding:16px 20px;border-radius:var(--radius-md)}.exit-btn{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-info{display:flex;gap:var(--space-md);align-items:center}.level-badge{background:rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:16px;box-shadow:none;text-shadow:none}.moves-counter{color:#fff;font-weight:600;font-size:16px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;padding:0;border-radius:0}.cards-grid{display:grid;gap:var(--space-md);max-width:90vw;width:100%;margin:0;position:relative;top:0;z-index:var(--z-base);padding:0;justify-items:center;align-items:center}.memory-card{aspect-ratio:1;perspective:1000px;cursor:pointer;transition:transform .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(138,43,226,.2);-webkit-user-select:none;user-select:none;width:100%;max-width:min(20vw,100px)}.memory-card:hover{transform:scale(1.05)}.memory-card:active{transform:scale(.95)}.memory-card.matched{pointer-events:none}.card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.memory-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:42px;font-weight:700}.card-front{background:linear-gradient(135deg,rgba(0,255,255,.2),rgba(255,0,255,.2));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);color:#fff9;box-shadow:0 4px 20px #0000004d}.card-back{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);transform:rotateY(180deg);box-shadow:0 4px 20px #0006}.memory-card.matched .card-back{background:linear-gradient(135deg,rgba(0,255,136,.3),rgba(0,255,204,.2));border-color:#00ff8880;animation:matchPulse .6s ease-out}@keyframes matchPulse{0%,to{transform:rotateY(180deg) scale(1)}50%{transform:rotateY(180deg) scale(1.1)}}.game-complete{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--space-lg);position:relative;z-index:var(--z-content);animation:fadeIn .6s ease-out;padding:var(--space-lg)}.game-complete h2{font-size:32px;margin:0;color:#fff;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,255,255,.8)) drop-shadow(0 0 15px rgba(255,0,255,.6)) drop-shadow(0 2px 8px rgba(0,0,0,1))}.completion-stats{background:rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);text-align:center;width:100%;max-width:320px}.completion-stats p{margin:0;font-size:18px;color:#fff!important;font-weight:600}.completion-actions{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:320px;align-items:center}.btn-primary,.btn-secondary,.btn-ghost{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .3s ease;border:none;width:100%;text-align:center}.btn-primary{background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);color:#fff;box-shadow:0 4px 20px #00ffff4d}.btn-secondary{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.btn-secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.btn-ghost:hover{background:rgba(255,255,255,.05);border-color:#ffffff4d}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.memory-game{padding:var(--space-sm);gap:var(--space-md)}.cards-grid{gap:var(--space-sm);max-width:95vw}.memory-card{max-width:min(21vw,85px)}.game-header{margin-bottom:0}.card-front,.card-back{font-size:36px;border-radius:12px}}@media (max-width: 380px){.cards-grid{gap:var(--space-xs);max-width:96vw}.memory-card{max-width:min(21vw,75px)}.card-front,.card-back{font-size:32px;border-radius:10px}.game-complete h2{font-size:28px}}.attention-game{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 50%,#2d1b4e 100%);padding:var(--space-lg);padding-bottom:max(var(--space-lg),env(safe-area-inset-bottom));position:relative}.attention-game:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 50%,rgba(0,100,255,.1) 0%,transparent 70%);pointer-events:none;z-index:var(--z-background)}.attention-game .game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);position:relative;z-index:var(--z-content);gap:var(--space-md);background:#667eea;padding:16px 20px;border-radius:var(--radius-md);color:#fff;width:100%;max-width:500px}.attention-game .exit-btn{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.attention-game .exit-btn:hover{background:rgba(255,255,255,.3);box-shadow:0 0 20px #fff3}.attention-game .game-info{display:flex;gap:var(--space-md);align-items:center}.attention-game .level-badge{background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;color:var(--text-on-gradient);box-shadow:0 4px 20px #00ffff4d;text-shadow:none}.game-stats-bar{display:flex;justify-content:center;gap:var(--space-lg);margin:var(--space-lg) 0;position:relative;z-index:var(--z-content)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg)}.stat-icon{font-size:20px}.stat-value{font-size:18px;font-weight:700;color:#fff}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);z-index:var(--z-modal);animation:fadeIn .3s ease-out;pointer-events:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.countdown-number{font-size:120px;font-weight:700;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countdownPulse 1s ease-in-out}@keyframes countdownPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}.countdown-text{font-size:24px;color:#ffffffe6;font-weight:600;margin:0}.game-area{position:relative;height:calc(100vh - 280px);min-height:400px;background:rgba(0,0,0,.2);border:2px solid rgba(255,255,255,.1);border-radius:24px;z-index:var(--z-content)}.game-instructions{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);text-align:center;z-index:var(--z-base);pointer-events:none;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);max-width:90%}.instruction-text{font-size:16px;color:#ffffff80;margin:0;line-height:1.6}.instruction-text strong{color:#fffc;font-weight:700}.target-emoji,.distractor-emoji{font-size:20px;margin-right:4px}.attention-target{position:absolute;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;animation:targetAppear .2s ease-out;transition:transform .1s ease;z-index:var(--z-elevated);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.attention-target:hover{transform:scale(1.1)}.attention-target:active{transform:scale(.9)}.target-valid{background:radial-gradient(circle,rgba(0,150,255,.4) 0%,rgba(0,100,255,.2) 100%);border:3px solid rgba(0,150,255,.6);box-shadow:0 0 20px #0096ff66}.target-distractor{background:radial-gradient(circle,rgba(255,50,50,.4) 0%,rgba(255,0,0,.2) 100%);border:3px solid rgba(255,50,50,.6);box-shadow:0 0 20px #ff323266}.target-clicked{animation:targetDisappear .2s ease-out forwards;pointer-events:none}@keyframes targetAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes targetDisappear{to{transform:scale(0);opacity:0}}.score-display{background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;color:#fffffff2}@media (max-width: 380px){.attention-target{width:50px;height:50px;font-size:28px}.game-stats-bar{gap:12px}.stat-item{padding:8px 12px}.countdown-number{font-size:90px}}.animated-score{display:inline-block;font-variant-numeric:tabular-nums;transition:color .3s ease}.animated-score.highlight{color:#4a90e2;text-shadow:0 0 10px rgba(74,144,226,.5)}.animated-score.success{color:#7ed321;text-shadow:0 0 10px rgba(126,211,33,.5)}.animated-score.error{color:#ff6b6b;text-shadow:0 0 10px rgba(255,107,107,.5)}.enhanced-results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.enhanced-results-card{background:linear-gradient(135deg,rgba(30,30,50,.95) 0%,rgba(20,20,40,.98) 100%);border-radius:24px;padding:32px;max-width:500px;width:100%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .4s ease-out}.results-main-score{text-align:center;margin-bottom:24px}.score-value .big-score{font-size:72px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.personal-best-badge{display:inline-block;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-top:12px;animation:pulse 2s infinite}.results-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;margin-bottom:24px}.stat-item{text-align:center;padding:12px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:12px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:24px;font-weight:600;color:#fff}.performance-tier{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;background:rgba(255,255,255,.05);border:2px solid;margin-bottom:20px;font-weight:600;font-size:16px}.tier-icon{font-size:24px}.percentile-section{margin-bottom:20px}.percentile-bar-container{position:relative;height:8px;background:rgba(255,255,255,.1);border-radius:4px;margin-bottom:8px;overflow:hidden}.percentile-bar-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:4px;transition:width 1s ease-out}.percentile-marker{position:absolute;top:-6px;transform:translate(-50%);transition:left 1s ease-out}.marker-dot{width:20px;height:20px;background:white;border-radius:50%;box-shadow:0 2px 8px #0000004d}.percentile-label{text-align:center;font-size:14px;color:#fffc}.improvement-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.improvement-section.positive{background:rgba(126,211,33,.1);color:#7ed321}.improvement-section.negative{background:rgba(255,107,107,.1);color:#ff6b6b}.trend-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;margin-bottom:16px;font-size:13px}.trend-indicator.trend-up{background:rgba(126,211,33,.1);color:#7ed321}.trend-indicator.trend-down{background:rgba(255,107,107,.1);color:#ff6b6b}.trend-indicator.trend-stable{background:rgba(255,255,255,.05);color:#ffffffb3}.all-percentiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.percentile-item{display:flex;justify-content:space-between;padding:8px 12px;background:rgba(255,255,255,.03);border-radius:6px;font-size:12px}.percentile-metric{color:#fff9}.percentile-value{color:#fff;font-weight:600}.results-close-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.results-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.results-close-btn:active{transform:translateY(0)}@media (max-width: 600px){.enhanced-results-card{padding:24px}.score-value .big-score{font-size:56px}.results-quick-stats{grid-template-columns:repeat(3,1fr)}}.reflex-game{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 50%,#2d1b4e 100%);padding:var(--space-lg);position:relative;display:flex;flex-direction:column;align-items:center}.reflex-game .game-header{background:#667eea;padding:16px 20px;border-radius:var(--radius-md);color:#fff;width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);position:relative;z-index:var(--z-elevated)}.reflex-game .exit-btn{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.reflex-game .exit-btn:hover{background:rgba(255,255,255,.3);box-shadow:0 0 20px #fff3}.reflex-game .level-badge{background:rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600;font-size:16px}.reflex-game .game-info{display:flex;gap:var(--space-md);align-items:center}.reflex-arena{position:relative;height:calc(100vh - 220px);min-height:500px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin:var(--space-lg) 0;border:3px solid rgba(255,255,255,.1);overflow:hidden}.reflex-waiting{background:linear-gradient(135deg,rgba(50,50,80,.5),rgba(30,30,60,.5))}.reflex-ready{background:linear-gradient(135deg,rgba(255,100,0,.3),rgba(200,50,0,.3));border-color:#ff640080;animation:readyPulse 1s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 20px #ff64004d}50%{box-shadow:0 0 40px #ff640099}}.reflex-go{background:linear-gradient(135deg,rgba(0,255,136,.4),rgba(0,200,100,.4));border-color:#0f8c;box-shadow:0 0 60px #0f89;animation:goPulse .5s ease-in-out}@keyframes goPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.reflex-false-start{background:linear-gradient(135deg,rgba(255,0,68,.4),rgba(200,0,40,.4));border-color:#f04c;box-shadow:0 0 40px #ff004480;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.reflex-content{text-align:center;z-index:var(--z-content);position:relative}.reflex-text{font-size:48px;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5);margin-bottom:16px;animation:textGlow 1s ease-in-out}@keyframes textGlow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reflex-instruction{font-size:18px;color:#ffffffb3;margin:0;font-weight:500}.trial-counter{color:#fff;font-weight:600;font-size:16px}.warmup-badge{background:rgba(255,165,0,.3);color:orange;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(255,165,0,.5)}.trials-progress{display:flex;justify-content:center;gap:12px;margin-top:20px}.progress-dot{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.progress-dot.active{background:rgba(0,255,255,.3);border-color:#0ffc;box-shadow:0 0 16px #0ff9;animation:dotPulse 1s ease-in-out infinite}.progress-dot.completed{background:rgba(0,255,136,.5);border-color:#0f8c;box-shadow:0 0 12px #0f86}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.trials-list{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin:20px 0;max-width:300px}.trial-result{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px;color:#fffc}.trial-result:last-child{border-bottom:none}.valid-time{color:#0f8;font-weight:700}.false-start{color:#f04;font-weight:700}@media (max-width: 380px){.reflex-text{font-size:36px}.reflex-arena{min-height:400px}.trials-progress{gap:8px}.progress-dot{width:12px;height:12px}}.word-flash-game{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-subtitle{color:#ffffffe6!important;font-size:1.2em;margin:0 0 30px}.start-btn,.next-level-btn,.menu-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-weight:700;margin:10px}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #49505766}.exit-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.game-info{display:flex;justify-content:space-around;max-width:600px;margin:0 auto;font-weight:700;color:#fff;font-size:1.1em}.game-arena{margin-top:100px;display:flex;flex-direction:column;align-items:center;gap:30px}.category-display{background:rgba(255,255,255,.9);padding:15px 30px;border-radius:50px;font-size:1.3em;color:#333;box-shadow:0 4px 15px #0000001a}.category-display strong{color:#667eea;font-weight:700}.word-display{width:400px;height:200px;display:flex;align-items:center;justify-content:center;font-size:3em;font-weight:700;border-radius:20px;transition:all .3s ease;box-shadow:0 10px 40px #0003}.word-display.visible{background:rgba(255,255,255,.95);color:#667eea;animation:flash .3s ease}.word-display.hidden{background:rgba(255,255,255,.3);color:transparent}.word-display.correct{background:rgba(81,207,102,.9);color:#fff}.word-display.wrong{background:rgba(255,107,107,.9);color:#fff}@keyframes flash{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.answer-buttons{display:flex;gap:20px;margin:20px 0}.answer-btn{padding:20px 50px;font-size:1.3em;font-weight:700;border:none;border-radius:15px;cursor:pointer;transition:all .2s;color:#fff}.match-btn{background:linear-gradient(135deg,#51cf66,#37b24d)}.match-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #51cf6666}.no-match-btn{background:linear-gradient(135deg,#ff6b6b,#fa5252)}.no-match-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ff6b6b66}.feedback{font-size:2em;font-weight:700;padding:20px 40px;border-radius:15px;animation:fadeIn .3s ease}.feedback.correct{background:rgba(81,207,102,.9);color:#fff}.feedback.wrong{background:rgba(255,107,107,.9);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-bar{width:400px;height:10px;background:rgba(255,255,255,.3);border-radius:10px;overflow:hidden}.score-tracker{display:flex;gap:40px;font-size:1.5em;font-weight:700}.score-tracker .correct{color:#51cf66}.score-tracker .wrong{color:#ff6b6b}.final-stats{display:flex;justify-content:space-around;margin:40px 0;gap:20px}.stat-value{font-size:2.5em;font-weight:700;color:#0ff!important;margin-bottom:5px}.stat-label{color:#ffffffe6!important;font-size:1em}@media (max-width: 600px){.word-display,.progress-bar{width:90%;max-width:350px}.answer-btn{padding:15px 30px;font-size:1.1em}.game-instructions,.game-complete{padding:30px 20px}}.shape-shadow-game{width:100vw;min-height:100vh;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.game-instructions,.game-complete{background:rgba(26,15,61,.95)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;position:relative;border:1px solid rgba(255,255,255,.2)}.game-instructions h2,.game-complete h2{font-size:2.5em;margin:0 0 10px;color:#fff!important;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;text-shadow:0 2px 10px rgba(0,0,0,.5)}.game-info{display:flex;justify-content:space-around;max-width:600px;margin:0 auto;font-weight:700;color:#fff;font-size:16px;gap:12px}.game-arena{margin-top:100px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:16px}.shadow-display{background:rgba(255,255,255,.9);padding:20px;border-radius:20px;box-shadow:0 10px 40px #0003;text-align:center;width:100%;max-width:100%}.shadow-label{font-size:18px;color:#666;margin-bottom:12px;font-weight:600}.shadow-shape{font-size:64px;color:#ccc}.shadow-shape.correct{color:#51cf66;animation:pulse .5s ease}.shadow-shape.wrong{color:#ff6b6b;animation:shake .5s ease}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.shape-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:100%;padding:0}.shape-options.many-shapes{grid-template-columns:repeat(4,1fr);gap:10px}.shape-option{aspect-ratio:1;width:100%;min-height:80px;max-height:120px;background:white;border:3px solid #f093fb;display:flex;align-items:center;justify-content:center;font-size:48px;border-radius:15px;cursor:pointer;touch-action:manipulation;transition:all .2s;-webkit-user-select:none;user-select:none}.shape-options.many-shapes .shape-option{min-height:70px;font-size:40px}.shape-option:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 30px #f093fb66}.shape-option:active{transform:scale(.95)}.shape-option.correct-answer{border-color:#51cf66;background:rgba(81,207,102,.1)}.feedback{font-size:2em;font-weight:700;padding:20px;border-radius:15px}.feedback.correct{color:#51cf66}.feedback.wrong{color:#ff6b6b}.progress-bar{width:100%;max-width:100%;height:10px;background:rgba(255,255,255,.3);border-radius:10px;overflow:hidden;margin-top:20px}.progress-fill{height:100%;background:linear-gradient(90deg,#f093fb,#f5576c);transition:width .3s ease}.start-btn,.next-level-btn,.menu-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:15px 40px;font-size:1.2em;border-radius:50px;cursor:pointer;margin:10px;font-weight:700;touch-action:manipulation}.start-btn:hover,.next-level-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f5576c66}.action-buttons{display:flex;justify-content:center;gap:15px}.sequence-builder-game{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.sequence-display,.input-area{background:rgba(255,255,255,.9);padding:40px;border-radius:20px;text-align:center}.sequence-items,.user-sequence{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:30px 0}.sequence-item,.user-item,.empty-slot{font-size:3em;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:white;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#1a1a2e}.sequence-item{animation:popIn .3s ease forwards;opacity:0}@keyframes popIn{to{opacity:1;transform:scale(1)}0%{opacity:0;transform:scale(.5)}}.empty-slot{background:rgba(0,0,0,.05);color:#999}.emoji-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px}.emoji-btn{font-size:2em;padding:15px;background:white;border:2px solid #667eea;border-radius:10px;cursor:pointer;transition:all .2s}.emoji-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea4d}.instruction{font-size:1.3em;color:#1a1a2e;margin-bottom:20px}.focus_filter-game{width:100vw;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.target-display{font-size:64px;padding:20px;margin-bottom:16px;background:rgba(255,255,255,.95);border-radius:15px;text-align:center;font-weight:700}.symbols-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;width:100%;max-width:100%}.focus-symbol{display:inline-flex;align-items:center;justify-content:center;padding:0;margin:4px;font-size:36px;width:48px;height:48px;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:visible}.focus-symbol:before,.focus-symbol:after{display:none}.game-instructions,.game-complete{background:rgba(26,15,61,.95)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 40px #00000080;position:relative;border:1px solid rgba(255,255,255,.2)}.game-instructions h2,.game-complete h2{color:#fff!important;font-size:28px;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.game-subtitle{color:#0ff!important;font-size:16px;margin-bottom:24px}.instructions-content{text-align:left;margin:24px 0;background:rgba(255,255,255,.1);padding:20px;border-radius:12px}.instructions-content p{margin:12px 0;font-size:16px;color:#fffffff2!important;line-height:1.6}.start-btn,.next-level-btn,.menu-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:16px 48px;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;margin:10px;width:100%;max-width:100%;box-shadow:0 4px 12px #667eea66;position:relative;z-index:10;pointer-events:all;touch-action:manipulation}.start-btn:hover,.next-level-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea99}.start-btn:active,.next-level-btn:active{transform:translateY(0)}.target-symbol{font-size:2em;color:#667eea;margin:0 15px}.target-progress{color:#666;font-size:.9em;margin-left:10px}.items-container{position:relative;width:100%;max-width:600px;height:400px;background:rgba(255,255,255,.1);border-radius:20px;margin:20px 0}.floating-item{position:absolute;font-size:36px;cursor:pointer;transition:all .2s;padding:4px;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.floating-item:hover{transform:scale(1.2)}.floating-item.clicked-correct{animation:correctClick .5s ease;pointer-events:none;opacity:0}.floating-item.clicked-wrong{animation:shake .5s ease}@keyframes correctClick{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5)}to{transform:scale(0);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.stats-bar{display:flex;justify-content:space-around;max-width:400px;margin:20px auto;padding:15px;background:rgba(255,255,255,.2);border-radius:10px;color:#fff;font-weight:700}.found-count{color:#51cf66}.wrong-count{color:#ff6b6b}@media (max-width: 768px){.focus_filter-game{padding:10px}.game-instructions,.game-complete{padding:24px;max-width:100%;margin:0 10px}.game-header{padding:12px}.game-info{font-size:.9em;gap:8px}.items-container{height:300px}.floating-item{font-size:2.5em}.target-display{font-size:1.2em}.target-symbol{font-size:1.8em}}@media (max-width: 480px){.game-instructions,.game-complete{padding:20px;margin:0 8px}.game-instructions h2,.game-complete h2{font-size:24px}.instructions-content p{font-size:14px}.start-btn,.next-level-btn,.menu-btn{padding:14px 32px;font-size:16px}.items-container{height:250px}.floating-item{font-size:2em}.target-display{font-size:1em;padding:15px}.target-symbol{font-size:1.5em}}.path_memory-game{width:100vw;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:360px;margin:24px auto;padding:20px;background:rgba(255,255,255,.1);border-radius:20px}.grid-cell{aspect-ratio:1;width:100%;min-width:60px;min-height:60px;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.4);border-radius:50%;cursor:pointer;touch-action:manipulation;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.5em;font-weight:700;color:#667eea;position:relative}.grid-cell:hover{background:rgba(255,255,255,.3);transform:scale(1.05)}.grid-cell.highlighted{background:#667eea;border-color:#764ba2;transform:scale(1.1);box-shadow:0 0 20px #667eea99;animation:pulse .5s;color:#fff}.grid-cell.selected{background:#48bb78;border-color:#2f9e44;color:#fff}.grid-container.level-high{grid-template-columns:repeat(5,1fr);max-width:400px}.grid-container.level-high .grid-cell{min-width:50px;min-height:50px}.path-number{position:absolute;font-size:.8em}.path-progress{color:#fff;font-size:1.2em;font-weight:700;margin-top:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.game-instructions h2,.game-complete h2{font-size:1.8em}.game-instructions,.game-complete{padding:20px}.grid-container{max-width:300px;gap:10px;padding:15px}.grid-cell{font-size:1.2em}.game-arena{padding:20px;margin-top:80px}.final-stats{flex-direction:column}.stat-value{font-size:2em}}@media (max-width: 480px){.game-info{font-size:.9em;flex-wrap:wrap;gap:10px}.grid-container{max-width:250px;gap:8px}.grid-cell{font-size:1em}.instruction-text{font-size:1.2em}}.missing_number-game{width:100vw;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.game-header{position:fixed;top:0;left:0;right:0;background:#667eea;padding:16px 20px;box-shadow:0 4px 20px #0000001a;z-index:1000;display:flex;justify-content:space-between;align-items:center}.game-arena{margin-top:100px;display:flex;flex-direction:column;align-items:center;padding:16px;width:100%}.instruction-text{font-size:1.5em;font-weight:700;color:#fff;margin-bottom:24px;text-align:center}.sequence-display{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:400px;margin:24px auto;padding:16px;justify-content:center;flex-wrap:wrap}.sequence-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border-radius:12px;font-size:24px;font-weight:700;color:#1a1a2e;min-height:60px;box-shadow:0 2px 8px #0000001a;padding:12px 15px;text-align:center}.sequence-item.missing{background:rgba(102,126,234,.3);border:2px dashed rgba(102,126,234,.6);font-size:32px;color:#667eea}.sequence-display.large{grid-template-columns:repeat(6,1fr);gap:10px}.sequence-display.large .sequence-item{font-size:20px;min-height:50px}.answer-section{margin-top:24px;width:100%;max-width:400px;padding:0 16px}.answer-input{width:100%;padding:16px;font-size:24px;text-align:center;border:3px solid #667eea;border-radius:12px;font-weight:700}.submit-btn{width:100%;padding:16px;margin-top:16px;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;cursor:pointer;touch-action:manipulation}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:400px;margin:30px auto}.option-btn{background:white;color:#333;border:3px solid #667eea;padding:20px;font-size:1.5em;font-weight:700;border-radius:15px;cursor:pointer;transition:all .2s}.progress-bar{width:100%;max-width:600px;height:10px;background:rgba(255,255,255,.3);border-radius:10px;overflow:hidden;margin-top:30px}@media (max-width: 768px){.game-instructions h2,.game-complete h2{font-size:1.8em}.game-instructions,.game-complete{padding:20px}.instructions-content p{font-size:.95em}.sequence-item{padding:15px 20px;font-size:2em;min-width:60px}.options-grid{gap:12px}.option-btn{padding:15px;font-size:1.3em}.game-arena{padding:20px;margin-top:80px}.final-stats{flex-direction:column}.stat-value{font-size:2em}}@media (max-width: 480px){.game-info{font-size:.9em;flex-wrap:wrap;gap:10px}.sequence-display{gap:10px}.sequence-item{padding:12px 15px;font-size:1.5em;min-width:50px}.options-grid{grid-template-columns:1fr}.option-btn{padding:12px;font-size:1.2em}.instruction-text{font-size:1.2em}}.color_swap-game{width:100vw;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto}.game-header{position:fixed;top:0;left:0;right:0;background:#667eea;padding:16px 20px;box-shadow:0 4px 20px #0000001a;z-index:var(--z-elevated);display:flex;justify-content:space-between;align-items:center}.game-info{display:flex;justify-content:space-around;max-width:600px;margin:0 auto;font-weight:700;font-size:18px;color:#fff;gap:12px}.game-arena{margin-top:100px;display:flex;flex-direction:column;align-items:center;padding:16px;width:100%;justify-content:center}.instruction-text{font-size:20px;font-weight:600;color:#fff;text-align:center;margin-bottom:16px;padding:12px 20px;background:rgba(255,255,255,.2);border-radius:12px}.question-text{font-size:20px;font-weight:600;color:#fff;margin-bottom:16px;text-align:center;padding:12px 20px;background:rgba(255,255,255,.2);border-radius:12px}.word-display,.color-word-display{font-size:72px;font-weight:900;padding:40px;margin:32px 0;background:rgba(255,255,255,.95);border-radius:20px;text-align:center;min-height:160px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%}.color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:400px;padding:16px}.color-option{padding:20px;font-size:20px;font-weight:700;border:none;border-radius:16px;cursor:pointer;touch-action:manipulation;min-height:70px;box-shadow:0 4px 12px #0003;transition:transform .1s ease;text-transform:uppercase;letter-spacing:1px}.color-options .color-option{color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.color-options .color-btn-red{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.color-options .color-btn-blue{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.color-options .color-btn-green{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.color-options .color-btn-yellow{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);color:#1a1a2e;text-shadow:none}.color-options .color-btn-purple{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%)}.color-options .color-btn-orange{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%)}.color-option:active{transform:scale(.95);box-shadow:0 2px 8px #0000004d}.color-option:disabled{opacity:.5;cursor:not-allowed}.start-btn,.next-level-btn,.menu-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:all .2s;font-weight:700;margin:10px;touch-action:manipulation}.exit-btn{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.exit-btn:hover{background:rgba(255,255,255,.3);box-shadow:0 0 20px #fff3}.progress-bar{width:100%;max-width:100%;height:10px;background:rgba(255,255,255,.3);border-radius:10px;overflow:hidden;margin-top:30px}.progress-fill{height:100%;background:linear-gradient(90deg,#51cf66,#40c057);transition:width .3s ease}@media (max-width: 768px){.game-instructions h2,.game-complete h2{font-size:1.8em}.game-instructions,.game-complete{padding:20px}.instructions-content p{font-size:.95em}.color-word-display{font-size:3.5em;padding:20px}.question-text{font-size:1.4em}.color-options{gap:12px}.color-option{padding:15px 20px;font-size:1.1em}.game-arena{padding:20px;margin-top:80px}.final-stats{flex-direction:column}.stat-value{font-size:2em}}@media (max-width: 480px){.game-info{font-size:.9em;flex-wrap:wrap;gap:10px}.color-word-display{font-size:2.5em;padding:15px;margin:20px 0}.question-text{font-size:1.2em}.color-options{grid-template-columns:1fr}.color-option{padding:12px 15px;font-size:1em}}.reverse_recall-game{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sequence-display{display:flex;gap:20px;margin:40px 0;justify-content:center;flex-wrap:wrap}.sequence-item{background:rgba(255,255,255,.95);padding:20px;font-size:3em;border-radius:15px;box-shadow:0 10px 30px #0003;animation:fadeInScale .5s ease forwards;opacity:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.user-sequence{display:flex;gap:15px;margin:30px 0;justify-content:center;flex-wrap:wrap}.user-item{background:linear-gradient(135deg,#51cf66,#40c057);padding:20px;font-size:2.5em;border-radius:15px;color:#fff;min-width:60px;text-align:center;box-shadow:0 8px 20px #51cf664d}.empty-slot{background:rgba(255,255,255,.2);border:3px dashed white;padding:20px;font-size:2.5em;border-radius:15px;color:#fff;min-width:60px;text-align:center}.item-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:500px;margin:0 auto}.item-btn{background:white;border:none;padding:20px;font-size:2.5em;border-radius:15px;cursor:pointer;transition:all .2s;box-shadow:0 5px 15px #0003}.item-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.feedback{font-size:1.8em;font-weight:700;margin:30px 0;padding:20px;border-radius:15px;animation:feedbackPop .5s ease;color:#fff}@media (max-width: 768px){.sequence-item{font-size:2.5em;padding:15px}.user-item,.empty-slot{font-size:2em;padding:15px}.item-options{gap:12px}.item-btn{font-size:2em;padding:15px}}@media (max-width: 480px){.sequence-item{font-size:2em;padding:12px}.user-item,.empty-slot{font-size:1.5em;padding:12px;min-width:50px}.item-options{grid-template-columns:repeat(3,1fr);gap:10px}.item-btn{font-size:1.5em;padding:12px}.instruction-text{font-size:1.2em}}.blink_count-game{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.instruction-text{font-size:1.5em;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.blink-container{min-height:300px;display:flex;align-items:center;justify-content:center}.blink-circle{font-size:8em;transition:opacity .2s}.blink-circle.visible{opacity:1}.blink-circle.hidden{opacity:0}.answer-section{background:rgba(255,255,255,.95);padding:40px;border-radius:20px;max-width:500px;width:100%;text-align:center}.question{font-size:1.5em;font-weight:700;margin-bottom:30px;color:#333}.answer-display{font-size:4em;font-weight:700;color:#667eea;margin:30px 0;min-height:80px;display:flex;align-items:center;justify-content:center}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px;max-width:300px;margin-left:auto;margin-right:auto}.number-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:20px;font-size:1.5em;border-radius:15px;cursor:pointer;transition:all .2s;font-weight:700}.number-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.number-btn.clear-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);font-size:1em}.number-btn.submit-btn{background:linear-gradient(135deg,#51cf66,#40c057);font-size:1.2em}.feedback{font-size:1.8em;font-weight:700;margin:30px 0;padding:20px;border-radius:15px;animation:feedbackPop .5s ease}.feedback.correct{background:rgba(81,207,102,.2);color:#2f9e44}.feedback.wrong{background:rgba(255,107,107,.2);color:#c92a2a}@media (max-width: 768px){.game-instructions h2,.game-complete h2{font-size:1.8em}.game-instructions,.game-complete,.answer-section{padding:20px}.instructions-content p{font-size:.95em}.blink-circle{font-size:5em}.answer-display{font-size:3em}.number-pad{gap:10px}.number-btn{padding:15px;font-size:1.3em}.game-arena{padding:20px;margin-top:80px}.final-stats{flex-direction:column}.stat-value{font-size:2em}}@media (max-width: 480px){.game-info{font-size:.9em;flex-wrap:wrap;gap:10px}.blink-circle{font-size:4em}.answer-display{font-size:2.5em}.question{font-size:1.2em}}.word_pair_match-game{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.game-instructions,.game-complete{background:rgba(26,15,61,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080;position:relative;border:1px solid rgba(255,255,255,.2)}.game-instructions h2,.game-complete h2{font-size:2.5em;margin:0 0 10px;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.5)}.game-subtitle{color:#ffffffe6!important;font-size:1.2em;margin-bottom:30px}.instructions-content{text-align:left;margin:30px 0;background:rgba(255,255,255,.1);padding:20px;border-radius:10px}.instructions-content p{margin:15px 0;font-size:1.1em;color:#fffffff2!important}.start-btn,.next-level-btn,.menu-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;font-size:1.2em;border-radius:50px;cursor:pointer;transition:all .2s;font-weight:700;margin:10px}.start-btn:hover,.next-level-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.menu-btn{background:linear-gradient(135deg,#868e96,#495057)}.exit-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.2);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5em;cursor:pointer;transition:all .2s}.exit-btn:hover{background:rgba(255,255,255,.3);box-shadow:0 0 20px #fff3;transform:rotate(90deg)}.game-header{position:fixed;top:0;left:0;right:0;background:#667eea;padding:20px;box-shadow:0 4px 20px #0000001a;z-index:var(--z-elevated)}.game-info{display:flex;justify-content:space-around;max-width:600px;margin:0 auto;font-weight:700;font-size:1.1em;color:#fff}.game-arena{margin-top:100px;display:flex;flex-direction:column;align-items:center;padding:40px}.game-content{background:rgba(255,255,255,.9);padding:40px;border-radius:20px;text-align:center;min-width:400px}.progress-bar{width:100%;height:10px;background:rgba(0,0,0,.1);border-radius:10px;overflow:hidden;margin-top:30px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.final-stats{display:flex;justify-content:space-around;margin:30px 0;gap:20px}.stat-item{flex:1;background:rgba(255,255,255,.1);padding:20px;border-radius:15px}.stat-value{font-size:2.5em;font-weight:700;color:#0ff!important}.stat-label{color:#ffffffe6!important;margin-top:5px}.action-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.instruction-text{font-size:1.5em;font-weight:700;color:#fff;margin-bottom:30px;text-align:center}.loading-text{font-size:1.8em;color:#fff;font-weight:700;text-align:center;margin-top:80px}.pairs-display{display:flex;flex-direction:column;gap:20px;margin:40px 0;max-width:500px}.pair-item{background:rgba(255,255,255,.95);padding:25px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:1.8em;font-weight:700;box-shadow:0 10px 30px #0003;animation:fadeInSlide .5s ease forwards;opacity:0}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.pair-word{color:#667eea}.pair-arrow{color:#999}.question-text{font-size:1.5em;font-weight:700;color:#fff;margin-bottom:20px;text-align:center}.current-word{background:rgba(255,255,255,.95);padding:30px;font-size:3em;font-weight:700;border-radius:20px;color:#667eea;margin:30px 0;box-shadow:0 15px 40px #0003}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:500px;margin:30px auto}.option-btn{background:white;color:#333;border:3px solid #667eea;padding:20px;font-size:1.3em;font-weight:700;border-radius:15px;cursor:pointer;transition:all .2s}.option-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}.feedback{font-size:1.6em;font-weight:700;margin:30px 0;padding:20px;border-radius:15px;animation:feedbackPop .5s ease;color:#fff}.feedback.correct{background:rgba(81,207,102,.3)}.feedback.wrong{background:rgba(255,107,107,.3)}@keyframes feedbackPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.pair-item{font-size:1.5em;padding:20px}.current-word{font-size:2.5em;padding:25px}.options-grid{gap:12px}.option-btn{padding:15px;font-size:1.1em}}@media (max-width: 480px){.pair-item{font-size:1.2em;padding:15px;gap:10px}.current-word{font-size:2em;padding:20px}.options-grid{grid-template-columns:1fr}.option-btn{padding:12px;font-size:1em}.instruction-text,.question-text{font-size:1.2em}}.brain-stats{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 30%,#2d1b4e 60%,#1a0f3d 100%);position:relative;overflow-x:hidden;padding-bottom:80px}.brain-stats:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,100,255,.1) 0%,transparent 50%);pointer-events:none;z-index:var(--z-base)}.stats-container{position:relative;z-index:var(--z-content);max-width:480px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:24px}.stats-header{display:flex;align-items:center;justify-content:space-between;animation:fadeInDown .6s ease-out;flex-shrink:0}.back-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:12px;font-size:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:rgba(255,255,255,.1);border-color:#00ffff4d;box-shadow:0 0 20px #0ff3}.header-title{display:flex;flex-direction:column;align-items:center;gap:8px}.brain-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(138,43,226,.6));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.header-title h1{font-size:24px;font-weight:600;margin:0;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.premium-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;animation:fadeInUp .6s ease-out .1s both;flex-shrink:0}.stat-pill{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}.stat-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,var(--pill-color-start),var(--pill-color-end));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}.stat-pill-blue{--pill-color-start: #0099ff;--pill-color-end: #00ccff}.stat-pill-green{--pill-color-start: #00ff88;--pill-color-end: #00ffcc}.stat-pill-orange{--pill-color-start: #ff9966;--pill-color-end: #ffaa55}.stat-pill-purple{--pill-color-start: #bf00ff;--pill-color-end: #ff00ff}.stat-pill:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.stat-icon{font-size:24px;filter:drop-shadow(0 0 8px currentColor)}.stat-content{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:20px;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:11px;color:#fff9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.glass-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:20px;box-shadow:0 8px 32px #0006;animation:fadeInUp .6s ease-out both;flex-shrink:0}.trend-card{animation-delay:.2s}.trend-graph{margin:16px 0;padding:12px;background:rgba(0,0,0,.2);border-radius:16px}.chart-svg{width:100%;height:auto;display:block}.trend-caption{text-align:center;font-size:14px;color:#ffffffb3;margin:12px 0 0;font-weight:500}.section-header{animation:fadeInUp .6s ease-out both;flex-shrink:0}.section-title{font-size:18px;font-weight:600;color:#fff;margin:0;letter-spacing:.5px}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;animation:fadeInUp .6s ease-out .3s both;flex-shrink:0}.game-stat-card{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.game-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:var(--game-gradient);opacity:.1;z-index:var(--z-base)}.game-card-pattern{--game-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)}.game-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080;background:rgba(255,255,255,.06)}.game-card-icon{font-size:32px;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(255,255,255,.3));position:relative;z-index:var(--z-content)}.game-card-title{font-size:14px;font-weight:600;color:#fff;margin:0 0 12px;position:relative;z-index:var(--z-content)}.game-card-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;position:relative;z-index:var(--z-content)}.game-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.stat-key{color:#fff9;font-weight:500}.stat-val{color:#fff;font-weight:700}.game-card-subtext{font-size:11px;color:#ffffff80;margin:8px 0 0;font-style:italic;position:relative;z-index:var(--z-content)}.skill-analysis-section{display:flex;flex-direction:column;gap:16px;animation:fadeInUp .6s ease-out .4s both;flex-shrink:0}.radar-chart-container{padding:24px;display:flex;justify-content:center;align-items:center}.radar-chart{width:100%;max-width:200px;height:auto}.skill-badges{display:flex;flex-direction:column;gap:10px}.skill-badge{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:all .3s ease}.skill-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--badge-gradient);opacity:.2;z-index:var(--z-base)}.skill-badge:hover{transform:translate(4px);box-shadow:0 4px 20px #0000004d}.badge-blue-green{--badge-gradient: linear-gradient(135deg, #00ccff 0%, #00ff88 100%)}.badge-green-yellow{--badge-gradient: linear-gradient(135deg, #00ff88 0%, #ffff00 100%)}.badge-orange-red{--badge-gradient: linear-gradient(135deg, #ff9966 0%, #ff4444 100%)}.badge-score{font-size:24px;font-weight:700;color:#fff;min-width:50px;text-align:center;position:relative;z-index:var(--z-content)}.badge-label{font-size:14px;color:#ffffffe6;font-weight:500;position:relative;z-index:var(--z-content)}.streaks-card{animation-delay:.5s}.streaks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}.streak-item{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.2);padding:12px;border-radius:12px;transition:all .3s ease}.streak-item:hover{background:rgba(0,0,0,.3);transform:scale(1.02)}.streak-icon{font-size:24px;filter:drop-shadow(0 0 8px currentColor)}.streak-info{display:flex;flex-direction:column;gap:2px}.streak-value{font-size:16px;font-weight:700;color:#fff}.streak-label{font-size:10px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.motivation-footer{text-align:center;margin:16px 0 0;font-size:14px;color:#0ff;font-weight:500;text-shadow:0 0 10px rgba(0,255,255,.5)}.achievements-card{animation-delay:.6s}.achievements-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.achievement-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:6px;font-size:12px;color:#ffffffe6;transition:all .3s ease}.achievement-badge:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.achievement-emoji{font-size:16px}.achievement-name{font-weight:500}.loading-spinner,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;color:#ffffffb3}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#0ff;border-radius:50%;animation:spin 1s linear infinite}.btn-primary{background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);border:none;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00ffff80}@media (max-width: 380px){.stats-container{padding:16px 12px}.premium-stats-row{gap:8px}.stat-pill{padding:12px 8px}.stat-value{font-size:18px}.games-grid{gap:10px}.game-card-title{font-size:13px}}.personalized-brain-card{padding:20px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.cognitive-index-display{flex-shrink:0}.index-circle{position:relative;width:240px;height:240px;margin:0 auto}.index-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(0,255,255,.3))}.index-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.brain-emoji{font-size:48px;margin-bottom:8px;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.index-value{font-size:56px;font-weight:700;background:linear-gradient(135deg,#00ffff 0%,#b45eff 50%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.index-label{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:500}.cognitive-breakdown{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.breakdown-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff;display:flex;align-items:center;gap:8px}.breakdown-grid{display:grid;gap:16px}.breakdown-item{display:flex;align-items:center;gap:12px}.breakdown-icon{font-size:24px;width:40px;text-align:center;flex-shrink:0}.breakdown-info{flex:1;display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center}.breakdown-label{font-size:14px;color:#ffffffe6;font-weight:500}.breakdown-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .8s ease;box-shadow:0 0 10px currentColor}.breakdown-fill-memory{background:linear-gradient(90deg,#b45eff,#ff00ff)}.breakdown-fill-attention{background:linear-gradient(90deg,#00bfff,#0080ff)}.breakdown-fill-speed{background:linear-gradient(90deg,#ffd700,#ffaa00)}.breakdown-fill-processing{background:linear-gradient(90deg,#00ff7f,#00ffaa)}.breakdown-value{font-size:16px;font-weight:700;color:#fff;min-width:40px;text-align:right}.reaction-labels{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.labels-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}@media (max-width: 768px){.labels-grid{grid-template-columns:repeat(2,1fr)}}.label-item{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;text-align:center}.label-game-name{font-size:11px;color:#fff9;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.label-badge{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:2px solid;border-radius:8px;background:rgba(0,0,0,.2);font-weight:600}.label-text{font-size:13px}.label-score{font-size:16px;font-weight:700}.skill-range-analytics{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.analytics-title{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff}.estimated-badge{font-size:12px;font-weight:400;color:#ffffff80;font-style:italic}.range-visualization{display:grid;gap:20px;margin-bottom:20px}.range-item{display:grid;gap:8px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#fffc;font-weight:500}.range-value{font-size:16px;font-weight:700;color:#fff}.range-bar{position:relative;height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:visible}.range-fill{height:100%;border-radius:6px;transition:width .8s ease}.range-fill-global{background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.5))}.range-fill-yours{background:linear-gradient(90deg,#00ffff,#b45eff);box-shadow:0 0 15px #00ffff80}.range-fill-top{background:linear-gradient(90deg,#ffd700,#ffaa00);box-shadow:0 0 15px #ffd70080}.range-marker{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:var(--z-content)}.marker-dot{width:16px;height:16px;background:rgba(255,255,255,.5);border:2px solid white;border-radius:50%;box-shadow:0 0 10px #ffffff80}.marker-dot-you{background:#00ffff;border-color:#0ff;box-shadow:0 0 15px #0ffc;animation:markerPulse 2s ease-in-out infinite}.marker-dot-top{background:#ffd700;border-color:gold;box-shadow:0 0 15px #ffd700cc}@keyframes markerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.performance-tag{margin-top:20px}.tag{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:14px;border:2px solid}.tag-icon{font-size:20px}.tag-elite{background:rgba(255,215,0,.1);border-color:#ffd70080;color:gold;box-shadow:0 0 20px #ffd7004d}.tag-excellent{background:rgba(0,255,127,.1);border-color:#00ff7f80;color:#00ff7f;box-shadow:0 0 20px #00ff7f4d}.tag-good{background:rgba(0,191,255,.1);border-color:#00bfff80;color:#00bfff;box-shadow:0 0 20px #00bfff4d}.tag-growing{background:rgba(180,94,255,.1);border-color:#b45eff80;color:#b45eff;box-shadow:0 0 20px #b45eff4d}.enhanced-profile{min-height:100vh;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);color:#fff;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.profile-container{max-width:1000px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:30px;flex:1}.profile-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.back-btn{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:10px;font-size:1.2em;cursor:pointer;transition:all .3s}.back-btn:hover{background:rgba(255,255,255,.2);transform:translate(-5px)}.header-title h1{font-size:2em;margin:0;background:linear-gradient(135deg,#00d4ff,#7b2ff7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.player-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;display:flex;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.player-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7b2ff7);display:flex;align-items:center;justify-content:center;font-size:3em;border:3px solid rgba(255,255,255,.2)}.default-avatar{filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.player-info{flex:1}.player-name{font-size:2em;margin:0 0 10px;color:#fff}.rank-badge-container{display:flex;gap:10px;margin-bottom:10px}.rank-badge,.level-badge{padding:5px 15px;border-radius:20px;font-size:.9em;font-weight:700}.rank-badge{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.level-badge{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.join-date{color:#fff9;font-size:.9em}.xp-section{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.xp-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:1.1em}.xp-value{font-weight:700;color:#00d4ff}.xp-progress-bar{height:20px;background:rgba(0,0,0,.3);border-radius:10px;overflow:hidden;margin-bottom:5px}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#7b2ff7);transition:width .5s ease}.xp-footer{display:flex;justify-content:space-between;font-size:.9em;color:#fff9}.core-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;flex-shrink:0}.stat-card{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:20px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s}.stat-card:hover{transform:translateY(-5px);border-color:#00d4ff80;box-shadow:0 10px 30px #00d4ff33}.stat-icon{font-size:2.5em;margin-bottom:10px}.stat-value{font-size:2em;font-weight:700;color:#00d4ff;margin-bottom:5px}.stat-label{color:#ffffffb3;font-size:.9em}.section-title{font-size:1.5em;margin-bottom:20px;color:#fff}.achievements-section,.theme-section,.game-stats-section{background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.achievement-card{background:rgba(255,255,255,.05);border-radius:10px;padding:15px;display:flex;gap:15px;border:2px solid rgba(255,255,255,.1);transition:all .3s}.achievement-card.unlocked{border-color:#00d4ff80;background:rgba(0,212,255,.1)}.achievement-card.locked{opacity:.5;filter:grayscale(1)}.achievement-icon{font-size:2em}.achievement-info{flex:1}.achievement-name{font-weight:700;margin-bottom:5px}.achievement-description{font-size:.85em;color:#ffffffb3}.achievement-progress{font-size:.8em;color:#00d4ffcc;margin-top:5px}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.theme-card{background:rgba(255,255,255,.05);border-radius:10px;padding:20px;text-align:center;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s}.theme-card:hover:not(.locked){transform:translateY(-5px);border-color:#00d4ff80}.theme-card.selected{border-color:#00d4ff;background:rgba(0,212,255,.2)}.theme-card.locked{opacity:.5;cursor:not-allowed}.theme-preview{font-size:3em;margin-bottom:10px}.theme-name{font-weight:700;margin-bottom:5px}.unlock-requirement{font-size:.8em;color:#fff9}.game-stats-list{display:flex;flex-direction:column;gap:10px}.game-stat-row{background:rgba(255,255,255,.05);border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1)}.game-stat-name{font-weight:700;text-transform:capitalize;min-width:150px}.game-stat-values{display:flex;gap:20px;flex-wrap:wrap}.game-stat-item{font-size:.9em;color:#fffc}.profile-actions{display:flex;justify-content:center;flex-shrink:0}.action-btn{background:linear-gradient(135deg,#00d4ff,#7b2ff7);color:#fff;border:none;padding:15px 40px;border-radius:50px;font-size:1.1em;font-weight:700;cursor:pointer;transition:all .3s}.action-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d4ff66}.loading-spinner,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#00d4ff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.player-card{flex-direction:column;text-align:center;padding:20px}.core-stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid,.themes-grid{grid-template-columns:1fr}.game-stat-row{flex-direction:column;gap:10px}.header-title h1{font-size:1.5em}.profile-container{padding:15px;gap:20px}}@media (max-width: 480px){.enhanced-profile{padding:12px}.profile-container{padding:10px;gap:16px}.player-card{padding:16px;gap:16px}.player-avatar{width:80px;height:80px;font-size:2.5em}.player-name{font-size:1.5em}.header-title h1{font-size:1.2em}.back-btn{padding:8px 16px;font-size:1em}.glass-card,.xp-section,.achievements-section,.theme-section{padding:16px}.core-stats-grid{gap:10px}.stat-card{padding:12px}}.games-page{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 30%,#2d1b4e 60%,#1a0f3d 100%);position:relative;overflow-x:hidden;padding-bottom:80px}.games-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,100,255,.1) 0%,transparent 50%);pointer-events:none}.games-page-container{position:relative;z-index:var(--z-content);padding:var(--space-lg);max-width:1200px;margin:0 auto}.games-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-md) 0;gap:var(--space-md)}.back-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:12px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:rgba(255,255,255,.2);transform:translate(-2px)}.header-title h1{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-spacer{width:40px}.games-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl);justify-items:center}.quick-stat-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-md);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%}.quick-stat-icon{font-size:24px;margin-bottom:var(--space-xs)}.quick-stat-value{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}.quick-stat-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.games-section{margin-bottom:var(--space-xl)}.section-title{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--space-lg) 0;color:#fff;display:flex;align-items:center;gap:var(--space-sm);text-align:center;justify-content:center}.game-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);justify-items:center;align-items:center;place-items:center}@media (max-width: 768px){.game-cards{grid-template-columns:repeat(2,1fr)}}.game-card{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-md);cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,255,255,.2);-webkit-user-select:none;user-select:none}.game-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,255,255,.1) 0%,rgba(255,0,255,.1) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover:before{opacity:1}.game-card:active{transform:translateY(-2px) scale(.98);border-color:#00ffff80}.game-card:hover{transform:translateY(-4px);border-color:#00ffff4d;box-shadow:0 8px 32px #0ff3}.game-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover .game-card-glow{opacity:1;animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.game-card-content{position:relative;z-index:var(--z-content);text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.game-icon{font-size:48px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 10px rgba(255,255,255,.3));pointer-events:none}.game-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-sm) 0;color:#fff}.game-description{font-size:var(--text-sm);color:#ffffffb3;margin:0 0 var(--space-md) 0;line-height:1.4}.play-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);border-radius:var(--radius-md);color:#0ff;font-size:var(--text-sm);font-weight:600;transition:all .3s ease;width:100%}.game-card:hover .play-btn{background:rgba(0,255,255,.2);border-color:#00ffff80}.play-arrow{transition:transform .3s ease}.game-card-memory .play-btn{background:rgba(138,43,226,.1);border-color:#8a2be24d;color:#b45eff}.game-card-memory:hover .play-btn{background:rgba(138,43,226,.2);border-color:#8a2be280}.game-card-attention .play-btn{background:rgba(0,191,255,.1);border-color:#00bfff4d;color:#00bfff}.game-card-attention:hover .play-btn{background:rgba(0,191,255,.2);border-color:#00bfff80}.game-card-reflex .play-btn{background:rgba(255,215,0,.1);border-color:#ffd7004d;color:gold}.game-card-reflex:hover .play-btn{background:rgba(255,215,0,.2);border-color:#ffd70080}.game-card-word .play-btn,.game-card-shape .play-btn,.game-card-sequence .play-btn,.game-card-filter .play-btn,.game-card-path .play-btn,.game-card-number .play-btn,.game-card-color .play-btn,.game-card-reverse .play-btn,.game-card-blink .play-btn,.game-card-pairs .play-btn{background:rgba(0,255,127,.1);border-color:#00ff7f4d;color:#00ff7f}.game-card-word:hover .play-btn,.game-card-shape:hover .play-btn,.game-card-sequence:hover .play-btn,.game-card-filter:hover .play-btn,.game-card-path:hover .play-btn,.game-card-number:hover .play-btn,.game-card-color:hover .play-btn,.game-card-reverse:hover .play-btn,.game-card-blink:hover .play-btn,.game-card-pairs:hover .play-btn{background:rgba(0,255,127,.2);border-color:#00ff7f80}.master-dashboard{min-height:100vh;background:linear-gradient(180deg,var(--background-gradient-start),var(--background-gradient-end));color:var(--text);padding-bottom:var(--space-2xl)}.master-dashboard.loading,.master-dashboard.error{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.loading-spinner,.error-message{text-align:center}.spinner-icon{font-size:var(--text-5xl);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.error-icon{font-size:var(--text-5xl);display:block;margin-bottom:var(--space-md)}.retry-btn{margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border:none;border-radius:var(--radius-md);color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.dashboard-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md);background:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:var(--z-sticky);border-bottom:1px solid rgba(255,255,255,.1)}.back-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .3s ease}.back-btn:hover{background:rgba(255,255,255,.15);transform:translate(-2px)}.dashboard-title{font-size:var(--text-2xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-scroll-container{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.dashboard-section{padding:var(--space-lg) var(--space-md);animation:fadeInUp .6s ease-out}.identity-header{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:var(--space-lg)}.identity-avatar{display:flex;justify-content:center}.avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #00ffff80}.avatar-icon{font-size:var(--text-4xl)}.identity-info{text-align:center}.identity-name{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-sm) 0}.identity-level{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.level-badge{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:#000}.level-title{color:var(--text-secondary);font-size:var(--text-sm)}.xp-progress-container{margin-top:var(--space-sm)}.xp-progress-bar{height:8px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.xp-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 10px var(--neon-cyan)}.xp-text{font-size:var(--text-xs);color:var(--text-dim)}.cognitive-index-display{text-align:center;padding:var(--space-lg);background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-lg)}.ci-main{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.ci-value{font-size:var(--text-5xl);font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ci-trend{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.trend-arrow{font-size:var(--text-2xl)}.trend-value{font-size:var(--text-sm);font-weight:600}.ci-label{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.ci-description{font-size:var(--text-sm);color:var(--text-secondary)}.progress-chart{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.chart-title{font-size:var(--text-xl);font-weight:700;margin:0}.time-range-selector{display:flex;gap:var(--space-xs);background:rgba(255,255,255,.05);padding:var(--space-xs);border-radius:var(--radius-md)}.time-btn{padding:var(--space-xs) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-sm);transition:all .3s ease}.time-btn.active{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#000}.chart-container{height:180px;margin-bottom:var(--space-lg);position:relative}.line-chart{width:100%;height:100%}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);text-align:center}.chart-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.chart-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--text-xl);font-weight:700}.skill-pillars{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.pillars-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg) 0}.radar-chart-container{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.radar-chart{width:100%;max-width:300px;height:auto}.pillars-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.pillar-item{display:flex;flex-direction:column;gap:var(--space-xs)}.pillar-header{display:flex;justify-content:space-between;align-items:center}.pillar-name{font-size:var(--text-sm);font-weight:600}.pillar-score{font-size:var(--text-lg);font-weight:700;color:var(--neon-cyan)}.pillar-tier{font-size:var(--text-xs);color:var(--text-dim)}.pillar-bar{height:6px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden}.pillar-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:var(--radius-full);transition:width .5s ease}.pillars-insight{display:flex;gap:var(--space-sm);padding:var(--space-md);background:rgba(0,255,255,.05);border:1px solid rgba(0,255,255,.2);border-radius:var(--radius-md);align-items:center}.insight-icon{font-size:var(--text-xl)}.insight-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.game-clusters{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.clusters-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg) 0}.cluster-carousel{position:relative;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.carousel-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-xl);transition:all .3s ease;flex-shrink:0}.carousel-btn:hover:not(:disabled){background:rgba(255,255,255,.2)}.carousel-btn:disabled{opacity:.3;cursor:not-allowed}.cluster-cards-container{flex:1;overflow:hidden}.cluster-cards{display:flex;transition:transform .4s ease}.cluster-card{min-width:100%;padding:var(--space-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);text-align:center}.cluster-icon{font-size:var(--text-4xl);margin-bottom:var(--space-sm)}.cluster-name{font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-md) 0}.cluster-score-display{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.cluster-score{font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cluster-trend{font-size:var(--text-lg);font-weight:600}.cluster-stats{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.cluster-stat-item{display:flex;justify-content:space-between;padding:var(--space-sm);background:rgba(255,255,255,.05);border-radius:var(--radius-sm)}.cluster-games-played{font-size:var(--text-xs);color:var(--text-dim)}.cluster-empty{padding:var(--space-lg);color:var(--text-dim)}.cluster-dots{display:flex;justify-content:center;gap:var(--space-sm)}.cluster-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);border:none;cursor:pointer;transition:all .3s ease;padding:0}.cluster-dot.active{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.individual-games{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.games-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg) 0}.games-grid{display:flex;flex-direction:column;gap:var(--space-md)}.game-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.game-card.unplayed{opacity:.6}.game-card-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer}.game-card.unplayed .game-card-header{cursor:default}.game-icon{font-size:var(--text-3xl);flex-shrink:0}.game-info{flex:1;min-width:0}.game-name{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-xs) 0}.game-quick-stats{display:flex;gap:var(--space-md);font-size:var(--text-sm)}.quick-stat{color:var(--text-secondary)}.quick-stat.trend{font-weight:700}.game-unplayed{font-size:var(--text-sm);color:var(--text-dim)}.expand-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);transition:all .3s ease;flex-shrink:0}.game-card-details{padding:var(--space-md);background:rgba(0,0,0,.2);border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.detail-stat{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label{font-size:var(--text-xs);color:var(--text-dim)}.detail-value{font-size:var(--text-lg);font-weight:700;color:var(--neon-cyan)}.play-again-btn{width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border:none;border-radius:var(--radius-md);color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00ffff80}.consistency-tracker{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.tracker-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg) 0}.streak-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.streak-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg)}.streak-icon{font-size:var(--text-2xl)}.streak-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.streak-value{font-size:var(--text-xl);font-weight:700;color:var(--neon-cyan)}.streak-label{font-size:var(--text-xs);color:var(--text-dim);text-align:center}.activity-heatmap{margin-bottom:var(--space-lg)}.heatmap-title{font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-md) 0}.heatmap-grid{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.heatmap-week{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs)}.heatmap-day{aspect-ratio:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--text-dim);transition:all .3s ease}.heatmap-day.active{background:var(--neon-cyan);border-color:var(--neon-cyan);color:#000;box-shadow:0 0 10px var(--neon-cyan)}.day-label{font-weight:600}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-dim)}.legend-item{width:12px;height:12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1)}.legend-level-0{background:rgba(255,255,255,.05)}.legend-level-1{background:var(--neon-cyan)}.habit-insights{display:flex;gap:var(--space-md)}.habit-item{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.habit-icon{font-size:var(--text-xl)}.habit-info{display:flex;flex-direction:column;gap:var(--space-xs)}.habit-label{font-size:var(--text-xs);color:var(--text-dim)}.habit-value{font-size:var(--text-base);font-weight:700;color:var(--neon-cyan)}.coach-insights{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.insights-title{font-size:var(--text-xl);font-weight:700;margin:0 0 var(--space-lg) 0}.insights-empty{text-align:center;padding:var(--space-xl);color:var(--text-dim)}.empty-icon{font-size:var(--text-4xl);display:block;margin-bottom:var(--space-md)}.insights-list{display:flex;flex-direction:column;gap:var(--space-md)}.insight-card{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);border:1px solid;align-items:flex-start}.insight-card.priority-high{background:rgba(255,0,68,.1);border-color:#ff00444d}.insight-card.priority-medium{background:rgba(255,170,0,.1);border-color:#ffaa004d}.insight-card.priority-low{background:rgba(0,255,136,.1);border-color:#00ff884d}.insight-icon{font-size:var(--text-2xl);flex-shrink:0}.insight-content{flex:1}.insight-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.historical-view{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-lg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow)}.historical-view.collapsed{padding:0}.expand-historical-btn{width:100%;padding:var(--space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);transition:all .3s ease}.expand-historical-btn:hover{background:rgba(255,255,255,.08)}.historical-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.historical-title{font-size:var(--text-xl);font-weight:700;margin:0}.collapse-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-sm);transition:all .3s ease}.historical-filters{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs);flex:1;min-width:120px}.filter-group label{font-size:var(--text-xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:var(--space-sm);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-sm)}.export-btn{padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));border:none;border-radius:var(--radius-md);color:#000;font-weight:700;cursor:pointer;font-size:var(--text-sm);transition:all .3s ease;align-self:flex-end}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00ffff80}.sessions-table-container{overflow-x:auto;border-radius:var(--radius-md);background:rgba(0,0,0,.2)}.sessions-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.sessions-table thead{background:rgba(255,255,255,.05)}.sessions-table th{padding:var(--space-md);text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.1)}.sessions-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.05)}.sessions-table tbody tr:hover{background:rgba(255,255,255,.03)}.no-data{text-align:center;color:var(--text-dim);padding:var(--space-xl)}.table-footer{padding:var(--space-md);text-align:center;font-size:var(--text-xs);color:var(--text-dim);background:rgba(255,255,255,.03)}@media (min-width: 481px){.dashboard-section{padding:var(--space-xl) var(--space-lg)}.identity-header{flex-direction:row;align-items:center}.identity-info{text-align:left;flex:1}.chart-stats{grid-template-columns:repeat(4,1fr)}.games-grid{display:grid;grid-template-columns:repeat(2,1fr)}.streak-stats{gap:var(--space-lg)}}@media (min-width: 769px){.dashboard-scroll-container{max-width:1200px;margin:0 auto}.games-grid,.detail-stats{grid-template-columns:repeat(3,1fr)}}.login-container{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));border:none;border-radius:var(--radius-lg);color:#000;font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d;min-width:200px}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-icon{font-size:var(--text-xl);filter:drop-shadow(0 0 5px currentColor)}.login-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-hint{font-size:var(--text-xs);color:var(--text-dim);text-align:center;margin:0;max-width:250px}.login-hint.login-warning{color:var(--warning);font-weight:600;background:rgba(255,170,0,.1);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,170,0,.3);max-width:300px}.login-error{font-size:var(--text-sm);color:var(--error);text-align:center;margin:0;padding:var(--space-sm) var(--space-md);background:rgba(255,0,68,.1);border:1px solid rgba(255,0,68,.3);border-radius:var(--radius-md)}.login-status{display:flex;align-items:center;gap:var(--space-md)}.user-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.user-icon{font-size:var(--text-lg)}.user-id{font-size:var(--text-sm);color:var(--text-secondary);font-family:Courier New,monospace;font-weight:600}.verification-badge{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-green),var(--neon-cyan));border-radius:50%;font-size:var(--text-xs);color:#000;font-weight:700;box-shadow:0 0 10px var(--neon-green)}.verification-badge.worldid-verified{background:linear-gradient(135deg,#4940E0,#7C3AED);box-shadow:0 0 15px #4940e099;font-size:var(--text-xs)}.logout-btn-small{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logout-btn-small:hover{background:rgba(255,0,0,.2);border-color:#f006;color:#ff6b6b;transform:translateY(-2px);box-shadow:0 4px 12px #ff00004d}.logout-btn-small:active{transform:translateY(0)}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .2s ease-out}.logout-modal{background:rgba(10,10,31,.95);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:400px;width:100%;box-shadow:0 20px 60px #000c;animation:slideUp .3s ease-out}.logout-modal-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0 0 var(--space-md) 0;text-align:center}.logout-modal-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-xl) 0;text-align:center;line-height:1.5}.logout-modal-buttons{display:flex;gap:var(--space-md)}.logout-modal-btn{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.logout-cancel-btn{background:rgba(255,255,255,.1);color:var(--text);border:1px solid rgba(255,255,255,.2)}.logout-cancel-btn:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d}.logout-confirm-btn{background:linear-gradient(135deg,#ff0044,#ff4466);color:#fff;box-shadow:0 4px 15px #ff00444d}.logout-confirm-btn:hover{box-shadow:0 6px 20px #ff004480;transform:translateY(-2px)}.logout-confirm-btn:active,.logout-cancel-btn:active{transform:translateY(0)}@media (max-width: 480px){.login-btn{min-width:auto;width:100%}.user-id{max-width:80px;overflow:hidden;text-overflow:ellipsis}.logout-modal{padding:var(--space-lg)}.logout-modal-buttons{flex-direction:column}.logout-modal-btn{width:100%}}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);animation:fadeIn .3s ease-out}.tutorial-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop)}.tutorial-container{position:relative;z-index:var(--z-modal);max-width:500px;width:100%;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tutorial-content{background:rgba(10,10,31,.95);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);box-shadow:0 20px 60px #000c,0 0 0 1px #ffffff1a inset;overflow:hidden}.tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}.tutorial-title{font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0;display:flex;align-items:center;gap:var(--space-md)}.tutorial-icon{font-size:var(--text-3xl);filter:drop-shadow(0 0 10px currentColor)}.tutorial-close-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);cursor:pointer;transition:all .3s ease}.tutorial-close-btn:hover{background:rgba(255,0,0,.2);border-color:#f006;color:#ff6b6b}.tutorial-body{padding:var(--space-xl);min-height:150px}.tutorial-description{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin:0}.tutorial-progress{display:flex;justify-content:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl)}.progress-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s ease}.progress-dot.active{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));box-shadow:0 0 10px var(--neon-cyan);transform:scale(1.2)}.progress-dot.completed{background:var(--neon-green);box-shadow:0 0 8px var(--neon-green)}.tutorial-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.tutorial-nav-buttons{display:flex;gap:var(--space-md)}.tutorial-btn{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px;text-align:center}.tutorial-btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));color:#000;border:none;box-shadow:0 4px 15px #00ffff4d}.tutorial-btn-primary:hover{box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}.tutorial-btn-outline{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.2)}.tutorial-btn-outline:hover{background:rgba(255,255,255,.05);border-color:#ffffff4d}.tutorial-btn-secondary{background:transparent;color:var(--text-dim);border:none;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;min-width:auto}.tutorial-btn-secondary:hover{color:var(--text-secondary)}@media (max-width: 480px){.tutorial-overlay,.tutorial-header{padding:var(--space-md)}.tutorial-body{padding:var(--space-lg);min-height:120px}.tutorial-title{font-size:var(--text-lg)}.tutorial-description{font-size:var(--text-sm)}.tutorial-footer{flex-direction:column;align-items:stretch}.tutorial-nav-buttons{width:100%}.tutorial-btn{flex:1}.tutorial-btn-secondary{order:-1;padding:var(--space-sm)}}.welcome-screen{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 30%,#2d1b4e 60%,#1a0f3d 100%);display:flex;align-items:center;justify-content:center;position:relative}.welcome-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,100,255,.15) 0%,transparent 50%);animation:nebulaPulse 8s ease-in-out infinite}@keyframes nebulaPulse{0%,to{opacity:.5}50%{opacity:1}}.welcome-content{text-align:center;animation:fadeInUp .8s ease-out}.brain-logo{font-size:120px;margin-bottom:24px;filter:drop-shadow(0 0 30px rgba(138,43,226,.8));animation:brainPulse 2s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px rgba(138,43,226,.8))}50%{transform:scale(1.05);filter:drop-shadow(0 0 50px rgba(138,43,226,1))}}.welcome-title{font-size:48px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.welcome-subtitle{font-size:20px;color:#ffffffd9;margin:0 0 32px;font-weight:500;letter-spacing:2px;text-transform:uppercase}.loading-dots{display:flex;justify-content:center;gap:12px}.loading-dots span{width:12px;height:12px;background:linear-gradient(135deg,#00ffff,#ff00ff);border-radius:50%;animation:dotBounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.brain-training-menu{min-height:100vh;background:linear-gradient(180deg,#0a0a1f 0%,#1a0f3d 30%,#2d1b4e 60%,#1a0f3d 100%);position:relative;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.brain-training-menu:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(138,43,226,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(0,100,255,.1) 0%,transparent 50%);pointer-events:none;z-index:var(--z-background)}.menu-container{position:relative;z-index:var(--z-content);max-width:480px;margin:0 auto;padding:20px 16px;animation:fadeIn .6s ease-out}.menu-header{margin-bottom:24px;animation:fadeInDown .6s ease-out;position:relative}.app-logo{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;box-shadow:0 8px 32px #0006}.logo-icon{font-size:48px;filter:drop-shadow(0 0 12px rgba(138,43,226,.6));animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{flex:1}.app-name{font-size:24px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.app-tagline{font-size:12px;color:#ffffffbf;margin:0;text-transform:uppercase;letter-spacing:1px;font-weight:500}.login-section{margin-bottom:var(--space-lg);padding:var(--space-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);animation:fadeInUp .6s ease-out .15s both}.auth-status-section{display:flex;justify-content:flex-end;margin-bottom:var(--space-lg);animation:fadeInUp .6s ease-out .15s both}.logout-btn{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px;font-size:20px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logout-btn:hover{background:rgba(255,107,107,.2);border-color:#ff6b6b80;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b6b4d}.logout-btn:active{transform:translateY(0)}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;animation:fadeInUp .6s ease-out .1s both}@media (max-width: 480px){.quick-stats{grid-template-columns:repeat(2,1fr);gap:10px}}.quick-stat-item{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.quick-stat-item:hover{background:rgba(255,255,255,.06);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.quick-stat-icon{font-size:24px;filter:drop-shadow(0 0 8px currentColor)}.quick-stat-value{font-size:24px;font-weight:700;color:#fff;line-height:1}.quick-stat-label{font-size:10px;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.games-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 20px;letter-spacing:.5px;animation:fadeInUp .6s ease-out .2s both}.game-cards{display:flex;flex-direction:column;gap:16px}.game-card{position:relative;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:fadeInUp .6s ease-out both}.game-card:nth-child(1){animation-delay:.3s}.game-card:nth-child(2){animation-delay:.4s}.game-card:nth-child(3){animation-delay:.5s}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;background:var(--game-gradient);opacity:.1;transition:opacity .4s ease;z-index:var(--z-background)}.game-card:hover:before{opacity:.2}.game-card-memory{--game-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.game-card-attention{--game-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.game-card-reflex{--game-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.game-card-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:var(--game-gradient);opacity:0;filter:blur(8px);transition:opacity .4s ease;z-index:var(--z-background)}.game-card:hover .game-card-glow{opacity:.4}.game-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000080;border-color:#fff3}.game-card-content{position:relative;z-index:var(--z-content)}.game-icon{font-size:48px;margin-bottom:12px;filter:drop-shadow(0 0 12px currentColor);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.game-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px}.game-description{font-size:14px;color:#fffc;margin:0 0 16px;line-height:1.5}.game-stats-preview{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stat-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:4px 12px;border-radius:12px;font-size:12px;color:#ffffffe6;font-weight:600}.play-btn{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:16px;font-size:16px;font-weight:600;color:#fff;transition:all .3s ease}.game-card:hover .play-btn{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translate(4px)}.play-arrow{font-size:20px;transition:transform .3s ease}.game-card:hover .play-arrow{transform:translate(4px)}.menu-actions{margin-bottom:32px;animation:fadeInUp .6s ease-out .6s both}.stats-button{width:100%;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.stats-button:hover{background:rgba(255,255,255,.1);border-color:#00ffff4d;box-shadow:0 0 30px #0ff3;transform:translateY(-2px)}.stats-icon{font-size:24px}.menu-footer{text-align:center;margin-top:40px;animation:fadeIn .6s ease-out .7s both}.footer-text{font-size:14px;color:#ffffffbf;margin:0 0 4px;font-weight:500}.footer-subtext{font-size:11px;color:#ffffff8c;margin:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:rgba(10,10,31,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:var(--z-sticky);box-shadow:0 -4px 32px #00000080}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;cursor:pointer;transition:all .3s ease;color:#ffffffa6}.nav-item:hover{color:#ffffffe6}.nav-item-active{color:#0ff}.nav-item-active .nav-icon{filter:drop-shadow(0 0 8px #00ffff)}.nav-icon{font-size:24px;transition:all .3s ease}.nav-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.welcome-title{font-size:36px}.brain-logo{font-size:90px}.menu-container{padding:16px 12px 20px}.brain-training-menu{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.game-card{padding:20px}.game-icon{font-size:40px}.bottom-nav{padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.nav-item{padding:6px 12px}.nav-icon{font-size:20px}.action-card{padding:16px}.glass-card{padding:20px}.card-title{font-size:16px}}.dashboard-section{margin-bottom:32px}.glass-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:20px}.card-title{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff}.recent-performance{animation:fadeInUp .6s ease-out .2s both}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 480px){.performance-grid{grid-template-columns:1fr;gap:12px}.performance-item{flex-direction:row;justify-content:space-between;align-items:center;padding:12px 16px;background:rgba(255,255,255,.03);border-radius:12px}.perf-label{text-align:left}}.performance-item{display:flex;flex-direction:column;gap:8px;text-align:center}.perf-label{font-size:12px;color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px}.perf-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,#00ffff 0%,#ff00ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.empty-state h3{font-size:20px;font-weight:600;margin:0 0 12px;color:#fff}.empty-state p{font-size:14px;color:#ffffffbf;margin:0;line-height:1.5}.quick-actions-section{margin-bottom:32px}.action-cards{display:flex;flex-direction:column;gap:12px}.action-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.action-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.action-icon{font-size:40px;filter:drop-shadow(0 0 10px currentColor)}.action-info{flex:1;text-align:left}.action-title{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff}.action-description{font-size:13px;color:#ffffffbf;margin:0}.action-arrow{font-size:24px;color:#fff9;transition:all .3s ease}.action-card:hover .action-arrow{color:#fffffff2;transform:translate(4px)}.action-card-dashboard{border-color:#ff00ff4d}.action-card-dashboard:hover{border-color:#ff00ff80;box-shadow:0 8px 32px #f0f3}.action-card-games{border-color:#00ffff4d}.action-card-games:hover{border-color:#00ffff80;box-shadow:0 8px 32px #0ff3}.action-card-profile{border-color:#b45eff4d}.action-card-profile:hover{border-color:#b45eff80;box-shadow:0 8px 32px #b45eff33}.action-card-stats{border-color:#00ff7f4d}.action-card-stats:hover{border-color:#00ff7f80;box-shadow:0 8px 32px #00ff7f33}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);color:#fff;padding:24px;overflow-y:auto}.error-boundary-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;max-width:600px;width:100%}.error-boundary-title{font-size:2rem;font-weight:700;color:#ff6b6b;margin:0;text-shadow:0 0 10px rgba(255,107,107,.5)}.error-boundary-message{display:flex;flex-direction:column;gap:12px}.error-boundary-message>p{font-size:1.1rem;color:#fffc;margin:0}.error-details{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:16px;margin-top:12px}.error-name{font-weight:600;color:#ff6b6b;margin:0 0 8px;font-size:1rem}.error-text{color:#ffffffe6;margin:0;font-family:Courier New,monospace;font-size:.9rem;word-break:break-word}.error-boundary-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.error-btn{padding:14px 32px;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;width:100%}.error-btn-primary{background:linear-gradient(90deg,#00d4ff,#7b2dff);color:#fff}.error-btn-primary:hover{box-shadow:0 0 20px #00d4ff66;transform:translateY(-2px)}.error-btn-secondary{background:rgba(255,255,255,.1);color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.error-btn-secondary:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.error-boundary-details{width:100%;margin-top:16px;text-align:left}.error-boundary-details summary{cursor:pointer;color:#ffffffb3;font-size:.9rem;padding:8px;background:rgba(255,255,255,.05);border-radius:6px;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{background:rgba(255,255,255,.08)}.error-technical{margin-top:12px;padding:16px;background:rgba(0,0,0,.3);border-radius:6px;border:1px solid rgba(255,255,255,.1)}.error-technical h3{font-size:.9rem;color:#00d4ff;margin:0 0 8px}.error-technical pre{background:rgba(0,0,0,.5);padding:12px;border-radius:4px;overflow-x:auto;font-size:.8rem;color:#fffc;margin:0 0 16px;white-space:pre-wrap;word-break:break-word}.error-boundary-help{font-size:.9rem;color:#fff9;margin-top:8px}@media (max-width: 480px){.error-boundary-title{font-size:1.5rem}.error-boundary-message>p{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--neon-cyan: #00ffff;--neon-pink: #ff00ff;--neon-green: #00ff88;--neon-purple: #bf00ff;--neon-blue: #0099ff;--neon-yellow: #ffff00;--neon-orange: #ff6600;--primary: var(--neon-cyan);--secondary: var(--neon-pink);--accent: var(--neon-purple);--background: #000000;--background-gradient-start: #0a0015;--background-gradient-end: #001a2e;--surface: rgba(255, 255, 255, .05);--surface-hover: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--text: #ffffff;--text-secondary: #d0d0e0;--text-dim: #9090a0;--text-on-gradient: #000000;--success: var(--neon-green);--error: #ff0044;--warning: #ffaa00;--info: var(--neon-blue);--glass-blur: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glass-shadow-lg: 0 12px 48px rgba(0, 0, 0, .6);--glow-cyan: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 40px var(--neon-cyan);--glow-pink: 0 0 10px var(--neon-pink), 0 0 20px var(--neon-pink), 0 0 40px var(--neon-pink);--glow-green: 0 0 10px var(--neon-green), 0 0 20px var(--neon-green), 0 0 40px var(--neon-green);--glow-purple: 0 0 10px var(--neon-purple), 0 0 20px var(--neon-purple), 0 0 40px var(--neon-purple);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--z-background: -1;--z-base: 0;--z-content: 1;--z-elevated: 10;--z-dropdown: 50;--z-sticky: 100;--z-fixed: 500;--z-modal-backdrop: 1000;--z-modal: 1001;--z-popover: 1500;--z-tooltip: 2000;--z-notification: 3000;--z-debug: 9999}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--background-gradient-start) 0%,var(--background-gradient-end) 100%);background-attachment:fixed;color:var(--text);min-height:100vh;position:relative;overflow-x:hidden;touch-action:manipulation;width:100%;max-width:100vw;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.08) 0%,transparent 50%);pointer-events:none;z-index:var(--z-background)}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:var(--z-base);width:100vw;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .3s ease;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all .3s ease}.glass-card:hover{background:var(--surface-hover);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.neon-button{position:relative;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-base);text-transform:uppercase;letter-spacing:1px;overflow:hidden;transition:all .3s ease}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.neon-button:hover:before{left:100%}.neon-button-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--neon-blue) 100%);color:#000;box-shadow:var(--glow-cyan)}.neon-button-primary:hover{box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan);transform:translateY(-2px)}.neon-button-secondary{background:linear-gradient(135deg,var(--secondary) 0%,var(--neon-purple) 100%);color:#fff;box-shadow:var(--glow-pink)}.neon-button-secondary:hover{box-shadow:0 0 20px var(--neon-pink),0 0 40px var(--neon-pink),0 0 60px var(--neon-pink);transform:translateY(-2px)}.glow{box-shadow:var(--glow-cyan)}.glow-primary{color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px var(--primary)}.glow-secondary{color:var(--secondary);text-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@media (max-width: 768px){:root{--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--text-xs: .7rem;--text-sm: .8rem;--text-base: .9rem;--text-lg: 1rem;--text-xl: 1.1rem;--text-2xl: 1.3rem;--text-3xl: 1.6rem;--text-4xl: 1.9rem;--text-5xl: 2.4rem}body{font-size:14px;padding:0;margin:0;overflow-x:hidden;width:100%;max-width:100vw}#root{width:100%;max-width:100vw;overflow-x:hidden}.glass-card,.neon-button,button,div[class*=game],div[class*=container]{max-width:100vw}}@media (max-width: 480px){:root{--text-xs: .65rem;--text-sm: .75rem;--text-base: .85rem;--text-lg: .95rem}body{font-size:13px}}