body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;position:relative}.main-content{flex:1;overflow-y:auto;padding:0 0 80px;min-height:0}.content{display:flex;align-items:center;justify-content:center;height:100%;font-size:24px;text-align:center;padding:20px}@media (max-width: 480px){.app{max-width:100%;height:100vh;height:100dvh;border-radius:0;margin:0}}@media (orientation: portrait){.app{height:100vh;height:100dvh}}.bottom-nav{transform:translateY(0);transition:transform .3s ease-in-out}.bottom-nav.nav-hidden{transform:translateY(100%)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem}.loading-spinner{animation:spin 1s linear infinite}.game-error-fallback,.game-loading-fallback{color:var(--text-primary)}.game-error-fallback h2{color:var(--text-primary);margin-bottom:.5rem}.game-error-fallback p{color:var(--text-secondary);margin-bottom:.5rem}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}:root{--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.app-container{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.main-content{flex:1;padding-bottom:80px}.page-container{min-height:calc(100vh - 80px);padding:var(--spacing-lg);box-sizing:border-box}.category{border-radius:var(--radius-lg);border:1px solid;overflow:hidden;cursor:grab;transition:all var(--transition-normal);margin-bottom:var(--spacing-md);width:100%}.category-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;position:relative;transition:all var(--transition-normal);width:100%;min-height:60px}.category-header .drag-handle{position:absolute;top:3px;left:3px;font-size:14px;line-height:1;transform:rotate(0);opacity:0;transition:opacity var(--transition-normal)}.category-header h2{font-size:18px;font-weight:600;margin:0;flex-grow:1}.category-subtitle{font-size:14px;margin:0;opacity:.7}.chevron{font-size:14px;transition:transform var(--transition-normal);margin-left:auto}.card{border:1px solid;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal);position:relative}.card-interactive{cursor:pointer;position:relative;overflow:hidden}.card-interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary)}.card-interactive:active{transform:scale(.97) translateY(-1px)}.card-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s;pointer-events:none}.card-interactive:hover:before{left:100%}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:var(--radius-lg)}.content-card{border-radius:var(--radius-md);padding:var(--spacing-md);cursor:grab;transition:all var(--transition-normal);border:1px solid;min-height:60px;display:flex;flex-direction:column;justify-content:center;position:relative}.content-card .drag-handle{position:absolute;top:2px;left:2px;font-size:10px;line-height:1;transform:rotate(0);opacity:0;transition:opacity var(--transition-normal)}.content-card.functional{cursor:pointer}.content-card.non-functional{opacity:.5;cursor:not-allowed}.content-card.functional:hover{transform:translateY(-1px)}.content-card:active{cursor:grabbing;transform:scale(.98)}.card-title{font-size:16px;font-weight:500;margin:0 0 4px;line-height:1.2}.card-description{font-size:13px;margin:0;line-height:1.3}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:var(--spacing-sm)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.category-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.btn{padding:var(--spacing-md);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}input,textarea,select{border:1px solid;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:16px;transition:all var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none}.bottom-nav{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid;position:fixed;bottom:0;left:0;right:0;width:100%;height:80px;display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:8px 0;box-sizing:border-box;background:rgba(255,255,255,.05);box-shadow:0 -8px 32px #0000004d,inset 0 1px #ffffff1a}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:8px 4px;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);margin:4px;text-decoration:none;min-width:60px;max-width:80px}.nav-item:hover{transform:translateY(-1px)}.nav-icon{font-size:24px;margin-bottom:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-svg-icon{width:24px;height:24px;object-fit:contain;transition:all var(--transition-normal)}.nav-item:hover .nav-svg-icon{transform:scale(1.1)}.nav-item.active .nav-svg-icon{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(102,126,234,.4))}.nav-svg-icon[alt=Meditation]{width:28px;height:28px}.nav-label{font-size:10px;font-weight:500;text-transform:capitalize}.draggable{cursor:grab;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.draggable:active{cursor:grabbing}.favorite-star{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all var(--transition-normal);opacity:.4;z-index:10}.favorite-star:hover{opacity:.8;transform:scale(1.1)}h1{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0 0 var(--spacing-lg) 0}h2{font-weight:600;margin:0 0 var(--spacing-md) 0}h3{font-weight:600;margin:0 0 var(--spacing-sm) 0}h4{font-weight:500;margin:0 0 var(--spacing-sm) 0}label{font-weight:500;display:block;margin-bottom:var(--spacing-xs)}.back-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:25px;border:none;font-size:20px;cursor:pointer;transition:all var(--transition-slow);display:flex;align-items:center;justify-content:center;z-index:1000}.back-button:hover{transform:scale(1.05) translateY(-2px)}.back-button:active{transform:scale(.95)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{border-radius:3px}.instruction-container{width:100%;min-height:100vh;position:relative;-webkit-user-select:none;user-select:none;padding:var(--spacing-md);box-sizing:border-box;display:flex;justify-content:center;overflow-y:auto}.instruction-content-wrapper{width:100%;max-width:500px;background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);margin:var(--spacing-md) 0;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);box-sizing:border-box}.instruction-screen{display:flex;flex-direction:column;gap:var(--spacing-lg)}.instruction-header{text-align:center;margin-bottom:var(--spacing-md)}.instruction-title{font-size:28px;font-weight:700;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 4px rgba(0,0,0,.3);color:var(--text-primary)}.instruction-subtitle{font-size:16px;margin:0;opacity:.8;color:var(--text-secondary)}.game-preview-section{text-align:center;margin:var(--spacing-md) 0;color:var(--text-primary)}.game-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);position:relative;min-height:160px;width:100%;background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.instructions-section,.game-options-section{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.instructions-title,.options-title{font-size:20px;font-weight:600;margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.instructions-text{font-size:16px;line-height:1.6;margin-bottom:var(--spacing-md);color:var(--text-secondary)}.instructions-list{margin:0;padding-left:var(--spacing-lg)}.instructions-list li{margin-bottom:var(--spacing-sm);line-height:1.5;color:var(--text-secondary)}.skill-trained{background:var(--card-bg-tertiary);border:1px solid var(--card-border-active);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;text-align:center;font-weight:600;color:var(--text-accent)}.game-option{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);background:var(--card-bg-tertiary);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.game-option label{font-weight:500;color:var(--text-primary);flex:1}.game-option select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:8px 12px;color:var(--input-text);font-size:14px;min-width:200px}.option-value{font-weight:600;color:var(--text-accent);min-width:60px;text-align:center}.mode-selection{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0}.mode-option{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .3s ease}.mode-option:hover{background:var(--card-bg-tertiary);border-color:var(--text-accent);transform:translateY(-2px)}.mode-title{font-size:18px;font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--text-primary)}.mode-description{font-size:14px;margin:0;color:var(--text-secondary);line-height:1.4}.instruction-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff}.preview-icon{font-size:96px;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.preview-text{font-size:14px;text-align:center;font-style:italic;margin:0;opacity:.9}.preview-content{position:relative;z-index:1;text-align:center}.instructions-section{background:var(--card-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);flex:1}.instructions-title{font-size:20px;font-weight:600;margin:0 0 var(--spacing-md) 0}.instructions-text{margin:var(--spacing-sm) 0;line-height:1.6}.instructions-list{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.instructions-list li{margin-bottom:var(--spacing-sm);line-height:1.5}.skill-trained{font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-options-section{background:var(--card-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card)}.options-title{font-size:20px;font-weight:600;margin:0 0 var(--spacing-md) 0}.game-option{margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.game-option label{flex:1;font-weight:500;margin:0}.game-option select,.game-option input[type=range],.game-option input[type=number]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid;border-radius:var(--radius-md);font-size:14px;min-width:140px;transition:all var(--transition-normal)}.option-value{font-weight:600;min-width:40px;text-align:center;font-size:14px}.instruction-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.instruction-button{width:100%;padding:var(--spacing-lg);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.instruction-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.instruction-button:active{transform:scale(.98)}.start-game-button{background:var(--button-primary);color:#fff}.practice-mode-button{background:var(--button-success);color:#fff}.back-to-games-button{background:var(--button-secondary);color:#fff}.warning-section{border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid;border-color:var(--button-warning);background:rgba(245,158,11,.1);margin:var(--spacing-md) 0}.warning-title{font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--button-warning)}.warning-text{margin:0;line-height:1.5;font-size:14px}.mode-selection-section{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.mode-option{padding:var(--spacing-lg);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;position:relative}.mode-option:hover{transform:translateY(-2px);border-color:var(--text-accent)}.mode-option.practice-mode{border-left:4px solid var(--button-success)}.mode-option.session-mode{border-left:4px solid var(--button-warning)}.mode-title{margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:600}.mode-description{margin:0;font-size:14px;opacity:.9;line-height:1.4}@media (max-width: 480px){:root{--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px}.page-container{padding:var(--spacing-md)}.category-header{padding:14px var(--spacing-md)}.category-header h2{font-size:15px}.cards-grid{padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);gap:10px}.lessons-grid{grid-template-columns:1fr;padding:0 var(--spacing-sm) var(--spacing-sm) var(--spacing-sm);gap:10px}.content-card{padding:14px;min-height:55px}.card-title{font-size:15px}.card-description{font-size:12px}.card{padding:var(--spacing-md)}.btn{padding:var(--spacing-sm) var(--spacing-md)}.instruction-container{padding:var(--spacing-md)}.instruction-title{font-size:24px}.instruction-subtitle{font-size:14px}.game-preview{padding:var(--spacing-md);min-height:100px}.preview-icon{font-size:72px}.instructions-section,.game-options-section{padding:var(--spacing-md)}.instructions-title,.options-title{font-size:18px}.game-option{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.game-option select,.game-option input{min-width:100%}.instruction-button{padding:var(--spacing-md);font-size:15px}.mode-option{padding:var(--spacing-md)}.mode-title{font-size:16px}.mode-description{font-size:13px}}.toggle-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);min-width:100px;text-align:center;background:transparent}.toggle-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.toggle-btn:active{transform:scale(.98)}.toggle-btn.enabled{background:var(--button-success);color:#fff;border-color:var(--button-success)}.toggle-btn.disabled{background:var(--card-bg-secondary);color:var(--text-secondary);border-color:var(--card-border)}.toggle-btn.theme-toggle{background:var(--button-primary);color:#fff;border-color:var(--button-primary)}.toggle-btn.theme-toggle:hover{box-shadow:0 4px 12px #667eea4d}@media (pointer: coarse){.category,.content-card{cursor:pointer}.category:active{transform:scale(.98)}.content-card:active{transform:scale(.95)}}.category.drag-over,.content-card.drag-over{border-color:var(--drag-over-border);background:var(--drag-over-bg)}.category-header,.content-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dark-theme{--bg-primary: linear-gradient(135deg, #0f172a 0%, #153e7e 100%);--bg-secondary: rgba(45, 55, 72, .95);--bg-tertiary: rgba(255, 255, 255, .05);--bg-overlay: rgba(0, 0, 0, .3);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-accent: #667eea;--text-muted: #a0aec0;--h1-color: #ffffff;--h2-color: #e2e8f0;--h3-color: #cbd5e1;--h4-color: #94a3b8;--body-text: #94a3b8;--label-text: rgba(255, 255, 255, .8);--card-bg-primary: rgba(70, 80, 110, .6);--card-bg-secondary: rgba(75, 85, 115, .7);--card-bg-tertiary: rgba(45, 55, 72, .8);--card-bg-glass: rgba(255, 255, 255, .3);--card-border: rgba(139, 157, 195, .2);--card-border-hover: rgba(139, 157, 195, .4);--card-border-active: rgba(139, 157, 195, .6);--nav-bg: rgba(45, 55, 72, .95);--nav-border: rgba(102, 126, 234, .2);--nav-item-default: #a0aec0;--nav-item-hover: #e2e8f0;--nav-item-active: #667eea;--nav-item-bg-hover: rgba(102, 126, 234, .1);--nav-item-bg-active: rgba(102, 126, 234, .15);--button-primary: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--button-secondary: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--button-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--button-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--button-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--input-bg: rgba(255, 255, 255, .1);--input-border: rgba(139, 157, 195, .3);--input-border-focus: #8b9dc3;--input-text: #e2e8f0;--input-placeholder: #a0aec0;--hover-bg: rgba(255, 255, 255, .05);--active-bg: rgba(255, 255, 255, .1);--focus-ring: rgba(139, 157, 195, .2);--drag-handle-color: rgba(226, 232, 240, .4);--drag-over-bg: rgba(85, 95, 125, .8);--drag-over-border: #8b9dc3;--shadow-primary: 0 8px 32px rgba(0, 0, 0, .3);--shadow-secondary: 0 4px 16px rgba(0, 0, 0, .2);--shadow-card: 0 4px 12px rgba(0, 0, 0, .2);--shadow-nav: 0 0 40px rgba(0, 0, 0, .3);--bubble-text-color: #1f2937}.light-theme{--bg-primary: linear-gradient(135deg, #d9d3d7 0%, #87a3f8 100%);--bg-secondary: rgba(255, 255, 255, .85);--bg-tertiary: rgba(0, 0, 0, .03);--bg-overlay: rgba(255, 255, 255, .4);--text-primary: #374151;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-accent: #7c3aed;--text-muted: #6b7280;--h1-color: #374151;--h2-color: #374151;--h3-color: #4b5563;--h4-color: #6b7280;--body-text: #4b5563;--label-text: #374151;--card-bg-primary: rgba(255, 255, 255, .7);--card-bg-secondary: rgba(248, 250, 252, .8);--card-bg-tertiary: rgba(241, 245, 249, .75);--card-bg-glass: rgba(255, 255, 255, .5);--card-border: rgba(156, 163, 175, .15);--card-border-hover: rgba(156, 163, 175, .25);--card-border-active: rgba(156, 163, 175, .35);--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(124, 58, 237, .15);--nav-item-default: #6b7280;--nav-item-hover: #374151;--nav-item-active: #7c3aed;--nav-item-bg-hover: rgba(124, 58, 237, .08);--nav-item-bg-active: rgba(124, 58, 237, .12);--button-primary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--button-secondary: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);--button-success: linear-gradient(135deg, #34d399 0%, #10b981 100%);--button-warning: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--button-danger: linear-gradient(135deg, #f87171 0%, #ef4444 100%);--input-bg: rgba(255, 255, 255, .7);--input-border: rgba(156, 163, 175, .2);--input-border-focus: #8b5cf6;--input-text: #374151;--input-placeholder: #9ca3af;--hover-bg: rgba(0, 0, 0, .03);--active-bg: rgba(0, 0, 0, .06);--focus-ring: rgba(139, 92, 246, .15);--drag-handle-color: rgba(75, 85, 99, .3);--drag-over-bg: rgba(139, 92, 246, .08);--drag-over-border: #8b5cf6;--shadow-primary: 0 8px 32px rgba(0, 0, 0, .06);--shadow-secondary: 0 4px 16px rgba(0, 0, 0, .04);--shadow-card: 0 4px 12px rgba(0, 0, 0, .04);--shadow-nav: 0 0 40px rgba(0, 0, 0, .06);--bubble-text-color: #1f2937}.dark-theme,.light-theme{background:var(--bg-primary);color:var(--text-primary)}.game-container{min-height:100vh;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;position:relative;color:var(--text-primary)}.game-screen{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:24px;max-width:90vw;width:100%;max-width:500px;box-shadow:var(--shadow-primary);text-align:left}.game-title{text-align:center;margin-bottom:24px;color:var(--text-primary);font-size:28px;font-weight:700}.game-subtitle{color:var(--text-primary);font-size:20px;margin-bottom:16px;font-weight:600}.game-description{font-size:16px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.game-text{color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.game-preview{text-align:center;margin-bottom:24px}.preview-content{background:var(--button-primary);border-radius:12px;padding:20px;color:#fff}.preview-icon{font-size:40px;margin-bottom:8px}.instructions{margin-bottom:24px}.instructions ul{margin:0;padding-left:20px}.instructions li{margin-bottom:8px;line-height:1.4;color:var(--text-secondary)}.game-options{background:var(--card-bg-secondary);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid var(--card-border)}.option{margin-bottom:16px;display:flex;align-items:center;gap:12px}.option label{flex:1;font-weight:500;color:var(--text-primary)}.option select,.option input[type=range],.option input[type=number]{padding:8px 12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:14px;min-width:120px}.option-value{font-weight:600;color:var(--text-accent);min-width:30px;text-align:center}.game-buttons,.start-buttons,.action-buttons{display:flex;flex-direction:column;gap:12px}.game-button{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff}.game-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.game-button:active{transform:scale(.98)}.start-game-btn,.start-btn{background:var(--button-primary)}.start-game-btn:hover,.start-btn:hover{box-shadow:0 6px 16px #3b82f64d}.back-btn,.exit-game-btn{background:var(--button-secondary)}.practice-mode-btn,.practice-btn{background:var(--button-success)}.practice-mode-btn:hover,.practice-btn:hover{box-shadow:0 6px 16px #10b9814d}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.round-info,.round-display{font-size:16px;font-weight:600;color:var(--text-accent)}.progress-indicator{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.progress-dot{width:12px;height:12px;border-radius:50%;background:var(--card-border);transition:all .3s ease}.progress-dot.active{background:var(--text-accent)}.game-stats{display:flex;justify-content:space-between;background:var(--card-bg-secondary);border-radius:8px;padding:12px;font-size:14px;font-weight:500;color:var(--text-primary);border:1px solid var(--card-border)}.mode-selection{display:flex;flex-direction:column;gap:20px;margin-bottom:40px;width:100%}.mode-button{padding:20px;border:2px solid transparent;border-radius:12px;background:var(--card-bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;text-align:left}.mode-button:hover{background:var(--card-bg-tertiary);border-color:var(--text-accent);transform:translateY(-2px)}.mode-button.practice{border-left:4px solid #10b981}.mode-button.session{border-left:4px solid #f59e0b}.mode-button h3{margin:0 0 8px;font-size:18px;font-weight:600}.mode-button p{margin:0;font-size:14px;color:var(--text-secondary)}@media (max-width: 480px){.game-screen{padding:20px;margin:10px}.game-title{font-size:24px}.option{flex-direction:column;align-items:stretch;gap:8px}.option select{min-width:100%}}.dark-theme h1,.light-theme h1{color:var(--h1-color)}.dark-theme h2,.light-theme h2{color:var(--h2-color)}.dark-theme h3,.light-theme h3{color:var(--h3-color)}.dark-theme h4,.light-theme h4{color:var(--h4-color)}.dark-theme p,.dark-theme span,.dark-theme div,.light-theme p,.light-theme span,.light-theme div{color:var(--body-text)}.dark-theme label,.light-theme label{color:var(--label-text)}.dark-theme .card,.light-theme .card{background:var(--card-bg-primary);border-color:var(--card-border);box-shadow:var(--shadow-card)}.dark-theme .card:hover,.light-theme .card:hover{background:var(--card-bg-secondary);border-color:var(--card-border-hover);box-shadow:var(--shadow-primary)}.dark-theme .card-glass,.light-theme .card-glass{background:var(--card-bg-glass);border-color:var(--card-border)}.dark-theme .btn-primary,.light-theme .btn-primary{background:var(--button-primary)}.dark-theme .btn-secondary,.light-theme .btn-secondary{background:var(--button-secondary)}.dark-theme .btn-success,.light-theme .btn-success{background:var(--button-success)}.dark-theme .btn-warning,.light-theme .btn-warning{background:var(--button-warning)}.dark-theme .btn-danger,.light-theme .btn-danger{background:var(--button-danger)}.dark-theme input,.dark-theme textarea,.dark-theme select,.light-theme input,.light-theme textarea,.light-theme select{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}.dark-theme input:focus,.dark-theme textarea:focus,.dark-theme select:focus,.light-theme input:focus,.light-theme textarea:focus,.light-theme select:focus{border-color:var(--input-border-focus);box-shadow:0 0 0 2px var(--focus-ring)}.dark-theme input::placeholder,.dark-theme textarea::placeholder,.light-theme input::placeholder,.light-theme textarea::placeholder{color:var(--input-placeholder)}.dark-theme .bottom-nav{background:rgb(12,19,34,.8);border-color:#667eea33;box-shadow:0 -8px 32px #0006,inset 0 1px #667eea33}.light-theme .bottom-nav{background:rgb(31,134,224,.1);border-color:#7c3aed26;box-shadow:0 -8px 32px #7c3aed1a,inset 0 1px #ffffffe6}.dark-theme .nav-item,.light-theme .nav-item{color:var(--nav-item-default)}.dark-theme .nav-item:hover,.light-theme .nav-item:hover{background:var(--nav-item-bg-hover);color:var(--nav-item-hover)}.dark-theme .nav-item.active,.light-theme .nav-item.active{color:var(--nav-item-active);background:var(--nav-item-bg-active);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.dark-theme .nav-item.active .nav-icon,.light-theme .nav-item.active .nav-icon{transform:scale(1.1);filter:drop-shadow(0 2px 8px rgba(102,126,234,.4))}.dark-theme .drag-handle,.light-theme .drag-handle{color:var(--drag-handle-color)}.dark-theme .drag-over,.light-theme .drag-over{background:var(--drag-over-bg);border-color:var(--drag-over-border)}.dark-theme .back-button,.light-theme .back-button{background:var(--button-primary);color:#fff;box-shadow:0 8px 25px #667eea66}.dark-theme .back-button:hover,.light-theme .back-button:hover{box-shadow:0 12px 30px #667eea80}.dark-theme .category,.light-theme .category{background:var(--card-bg-primary);border-color:var(--card-border)}.dark-theme .category:hover,.light-theme .category:hover{background:var(--card-bg-secondary);border-color:var(--card-border-hover)}.dark-theme .category.drag-over,.light-theme .category.drag-over{border-color:var(--drag-over-border);background:var(--drag-over-bg)}.dark-theme .content-card,.light-theme .content-card{background:var(--card-bg-primary);border-color:var(--card-border)}.dark-theme .content-card:hover,.light-theme .content-card:hover{background:var(--card-bg-secondary);border-color:var(--card-border-hover)}.dark-theme .content-card.drag-over,.light-theme .content-card.drag-over{background:var(--drag-over-bg);border-color:var(--drag-over-border)}.dark-theme ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--text-accent)}.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--nav-item-active)}.light-theme ::-webkit-scrollbar-track{background:var(--bg-secondary)}.light-theme ::-webkit-scrollbar-thumb{background:var(--text-accent)}.light-theme ::-webkit-scrollbar-thumb:hover{background:var(--nav-item-active)}.dark-theme .game-preview,.light-theme .game-preview{background:var(--card-bg-glass);border-color:var(--card-border);color:var(--text-primary)}.dark-theme .instruction-container,.light-theme .instruction-container{background:var(--bg-primary);color:var(--text-primary)}.dark-theme .instruction-content-wrapper,.light-theme .instruction-content-wrapper{background:var(--card-bg-glass);border-color:var(--card-border);color:var(--text-primary)}.dark-theme .instruction-title,.light-theme .instruction-title{color:var(--text-primary)}.dark-theme .instruction-subtitle,.light-theme .instruction-subtitle{color:var(--text-secondary)}.dark-theme .game-preview-section,.light-theme .game-preview-section{color:var(--text-primary)}.dark-theme .instructions-section,.dark-theme .game-options-section,.light-theme .instructions-section,.light-theme .game-options-section{background:var(--card-bg-secondary);border-color:var(--card-border);color:var(--text-primary)}.dark-theme .instructions-title,.dark-theme .options-title,.light-theme .instructions-title,.light-theme .options-title{color:var(--text-primary)}.dark-theme .instructions-text,.dark-theme .instructions-list li,.light-theme .instructions-text,.light-theme .instructions-list li{color:var(--text-secondary)}.dark-theme .skill-trained,.light-theme .skill-trained{background:var(--card-bg-secondary);border-color:var(--card-border-active);color:var(--text-accent)}.dark-theme .game-option,.light-theme .game-option{background:var(--card-bg-secondary);border-color:var(--card-border)}.dark-theme .game-option label,.light-theme .game-option label{color:var(--text-primary)}.dark-theme .option-value,.light-theme .option-value{color:var(--text-accent)}.dark-theme .mode-option,.light-theme .mode-option{background:var(--card-bg-secondary);border-color:var(--card-border)}.dark-theme .mode-option:hover,.light-theme .mode-option:hover{background:var(--card-bg-tertiary);border-color:var(--text-accent)}.dark-theme .mode-title,.light-theme .mode-title{color:var(--text-primary)}.dark-theme .mode-description,.light-theme .mode-description{color:var(--text-secondary)}.dark-theme .instruction-actions,.light-theme .instruction-actions{color:var(--text-primary)}.dark-theme .preview-content p,.light-theme .preview-content p{color:var(--text-secondary)}.home-container{padding:20px;height:100%;overflow-y:auto;background:transparent}@media (min-width: 768px){.home-container{padding:30px}}.welcome-area{margin-bottom:32px;margin-top:8px}@media (min-width: 768px){.welcome-area{margin-top:2px}}.welcome-header{position:relative;margin-bottom:32px}.welcome-message{font-size:32px;font-weight:700;color:#e2e8f0;margin:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%,#f093fb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(102,126,234,.3);letter-spacing:.5px;line-height:1.2;text-align:center}.welcome-subtitle{font-size:18px;font-weight:600;color:#94a3b8;text-align:center;margin:16px 0 24px;text-transform:uppercase;letter-spacing:1px}.welcome-description{background:rgba(102,126,234,.08);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;margin:24px 0;text-align:center}.welcome-description p{color:#cbd5e1;font-size:16px;line-height:1.6;margin:0 0 16px}.welcome-description p:last-child{margin-bottom:0}.feedback-button{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin:16px auto 24px;display:block;box-shadow:0 4px 16px #f973164d}.feedback-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731666;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%)}.feedback-button:active{transform:scale(.98)}.test-button{position:absolute;top:0;right:60px;width:44px;height:44px;border:none;border-radius:12px;background:#ff6b6b;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #ff6b6b4d}.test-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff6b6b66}.test-button:active{transform:scale(.95)}.theme-toggle-button{position:absolute;top:0;right:0;background:var(--button-primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.theme-toggle-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #667eea66}.static-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}@media (max-width: 480px){.static-cards{grid-template-columns:1fr;gap:8px}.welcome-message{font-size:24px}.welcome-subtitle{font-size:16px}.welcome-description{padding:20px;margin:20px 0}.welcome-description p{font-size:15px}.feedback-button{padding:12px 20px;font-size:15px}.theme-toggle-button{width:36px;height:36px;font-size:18px}}@media (min-width: 768px){.welcome-message{font-size:36px}}.static-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:all .3s ease;min-height:120px;position:relative}.static-card .coming-soon-overlay{position:absolute;top:12px;right:12px;z-index:10}.static-card .coming-soon-overlay .coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block}.cards-grid>div>.coming-soon-overlay{position:absolute;top:12px;right:12px;z-index:10}.cards-grid>div>.coming-soon-overlay .coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block}.static-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent)}.static-card-content{display:flex;align-items:flex-start;gap:12px;height:100%}.static-card-icon{font-size:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (min-width: 768px){.static-card-icon{font-size:28px}}.static-card-text{flex:1;display:flex;flex-direction:column;gap:4px}.static-card-text h3{margin:0;font-size:14px;font-weight:600;color:#a0aec0;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.static-card-text h3{font-size:15px}}.static-card-value{font-size:18px;font-weight:700;color:#e2e8f0;line-height:1.2}@media (min-width: 768px){.static-card-value{font-size:20px}}.movable-cards-section{margin-top:24px}.section-title{font-size:18px;font-weight:600;color:#a0aec0;margin:0;text-transform:uppercase;letter-spacing:.5px}.theme-toggle-button{position:absolute;top:0;right:0;width:44px;height:44px;border:none;border-radius:12px;background:var(--button-primary);color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #667eea4d}.theme-toggle-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #667eea66}.theme-toggle-button:active{transform:scale(.95)}.add-card-button{width:36px;height:36px;border-radius:50%;background:var(--button-primary)!important;color:#fff!important;border:1px solid var(--card-border);font-size:20px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-card)}.add-card-button:hover{transform:scale(1.05);box-shadow:var(--shadow-secondary);border-color:var(--card-border-hover)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;grid-auto-rows:min-content;position:relative;min-height:120px}.cards-grid:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;pointer-events:none}.reset-dashboard-btn{width:36px;height:36px;border-radius:50%;background:var(--button-secondary)!important;color:#fff!important;border:1px solid var(--card-border);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--shadow-card)}.reset-dashboard-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-secondary);border-color:var(--card-border-hover)}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}}.card{background:rgba(45,55,72,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0003;cursor:grab;transition:all .3s ease;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5),transparent)}.card.premium-locked{position:relative;opacity:.7;cursor:default}.card.premium-locked .card-content{filter:blur(1px)}.premium-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:10}.teaser-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;border-radius:inherit;z-index:5;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.teaser-card{opacity:0;transform:scale(.8) translateY(20px);animation:teaserFadeIn .8s ease-out forwards}.teaser-animate-in{animation:teaserSlideIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards,teaserPulse 2s ease-in-out 1.5s infinite}@keyframes teaserFadeIn{to{opacity:1;transform:scale(1) translateY(0)}}@keyframes teaserSlideIn{0%{opacity:0;transform:scale(.8) translateY(20px) rotateY(-15deg)}50%{transform:scale(1.05) translateY(-5px) rotateY(0)}to{opacity:1;transform:scale(1) translateY(0) rotateY(0)}}@keyframes teaserPulse{0%,to{box-shadow:0 8px 32px #0003}50%{box-shadow:0 12px 40px #667eea66,0 0 0 2px #667eea4d}}.teaser-card{position:relative;cursor:default}.teaser-card .drag-handle{display:none}.premium-card-content{text-align:center;color:#fff;padding:var(--spacing-md)}.premium-lock-icon{font-size:2rem;margin-bottom:var(--spacing-sm);display:block}.premium-text{font-size:14px;font-weight:600;display:block;margin-bottom:var(--spacing-xs)}.premium-description{font-size:12px;opacity:.9;margin:0;line-height:1.3}.teaser-card-content{text-align:center;color:#fff;padding:var(--spacing-sm);position:relative}.teaser-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000004d}.teaser-lock-icon{font-size:1.5rem;margin-bottom:4px;display:block;opacity:.9}.teaser-text{font-size:13px;font-weight:600;display:block;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.teaser-description{font-size:11px;opacity:.95;margin:0;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.8)}.game-stats-card{border-left:3px solid var(--text-accent);position:relative}.game-stats-card .card-content{position:relative}.game-stats-card .card-content:before{content:"🎮";position:absolute;top:4px;right:4px;font-size:12px;opacity:.6}.game-stats-locked{opacity:.7;filter:grayscale(50%)}.game-stats-locked:hover{transform:none}.game-stats-card .card-value{font-weight:700;color:var(--text-accent)}.game-stats-card .card-subtitle{font-size:12px;color:var(--text-secondary);font-weight:500}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#667eea66;background:rgba(45,55,72,.9)}.card:active{cursor:grabbing;transform:scale(.98)}.card.drag-over{border-color:#667eea;background:rgba(102,126,234,.1);box-shadow:0 0 0 2px #667eea4d}.card.simple{min-height:80px}.card.large{min-height:120px;grid-column:span 2}@media (max-width: 480px){.card.large{grid-column:span 1}}@media (min-width: 768px){.card{padding:20px}.card.simple{min-height:100px}.card.large{min-height:140px}}.card-content{display:flex;align-items:flex-start;gap:12px;height:100%}.card-icon{font-size:24px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (min-width: 768px){.card-icon{font-size:28px}}.card-text{flex:1;display:flex;flex-direction:column;gap:4px}.card-text h3{margin:0;font-size:14px;font-weight:600;color:#a0aec0;line-height:1.2;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.card-text h3{font-size:15px}}.card-value{font-size:18px;font-weight:700;color:#e2e8f0;line-height:1.2}@media (min-width: 768px){.card-value{font-size:20px}}.card-subtitle{font-size:12px;color:#718096;line-height:1.2;margin-top:2px}@media (min-width: 768px){.card-subtitle{font-size:13px}}.card-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.card-menu{background:rgba(45,55,72,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,126,234,.2);border-radius:16px;padding:24px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.card-menu h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#e2e8f0}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--card-border)}.header-controls{display:flex;align-items:center;gap:12px}.category-filter{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);padding:6px 12px;font-size:14px;cursor:pointer;transition:all .2s ease}.category-filter:hover{border-color:var(--card-border-hover);background:var(--card-bg-tertiary)}.category-filter:focus{outline:none;border-color:var(--button-primary)}.card-menu-list{margin-bottom:24px}.card-category-section .menu-item{margin-bottom:8px}.card-menu-item{margin-bottom:12px}.card-menu-item label{display:flex;align-items:center;cursor:pointer;padding:8px 0;transition:color .2s ease}.card-menu-item label:hover{color:#667eea}.card-menu-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;accent-color:#667eea}.card-menu-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.card-menu-item span{font-size:16px;color:#e2e8f0}.card-menu-close{width:100%;padding:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.card-menu-close:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (pointer: coarse){.card{cursor:pointer}.card:active{transform:scale(.95)}.card-menu-item label{padding:12px 0}}.dashboard-controls{display:flex;gap:12px;margin-bottom:16px}.dashboard-controls button{padding:8px 16px;border:none;border-radius:8px;background:var(--card-bg-secondary);color:#e2e8f0;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-controls button:hover{background:var(--card-bg-primary)}.dashboard-controls button:disabled{opacity:.5;cursor:not-allowed}.reset-button{background:linear-gradient(135deg,#e43a19 0%,#e52d27 50%,#be1e2d 100%);color:#fff}.reset-button:hover{background:linear-gradient(135deg,#d43417 0%,#d42922 50%,#ac1b27 100%)}.card-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.card-category-section{margin-bottom:24px}.card-category-section:last-child{margin-bottom:0}.category-heading{font-size:16px;font-weight:600;color:var(--text-accent);margin:0 0 12px;padding:8px 12px;background:var(--card-bg-secondary);border-radius:6px;border-left:3px solid var(--button-primary)}.category-cards{display:flex;flex-direction:column;gap:4px}.home-coming-soon-badge{display:inline-block;background:var(--accent);color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:8px;margin-left:6px;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.games-container{padding:20px;height:100%;overflow-y:auto;background:transparent;max-width:800px;margin:0 auto}@media (min-width: 768px){.games-container{padding:30px}}.games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--card-border)}.reset-layout-btn{background:var(--button-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);color:#fff;font-size:18px;width:36px;height:36px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.reset-layout-btn:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover);color:#fff;transform:scale(1.05)}.reset-layout-btn:active{transform:scale(.95)}.games-header h1{font-size:32px;font-weight:600;color:var(--h1-color);margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.games-header h1:after{content:"Train your intuitive abilities through play";display:block;font-size:14px;color:var(--text-secondary);font-weight:400;margin-top:8px}@media (min-width: 768px){.games-header h1{font-size:36px}}.categories-list{display:flex;flex-direction:column;gap:16px;min-height:200px;position:relative}.categories-list:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;pointer-events:none}.category{background:var(--card-bg-primary);border-radius:12px;border:1px solid var(--card-border);overflow:hidden;cursor:grab;transition:all .2s ease}.category:hover{background:var(--card-bg-secondary);border-color:var(--card-border-hover)}.category:active{cursor:grabbing}.category.drag-over{border-color:var(--drag-over-border);background:var(--drag-over-bg)}.category-header{display:flex;align-items:center;padding:16px 20px;cursor:pointer;color:var(--text-primary);position:relative;background:none}.category-header:hover{background:var(--hover-bg)}@media (min-width: 768px){.category-header{padding:18px 24px}}.category-header:before{content:"🧿";margin-right:12px;font-size:18px}.category-header[data-category=favorites]:before{content:"⭐"}.category-header[data-category=precognition]:before{content:"🔮"}.category-header[data-category=remote-viewing]:before{content:"👁️"}.category-header[data-category=time-perception]:before{content:"⏰"}.category-header[data-category=spatial-energy]:before{content:"⚡"}.category-header[data-category=remote-influence]:before{content:"🌀"}.category-header h2{font-size:16px;font-weight:500;margin:0;color:var(--h2-color);flex-grow:1}.chevron{font-size:14px;color:var(--text-accent);transition:transform .2s ease;margin-left:auto}.chevron.collapsed{transform:rotate(-90deg)}.games-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 16px 16px;background:none}.game-card{border-radius:8px;padding:16px;cursor:grab;transition:all .2s ease;border:1px solid var(--card-border);min-height:60px;display:flex;flex-direction:column;justify-content:center;position:relative;background:var(--card-bg-primary)}.favorite-star{position:absolute;top:8px;right:8px;background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;opacity:.4;z-index:10}.favorite-star:hover{opacity:.8;background:var(--hover-bg);transform:scale(1.1)}.favorite-star.favorited{opacity:1;filter:drop-shadow(0 0 4px rgba(255,193,7,.6))}.game-card:hover{background:var(--card-bg-secondary);border-color:var(--card-border-hover)}.game-card.functional{cursor:pointer}.game-card.non-functional{opacity:.5;cursor:not-allowed}.game-card:hover{transform:translateY(-1px)}.game-card:active{cursor:grabbing;transform:scale(.98)}.game-card.drag-over{border-color:var(--drag-over-border);background:var(--drag-over-bg)}.game-title{font-size:16px;font-weight:500;color:var(--text-accent);margin:0 0 4px;line-height:1.2}.game-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.3}@media (max-width: 480px){.games-container{padding:16px}.games-header{margin-bottom:24px}.games-header h1{font-size:28px}.category-header{padding:14px 16px}.category-header h2{font-size:15px}.games-grid{padding:0 12px 12px;gap:10px}.game-card{padding:14px;min-height:55px}.game-title{font-size:15px}.game-description{font-size:12px}}@media (pointer: coarse){.category,.game-card{cursor:pointer}.category:active{transform:scale(.98)}.game-card:active{transform:scale(.95)}}.category-header,.game-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.daily-rotation-indicator{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(139,92,246,.1) 100%);border:1px solid rgba(102,126,234,.3);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 16px #0000001a}.rotation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.rotation-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.rotation-timer{background:rgba(102,126,234,.2);border:1px solid rgba(102,126,234,.4);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--text-accent)}.todays-games-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.today-game-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;display:flex;gap:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;align-items:flex-start}.today-game-chip.clickable{cursor:pointer}.today-game-chip.clickable:hover{background:rgba(255,255,255,.15);border-color:#667eea66;transform:translateY(-2px);box-shadow:0 4px 16px #0003}.today-game-chip.clickable:active{transform:scale(.98)}.game-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--button-primary);color:#fff;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0}.game-info{display:flex;flex-direction:column;gap:4px;flex:1}.game-name{font-weight:600;color:var(--text-primary);font-size:15px;line-height:1.2}.game-subtitle{font-size:12px;color:var(--text-secondary);line-height:1.3;opacity:.9}.game-category{font-size:11px;color:var(--text-accent);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.rotation-description{margin:0;font-size:14px;color:var(--text-secondary);text-align:center;line-height:1.5}.rotation-description strong{color:var(--text-accent)}.game-card.game-locked{opacity:.6;cursor:not-allowed;background:rgba(45,55,72,.4);border-color:#667eea1a}.game-card.game-locked:hover{transform:none;box-shadow:var(--shadow-card);background:rgba(45,55,72,.4);border-color:#667eea1a}.game-lock-icon{font-size:14px;margin-left:6px;opacity:.7}.coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block;z-index:5}@media (max-width: 768px){.rotation-header{flex-direction:column;gap:12px;align-items:flex-start}.todays-games-preview{grid-template-columns:1fr;gap:8px}.today-game-chip{padding:12px}.game-number{width:28px;height:28px;font-size:12px}.game-name{font-size:14px}.game-subtitle{font-size:11px}.game-category{font-size:10px}}@media (min-width: 768px){.card-menu{max-width:500px;padding:30px}.card-menu h3{font-size:20px}}.meditation-container{padding:20px;display:flex;flex-direction:column;min-height:100vh;background:transparent;color:var(--text-primary);align-items:center;justify-content:center;text-align:center}@media (min-width: 768px){.meditation-container{padding:30px}}.meditation-header{text-align:center;margin-bottom:32px}.meditation-header h1{font-size:32px;font-weight:600;color:var(--h1-color);margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.meditation-header h1:after{content:"Find your center through mindful breathing";display:block;font-size:14px;color:var(--text-secondary);font-weight:400;margin-top:8px}@media (min-width: 768px){.meditation-header h1{font-size:36px}}.meditation-subtitle{display:none}.session-info{position:absolute;top:20px;right:20px;text-align:right}.time-left{font-size:24px;font-weight:600;color:var(--text-primary)}.cycle-count{font-size:14px;color:var(--text-secondary)}.breathing-section{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:40px}.breathing-bubble{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6 0%,#a78bfa 100%);margin-bottom:40px;box-shadow:0 20px 60px #8b5cf64d;transform-origin:center;display:flex;align-items:center;justify-content:center;position:relative}.breathing-bubble.inhale{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);box-shadow:0 20px 60px #4facfe66}.breathing-bubble.exhale{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%);box-shadow:0 20px 60px #fa709a66}.breathing-bubble.hold-in,.breathing-bubble.hold-out{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);box-shadow:0 20px 60px #a8edea66}.dark-theme .bubble-text,.light-theme .bubble-text{font-size:20px;font-weight:700;color:var(--bubble-text-color);letter-spacing:.5px}.phase-text{font-size:24px;font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:20px}.phase-progress{width:200px;height:4px;background:var(--input-border);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--text-accent);border-radius:2px;transition:width .05s linear}.controls-section{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px}.control-button{display:flex;justify-content:center;margin-bottom:30px}.start-button,.stop-button{padding:16px 40px;border:none;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:160px}.start-button{background:var(--button-success);color:#fff}.start-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.stop-button{background:var(--button-warning);color:#fff}.stop-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.sound-toggle-btn{padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.sound-toggle-btn.enabled{background:var(--button-success);color:#fff}.sound-toggle-btn.disabled{background:var(--button-secondary);color:#fff}.sound-toggle-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-secondary)}.session-settings{background:var(--card-bg-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;width:100%;max-width:400px;border:1px solid var(--card-border)}.settings-title{font-size:18px;font-weight:500;color:var(--h3-color);margin-bottom:20px;text-align:center}.options-grid{display:flex;flex-direction:column;gap:16px}.option-group{display:flex;flex-direction:column;align-items:center}.option-group label{font-size:14px;font-weight:500;color:var(--label-text);margin-bottom:8px;text-align:center}.option-control{display:flex;align-items:center;gap:12px}.option-btn{width:32px;height:32px;border:1px solid var(--input-border);border-radius:50%;background:var(--input-bg);color:var(--input-text);font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.option-btn:hover{background:var(--card-bg-secondary);border-color:var(--input-border-focus)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.option-value{font-size:18px;font-weight:600;color:var(--text-primary);min-width:40px;text-align:center}.option-group select{display:none}@media (max-width: 480px){.meditation-container{padding:16px}.meditation-header h1{font-size:28px}.meditation-subtitle{font-size:16px}.breathing-bubble{width:160px;height:160px}.session-settings{padding:20px}.phase-text,.time-left{font-size:20px}.phase-progress{width:160px}}@media (pointer: coarse){.start-button,.stop-button{padding:18px 44px;font-size:20px}.option-btn{width:40px;height:40px;font-size:20px}}.leaderboards-container{padding:20px;height:100%;overflow-y:auto;background:transparent;max-width:1200px;margin:0 auto}@media (min-width: 768px){.leaderboards-container{padding:30px}}.leaderboards-header{text-align:center;margin-bottom:32px}.leaderboards-header h1{font-size:32px;font-weight:600;color:var(--h1-color);margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width: 768px){.leaderboards-header h1{font-size:36px}}.tab-navigation{display:flex;gap:8px;background:var(--card-bg-secondary);border-radius:12px;padding:8px;border:1px solid var(--card-border);justify-content:center;max-width:600px;margin:0 auto}.tab-button{padding:12px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1}@media (max-width: 480px){.tab-navigation{padding:6px}.tab-button{padding:10px 12px;font-size:12px}}.user-stats-section{background:var(--card-bg-primary);border-radius:16px;border:1px solid var(--card-border);padding:24px;margin-bottom:32px;box-shadow:var(--shadow-card);transition:padding .2s ease}.user-stats-section.collapsed{padding:4px 16px}.stats-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.stats-header:hover{background:var(--hover-bg)}.user-stats-section.collapsed .stats-header{margin-bottom:0;padding:12px 8px}.user-avatar{width:60px;height:60px;border-radius:50%;background:var(--button-primary);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;transition:all .2s ease}.user-stats-section.collapsed .user-avatar{width:40px;height:40px;font-size:18px}.user-info h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 4px;transition:font-size .2s ease}.user-info p{color:var(--text-secondary);margin:0;font-size:14px;transition:opacity .2s ease}.user-stats-section.collapsed .user-info h2{font-size:16px;margin:0}.user-stats-section.collapsed .user-info p{opacity:.7;font-size:12px}.user-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-card{background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease;position:relative}.stat-card .coming-soon-overlay{position:absolute;top:8px;right:8px;z-index:10}.stat-card .coming-soon-overlay .coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:3px 6px;border-radius:3px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block}.stat-card:hover{background:var(--card-bg-tertiary);transform:translateY(-2px)}.stat-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.stat-value{font-size:24px;font-weight:700;color:var(--text-accent);line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-header .chevron{font-size:14px;transition:transform .2s ease;margin-left:auto}.stats-header .chevron.collapsed{transform:rotate(-90deg)}@media (max-width: 480px){.user-stats-grid{grid-template-columns:1fr}.stat-card{padding:16px;flex-direction:column;text-align:center;gap:8px}}.leaderboards-section{background:var(--card-bg-primary);border-radius:16px;border:1px solid var(--card-border);padding:24px;box-shadow:var(--shadow-card)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.section-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.leaderboard-select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:8px 12px;color:var(--input-text);font-size:14px;min-width:180px}.leaderboard-select:focus{border-color:var(--input-border-focus);outline:none}.leaderboard-list{display:flex;flex-direction:column;gap:12px}.leaderboard-entry{display:flex;align-items:center;padding:16px;background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);transition:all .2s ease;position:relative}.leaderboard-entry:hover{background:var(--card-bg-tertiary);transform:translateY(-1px)}.leaderboard-entry.current-user{border-color:var(--text-accent);background:rgba(102,126,234,.1)}.rank-badge{margin-right:16px;min-width:50px;text-align:center}.medal{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.rank-number{font-size:18px;font-weight:700;color:var(--text-primary)}.player-info{display:flex;align-items:center;gap:12px;flex:1}.player-avatar{font-size:24px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card-bg-tertiary)}.login-prompt{display:flex;align-items:center;gap:20px;padding:24px;background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(102,126,234,.3);margin-top:16px;box-shadow:var(--shadow-card);transition:all .3s ease}.login-prompt:hover{background:var(--card-bg-secondary);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.login-prompt-icon{font-size:40px;filter:drop-shadow(0 2px 8px rgba(102,126,234,.4))}.login-prompt-text h3{margin:0 0 8px;color:var(--text-primary);font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-prompt-text p{margin:0;color:var(--text-secondary);font-size:15px;line-height:1.4}.premium-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px;border:1px solid var(--card-border)}.premium-overlay{background:rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;border-radius:16px!important;border:1px solid var(--card-border)!important}.premium-overlay-content{text-align:center;padding:40px;background:rgba(45,55,72,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(102,126,234,.4);max-width:400px;box-shadow:0 20px 60px #0009;position:relative;overflow:hidden}.premium-overlay-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.6),transparent)}.premium-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(102,126,234,.4));animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 4px 12px rgba(102,126,234,.4))}to{filter:drop-shadow(0 6px 20px rgba(102,126,234,.6))}}.premium-overlay-content h3{margin:0 0 16px;color:#fff;font-size:24px!important;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.8);letter-spacing:.5px}.challenges-section .premium-overlay-content h3,.community-goals-section .premium-overlay-content h3,.raids-section .premium-overlay-content h3{font-size:24px!important;font-weight:700!important}.premium-overlay-content p{margin:0 0 24px;color:#e2e8f0;line-height:1.6;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.6)}.premium-cta-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 8px 25px #667eea66;position:relative;overflow:hidden}.premium-cta-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.premium-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea80}.premium-cta-btn:hover:before{left:100%}.premium-cta-btn:active{transform:translateY(-1px)}.challenges-section,.community-goals-section,.raids-section{position:relative}.challenges-content.blurred,.community-content.blurred,.raids-content.blurred{filter:blur(1px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.7}.player-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.player-score{font-size:14px;color:var(--text-accent);font-weight:500}.you-badge{background:var(--button-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.challenges-section{display:flex;flex-direction:column;gap:32px}.coming-soon-overlay{position:absolute;top:12px;right:12px;z-index:10}.coming-soon-overlay .coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block}.challenges-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.challenge-card{background:var(--card-bg-primary);border:1px solid var(--card-border);border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.challenge-card:hover{background:var(--card-bg-secondary);transform:translateY(-2px)}.challenge-card.completed{border-color:var(--button-success);background:rgba(16,185,129,.1)}.challenge-card.weekly{border-left:4px solid var(--button-warning)}.challenge-icon{font-size:24px;margin-bottom:12px}.challenge-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.challenge-content p{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.challenge-details{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.target{color:var(--text-secondary)}.reward{color:var(--button-success);font-weight:600}.progress-bar{height:6px;background:var(--card-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--button-primary);border-radius:3px;transition:width .3s ease}.challenge-card.completed .progress-fill{background:var(--button-success)}.completed-badge{color:var(--button-success);font-weight:600;font-size:14px}.progress-info{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}@media (max-width: 480px){.challenges-grid{grid-template-columns:1fr}}.community-goals-section{background:var(--card-bg-primary);border-radius:16px;border:1px solid var(--card-border);padding:24px;box-shadow:var(--shadow-card)}.community-goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.community-goal-card{background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);padding:24px;transition:all .2s ease}.community-goal-card:hover{background:var(--card-bg-tertiary);transform:translateY(-2px)}.goal-icon{font-size:32px;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.goal-content h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.goal-content p{color:var(--text-secondary);font-size:14px;margin:0 0 20px;line-height:1.4}.goal-progress{margin-bottom:16px}.progress-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500}.progress-bar.community{height:10px;background:var(--card-border);border-radius:5px;overflow:hidden}.progress-bar.community .progress-fill{background:linear-gradient(90deg,var(--button-primary),var(--text-accent));height:100%}.goal-reward{display:flex;flex-direction:column;gap:4px}.reward-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.reward-text{font-size:14px;color:var(--text-accent);font-weight:500}@media (max-width: 480px){.community-goals-grid{grid-template-columns:1fr}}.raids-section{background:var(--card-bg-primary);border-radius:16px;border:1px solid var(--card-border);padding:24px;box-shadow:var(--shadow-card)}.raids-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px}.raid-card{background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);padding:24px;transition:all .2s ease;position:relative;overflow:hidden}.raid-card:hover{background:var(--card-bg-tertiary);transform:translateY(-2px)}.raid-card.upcoming{border-left:4px solid var(--button-warning)}.raid-card.active{border-left:4px solid var(--button-danger);background:rgba(239,68,68,.1)}.raid-card.completed{border-left:4px solid var(--button-success);opacity:.8}.raid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.raid-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.raid-status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;background:var(--card-bg-tertiary);color:var(--text-secondary)}.raid-content h4{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.raid-content p{color:var(--text-secondary);font-size:14px;margin:0 0 16px;line-height:1.4}.raid-dates,.raid-participants{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.raid-rewards{margin-top:16px}.raid-rewards h5{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.raid-rewards ul{margin:0;padding-left:16px;list-style-type:none}.raid-rewards li{font-size:13px;color:var(--text-secondary);margin-bottom:4px;position:relative}.raid-rewards li:before{content:"✦";color:var(--text-accent);position:absolute;left:-16px}@media (max-width: 480px){.raids-grid{grid-template-columns:1fr}.raid-header{flex-direction:column;gap:8px;align-items:flex-start}}.privacy-notice{background:var(--card-bg-primary);border-radius:16px;border:1px solid var(--card-border);padding:40px;text-align:center;box-shadow:var(--shadow-card);margin-top:24px}.privacy-icon{font-size:48px;margin-bottom:16px}.privacy-notice h2{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:16px}.privacy-notice p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto}.personal-stats{margin-top:32px;padding-top:32px;border-top:1px solid var(--card-border)}.personal-stats h3{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:24px}.personal-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:600px;margin:0 auto}.personal-stat{background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);padding:20px;display:flex;align-items:center;gap:16px}.personal-stat .stat-icon{font-size:28px}.personal-stat .stat-content{text-align:left}.personal-stat .stat-value{font-size:24px;font-weight:700;color:var(--text-accent);margin-bottom:4px}.personal-stat .stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 480px){.leaderboards-container{padding:16px}.user-stats-section,.leaderboards-section,.community-goals-section,.raids-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.leaderboard-select{width:100%}.privacy-notice{padding:24px}.privacy-icon{font-size:36px}.privacy-notice h2{font-size:20px}.personal-stats-grid{grid-template-columns:1fr;gap:16px}.personal-stat{padding:16px}}.coming-soon-notice{text-align:center;padding:40px;background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:12px;margin:20px 0}.coming-soon-icon{font-size:48px;margin-bottom:16px}.coming-soon-notice h2{color:var(--text-primary);margin-bottom:16px;font-size:24px}.coming-soon-notice p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.registration-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.registration-container{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;padding:32px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-primary);position:relative;margin:auto}.registration-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-accent),transparent)}.registration-header{text-align:center;margin-bottom:32px}.registration-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.registration-header p{margin:0;color:var(--text-secondary);font-size:16px}.registration-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:20px}.registration-container{padding:24px;margin:10px}.registration-header h1{font-size:24px}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:12px 16px;border:1px solid var(--card-border);border-radius:12px;background:var(--card-bg-secondary);color:var(--text-primary);font-size:16px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--button-primary);box-shadow:0 0 0 3px #667eea1a;background:var(--card-bg-glass)}.form-group input.error{border-color:var(--button-danger);box-shadow:0 0 0 3px #ef44441a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{font-size:12px;color:var(--button-danger);font-weight:500}.submit-error{text-align:center;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:14px}.form-actions{display:flex;gap:16px;margin-top:8px}.cancel-btn,.submit-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--button-secondary);color:#fff}.cancel-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.submit-btn{background:var(--button-primary);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-height: 700px){.registration-overlay{align-items:flex-start;padding-top:20px}.registration-container{margin-top:0}}.auth-switch{text-align:center;margin-top:24px}.auth-switch p{color:var(--text-secondary);font-size:14px;margin-bottom:12px}.auth-switch .switch-btn{background:none;border:none;color:var(--text-accent);font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.auth-switch .switch-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.verification-message{text-align:center;padding:40px 20px}.verification-message h2{margin:0 0 20px;font-size:24px;color:var(--text-primary)}.verification-message p{margin:0 0 16px;color:var(--text-secondary);line-height:1.5}.verification-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.resend-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.resend-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.login-container{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:24px;padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-primary);position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-accent),transparent)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{margin:0;color:var(--text-secondary);font-size:16px}.login-form{display:flex;flex-direction:column;gap:20px}.auth-switch{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--card-border)}.auth-switch p{margin:0 0 8px;color:var(--text-secondary);font-size:14px}.switch-btn{background:none;border:none;color:var(--button-primary);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .2s ease}.switch-btn:hover:not(:disabled){color:var(--button-primary);text-decoration:underline}.forgot-password{text-align:center;margin:16px 0}.forgot-password-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;text-decoration:underline;transition:color .2s ease}.forgot-password-btn:hover:not(:disabled){color:var(--button-primary)}.forgot-password-btn:disabled{opacity:.6;cursor:not-allowed}.forgot-password-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.modal-content{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-primary)}.modal-content h3{margin:0 0 16px;font-size:20px;color:var(--text-primary);text-align:center}.modal-content p{margin:0 0 24px;color:var(--text-secondary);text-align:center;line-height:1.5}.reset-message{padding:12px;border-radius:8px;font-size:14px;font-weight:500;margin:16px 0;text-align:center}.reset-message.success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e}.reset-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--button-danger)}.modal-actions{display:flex;gap:16px;margin-top:24px}@media (max-width: 480px){.login-container{padding:24px;margin:10px}.login-header h1{font-size:24px}}.profile-container .profile{padding:var(--spacing-lg) 0;min-height:calc(100vh - 80px);color:var(--text-primary);max-width:800px;margin:0 auto}.profile-container .profile-header{text-align:center;margin-bottom:var(--spacing-xl);position:relative}.profile-container .avatar-container{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:300px;width:100%}.profile-container .avatar{width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;box-shadow:var(--shadow-primary);transition:all .3s ease;overflow:hidden}.profile-container .avatar.editable{cursor:pointer}.profile-container .avatar.editable:hover{transform:scale(1.05);box-shadow:var(--shadow-secondary)}.profile-container .profile-avatar{font-size:64px;text-shadow:2px 2px 4px rgba(0,0,0,.3);-webkit-user-select:none;user-select:none}.profile-container .avatar-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .3s ease}.profile-container .avatar.editable:hover .avatar-overlay{opacity:1}.profile-container .change-avatar-icon{font-size:24px;color:#fff;cursor:pointer;transition:transform .2s ease}.profile-container .change-avatar-icon:hover{transform:scale(1.1)}.profile-container .avatar-selector-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}.profile-container .avatar-selector{background:var(--card-bg-primary);border-radius:20px;border:1px solid var(--card-border);padding:32px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-secondary)}.profile-container .avatar-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.profile-container .avatar-selector-header h3{margin:0;color:var(--text-primary);font-size:24px;font-weight:600}.profile-container .close-selector{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.profile-container .close-selector:hover{background:var(--hover-bg);color:var(--text-primary)}.profile-container .avatar-section{margin-bottom:32px}.profile-container .avatar-section h4{margin:0 0 16px;color:var(--text-primary);font-size:18px;font-weight:600}.profile-container .avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.profile-container .avatar-option{width:60px;height:60px;border:2px solid var(--card-border);border-radius:12px;background:var(--card-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;transition:all .2s ease}.profile-container .avatar-option:hover{border-color:var(--button-primary);background:var(--card-bg-tertiary);transform:scale(1.05)}.profile-container .avatar-option.selected{border-color:var(--button-primary);background:var(--button-primary);box-shadow:0 0 0 3px #667eea4d}.profile-container .avatar-option.disabled{opacity:.5;cursor:not-allowed}.profile-container .avatar-option.disabled:hover{transform:none;border-color:var(--card-border);background:var(--card-bg-secondary)}.profile-container .unlockable-avatars{display:flex;flex-direction:column;gap:16px}.profile-container .unlockable-avatar{display:flex;align-items:center;gap:16px;padding:16px;background:var(--card-bg-secondary);border-radius:12px;border:1px solid var(--card-border);transition:all .2s ease}.profile-container .unlockable-avatar.unlocked{border-color:var(--button-success);background:rgba(16,185,129,.1)}.profile-container .unlockable-avatar.locked{opacity:.7}.profile-container .avatar-info{flex:1;display:flex;flex-direction:column;gap:4px}.profile-container .avatar-name{font-weight:600;color:var(--text-primary);font-size:16px}.profile-container .avatar-requirement{font-size:14px;color:var(--text-secondary)}@media (max-width: 480px){.avatar-grid{grid-template-columns:repeat(6,1fr)}.avatar-option{width:50px;height:50px;font-size:28px}.avatar-selector{margin:0;max-height:90vh;border-radius:16px}.unlockable-avatar{flex-direction:column;text-align:center;gap:12px}}.profile-container .edit-profile-btn{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-card)}.profile-container .edit-profile-btn:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover);transform:translateY(-1px)}.profile-container .edit-profile-btn:active{transform:scale(.98)}.profile-container .edit-profile-btn.saving{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border-color:#10b981}.profile-container .edit-profile-btn.saving:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#059669}.profile-container .edit-input{background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:inherit;font-family:inherit;transition:all var(--transition-normal);width:100%;box-sizing:border-box}.profile-container .edit-input:focus{outline:none;border-color:var(--text-accent);background:var(--card-bg-tertiary)}.profile-container .info-input{max-width:200px;font-size:.9rem}.profile-container .profile-content{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:0 var(--spacing-lg);max-width:600px;margin:0 auto;width:100%}.profile-container .profile-content h2{color:var(--text-accent);margin-bottom:var(--spacing-lg);font-size:1.3rem;font-weight:600}.profile-container .subscription{background:var(--card-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-container .subscription .coming-soon-overlay{position:absolute;top:16px;right:16px;z-index:10}.profile-container .subscription .coming-soon-overlay .coming-soon-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0003;display:inline-block}.profile-container .subscription-content{margin-top:var(--spacing-lg)}.profile-container .subscription-plan{background:var(--card-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);transition:all var(--transition-normal)}.profile-container .subscription-plan:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover);transform:translateY(-1px)}.profile-container .plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.profile-container .plan-header h3{color:var(--text-accent);font-size:1.2rem;font-weight:600;margin:0}.profile-container .plan-badge{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-container .plan-badge.premium{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.profile-container .plan-details{margin-bottom:var(--spacing-lg)}.profile-container .plan-feature{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-primary)}.profile-container .feature-icon{color:#10b981;font-weight:700;font-size:1rem}.profile-container .plan-feature.premium-exclusive .feature-icon{color:#667eea}.profile-container .plan-feature.locked{opacity:.6;position:relative}.profile-container .plan-feature.locked .feature-icon{color:#6b7280}.profile-container .plan-feature.locked span:last-child{color:var(--text-secondary)}.profile-container .premium-plan{border:2px solid #667eea;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%)}.upgrade-benefits{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--card-border)}.upgrade-highlight{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.upgrade-highlight h4{color:var(--text-accent);margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600}.upgrade-highlight ul{margin:0;padding-left:var(--spacing-lg);color:var(--text-secondary)}.upgrade-highlight li{margin-bottom:var(--spacing-xs);line-height:1.4}.plan-footer{border-top:1px solid var(--card-border);padding-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-price{font-size:1.5rem;font-weight:700;color:var(--text-accent)}.plan-renewal{font-size:.875rem;color:var(--text-secondary);opacity:.8}.manage-subscription-btn{background:linear-gradient(135deg,var(--text-accent) 0%,#764ba2 100%);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);margin-top:var(--spacing-md)}.manage-subscription-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-secondary)}.manage-subscription-btn:active{transform:scale(.98)}.profile-container .personal-info{background:var(--card-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-container .info-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-container .info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--card-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--card-border);transition:all var(--transition-normal)}.profile-container .info-item:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover);transform:translateY(-1px)}.profile-container .info-label{font-weight:500;color:var(--text-primary)}.profile-container .info-value{color:var(--text-accent);font-weight:500}.profile-container .settings{background:var(--card-bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:var(--spacing-xl)}.settings-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:var(--card-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--card-border);transition:all var(--transition-normal)}.setting-item:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover);transform:translateY(-1px)}.setting-item span{font-weight:500;color:var(--text-primary)}.settings h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:32px 0 16px;padding-top:24px;border-top:1px solid var(--card-border)}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-description{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.privacy-toggle.disabled{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}@media (max-width: 768px){.avatar{width:180px;height:180px;font-size:5.5rem}.profile-content{max-width:500px}.profile-header{gap:16px}}@media (max-width: 480px){.profile{padding:var(--spacing-md) 0}.profile-content{padding:0 var(--spacing-md);gap:var(--spacing-lg);max-width:100%}.subscription,.settings{padding:var(--spacing-md)}.setting-item,.info-item{flex-direction:column;gap:var(--spacing-md);text-align:center;padding:var(--spacing-md)}.edit-name{font-size:1.75rem}.info-input{max-width:100%}.avatar{width:160px;height:160px;font-size:5rem}.upload-icon{font-size:2.5rem}.profile-content h2{font-size:1.2rem}.plan-footer{text-align:center}.plan-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (pointer: coarse){.stat-item:hover,.achievement-item:hover,.setting-item:hover{transform:none}.stat-item:active,.achievement-item:active,.setting-item:active{transform:scale(.98)}}.profile-container{padding:20px;max-width:800px;margin:0 auto;color:var(--text-primary)}.profile-container .logout-section{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--card-border)}.profile-container .logout-btn{padding:var(--spacing-md) var(--spacing-xl);background:transparent;border:2px solid #ef4444;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal)}.profile-container .logout-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px)}@media (min-width: 768px){.profile-container{padding:30px}}.profile-container .profile-content{max-width:600px;margin:0 auto}.profile-container .registration-invitation{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:24px;padding:40px;text-align:center;position:relative;box-shadow:var(--shadow-primary)}.registration-invitation:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-accent),transparent)}.invitation-icon{font-size:64px;margin-bottom:24px;filter:drop-shadow(0 4px 20px rgba(102,126,234,.3))}.registration-invitation h1{margin:0 0 16px;font-size:32px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.registration-invitation>p{margin:0 0 32px;color:var(--text-secondary);font-size:18px;line-height:1.6}.invitation-benefits{display:grid;gap:16px;margin-bottom:32px;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(102,126,234,.1);border:1px solid rgba(102,126,234,.2);border-radius:12px;color:var(--text-primary)}.benefit-icon{font-size:20px;flex-shrink:0}.invitation-actions{display:flex;flex-direction:column;gap:16px}.register-btn,.login-btn{padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.register-btn{background:var(--button-primary);color:#fff}.register-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.login-btn{background:transparent;color:var(--button-primary);border:1px solid var(--button-primary)}.login-btn:hover{background:var(--button-primary);color:#fff;transform:translateY(-2px)}.profile-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;padding:24px;background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;position:relative;box-shadow:var(--shadow-primary)}.profile-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--text-accent),transparent)}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 32px #667eea4d}.avatar-text{font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-info h1{margin:0 0 4px;font-size:24px;font-weight:700;color:var(--text-primary)}.profile-email{margin:0 0 4px;color:var(--text-secondary);font-size:16px}.profile-id{margin:0;color:var(--text-tertiary);font-size:12px;font-family:Courier New,monospace}.profile-stats{margin-bottom:32px}.profile-stats h2{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{background:var(--card-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;transition:transform .2s ease;box-shadow:var(--shadow-primary)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.stat-content{flex:1}.stat-value{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.profile-actions{text-align:center}.logout-btn{padding:12px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;background:var(--button-danger);color:#fff;transition:all .2s ease}.logout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-secondary)}@media (max-width: 480px){.registration-invitation{padding:24px}.invitation-icon{font-size:48px}.registration-invitation h1{font-size:24px}.registration-invitation>p{font-size:16px}.profile-header{flex-direction:column;text-align:center;gap:16px}.profile-avatar{width:64px;height:64px}.avatar-text{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}}.danger-setting{border-color:#ef4444!important;background:rgba(239,68,68,.05)!important}.danger-setting:hover{background:rgba(239,68,68,.1)!important;border-color:#dc2626!important}.setting-item.danger-setting{margin-top:calc(var(--spacing-xl) * 1.5)!important}.delete-account-btn{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-card);min-width:80px}.delete-account-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:var(--shadow-secondary)}.delete-account-btn:active{transform:scale(.98)}.profile-container .delete-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.profile-container .delete-dialog{background:var(--card-bg-primary);border:2px solid #ef4444;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.delete-dialog-header{text-align:center;margin-bottom:24px}.delete-dialog-header h2{color:#ef4444;margin:0;font-size:24px;font-weight:700}.delete-dialog-content{margin-bottom:32px}.delete-dialog-content p{color:var(--text-primary);line-height:1.6;margin-bottom:16px}.delete-dialog-content ul{color:var(--text-secondary);padding-left:24px;margin:16px 0}.delete-dialog-content li{margin-bottom:8px;line-height:1.4}.delete-confirmation{background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:12px;padding:20px;margin-top:24px}.confirmation-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;color:var(--text-primary);font-weight:500}.confirmation-checkbox input[type=checkbox]{margin:2px 0 0;width:20px;height:20px;accent-color:#ef4444;flex-shrink:0}.delete-dialog-actions{display:flex;gap:16px;justify-content:flex-end}.cancel-delete-btn{padding:12px 24px;background:var(--card-bg-secondary);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.cancel-delete-btn:hover{background:var(--card-bg-tertiary);border-color:var(--card-border-hover)}.confirm-delete-btn{padding:12px 24px;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.confirm-delete-btn.enabled{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.confirm-delete-btn.enabled:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-delete-btn.disabled{background:#6b7280;cursor:not-allowed;opacity:.5}@media (max-width: 480px){.delete-dialog{padding:24px}.delete-dialog-actions{flex-direction:column}.cancel-delete-btn,.confirm-delete-btn{width:100%;padding:16px}}@media (min-width: 768px){.invitation-actions{flex-direction:row;justify-content:center}.register-btn,.login-btn{flex:0 0 auto;min-width:160px}}.beta-toggle-item{border:2px solid #f59e0b!important;background:rgba(245,158,11,.05)!important;border-radius:var(--radius-lg)}.beta-toggle-item:hover{background:rgba(245,158,11,.1)!important;border-color:#d97706!important}.beta-toggle{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border-color:#f59e0b;font-weight:600}.beta-toggle:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.beta-toggle-item .setting-description{color:#f59e0b;font-weight:500}.beta-toggle-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--card-border)}.beta-toggle-section .beta-toggle-item{margin-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center}.admin-panel{width:100%;height:100vh;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;overflow:hidden}.admin-login{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary)}.admin-login-form{background:var(--card-bg-primary);border:1px solid var(--card-border);border-radius:16px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:var(--shadow-card)}.admin-login-form h2{margin-bottom:16px;color:var(--text-primary);font-size:24px}.admin-login-form p{margin-bottom:24px;color:var(--text-secondary)}.admin-login-form input{width:100%;padding:12px;margin-bottom:20px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--input-text);font-size:16px}.admin-login-form button{width:100%;padding:12px;background:var(--button-primary);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s ease}.admin-login-form button:hover{background:var(--button-primary-hover)}.admin-header{background:var(--card-bg-secondary);border-bottom:1px solid var(--card-border);padding:20px 30px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative}.admin-header-left{display:flex;align-items:center}.admin-header h1{margin:0;color:var(--text-primary);font-size:24px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.admin-header-right{display:flex;align-items:center;gap:20px}.debug-mode-section{display:flex;align-items:center}.debug-toggle-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;padding:8px 12px;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg-secondary);transition:all .2s ease;-webkit-user-select:none;user-select:none}.debug-toggle-label:hover{background:var(--hover-bg);border-color:var(--text-accent)}.debug-toggle-checkbox{width:16px;height:16px;accent-color:var(--button-primary);cursor:pointer}.debug-toggle-label:has(.debug-toggle-checkbox:checked){background:var(--button-primary);color:#fff;border-color:var(--button-primary)}.admin-actions{display:flex;gap:12px}.admin-actions button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease}.export-btn{background:var(--button-primary);color:#fff}.export-btn:hover{background:var(--button-primary-hover)}.logout-btn{background:#6c757d;color:#fff}.logout-btn:hover{background:#5a6268}.delete-all-btn{background:#dc3545;color:#fff;border:2px solid #dc3545;font-weight:600}.delete-all-btn:hover{background:#c82333;border-color:#c82333;transform:scale(1.02)}.admin-loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:18px;background:var(--card-bg-primary);margin:20px;border-radius:12px;border:1px solid var(--card-border)}.admin-layout{display:flex;flex:1;overflow:hidden}.admin-sidebar{width:300px;background:var(--card-bg-secondary);border-right:1px solid var(--card-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:20px;border-bottom:1px solid var(--card-border);background:var(--card-bg-primary)}.sidebar-header h3{margin:0;color:var(--text-primary);font-size:16px;font-weight:600}.user-list{flex:1;overflow-y:auto;padding:12px}.user-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;background:transparent;border:1px solid var(--card-border);border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.user-item:hover{background:var(--hover-bg);border-color:var(--text-accent)}.user-item.active{background:var(--button-primary);border-color:var(--button-primary);color:#fff}.user-avatar{width:40px;height:40px;background:var(--card-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.user-item.active .user-avatar{background:rgba(255,255,255,.2)}.user-info{flex:1;min-width:0}.user-name{font-size:14px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details{font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-tabs{background:var(--card-bg-primary);border-bottom:1px solid var(--card-border);padding:20px 30px 0;flex-shrink:0}.tab-navigation{display:flex;gap:8px;background:var(--card-bg-secondary);border-radius:12px;padding:8px;border:1px solid var(--card-border)}.tab-button{padding:12px 20px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;white-space:nowrap}.tab-button:hover{background:var(--hover-bg);color:var(--text-primary)}.tab-button.active{background:var(--button-primary);color:#fff;box-shadow:var(--shadow-card)}.admin-content{flex:1;overflow-y:auto;padding:30px}.stores-section{background:transparent}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.section-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.section-header p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.4}.section-controls{display:flex;gap:8px;flex-shrink:0}.expand-all-btn,.collapse-all-btn{padding:8px 12px;border:1px solid var(--card-border);border-radius:6px;background:var(--card-bg-secondary);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all .2s ease}.expand-all-btn:hover,.collapse-all-btn:hover{background:var(--hover-bg);border-color:var(--text-accent)}.stores-grid{display:flex;flex-direction:column;gap:16px}.overview-section{display:flex;flex-direction:column;gap:30px}.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:30px}.overview-card{background:var(--card-bg-primary);border:1px solid var(--card-border);border-radius:12px;padding:24px;box-shadow:var(--shadow-card)}.overview-card h3{margin:0 0 20px;color:var(--text-primary);font-size:18px;font-weight:600}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.overview-grid div{padding:12px;background:var(--card-bg-secondary);border-radius:8px;font-size:14px;font-weight:500}.store-summary{max-height:300px;overflow-y:auto;border:1px solid var(--card-border);border-radius:8px;background:var(--card-bg-secondary)}.store-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:14px}.store-summary-item:last-child{border-bottom:none}.store-name{font-weight:500;color:var(--text-primary)}.record-count{color:var(--text-secondary);font-size:12px}@media (max-width: 768px){.admin-header{flex-direction:column;gap:16px;padding:16px 20px}.admin-header h1{position:static;transform:none;text-align:center}.admin-header-left{width:100%;justify-content:center}.admin-header-right{width:100%;justify-content:center;flex-direction:column;gap:12px}.debug-mode-section{width:100%;justify-content:center}.admin-actions{width:100%;justify-content:center;flex-wrap:wrap}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:200px}.user-list{display:flex;gap:8px;padding:12px;overflow-x:auto}.user-item{min-width:200px;margin-bottom:0}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1;min-width:120px}.section-header{flex-direction:column;align-items:flex-start}.overview-stats,.overview-grid{grid-template-columns:1fr}}.store-card-header-right{display:flex;align-items:center;gap:12px}.store-card-delete{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;color:#ef4444;opacity:.7;margin-left:8px}.store-card-delete:hover{background-color:#ef444426;opacity:1;transform:scale(1.1)}