@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:var(--color-background-dark);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-surface-dark);color:var(--color-text-dark-secondary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.btn-icon:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.btn-icon .material-symbols-outlined{font-size:20px}.btn-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:2px solid var(--color-border-dark);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-number:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.05)}.btn-number:active{transform:scale(.95)}.btn-key{display:flex;align-items:center;justify-content:center;min-width:40px;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-key:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-key:active{transform:scale(.95)}.btn-key.wide{min-width:60px}.btn-key.correct{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-background-dark)}.btn-key.correct:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-key.present{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-background-dark)}.btn-key.present:hover{background-color:#e08e00;border-color:#e08e00}.btn-key.absent{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-dark-tertiary);opacity:.6}.btn-key.absent:hover{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-dark-tertiary)}.input-text{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:2px solid var(--color-border-dark);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);transition:all var(--transition-fast)}.input-text:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6ca6681a}.input-text::placeholder{color:var(--color-text-dark-tertiary)}.input-number{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:2px solid var(--color-border-dark);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;text-align:center;transition:all var(--transition-fast)}.input-number:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #6ca6681a}.cell{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--color-background-dark);border:2px solid #3a3a3c;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-dark-primary);transition:all var(--transition-base)}.cell.filled{border-color:#565758;animation:pop .1s ease}.cell.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #6ca66833}.cell.given{background-color:var(--color-surface-dark);color:var(--color-text-dark-secondary)}.cell.error{border-color:var(--color-error);animation:shake .5s ease}.cell.correct{background-color:#538d4e;border-color:#538d4e;animation:flip .5s ease}.cell.present,.cell.partial{background-color:#b59f3b;border-color:#b59f3b;animation:flip .5s ease}.cell.absent,.cell.wrong{background-color:#3a3a3c;border-color:#3a3a3c;animation:flip .5s ease}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.cell.large{width:60px;height:60px;font-size:var(--text-3xl)}.cell.small{width:40px;height:40px;font-size:var(--text-lg)}.cell-color{width:50px;height:50px;border:3px solid var(--color-border-dark);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.cell-color:hover{transform:scale(1.1);border-color:var(--color-primary)}.cell-color.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #6ca66833}.card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card.no-hover:hover{transform:none;border-color:var(--color-border-dark)}.card-header{padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-dark)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-dark-primary);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-dark-secondary);margin:var(--space-1) 0 0 0}.card-body{color:var(--color-text-dark-primary)}.info-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-6)}.info-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.info-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text-dark-primary);margin:0}.info-card-icon{color:var(--color-primary);font-size:var(--text-2xl)}.stat-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--color-primary);margin:0}.stat-label{font-size:var(--text-sm);color:var(--color-text-dark-secondary);margin:var(--space-1) 0 0 0}.message-card{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:500;margin:var(--space-4) 0}.message-card.success{background-color:#6ca66826;border:1px solid rgba(108,166,104,.3);color:var(--color-primary)}.message-card.error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.message-card.info{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.message-card.warning{background-color:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:var(--color-warning)}.progress-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-4)}.progress-label{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-dark-secondary)}.progress-bar{height:8px;background-color:var(--color-background-dark);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background-color:#6ca66826;border:1px solid rgba(108,166,104,.3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);letter-spacing:.5px;text-transform:uppercase}.badge.large{padding:var(--space-2) var(--space-5);font-size:var(--text-sm)}.level-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#6ca66826;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-primary)}.level-badge.large{width:48px;height:48px;font-size:var(--text-xl)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-background-dark);color:var(--color-text-dark-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background-dark)}.game-content{flex:1;display:flex;flex-direction:column}button{cursor:pointer;outline:none;font-family:inherit}button:active{transform:scale(.98)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.navigation{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-around;background-color:var(--color-surface-dark);border-bottom:1px solid var(--color-border-dark);padding:var(--space-2) var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #0003}.nav-logo{display:none}.nav-links{display:flex;align-items:center;gap:var(--space-2);flex:1;justify-content:space-evenly}.nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--color-text-dark-tertiary);font-family:var(--font-display);font-size:10px;font-weight:500;padding:var(--space-2) var(--space-3);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-lg);min-width:64px}.nav-link .material-symbols-outlined{font-size:24px;transition:all var(--transition-base)}.nav-link-text{opacity:.8;transition:opacity var(--transition-base)}.nav-link:active{transform:scale(.95)}.nav-link.active{color:var(--color-primary);background-color:#6baa641a}.nav-link.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.nav-link.active .nav-link-text{opacity:1;font-weight:600}.nav-actions{display:flex;align-items:center;gap:var(--space-2)}.nav-action-btn{display:none}.nav-avatar{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid rgba(108,166,104,.3);cursor:pointer;background:linear-gradient(135deg,#6ca6681a,#6ca66833);padding:0;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.nav-avatar:active{transform:scale(.95)}.nav-avatar .material-symbols-outlined{font-size:28px;color:var(--color-primary);font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}@media(min-width:768px){.navigation{justify-content:space-between;padding:var(--space-4) var(--space-6);box-shadow:none}.nav-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--color-primary)}.nav-logo-icon{display:flex;align-items:center;justify-content:center;background-color:#6baa6426;padding:var(--space-2);border-radius:var(--radius-lg)}.nav-logo-icon .material-symbols-outlined{color:var(--color-primary);font-size:var(--text-xl)}.nav-logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-dark-primary);margin:0}.nav-links{flex:1;justify-content:center;gap:var(--space-6)}.nav-link{flex-direction:row;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-bottom:2px solid transparent;border-radius:0;background:none;min-width:auto}.nav-link .material-symbols-outlined{font-size:20px}.nav-link-text{opacity:1}.nav-link:hover{color:var(--color-primary)}.nav-link.active{background:none;border-bottom-color:var(--color-primary)}.nav-actions{gap:var(--space-3)}.nav-action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-surface-dark);border:none;border-radius:var(--radius-lg);color:var(--color-text-dark-secondary);cursor:pointer;transition:all var(--transition-base)}.nav-action-btn:hover{background-color:#6baa6426;color:var(--color-primary)}.nav-action-btn:active{transform:scale(.95)}.nav-action-btn .material-symbols-outlined{font-size:20px}.nav-avatar{margin-left:var(--space-2);width:40px;height:40px}.nav-avatar:hover{border-color:var(--color-primary);transform:scale(1.05)}.nav-avatar .material-symbols-outlined{font-size:24px}}@media(min-width:1024px){.nav-links{gap:var(--space-8)}.nav-link{padding:var(--space-2) var(--space-4)}}.navigation.is-playing{display:flex}.footer{margin-top:auto;border-top:1px solid var(--color-border-dark);background-color:var(--color-background-dark)}.footer-main{max-width:1200px;margin:0 auto;padding:var(--space-12) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-8)}.footer-brand{display:flex;justify-content:center}.footer-logo{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary)}.footer-logo .material-symbols-outlined{font-size:var(--text-2xl)}.footer-logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-dark-primary)}.footer-description{font-size:var(--text-sm);color:var(--color-text-dark-secondary);line-height:1.6;margin:0}.footer-links{display:flex;gap:var(--space-8)}.footer-column{display:flex;flex-direction:column;gap:var(--space-3)}.footer-heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-dark-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-1) 0}.footer-link{font-size:var(--text-sm);color:var(--color-text-dark-secondary);text-decoration:none;transition:color var(--transition-base)}.footer-link:hover{color:var(--color-primary)}.footer-social{display:flex;gap:var(--space-4)}.social-icon{width:20px;height:20px;color:var(--color-text-dark-secondary);transition:color var(--transition-base)}.social-icon:hover{color:var(--color-primary)}.social-icon svg{width:100%;height:100%}.footer-bottom{padding:var(--space-6) 0;text-align:center}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-dark-tertiary);text-transform:uppercase;letter-spacing:.1em;margin:0;font-weight:500}@media(max-width:768px){.footer-main{flex-direction:column;gap:var(--space-12);padding:var(--space-8) var(--space-4)}.footer-brand{max-width:100%}.footer-links{width:100%;flex-direction:column;gap:var(--space-8);align-items:center}.footer-column{align-items:center;text-align:center}}@media(max-width:480px){.footer-main{padding:var(--space-6) var(--space-4)}}.game-selection-home{min-height:100vh;display:flex;flex-direction:column}.home-main{flex:1;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-6);width:100%}.hero-container{margin-bottom:var(--space-8)}.hero-card{display:flex;flex-direction:row;background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero-visual{flex:2;background-color:var(--color-background-dark);position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--color-border-dark)}.math-pattern{position:absolute;inset:0;opacity:.1;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:var(--space-2);padding:var(--space-4);font-family:var(--font-mono);color:var(--color-primary);font-size:var(--text-2xl);-webkit-user-select:none;user-select:none}.nerdle-demo{position:relative;z-index:10;display:flex;flex-direction:column;gap:var(--space-3)}.demo-row{display:flex;gap:var(--space-3)}.demo-row.faded{opacity:.5}.demo-cell{width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-surface-dark);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700}.demo-cell.correct{background-color:var(--color-primary)}.demo-cell.empty{background-color:var(--color-surface-dark);border:2px solid var(--color-border-dark);color:var(--color-text-dark-tertiary)}.hero-content{flex:1;padding:var(--space-10);display:flex;flex-direction:column;justify-content:center}.hero-badge{color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text-dark-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-base);color:var(--color-text-dark-primary);margin:0 0 var(--space-1) 0}.hero-description{font-size:var(--text-sm);color:var(--color-text-dark-secondary);line-height:1.5;margin:0 0 var(--space-5) 0}.hero-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:48px;background-color:var(--color-primary);color:var(--color-background-dark);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);margin-bottom:var(--space-3)}.hero-btn:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.hero-meta{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text-dark-secondary);font-weight:500}.meta-item{display:flex;align-items:center;gap:var(--space-1)}.meta-item .material-symbols-outlined{font-size:var(--text-base)}.secondary-section{margin-bottom:var(--space-6)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text-dark-primary);margin:0}.secondary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.secondary-card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.secondary-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.secondary-visual{aspect-ratio:16 / 9;background-color:var(--color-background-dark);border-bottom:1px solid var(--color-border-dark);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.griddle-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);opacity:.8;transition:opacity var(--transition-base)}.secondary-card:hover .griddle-preview{opacity:1}.griddle-cell{width:48px;height:48px;background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-dark-primary);font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);transition:all var(--transition-base)}.griddle-cell.highlight{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-dark)}.sudoku-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);opacity:.8;transition:opacity var(--transition-base)}.secondary-card:hover .sudoku-preview{opacity:1}.sudoku-cell{width:48px;height:48px;background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-dark-primary);font-family:var(--font-mono);font-weight:700;font-size:var(--text-base);transition:all var(--transition-base)}.sudoku-cell.highlight{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-dark)}.sequle-preview{display:flex;gap:var(--space-2);align-items:center;opacity:.8;transition:opacity var(--transition-base)}.secondary-card:hover .sequle-preview{opacity:1}.sequle-circle{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-text-dark-secondary)}.sequle-circle.highlight{border-color:var(--color-primary);background-color:var(--color-primary-light)}.sequle-arrow{font-size:var(--text-xl);color:var(--color-text-dark-secondary)}.sequle-arrow.highlight{color:var(--color-primary)}.secondary-footer{padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.secondary-info{flex:1}.secondary-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--color-text-dark-primary);margin:0 0 var(--space-1) 0}.secondary-desc{font-size:var(--text-xs);color:var(--color-text-dark-secondary);margin:0}.secondary-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);color:var(--color-text-dark-secondary);cursor:pointer;transition:all var(--transition-base)}.secondary-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-dark);transform:translate(4px)}.secondary-btn:active{transform:translate(2px)}@media(max-width:1024px){.hero-card{flex-direction:column}.hero-visual,.hero-content{width:100%}.hero-content{padding:var(--space-8)}.secondary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home-main{padding:var(--space-6) var(--space-4)}.secondary-grid{grid-template-columns:1fr}.hero-title{font-size:var(--text-3xl)}}@media(max-width:480px){.hero-title{font-size:var(--text-2xl)}.hero-content{padding:var(--space-6)}.demo-cell{width:40px;height:40px;font-size:var(--text-xl)}}.nerdle-keyboard{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-8);-webkit-user-select:none;user-select:none}.keyboard-row{display:flex;gap:var(--space-2);justify-content:center}.keyboard-key{min-width:60px;height:64px;border:1px solid var(--color-border-dark);border-radius:var(--radius-md);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);padding:0 var(--space-3)}.keyboard-key.wide{min-width:80px;font-size:var(--text-base)}.keyboard-key:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.keyboard-key:active:not(:disabled){transform:scale(.95)}.keyboard-key:disabled{background-color:#3a3a3c;cursor:not-allowed;opacity:.5}.keyboard-key.correct{background-color:#538d4e;border-color:#538d4e;color:var(--color-text-dark-primary)}.keyboard-key.present{background-color:#b59f3b;border-color:#b59f3b;color:var(--color-text-dark-primary)}.keyboard-key.absent{background-color:#3a3a3c;border-color:#3a3a3c;color:var(--color-text-dark-tertiary)}@media(max-width:480px){.keyboard-key{min-width:50px;height:56px;font-size:var(--text-base);padding:0 var(--space-2)}.keyboard-key.wide{min-width:70px;font-size:var(--text-sm)}.keyboard-row{gap:6px}.nerdle-keyboard{gap:6px;margin-top:var(--space-4)}}@media(max-width:360px){.keyboard-key{min-width:42px;height:54px;font-size:var(--text-sm);padding:0 8px}.keyboard-key.wide{min-width:60px;font-size:12px}.keyboard-row,.nerdle-keyboard{gap:5px}}.current-guess-row{display:flex;gap:8px}.current-guess-cell{width:60px;height:60px;border:3px solid #3a3a3c;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;background-color:#121213;transition:all .2s ease}.current-guess-cell.filled{border-color:#565758;background-color:#2a2a2b;animation:pop .15s ease}.current-guess-cell.active{border-color:#6aaa64;box-shadow:0 0 0 3px #6aaa6433;animation:pulse 2s ease-in-out infinite}@media(max-width:600px){.current-guess-cell{width:50px;height:50px;font-size:24px}}.level-selector-main{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-8) var(--space-6)}.level-selector-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-10)}.level-selector-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;color:var(--color-text-dark-primary);margin:0;letter-spacing:-.02em}.level-selector-subtitle{font-size:var(--text-lg);color:var(--color-text-dark-secondary);margin:0}.level-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);margin-bottom:var(--space-16)}.level-card{position:relative;display:flex;flex-direction:column;padding:var(--space-6);background:linear-gradient(to bottom,#ffffff08,#ffffff03);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);cursor:pointer;transition:all var(--transition-base)}.level-card:hover{transform:scale(1.01)}.level-card-selected{border:2px solid var(--color-primary);box-shadow:0 0 0 4px #6baa6433;transform:scale(1.02)}.level-card-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.level-card-disabled:hover{transform:none}.coming-soon-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2) var(--space-4);background-color:#f59e0b33;border:1px solid var(--color-warning);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-warning);letter-spacing:.5px;text-transform:uppercase}.level-number-badge{position:absolute;top:-12px;left:-12px;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;color:var(--color-background-dark);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);box-shadow:var(--shadow-lg)}.level-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);padding-left:var(--space-4)}.level-card-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-dark-primary);margin:0 0 var(--space-1) 0}.level-card-description{font-size:var(--text-sm);color:var(--color-text-dark-secondary);margin:0}.level-category-badge{padding:var(--space-2) var(--space-4);background:#6ca66826;border:1px solid rgba(108,166,104,.3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-primary);letter-spacing:.5px;white-space:nowrap}.level-card-info{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.level-info-item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-dark-secondary)}.level-info-item .material-symbols-outlined{font-size:var(--text-sm)}.level-info-text{font-size:var(--text-sm);font-weight:500}.level-win-rate{display:flex;flex-direction:column;gap:var(--space-1)}.level-win-rate-header{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dark-tertiary)}.level-win-rate-bar{height:8px;width:100%;background-color:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.level-win-rate-fill{height:100%;background-color:var(--color-primary);transition:width var(--transition-base)}.level-stats{display:flex;align-items:center;gap:var(--space-6)}.level-stat-item{display:flex;align-items:center;gap:var(--space-1)}.level-stat-icon{font-size:var(--text-base)}.level-stat-icon-small{font-size:var(--text-sm);color:var(--color-text-dark-tertiary)}.level-stat-text{font-size:var(--text-sm);color:var(--color-text-dark-secondary)}.level-card-actions{display:flex;gap:var(--space-3);margin-top:auto}.level-card-actions button{flex:1;height:48px;border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);border:none}.level-btn-primary{background-color:var(--color-primary);color:var(--color-background-dark);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.level-btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg)}.level-btn-primary:disabled{opacity:.5;cursor:not-allowed}.level-card-selected .level-btn-primary{box-shadow:var(--shadow-primary)}.level-btn-secondary{background-color:#ffffff08;color:var(--color-text-dark-primary);border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 1px 3px #0003}.level-btn-secondary:hover:not(:disabled){background-color:#6ca6681a;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px #6ca66833}.level-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.level-global-stats{margin-top:var(--space-16);padding:var(--space-6);border-radius:var(--radius-xl);background-color:#6baa641a;border:1px solid rgba(107,170,100,.2);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6)}.global-stats-header{display:flex;align-items:center;gap:var(--space-4)}.global-stats-icon-box{width:48px;height:48px;border-radius:var(--radius-lg);background-color:#6baa6433;display:flex;align-items:center;justify-content:center}.global-stats-icon-box .material-symbols-outlined{font-size:var(--text-3xl);color:var(--color-primary)}.global-stats-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-dark-primary);margin:0}.global-stats-description{font-size:var(--text-sm);color:var(--color-text-dark-secondary);margin:0}.global-stats-values{display:flex;gap:var(--space-8)}.global-stat-item{text-align:center}.global-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:900;color:var(--color-primary);margin:0 0 var(--space-1) 0}.global-stat-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-dark-tertiary);margin:0}@media(max-width:768px){.level-selector-main{padding:var(--space-6) var(--space-4)}.level-selector-title{font-size:var(--text-3xl)}.level-selector-subtitle{font-size:var(--text-base)}.level-cards-grid{grid-template-columns:1fr;gap:var(--space-6)}.level-card{padding:var(--space-5)}.level-card-title{font-size:var(--text-xl)}.level-card-actions{flex-direction:column}.level-global-stats{flex-direction:column;align-items:flex-start}.global-stats-values{width:100%;justify-content:space-around}}@media(max-width:480px){.level-selector-header{margin-bottom:var(--space-8)}.level-selector-title{font-size:var(--text-2xl)}.level-selector-subtitle{font-size:var(--text-sm)}.level-number-badge{width:36px;height:36px;font-size:var(--text-base)}.level-card{padding:var(--space-4)}.level-card-title{font-size:var(--text-lg)}.level-icon{font-size:var(--text-2xl)}}.gameplay-screen{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-background-dark);padding-top:64px}@media(min-width:768px){.gameplay-screen{padding-top:72px}}.gameplay-main{flex:1;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-6);overflow-y:auto}@media(max-width:480px){.gameplay-main{padding:var(--space-3);gap:var(--space-4)}}.gameplay-center-panel{background:linear-gradient(135deg,#1e1e1ff2,#181819fa);border:none;border-radius:var(--radius-xl);overflow:hidden;position:relative;min-height:400px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000004d,0 0 0 1px #6baa641a,inset 0 1px #ffffff05}.gameplay-center-bg{position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,var(--color-primary) 1px,transparent 0);background-size:40px 40px}.gameplay-center-content{flex:1;position:relative;z-index:10;display:flex;flex-direction:column;padding:var(--space-8);justify-content:center}@media(max-width:480px){.gameplay-center-content{padding:var(--space-4)}}.gameplay-history-section{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);overflow:hidden}.history-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-dark);display:flex;justify-content:space-between;align-items:center;background-color:#0a0a0b4d}.history-title{font-size:var(--text-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin:0;display:flex;align-items:center;gap:var(--space-2)}.history-title .material-symbols-outlined{font-size:var(--text-base)}.history-count{font-size:var(--text-xs);color:var(--color-text-dark-tertiary);font-weight:700}.history-list{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:transparent}.history-list::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}.history-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:#0a0a0b80;border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);transition:all var(--transition-base)}.history-item:hover{border-color:#6baa644d}.history-item-number{font-size:var(--text-xs);color:var(--color-text-dark-tertiary);font-weight:700;flex-shrink:0;min-width:24px}.history-item-value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dark-primary);letter-spacing:.05em;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-feedback{display:flex;gap:4px;flex-shrink:0}.feedback-icon{font-size:16px}.feedback-icon.correct{color:var(--color-primary)}.feedback-icon.partial{color:#eab308}.feedback-icon.wrong{color:#ef4444}.history-empty{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-dark-tertiary);margin:0}.gameplay-legend{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);overflow:hidden}.legend-toggle{padding:var(--space-4);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;font-size:var(--text-xs);font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;background-color:#0a0a0b4d;border-bottom:1px solid var(--color-border-dark);transition:all var(--transition-base)}.legend-toggle::-webkit-details-marker{display:none}.legend-toggle .material-symbols-outlined:first-child{font-size:var(--text-base)}.legend-chevron{margin-left:auto;font-size:var(--text-base);transition:transform var(--transition-base)}.gameplay-legend[open] .legend-chevron{transform:rotate(180deg)}.legend-items{padding:var(--space-4);display:grid;grid-template-columns:1fr;gap:var(--space-3)}.legend-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base)}.legend-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);flex-shrink:0}.legend-correct{background-color:#6baa6433;border:1px solid rgba(107,170,100,.3);color:var(--color-primary)}.legend-partial{background-color:#eab30833;border:1px solid rgba(234,179,8,.3);color:#eab308}.legend-wrong{background-color:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.legend-label{font-size:var(--text-sm);color:var(--color-text-dark-secondary)}.gameplay-hints{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-4)}.hints-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--color-primary)}.hints-header .material-symbols-outlined{font-size:var(--text-base)}.hints-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.hint-display{padding:var(--space-3);background-color:#6baa641a;border:1px solid rgba(107,170,100,.2);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.hint-text{font-size:var(--text-sm);color:var(--color-text-dark-secondary);font-style:italic;margin:0}.hint-button{width:100%;padding:var(--space-3);background-color:#6baa641a;border:1px solid rgba(107,170,100,.3);color:var(--color-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.hint-button:hover{background-color:#6baa6433}.hint-button .material-symbols-outlined{font-size:var(--text-sm)}@media(min-width:768px){.gameplay-main{padding:var(--space-6);gap:var(--space-6);padding-bottom:var(--space-6)}.gameplay-center-panel{min-height:500px}.gameplay-center-content{padding:var(--space-8)}.history-list{max-height:400px}.legend-items{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.gameplay-main{display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto auto 1fr;gap:var(--space-6)}.gameplay-center-panel{grid-column:2;grid-row:1 / 4;min-height:600px}.gameplay-history-section{grid-column:1;grid-row:1}.gameplay-legend{grid-column:1;grid-row:2}.gameplay-hints{grid-column:1;grid-row:3;align-self:start}.legend-items{grid-template-columns:1fr}.history-list{max-height:none}}@media(min-width:1280px){.gameplay-main{grid-template-columns:300px 1fr 300px;grid-template-rows:auto 1fr}.gameplay-center-panel{grid-column:2;grid-row:1 / 3}.gameplay-history-section{grid-column:3;grid-row:1 / 3}.gameplay-legend{grid-column:1;grid-row:1}.gameplay-hints{grid-column:1;grid-row:2}.history-list{max-height:none}}.share-button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-family:var(--font-display);font-weight:600;color:var(--color-background-dark);background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-4);box-shadow:var(--shadow-primary)}.share-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.share-button:active{transform:translateY(0)}.next-puzzle-countdown{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-top:var(--space-6)}.countdown-label{color:var(--color-text-dark-secondary);font-size:var(--text-sm);font-family:var(--font-display);font-weight:500;margin-bottom:var(--space-2)}.countdown-time{color:var(--color-text-dark-primary);font-size:var(--text-2xl);font-weight:700;font-family:var(--font-mono)}.nerdle-container{display:flex;flex-direction:column;align-items:center;padding:0;max-width:1400px;margin:0 auto;color:var(--color-text-dark-primary);width:100%}.nerdle-gameplay-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;gap:var(--space-8)}@media(max-width:480px){.nerdle-gameplay-content{gap:var(--space-4)}}.nerdle-game-over{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-8)}.nerdle-header{text-align:center;margin-bottom:var(--space-6)}.nerdle-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:var(--color-text-dark-primary);margin:0 0 var(--space-2) 0}.nerdle-header p{font-size:var(--text-base);color:var(--color-text-dark-secondary);margin:0}.nerdle-message{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-family:var(--font-display);font-weight:500;text-align:center;animation:slideIn var(--transition-slow)}.nerdle-message.info{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.nerdle-message.success{background-color:#6ca66826;border:1px solid rgba(108,166,104,.3);color:var(--color-primary)}.nerdle-message.error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.nerdle-new-game{margin-top:var(--space-8);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-background-dark);background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.nerdle-new-game:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.nerdle-new-game:active{transform:translateY(0)}.nerdle-help{margin-top:var(--space-8);padding:var(--space-6);background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);text-align:left;max-width:500px}.nerdle-help p{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-dark-secondary)}.nerdle-help strong{color:var(--color-text-dark-primary);font-weight:600}.shake{animation:shake .5s ease}@media(max-width:768px){.nerdle-gameplay-content{gap:var(--space-6)}.nerdle-header h1{font-size:var(--text-3xl)}.nerdle-help{font-size:var(--text-sm)}}.color-picker{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-8)}.color-options{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.color-button{width:80px;height:80px;border-radius:var(--radius-full);border:3px solid var(--color-border-dark);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl);box-shadow:var(--shadow-md)}.color-button:hover{transform:scale(1.1);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.color-button:active{transform:scale(.95)}.picker-actions{display:flex;justify-content:center;gap:var(--space-4)}.action-button{min-height:52px;padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);color:var(--color-text-dark-primary);display:flex;align-items:center;gap:var(--space-2)}.clear-button{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark)}.clear-button:hover{background-color:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px)}.submit-button:disabled{background-color:#3a3a3c;cursor:not-allowed;opacity:.5}.action-button:active:not(:disabled){transform:translateY(0)}@media(max-width:480px){.color-button{width:70px;height:70px;font-size:var(--text-3xl)}.action-button{min-height:50px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}}@media(max-width:360px){.color-button{width:60px;height:60px;font-size:var(--text-2xl)}.action-button{min-height:48px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.color-options{gap:var(--space-2)}.picker-actions{gap:var(--space-3)}}.current-guess-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background-color:#1a1a1b;border-radius:12px;border:2px solid #538d4e}.current-guess-label{color:#6aaa64;font-size:1.1rem;font-weight:700}.current-guess-row{display:flex;gap:12px}.current-guess-color{width:70px;height:70px;border-radius:50%;border:3px solid #3a3a3c;display:flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative}.current-guess-color.empty{background-color:#121213}.current-guess-color.filled{border-color:#565758;box-shadow:0 4px 12px #0000004d;animation:pop .2s ease}.current-guess-color.active{border-color:#6aaa64;box-shadow:0 0 0 4px #6aaa644d;animation:pulse 2s ease-in-out infinite}.color-placeholder{font-size:28px;color:#565758;font-weight:700}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:600px){.current-guess-color{width:60px;height:60px}.color-placeholder{font-size:24px}}.griddle-container{display:flex;flex-direction:column;align-items:center;padding:0;max-width:1400px;margin:0 auto;color:var(--color-text-dark-primary);width:100%}.griddle-gameplay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;max-width:600px;margin:0 auto}.griddle-header{text-align:center;margin-bottom:var(--space-6)}.griddle-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-text-dark-primary)}.griddle-header p{font-size:var(--text-base);color:var(--color-text-dark-secondary);margin:0}.griddle-message{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-family:var(--font-display);font-weight:500;text-align:center;animation:slideIn var(--transition-slow);max-width:500px}.griddle-message.info{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.griddle-message.success{background-color:#6ca66826;border:1px solid rgba(108,166,104,.3);color:var(--color-primary)}.griddle-message.error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.griddle-new-game{margin-top:var(--space-8);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-background-dark);background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.griddle-new-game:hover{background-color:var(--color-primary-hover);transform:translateY(-2px)}.griddle-new-game:active{transform:translateY(0)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.griddle-gameplay-content{gap:var(--space-6)}.griddle-header h1{font-size:var(--text-3xl)}}.sudoku-grid{display:inline-block;background-color:var(--color-surface-dark);border:3px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-2)}.sudoku-row{display:flex}.sudoku-cell{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;border:1px solid var(--color-border-dark);cursor:pointer;transition:all var(--transition-base);background-color:var(--color-background-dark);color:var(--color-text-dark-primary)}.size-4 .sudoku-cell{width:55px;height:55px;font-size:var(--text-3xl)}.size-6 .sudoku-cell{width:45px;height:45px;font-size:var(--text-xl)}.size-9 .sudoku-cell{width:38px;height:38px;font-size:var(--text-lg)}.sudoku-cell.given{background-color:var(--color-surface-dark);color:var(--color-primary);cursor:default;font-weight:900}.sudoku-cell.editable:hover{background-color:var(--color-primary-light);transform:scale(1.05)}.sudoku-cell.selected{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 3px #6ca6684d;color:var(--color-background-dark)}.sudoku-cell.error{background-color:#ef444433;border-color:var(--color-error);color:var(--color-error);animation:shake .3s ease}.sudoku-cell.box-border-right{border-right:3px solid var(--color-text-dark-tertiary)}.sudoku-cell.box-border-bottom{border-bottom:3px solid var(--color-text-dark-tertiary)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:600px){.size-4 .sudoku-cell{width:50px;height:50px;font-size:var(--text-2xl)}.size-6 .sudoku-cell{width:40px;height:40px;font-size:var(--text-lg)}.size-9 .sudoku-cell{width:34px;height:34px;font-size:var(--text-base)}}.number-picker-container{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.number-picker{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;max-width:500px}.number-button{width:70px;height:70px;border-radius:var(--radius-lg);border:2px solid var(--color-border-dark);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.number-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-dark);transform:translateY(-2px);box-shadow:0 4px 12px #6ca6684d}.number-button:active{transform:translateY(0)}.clear-button{background-color:var(--color-error);color:var(--color-text-dark-primary);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);min-height:52px;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.clear-button:hover:not(:disabled){background-color:#c9302c;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.clear-button:disabled{background-color:#3a3a3c;color:var(--color-text-dark-tertiary);cursor:not-allowed}@media(max-width:480px){.number-button{width:60px;height:60px;font-size:var(--text-2xl)}.clear-button{min-height:50px;font-size:var(--text-sm)}}@media(max-width:360px){.number-button{width:52px;height:52px;font-size:var(--text-xl)}.clear-button{min-height:48px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.number-picker{gap:var(--space-2)}}.sudoku-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);max-width:1400px;margin:0 auto;color:var(--color-text-dark-primary);width:100%}.sudoku-gameplay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);width:100%;max-width:600px;margin:0 auto}.sudoku-header{text-align:center;margin-bottom:var(--space-6)}.sudoku-header h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-text-dark-primary)}.sudoku-header p{font-size:var(--text-base);color:var(--color-text-dark-secondary);margin:0}.sudoku-message{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-base);font-weight:500;text-align:center;margin-bottom:var(--space-6)}.sudoku-message.success{background-color:#6ca66826;border:1px solid rgba(108,166,104,.3);color:var(--color-primary)}.sudoku-message.error{background-color:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--color-error)}.sudoku-message.info{background-color:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--color-info)}.sudoku-new-game{margin-top:var(--space-6);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-background-dark);background-color:var(--color-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary)}.sudoku-new-game:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.daily-completed{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;max-width:500px}.daily-completed h3{font-family:var(--font-display);color:var(--color-primary);margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:700}@media(max-width:768px){.sudoku-container{padding:var(--space-4)}.sudoku-header h1{font-size:var(--text-3xl)}.sudoku-header p{font-size:var(--text-sm)}}@media(max-width:600px){.sudoku-header h1{font-size:var(--text-2xl)}}.current-guess-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface-dark);border-radius:var(--radius-xl);border:2px solid var(--color-primary);box-shadow:var(--shadow-primary)}.current-guess-label{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600}.current-guess-row{display:flex;gap:var(--space-4)}.current-guess-cell{width:60px;height:60px;border-radius:var(--radius-lg);border:3px solid var(--color-border-dark);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-dark-primary);background-color:var(--color-background-dark)}.current-guess-cell.shown{background-color:var(--color-surface-dark);border-color:var(--color-primary);color:var(--color-primary);font-weight:900;box-shadow:var(--shadow-md)}.current-guess-cell.empty{color:var(--color-text-dark-tertiary)}.current-guess-cell.filled{border-color:var(--color-text-dark-secondary);box-shadow:var(--shadow-lg);animation:pop var(--transition-base)}.current-guess-cell.active{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light);animation:pulse 2s ease-in-out infinite}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:600px){.current-guess-cell{width:50px;height:50px;font-size:var(--text-xl)}}.number-input-container{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;width:100%;max-width:500px}.input-group{display:flex;gap:var(--space-3);width:100%}.number-input{flex:1;padding:var(--space-4) var(--space-4);min-height:56px;font-size:var(--text-xl);font-family:var(--font-mono);border:2px solid var(--color-border-dark);border-radius:var(--radius-lg);background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);font-weight:700;text-align:center;transition:all var(--transition-base)}.number-input:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background-dark);box-shadow:0 0 0 3px #6ca66826}.number-input::placeholder{color:var(--color-text-dark-tertiary)}.add-button{padding:var(--space-3) var(--space-6);min-height:56px;font-size:var(--text-base);font-family:var(--font-display);font-weight:600;background-color:var(--color-primary);color:var(--color-background-dark);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);display:flex;align-items:center;gap:var(--space-2)}.add-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.add-button:active:not(:disabled){transform:translateY(0)}.add-button:disabled{background-color:var(--color-surface-dark);color:var(--color-text-dark-tertiary);cursor:not-allowed;opacity:.5;box-shadow:none}.action-buttons{display:flex;gap:var(--space-3);width:100%}.clear-button,.submit-button{flex:1;padding:var(--space-3) var(--space-6);min-height:52px;font-size:var(--text-base);font-family:var(--font-display);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.clear-button{background-color:var(--color-surface-dark);color:var(--color-text-dark-primary);border:2px solid var(--color-border-dark)}.clear-button:hover:not(:disabled){background-color:#ef444426;border-color:var(--color-error);color:var(--color-error);transform:translateY(-2px)}.clear-button:active:not(:disabled){transform:translateY(0)}.submit-button{background-color:var(--color-primary);color:var(--color-background-dark);box-shadow:var(--shadow-primary)}.submit-button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.submit-button:active:not(:disabled){transform:translateY(0)}.clear-button:disabled,.submit-button:disabled{background-color:var(--color-surface-dark);border-color:var(--color-border-dark);color:var(--color-text-dark-tertiary);cursor:not-allowed;opacity:.5;box-shadow:none}@media(max-width:480px){.number-input{font-size:var(--text-lg);padding:var(--space-3) var(--space-3);min-height:52px}.add-button{min-height:52px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.clear-button,.submit-button{min-height:50px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}}@media(max-width:360px){.number-input{font-size:var(--text-base);padding:var(--space-2) var(--space-2);min-height:48px}.add-button,.clear-button,.submit-button{min-height:48px;padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.input-group,.action-buttons{gap:var(--space-2)}}:root{--color-primary: #6ca668;--color-primary-hover: #5b8d57;--color-primary-light: rgba(108, 166, 104, .2);--color-background-light: #f7f7f6;--color-background-dark: #121213;--color-surface-dark: #1e1e1f;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-dark-primary: #f1f5f9;--color-text-dark-secondary: #94a3b8;--color-text-dark-tertiary: #64748b;--color-border-light: #e2e8f0;--color-border-dark: #1e293b;--color-success: #6ca668;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-display: "Space Grotesk", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 10px 30px -5px rgba(108, 166, 104, .2);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}body{font-family:var(--font-body);background-color:var(--color-background-dark);color:var(--color-text-dark-primary);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}.font-mono{font-family:var(--font-mono)}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--space-6);padding-right:var(--space-6)}@media(min-width:1024px){.container{padding-left:var(--space-20);padding-right:var(--space-20)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-display)}.btn-primary{background-color:var(--color-primary);color:var(--color-background-dark);box-shadow:var(--shadow-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6ca6684d}.btn-secondary{background-color:var(--color-surface-dark);color:var(--color-text-dark-primary)}.btn-secondary:hover{background-color:var(--color-primary-light);color:var(--color-primary)}.card{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-dark)}.card-body{padding:var(--space-6)}.game-nerdle{--game-color: #5B8DEE}.game-griddle{--game-color: #9B59B6}.game-sudoku{--game-color: #E67E22}.game-sequle{--game-color: #6AAA64}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideIn{animation:slideIn var(--transition-base)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shake{animation:shake .5s ease}.sequle-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);max-width:1400px;margin:0 auto;color:var(--color-text-dark-primary);width:100%}.sequle-gameplay-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-10);width:100%;max-width:600px;margin:0 auto}.sequle-header{text-align:center;margin-bottom:var(--space-8)}.sequle-header h1{font-family:var(--font-display);font-size:var(--text-3xl);margin:0 0 var(--space-3) 0;color:var(--color-text-dark-primary)}.sequle-header p{font-size:var(--text-base);color:var(--color-text-dark-secondary);margin:0}.sequle-message{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:600;text-align:center;margin-bottom:var(--space-6);animation:fadeIn var(--transition-base)}.sequle-message.success{background-color:#6aaa6426;color:var(--color-success);border:2px solid var(--color-success)}.sequle-message.error{background-color:#ef444426;color:var(--color-error);border:2px solid var(--color-error)}.sequle-message.info{background-color:#3b82f626;color:var(--color-info);border:2px solid var(--color-info)}.sequle-new-game{background-color:var(--color-primary);color:var(--color-background-dark);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-6);box-shadow:var(--shadow-primary)}.sequle-new-game:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 15px 35px -5px #6aaa644d}.daily-completed{background-color:var(--color-surface-dark);border:1px solid var(--color-border-dark);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;max-width:500px;animation:fadeIn var(--transition-slow)}.daily-completed h3{color:var(--color-success);margin:0 0 var(--space-4) 0;font-family:var(--font-display);font-size:var(--text-2xl)}.daily-completed p{color:var(--color-text-dark-secondary);margin:0 0 var(--space-6) 0}@media(max-width:768px){.sequle-container{padding:var(--space-4)}.sequle-header h1{font-size:var(--text-2xl)}.sequle-header p{font-size:var(--text-sm)}}@media(max-width:600px){.sequle-header h1{font-size:var(--text-xl)}}