*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FFD700;--primary-dark: #FFC107;--secondary-color: #2196F3;--success-color: #4CAF50;--error-color: #f44336;--warning-color: #FF9800;--bg-color: #f5f7fa;--card-bg: #ffffff;--text-color: #333333;--text-light: #666666;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--text-color)}.app{min-height:100vh}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:#333}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-info{background:var(--secondary-color);color:#fff}.btn-info:hover:not(:disabled){background:#1976d2}.btn-link{background:transparent;color:var(--text-light);text-decoration:underline;padding:8px}.login-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:var(--card-bg);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);text-align:center;max-width:420px;width:100%}.logo{margin-bottom:16px}.bee-icon{font-size:64px;display:block;margin-bottom:8px}.logo h1{font-size:2.5rem;color:var(--text-color);font-weight:800}.tagline{color:var(--text-light);margin-bottom:32px;font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:16px}.login-form label{font-size:1.1rem;font-weight:600;text-align:left}.login-form input{padding:16px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1.1rem;font-family:inherit;transition:border-color .2s}.login-form input:focus{outline:none;border-color:var(--primary-color)}.category-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.category-container{background:var(--card-bg);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);max-width:750px;width:100%}@media (max-width: 768px){.category-container{padding:24px}}.category-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.category-container .header{justify-content:center;text-align:center}}.category-container h1{font-size:1.8rem;flex-shrink:0;margin:0}@media (max-width: 768px){.category-container h1{width:100%}}.category-container h2{text-align:center;font-size:1.5rem;margin-bottom:8px}.subtitle{text-align:center;color:var(--text-light);margin-bottom:24px}.mode-selector{display:flex;justify-content:center;gap:16px;margin-bottom:30px}.mode-selector button{padding:12px 32px;font-size:16px;font-weight:600;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.mode-selector button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.mode-selector button.active{background:var(--primary-color);border-color:var(--primary-color);color:#333}.word-count-selector{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px;padding:20px;background:#ffffff80;border-radius:12px}.word-count-selector label{font-weight:600;font-size:16px;color:#555}.word-count-buttons{display:flex;gap:12px}.word-count-buttons button{padding:10px 24px;font-size:14px;font-weight:600;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit}.word-count-buttons button:hover{border-color:var(--primary-color);transform:translateY(-2px)}.word-count-buttons button.active{background:var(--primary-color);border-color:var(--primary-color);color:#333}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-card{background:var(--card-bg);border:2px solid #e0e0e0;border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.category-card:hover{border-color:var(--category-color);transform:translateY(-4px);box-shadow:var(--shadow)}.category-card .category-badge{display:inline-block;padding:8px 18px;border-radius:20px;color:#fff;font-weight:700;font-size:.9rem;margin-bottom:12px;white-space:nowrap;min-width:fit-content}.category-info{display:flex;flex-direction:column;gap:4px}.year-level{font-weight:700;color:var(--text-color)}.description{color:var(--text-light);font-size:.9rem}.game-screen{background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:20px}.game-header{background:#fffffff2;padding:16px 24px;border-radius:var(--border-radius);width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:var(--shadow)}.player-name{font-weight:700;font-size:1.1rem}.progress-info{display:flex;align-items:center;gap:16px}.word-counter{font-weight:600;white-space:nowrap}.progress-bar{width:150px;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--success-color);transition:width .3s ease}.game-content{background:var(--card-bg);padding:32px;border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-width:800px}.timer-container{display:flex;justify-content:center;margin-bottom:24px}.timer{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--timer-color) var(--timer-progress),#e0e0e0 var(--timer-progress));display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.timer:before{content:"";position:absolute;width:80px;height:80px;background:#fff;border-radius:50%}.timer-value{position:relative;font-size:2rem;font-weight:800;color:var(--timer-color);line-height:1}.timer-label{position:relative;font-size:.75rem;color:var(--text-light)}.sentence-display{background:#f8f9fa;padding:24px;border-radius:var(--border-radius);margin-bottom:24px;min-height:80px;display:flex;align-items:center;justify-content:center}.sentence{font-size:1.25rem;text-align:center;color:var(--text-color);line-height:1.6}.hint-panel{background:#e3f2fd;border:2px solid var(--secondary-color);padding:20px;border-radius:var(--border-radius);margin-bottom:24px}.hint-panel h3{margin-bottom:12px;color:var(--secondary-color)}.hint-grid{display:flex;flex-direction:column;gap:8px}.hint-item{display:flex;gap:8px}.hint-label{font-weight:700;min-width:120px}.hint-value{color:var(--text-light)}.hint-item.homophone{background:#fff3e0;padding:8px;border-radius:8px;margin-top:8px}.input-area{margin-bottom:24px}.input-area input{width:100%;padding:20px;border:3px solid #e0e0e0;border-radius:var(--border-radius);font-size:1.5rem;font-family:inherit;text-align:center;transition:border-color .2s}.input-area input:focus{outline:none;border-color:var(--primary-color)}.input-area input:disabled{background:#f5f5f5}.input-area input.hidden-text{-webkit-text-security:disc;font-family:monospace;letter-spacing:.2em}.show-word-toggle{margin-top:12px;text-align:center}.show-word-toggle label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:var(--text-color);-webkit-user-select:none;user-select:none}.show-word-toggle input[type=checkbox]{width:auto;height:18px;cursor:pointer;margin:0}.show-word-toggle span{font-weight:500}.button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.score-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.score-container{background:var(--card-bg);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);max-width:700px;width:100%;text-align:center}.score-container h1{font-size:2.5rem;margin-bottom:8px}.player-label{color:var(--text-light);font-size:1.2rem;margin-bottom:32px}.challenge-notice{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin:24px 0;text-align:center;box-shadow:0 4px 6px #0000001a}.challenge-notice h3{margin:0 0 12px;font-size:1.5rem}.challenge-notice p{margin:8px 0;font-size:1rem;opacity:.95}.score-summary{display:flex;align-items:center;justify-content:center;gap:48px;margin-bottom:32px;flex-wrap:wrap}.score-circle{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--success-color) calc(var(--percentage) * 1%),#e0e0e0 calc(var(--percentage) * 1%));display:flex;align-items:center;justify-content:center;position:relative}.score-circle:before{content:"";position:absolute;width:120px;height:120px;background:#fff;border-radius:50%}.score-inner{position:relative;text-align:center}.score-number{font-size:3rem;font-weight:800;color:var(--success-color);line-height:1}.score-total{font-size:1.2rem;color:var(--text-light)}.score-stats{display:flex;gap:32px}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:1.5rem}.stat.correct .stat-icon{color:var(--success-color)}.stat.incorrect .stat-icon{color:var(--error-color)}.stat.time .stat-icon{color:var(--secondary-color)}.stat-value{font-size:1.5rem;font-weight:800}.stat-label{font-size:.85rem;color:var(--text-light)}.results-table{text-align:left;margin-bottom:24px}.results-table h2{margin-bottom:16px;font-size:1.3rem}.table-container{max-height:300px;overflow-y:auto;border-radius:var(--border-radius);border:1px solid #e0e0e0}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#f5f7fa;font-weight:700;position:sticky;top:0}tr.correct{background:#e8f5e9}tr.incorrect{background:#ffebee}.word-cell{font-weight:600;display:flex;align-items:center;gap:8px}.word-cell .category-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.answer-cell .no-answer{color:var(--text-light);font-style:italic}.time-cell{font-family:monospace}.result-badge{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff}.result-badge.correct{background:var(--success-color)}.result-badge.incorrect{background:var(--error-color)}.incorrect-words{background:#fff3e0;padding:20px;border-radius:var(--border-radius);margin-bottom:24px}.incorrect-words h3{margin-bottom:12px;color:var(--warning-color)}.word-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.word-chip{background:#fff;padding:8px 16px;border-radius:20px;font-weight:600;border:2px solid var(--warning-color)}.header-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.header-buttons .btn-link{white-space:nowrap;font-size:.9rem}@media (max-width: 768px){.header-buttons{justify-content:center;width:100%}}.category-card.disabled,.category-card:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.category-card.disabled:hover,.category-card:disabled:hover{border-color:#e0e0e0;box-shadow:none;transform:none}.locked-overlay{position:absolute;top:50%;right:16px;transform:translateY(-50%)}.lock-icon{font-size:1.5rem}.category-card{position:relative}.profile-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-container{background:var(--card-bg);padding:40px;border-radius:24px;box-shadow:var(--shadow-lg);max-width:860px;width:100%;max-height:90vh;overflow-y:auto}.profile-container .loading,.profile-container .error{text-align:center;padding:40px;color:var(--text-light)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.profile-header h1{font-size:1.6rem;font-weight:700}.profile-section{margin-bottom:28px}.profile-section-title{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin-bottom:12px}.profile-card{border:1px solid #e8e8e8;border-radius:14px;overflow:hidden}.profile-card-row{padding:16px 20px;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.profile-card-row-border{border-top:1px solid #f0f0f0}.profile-card-label{font-size:.85rem;font-weight:600;color:var(--text-light);min-width:100px;padding-top:3px}.profile-name-display{display:flex;align-items:center;gap:10px;flex:1}.profile-name-value{font-weight:700;font-size:1.05rem}.profile-edit-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px 6px;border-radius:6px;opacity:.6;transition:opacity .15s}.profile-edit-btn:hover{opacity:1}.profile-name-saved{font-size:.85rem;color:var(--success-color);font-weight:600}.profile-name-edit{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.profile-name-input{border:2px solid var(--primary-color);border-radius:8px;padding:6px 12px;font-size:1rem;font-family:inherit;outline:none;min-width:180px;flex:1}.profile-name-edit-actions{display:flex;gap:8px}.profile-name-error{width:100%;font-size:.85rem;color:var(--error-color);font-weight:600}.profile-email-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.profile-email-info{display:flex;flex-direction:column;gap:2px}.profile-email-address{font-weight:600;font-size:.95rem}.profile-email-status{font-size:.8rem;font-weight:600}.profile-email-status.verified{color:#2e7d32}.profile-email-status.unverified{color:#e65100}.profile-email-message{width:100%;padding:8px 12px;border-radius:8px;font-size:.875rem;margin-top:4px}.profile-email-message.success{background:#e8f5e9;color:#2e7d32}.profile-email-message.error{background:#ffebee;color:#c62828}.profile-empty-state{text-align:center;padding:32px 16px;margin-bottom:28px}.profile-history-link{display:block;text-align:right;margin-bottom:8px;font-size:.9rem;color:var(--primary-color)}.setting-item-border{border-top:1px solid #f0f0f0}.email-message{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:.9rem}.email-message.success{background:#e8f5e9;color:#2e7d32}.email-message.error{background:#ffebee;color:#c62828}.btn-small{padding:8px 16px;font-size:.85rem}.settings-section{margin-bottom:24px;padding:20px;background:#f8f9fa;border-radius:var(--border-radius)}.settings-section h2{font-size:1.2rem;margin-bottom:16px;color:var(--text-color)}.settings-list{display:flex;flex-direction:column;gap:16px}.setting-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.setting-label-row{display:flex;align-items:center;gap:8px;flex:1}.setting-label{font-weight:600;color:var(--text-color)}.info-button{width:20px;height:20px;border-radius:50%;border:2px solid var(--secondary-color);background:transparent;color:var(--secondary-color);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}.info-button:hover{background:var(--secondary-color);color:#fff}.setting-info{width:100%;padding:12px 16px;background:#e3f2fd;border-radius:8px;font-size:.9rem;color:#1565c0;line-height:1.5}.setting-info p{margin-bottom:8px}.setting-info p:last-child{margin-bottom:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--success-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.timer.timer-disabled{--timer-color: #999;opacity:.6}.timer.timer-disabled .timer-value{font-size:2rem}.empty-state{text-align:center;padding:60px 20px}.empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h2{margin-bottom:12px;color:var(--text-color)}.empty-state p{color:var(--text-light);margin-bottom:24px}.stats-section{margin-bottom:32px}.stats-section h2{font-size:1.3rem;margin-bottom:16px;color:var(--text-color)}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#f8f9fa;padding:20px;border-radius:var(--border-radius);text-align:center}.stat-card .stat-icon{font-size:2rem;margin-bottom:8px}.stat-card .stat-value{font-size:1.8rem;font-weight:800;color:var(--text-color)}.stat-card .stat-label{font-size:.9rem;color:var(--text-light)}.high-scores-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.high-score-card{background:#f8f9fa;padding:16px;border-radius:var(--border-radius);text-align:center}.high-score-card .category-name{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-weight:700;font-size:.85rem;margin-bottom:12px}.high-score-card .best-accuracy{font-size:1.8rem;font-weight:800;color:var(--text-color)}.high-score-card .best-score{font-size:.9rem;color:var(--text-light);margin-bottom:4px}.high-score-card .games-count{font-size:.8rem;color:var(--text-light)}.high-score-card .no-games{color:var(--text-light);font-style:italic;font-size:.9rem;padding:16px 0}.games-table{width:100%;border-collapse:collapse}.games-table th{background:#f5f7fa;font-weight:700;text-align:left;padding:12px;border-bottom:2px solid #e0e0e0;position:sticky;top:0}.games-table td{padding:12px;border-bottom:1px solid #e0e0e0}.games-table tbody tr:hover{background:#f8f9fa}.category-badge-small{display:inline-block;padding:4px 10px;border-radius:12px;color:#fff;font-weight:600;font-size:.75rem}.no-data{text-align:center;color:var(--text-light);padding:24px}@media (max-width: 600px){.login-container,.category-container,.game-content,.score-container{padding:24px}.category-grid{grid-template-columns:1fr}.game-header{flex-direction:column;gap:12px;text-align:center}.progress-bar{width:100%}.score-summary{flex-direction:column;gap:24px}.score-stats{gap:24px}.button-row{flex-direction:column}.btn{width:100%;justify-content:center}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.error-content{background:#fff;padding:48px;border-radius:16px;text-align:center;max-width:400px;box-shadow:0 20px 60px #0000004d}.error-content h1{color:#333;margin-bottom:16px}.error-content p{color:#666;margin-bottom:24px}.loading-screen{display:flex;align-items:center;justify-content:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;margin:24px 0;color:var(--text-light)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.login-divider span{padding:0 16px;font-size:.9rem}.btn-text{background:transparent;color:var(--text-light);padding:8px 16px;font-size:.9rem}.btn-text:hover:not(:disabled){color:var(--text-color);text-decoration:underline}.error-message{color:var(--error-color);font-size:.9rem;text-align:center;margin-top:8px}.hint-text{color:var(--text-light);font-size:.9rem;margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{background:var(--card-bg);padding:40px;border-radius:24px;box-shadow:var(--shadow-lg);max-width:450px;width:100%;text-align:center;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.email-signup-modal .modal-icon{font-size:48px;margin-bottom:16px}.email-signup-modal h2{font-size:1.5rem;margin-bottom:16px}.email-signup-modal p{color:var(--text-light);margin-bottom:16px}.email-signup-modal .modal-hint{font-size:.9rem;color:var(--text-light);margin-top:16px}.benefits-list{text-align:left;list-style:none;margin:20px 0}.benefits-list li{padding:8px 0 8px 28px;position:relative}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.email-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.email-form input{padding:14px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:border-color .2s}.email-form input:focus{outline:none;border-color:var(--primary-color)}.verify-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.verify-container{background:var(--card-bg);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);max-width:420px;width:100%;text-align:center}.verify-container h1{font-size:1.8rem;margin-bottom:12px}.verify-container p{color:var(--text-light);margin-bottom:8px}.verify-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 24px}.verify-icon.success{background:var(--success-color)}.verify-icon.error{background:var(--error-color)}.verify-container .loading-spinner{margin:0 auto 24px;border-color:#667eea4d;border-top-color:#667eea}.badge-display{position:relative;cursor:pointer;transition:transform .2s}.badge-display:hover{transform:scale(1.1)}.badge-display .badge-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,gold,orange);box-shadow:0 2px 8px #ffa50066}.badge-display.locked .badge-icon{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);box-shadow:none;color:#999}.badge-small .badge-icon{width:40px;height:40px;font-size:20px}.badge-medium .badge-icon{width:56px;height:56px;font-size:28px}.badge-large .badge-icon{width:72px;height:72px;font-size:36px}.badges-section{margin-bottom:32px}.badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.badges-header h2{font-size:1.3rem;margin:0}.badges-count{color:var(--text-light);font-size:.9rem;background:#f0f0f0;padding:4px 10px;border-radius:12px}.earned-badges{margin-bottom:24px}.badges-grid{display:flex;flex-wrap:wrap;gap:12px}.badges-grid-earned{gap:8px}.badges-grid-earned .badge-item{flex-direction:row;padding:6px 12px;min-width:unset;gap:6px}.badges-grid-earned .badge-icon{font-size:1.1rem;margin-bottom:0}.badges-grid-earned .badge-name{font-size:.8rem;text-align:left}.badge-item{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-width:80px;transition:transform .2s}.badge-item:hover{transform:translateY(-2px)}.badge-earned{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffd700}.badge-locked{opacity:.5;filter:grayscale(40%)}.badge-icon{font-size:2rem;margin-bottom:6px}.badge-name{font-size:.75rem;font-weight:600;text-align:center;color:var(--text-color)}.badge-mini-progress{width:100%;height:3px;background:#e0e0e0;border-radius:2px;margin-top:6px;overflow:hidden}.badge-mini-progress-fill{height:100%;background:var(--success-color);border-radius:2px;transition:width .3s ease}.no-badges-yet{text-align:center;color:var(--text-light);padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:20px}.next-up-section{margin-bottom:20px}.next-up-section h3{font-size:1rem;color:var(--text-light);margin-bottom:12px}.next-up-list{display:flex;flex-direction:column;gap:12px}.next-up-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.next-up-icon{font-size:1.8rem;flex-shrink:0}.next-up-info{flex:1;min-width:0}.next-up-name{display:block;font-weight:700;font-size:1rem;color:var(--text-color);margin-bottom:2px}.next-up-hint{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:8px}.progress-bar-container{position:relative;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--success-color),#66bb6a);border-radius:10px;transition:width .4s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;color:var(--text-color);text-shadow:0 0 2px white}.see-all-btn{display:block;margin:16px auto;color:var(--secondary-color)}.all-badges-section{margin-top:20px}.badge-category{margin-bottom:24px}.badge-category h3{font-size:1rem;color:var(--text-light);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.badges-grid-all{gap:10px}.badges-grid-all .badge-item{min-width:70px;padding:10px 12px}.badges-grid-all .badge-icon{font-size:1.6rem}.badges-grid-all .badge-name{font-size:.7rem}.no-badges{text-align:center;color:var(--text-light);padding:40px 20px}.badge-tooltip{position:fixed;transform:translate(-50%,-100%);margin-top:-12px;background:#1a1a2e;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:1000;pointer-events:none;min-width:200px;max-width:280px;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-100%) translateY(5px)}to{opacity:1;transform:translate(-50%,-100%) translateY(0)}}.badge-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #1a1a2e}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tooltip-icon{font-size:1.5rem}.tooltip-name{font-weight:600;font-size:1rem}.tooltip-description{font-size:.85rem;color:#ccc;line-height:1.4;margin-bottom:8px}.tooltip-earned{color:#4caf50;font-weight:600;font-size:.85rem}.tooltip-progress{font-size:.85rem;color:#ffd93d}.tooltip-hint{color:#aaa;font-size:.8rem}.badge-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-popup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px;text-align:center;max-width:400px;width:90%;position:relative;overflow:hidden;animation:popIn .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 20px 60px #0006}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.badge-popup-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;font-size:24px;animation:confettiFall 2s ease-out infinite}.confetti-piece:nth-child(1){left:10%;animation-delay:0s}.confetti-piece:nth-child(2){left:30%;animation-delay:.2s}.confetti-piece:nth-child(3){left:50%;animation-delay:.4s}.confetti-piece:nth-child(4){left:70%;animation-delay:.1s}.confetti-piece:nth-child(5){left:90%;animation-delay:.3s}@keyframes confettiFall{0%{top:-20px;opacity:1;transform:rotate(0)}to{top:100%;opacity:0;transform:rotate(720deg)}}.badge-popup-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px}.badge-popup-header h2{color:#fff;font-size:1.8rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.badge-popup-celebration{font-size:1.5rem;animation:bounce .6s ease infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.badge-popup-icon-container{position:relative;display:inline-block;margin-bottom:20px}.badge-popup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.badge-popup-icon{font-size:80px;position:relative;z-index:1;animation:badgeBounce .6s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.badge-popup-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.badge-popup-description{color:#ffffffe6;font-size:1rem;margin-bottom:24px}.badge-popup-progress{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.progress-pip{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.progress-pip.active{background:#fff;transform:scale(1.2)}.progress-pip.done{background:#ffffffb3}.badge-popup-actions{display:flex;flex-direction:column;gap:12px}.badge-popup-actions .btn-primary{background:#fff;color:#667eea;font-weight:700;padding:14px 32px;font-size:1.1rem}.badge-popup-actions .btn-primary:hover{background:#f0f0f0;transform:translateY(-2px)}.badge-popup-actions .btn-link{color:#ffffffe6;text-decoration:underline;font-size:.9rem}.badge-popup-actions .btn-link:hover{color:#fff}.btn-large{padding:14px 32px;font-size:1.1rem}.feedback-modal{max-width:500px;text-align:left}.feedback-modal h2{text-align:center;margin-bottom:8px}.modal-subtitle{text-align:center;color:var(--text-light);font-size:.9rem;margin-bottom:24px}.word-context{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:24px}.context-item{margin-bottom:8px;font-size:.9rem}.context-item:last-child{margin-bottom:0}.context-item strong{color:var(--text-color);margin-right:8px}.feedback-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text-color);font-size:.95rem}.form-select,.form-textarea{padding:12px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-select:disabled,.form-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.feedback-success{text-align:center;padding:20px}.success-icon{width:80px;height:80px;border-radius:50%;background:var(--success-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;margin:0 auto 24px}.feedback-success h2{margin-bottom:12px}.feedback-success p{color:var(--text-light)}.feedback-button{position:fixed;bottom:20px;right:20px;background:#0000000d;border:1px solid rgba(0,0,0,.1);color:var(--text-light);padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;z-index:100}.feedback-button:hover{background:#00000014;color:var(--text-color);border-color:#00000026;transform:translateY(-2px)}.feedback-icon{font-size:1rem}@media (max-width: 768px){.feedback-button{top:10px;right:10px;bottom:auto;padding:6px 12px;font-size:.8rem;border-radius:16px}.feedback-icon{font-size:.9rem}}@media (max-width: 480px){.feedback-button{padding:8px;gap:0}.feedback-button span:not(.feedback-icon){display:none}}.support-section{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.support-banner{background:linear-gradient(135deg,#fff9e6,#fff3cd);padding:24px;border-radius:var(--border-radius);border:2px solid #ffd700;display:flex;gap:24px;align-items:center;justify-content:space-between}.support-content h2{font-size:1.2rem;margin-bottom:8px;color:var(--text-color)}.support-content p{color:var(--text-light);font-size:.9rem;line-height:1.5;margin:0}.support-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.donation-banner-small{text-align:center;padding:12px;background:#ffd7001a;border-radius:8px;margin:16px 0;font-size:.9rem}.donation-link{color:var(--secondary-color);text-decoration:underline;font-weight:600}.donation-link:hover{color:var(--primary-color)}.challenge-mode-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.challenge-mode-container{background:var(--card-bg);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-lg);max-width:800px;width:100%}.challenge-mode-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.category-display{text-align:center;margin-bottom:30px}.category-display .category-badge{display:inline-block;padding:8px 20px;border-radius:20px;color:#fff;font-weight:700;margin-bottom:8px}.category-display .year-level{display:block;color:var(--text-light);font-size:.9rem}.word-count-selector{text-align:center;margin:30px 0}.word-count-selector label{display:block;font-weight:700;margin-bottom:15px;color:var(--text-color)}.word-count-options{display:flex;gap:10px;justify-content:center}.word-count-btn{padding:12px 24px;border:2px solid #e0e0e0;border-radius:var(--border-radius);background:#fff;color:var(--text-color);font-weight:600;cursor:pointer;transition:all .2s ease}.word-count-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow)}.word-count-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#333}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.mode-card{background:var(--card-bg);border:2px solid #e0e0e0;border-radius:var(--border-radius);padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s ease}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.mode-card .mode-icon{font-size:3rem;margin-bottom:15px}.mode-card h3{margin-bottom:10px;color:var(--text-color)}.mode-card p{color:var(--text-light);font-size:.9rem}.email-form{margin-top:30px}.email-form input[type=email]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;margin:15px 0}.email-form .help-text{color:var(--text-light);font-size:.85rem;text-align:center;margin-top:15px}.challenge-setup-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.challenge-setup-container{background:var(--card-bg);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-lg);max-width:800px;width:100%}.challenge-setup-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.challenge-type-section{margin:30px 0}.challenge-type-section label{display:block;font-weight:700;margin-bottom:15px;color:var(--text-color);text-align:center}.challenge-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.challenge-type-card{background:var(--card-bg);border:3px solid #e0e0e0;border-radius:var(--border-radius);padding:30px 20px;text-align:center;cursor:pointer;transition:all .2s ease;font-family:inherit}.challenge-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.challenge-type-card.selected{border-color:var(--primary-color);background:#fffbf0;box-shadow:var(--shadow-lg)}.challenge-type-card .challenge-type-icon{font-size:3rem;margin-bottom:15px}.challenge-type-card h3{margin-bottom:10px;color:var(--text-color)}.challenge-type-card p{color:var(--text-light);font-size:.9rem}.email-input-section{margin:30px 0;padding:20px;background:#f9f9f9;border-radius:var(--border-radius)}.email-input-section label{display:block;font-weight:700;margin-bottom:10px;color:var(--text-color)}.email-input-section input[type=email]{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;margin-bottom:10px}.email-input-section input[type=email]:focus{outline:none;border-color:var(--primary-color)}.email-input-section .help-text{color:var(--text-light);font-size:.85rem;margin-top:10px}.action-buttons{display:flex;justify-content:center;margin-top:30px}.btn-large{padding:16px 48px;font-size:1.1rem}.hot-seat-waiting-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.hot-seat-container{background:var(--card-bg);border-radius:var(--border-radius);padding:60px 40px;box-shadow:var(--shadow-lg);max-width:600px;width:100%;text-align:center}.hot-seat-container h1{color:var(--success-color);margin-bottom:30px}.waiting-message{margin:30px 0}.waiting-message .player-icon{font-size:4rem;margin-bottom:20px}.waiting-message .large-text{font-size:1.3rem;font-weight:700;margin-bottom:10px}.waiting-message .subtitle{color:var(--text-light)}.hot-seat-container .instructions{background:#fff3cd;border-radius:var(--border-radius);padding:20px;margin:30px 0}.hot-seat-container .instructions h3{margin-bottom:15px;color:var(--text-color)}.hot-seat-container .instructions p{margin:10px 0}.hot-seat-container .highlight{color:var(--warning-color);font-weight:700}.btn-large{padding:16px 32px;font-size:1.1rem}.challenge-results-screen{background:linear-gradient(135deg,#667eea,#764ba2);align-items:flex-start;padding:40px 20px}.challenge-results-container{background:var(--card-bg);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-lg);max-width:1200px;width:100%}.score-summary{display:flex;justify-content:space-around;align-items:center;margin:30px 0;gap:30px}.player-summary{flex:1;text-align:center;padding:20px;border-radius:var(--border-radius);background:#f5f7fa}.player-summary.winner{background:#fff9c4;border:3px solid var(--primary-color)}.player-summary .player-name{font-size:1.3rem;font-weight:700;margin-bottom:10px}.player-summary .player-score{font-size:2.5rem;font-weight:900;color:var(--primary-color)}.player-summary .player-time{color:var(--text-light);margin-top:5px}.player-summary .winner-badge{margin-top:10px;font-size:1.5rem;font-weight:700;color:var(--success-color)}.vs-divider{font-size:2rem;font-weight:900;color:var(--text-light)}.tie-notice,.waiting-notice{text-align:center;padding:30px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:var(--border-radius);margin:20px 0;box-shadow:0 2px 8px #0000001a}.waiting-notice .waiting-icon{font-size:3rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.waiting-notice h2{color:var(--primary-color);margin:0 0 15px;font-size:1.8rem}.waiting-notice h3{color:#555;margin:20px 0 10px;font-size:1.2rem;text-align:left}.waiting-notice .waiting-message{font-size:1.1rem;color:#333;margin-bottom:25px;line-height:1.6}.waiting-notice .what-happens-next{background:#ffffffb3;padding:20px;border-radius:8px;margin:20px 0;text-align:left}.waiting-notice .what-happens-next ul{margin:10px 0 0;padding-left:20px}.waiting-notice .what-happens-next li{margin:10px 0;line-height:1.5;color:#555}.waiting-notice .tip{margin-top:20px;padding:15px;background:#ffd70026;border-left:4px solid var(--primary-color);border-radius:4px;font-size:.95rem;color:#666;text-align:left}.comparison-table{margin:40px 0}.comparison-table h3{margin-bottom:20px}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.comparison-table th{background:#f5f7fa;font-weight:700}.comparison-table .word-cell .word{font-weight:700;margin-bottom:4px}.comparison-table .word-cell .definition{font-size:.85rem;color:var(--text-light)}.comparison-table .correct{color:var(--success-color);font-weight:600}.comparison-table .incorrect{color:var(--error-color)}.comparison-table .winner-cell{font-size:1.5rem;text-align:center}.challenge-accept-screen{background:linear-gradient(135deg,#667eea,#764ba2)}.challenge-accept-container{background:var(--card-bg);border-radius:var(--border-radius);padding:60px 40px;box-shadow:var(--shadow-lg);max-width:600px;width:100%;text-align:center}.challenge-info{margin:30px 0}.challenger-name{font-size:1.3rem;margin:20px 0}.auto-login-section,.name-entry-section{margin-top:30px}.welcome-back{font-size:1.3rem;font-weight:700;color:var(--success-color);margin-bottom:10px}.name-input-group{margin:20px 0}.name-input-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:1rem;margin-bottom:10px}.generate-name-btn{width:100%;text-align:center;padding:10px;font-size:.9rem}.challenge-history{margin-top:20px}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:#f5f7fa;padding:20px;border-radius:var(--border-radius);text-align:center}.stat-card.won{background:#e8f5e9}.stat-card.lost{background:#ffebee}.stat-card.tie{background:#fff9c4}.stat-card .stat-label{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:5px}.stat-card .stat-value{display:block;font-size:2rem;font-weight:900;color:var(--text-color)}.tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.tab{background:transparent;border:none;padding:12px 24px;cursor:pointer;font-weight:600;color:var(--text-light);border-bottom:3px solid transparent;transition:all .2s ease}.tab:hover{color:var(--text-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.filters{margin-bottom:20px}.status-filter{padding:8px 16px;border:2px solid #e0e0e0;border-radius:var(--border-radius);font-size:.9rem;background:#fff}.challenge-list{display:grid;gap:15px}.challenge-card{background:#fff;border:1px solid #e0e0e0;border-radius:var(--border-radius);padding:20px;transition:all .2s ease}.challenge-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.challenge-type{font-weight:700;color:var(--text-light)}.status-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.pending{background:#fff9c4;color:#f57f17}.status-badge.in-progress{background:#e3f2fd;color:#1976d2}.status-badge.waiting{background:#ffe0b2;color:#e65100}.status-badge.expired{background:#ffebee;color:#c62828}.status-badge.won{background:#e8f5e9;color:#2e7d32}.status-badge.lost{background:#ffebee;color:#c62828}.status-badge.tie{background:#e0e0e0;color:#616161}.challenge-body{display:flex;flex-direction:column;gap:10px}.opponent-info{display:flex;align-items:center;gap:8px}.vs-label{color:var(--text-light);font-size:.85rem}.opponent-name{font-weight:700;color:var(--text-color)}.challenge-details{display:flex;align-items:center;gap:15px}.challenge-details .category-badge{padding:4px 12px;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700}.challenge-details .date{color:var(--text-light);font-size:.85rem}.score-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:1.5rem;font-weight:900}.score-display .vs{color:var(--text-light);font-size:1rem}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state p{margin:10px 0}@media (max-width: 768px){.score-summary{flex-direction:column}.comparison-table{overflow-x:auto}.mode-grid{grid-template-columns:1fr}}@media (max-width: 600px){.support-banner{flex-direction:column;align-items:stretch}.support-actions{flex-direction:row}.stats-summary{grid-template-columns:repeat(2,1fr)}}.custom-list-btn{display:flex;align-items:center;gap:14px;width:100%;padding:16px 20px;background:#fff;border:2px dashed #e0e0e0;border-radius:var(--border-radius);cursor:pointer;text-align:left;transition:all .2s ease;margin-bottom:20px;color:var(--text-color)}.custom-list-btn:hover{border-color:var(--primary-color);background:#fffef0}.custom-list-btn-icon{font-size:1.5rem;flex-shrink:0}.custom-list-btn-label{display:block;font-weight:700}.custom-list-btn-sub{display:block;font-size:.85rem;color:var(--text-light)}.custom-list-btn-arrow{margin-left:auto;color:var(--text-light);font-size:1.2rem}.custom-list-btn-group{margin-bottom:20px}.custom-list-btn-group .custom-list-btn{margin-bottom:0;border-radius:var(--border-radius) var(--border-radius) 0 0}.custom-list-saved-link{display:block;width:100%;padding:8px 20px;background:#f9f9f9;border:2px dashed #e0e0e0;border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);text-align:center;font-size:.85rem;font-weight:600;color:var(--primary-color);cursor:pointer;transition:background .15s}.custom-list-saved-link:hover{background:#fffef0}.modal.custom-list-modal{max-width:560px;text-align:left}.custom-list-modal h2{font-size:1.3rem;margin-bottom:4px}.custom-list-modal-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:16px}.custom-list-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid #e0e0e0}.custom-list-tab{padding:8px 16px;background:none;border:none;font-weight:600;font-size:.9rem;color:var(--text-light);cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s}.custom-list-tab.active{color:var(--text-color);border-bottom-color:var(--primary-color)}.custom-list-textarea{width:100%;height:180px;padding:12px;border:2px solid #e0e0e0;border-radius:12px;font-size:.95rem;resize:vertical;font-family:inherit;line-height:1.6;transition:border-color .2s;box-sizing:border-box}.custom-list-textarea:focus{outline:none;border-color:var(--primary-color)}.custom-list-counter{font-size:.8rem;color:var(--text-light);margin-top:4px;text-align:right}.custom-list-counter.warning{color:#f59e0b;font-weight:700}.custom-list-counter.over{color:var(--error-color);font-weight:700}.custom-list-found-section{margin-bottom:16px}.custom-list-section-heading{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:flex;align-items:center;gap:6px}.custom-list-section-heading.found{color:var(--success-color)}.custom-list-section-heading.not-found{color:var(--error-color)}.custom-list-word-chips{display:flex;flex-wrap:wrap;gap:6px}.custom-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.875rem;font-weight:600;border:1.5px solid}.custom-chip.found{background:#f0faf0;border-color:#c8e6c9;color:var(--text-color)}.custom-chip.not-found{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-dot.green{background:#4caf50}.category-dot.orange{background:#ff9800}.category-dot.red{background:#f44336}.category-dot.superhard{background:#9c27b0}.custom-list-notice{font-size:.85rem;color:var(--text-light);margin-top:6px;margin-bottom:16px;line-height:1.5}.custom-list-save-section{border-top:1px solid #e0e0e0;padding-top:14px;margin-top:14px}.custom-list-name-input{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:12px;font-size:.95rem;margin-bottom:8px;transition:border-color .2s;font-family:inherit;box-sizing:border-box}.custom-list-name-input:focus{outline:none;border-color:var(--primary-color)}.custom-list-share-box{background:#f5f5f5;border-radius:8px;padding:10px 12px;font-size:.8rem;color:var(--text-color);word-break:break-all;margin-bottom:8px;border:1px solid #e0e0e0}.custom-list-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.custom-saved-list-item{padding:12px 14px;border:1px solid #e0e0e0;border-radius:12px;margin-bottom:8px}.custom-saved-list-name{font-weight:700;margin-bottom:2px}.custom-saved-list-meta{font-size:.8rem;color:var(--text-light);margin-bottom:8px}.custom-saved-list-actions{display:flex;gap:8px;flex-wrap:wrap}.custom-saved-list-actions button{font-size:.8rem;padding:4px 12px;border-radius:8px;border:1.5px solid #e0e0e0;background:#fff;cursor:pointer;font-weight:600;transition:all .15s}.custom-saved-list-actions button:hover{border-color:var(--primary-color)}.custom-saved-list-actions .btn-danger:hover{border-color:var(--error-color);color:var(--error-color)}.custom-saved-list-confirm{font-size:.85rem;color:var(--error-color);font-weight:600}.custom-lists-profile{display:flex;flex-direction:column;gap:10px}.custom-list-profile-item{padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;background:#fff}.custom-list-profile-name{font-weight:700;margin-bottom:2px}.custom-list-profile-meta{font-size:.8rem;color:var(--text-light);margin-bottom:10px}.custom-list-profile-actions{display:flex;gap:8px;flex-wrap:wrap}.custom-list-profile-confirm{font-size:.85rem;color:var(--error-color);font-weight:600;margin-top:4px}.unranked-banner{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;color:#856404;text-align:center;margin-bottom:8px}.unranked-notice{background:#fff8e1;border:1px solid #ffe082;border-radius:12px;padding:12px 16px;margin-bottom:16px;text-align:center}.unranked-notice-text{margin:0;font-size:.9rem;font-weight:600;color:#856404}.setting-info-warning{color:#856404;font-weight:600;margin-top:6px;margin-bottom:0}.missing-words-notice{background:#fff8f0;border:1px solid #ffe0b2;border-radius:12px;padding:16px 20px;margin-top:20px}.missing-words-heading{font-weight:700;color:var(--text-color);margin-bottom:4px}.missing-words-sub{font-size:.875rem;color:var(--text-light);margin-bottom:10px}.missing-words-chips{display:flex;flex-wrap:wrap;gap:6px}.missing-chip{background:#fff;border:1.5px solid #ffcc80;color:#e65100;padding:3px 10px;border-radius:20px;font-size:.875rem;font-weight:600}.custom-list-empty{text-align:center;padding:32px 16px;color:var(--text-light)}.custom-list-empty-icon{font-size:2.5rem;margin-bottom:12px}.custom-list-loading{text-align:center;padding:40px;color:var(--text-light)}.modal.session-detail-modal{max-width:700px;max-height:90vh;overflow-y:auto;text-align:left}.modal.challenge-detail-modal{max-width:800px;max-height:90vh;overflow-y:auto;text-align:left}.session-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.session-detail-header h2{font-size:1.3rem;margin:0}.session-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;color:var(--text-light)}.challenge-detail-scores{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:var(--bg-secondary, #f9f9f9);border-radius:12px}.challenge-detail-player{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.challenge-detail-player.winner .challenge-detail-player-name{font-weight:700;color:var(--success-color, #4CAF50)}.challenge-detail-player-name{font-weight:600;font-size:.95rem}.challenge-detail-player-score{font-size:2rem;font-weight:700;line-height:1}.challenge-detail-player-time{font-size:.8rem;color:var(--text-light)}.challenge-detail-vs{font-weight:700;color:var(--text-light);flex-shrink:0}.answer-time{font-size:.75rem;color:var(--text-light);margin-top:2px}.history-row-clickable{cursor:pointer;transition:background .12s}.history-row-clickable:hover{background:#0000000a}.answer-cell.correct{background:#4caf5014}.answer-cell.incorrect{background:#f4433614}