.game-wrapper{padding:var(--space-8) 0;min-height:60vh;display:flex;align-items:flex-start;justify-content:center;scroll-margin-top:var(--header-height)}.game-screen{width:100%;animation:gameScreenFadeIn .25s var(--ease-out)}@keyframes gameScreenFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);max-width:600px;margin:0 auto}.intro-card{text-align:center}.game-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-2)}.game-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.rules{margin-bottom:var(--space-6)}.rules-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.scoring-tiers{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.scoring-tier{display:inline-flex;align-items:center;gap:2px}.tier-stars{font-weight:600}.tier-gold{color:var(--accent-gold)}.tier-sage{color:var(--accent-sage)}.tier-muted{color:var(--text-muted)}.input-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.hint-label{font-weight:600;color:var(--text-secondary)}.hint-btn-example{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm)}.start-btn{font-size:var(--text-lg);padding:var(--space-3) var(--space-8)}.article-link{display:block;margin-top:var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.article-link:hover{color:var(--accent-gold)}.card-article-link{margin-top:var(--space-4);font-size:var(--text-xs);text-align:center}.question-header{margin-bottom:var(--space-4)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-text{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.score-text{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted)}.progress-bar-track{height:3px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-gold);border-radius:2px;transition:width .4s var(--ease-out)}.category-badge{display:inline-block;margin-bottom:var(--space-3)}.question-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);line-height:var(--leading-snug);margin-bottom:var(--space-6)}.input-group{margin-bottom:var(--space-6)}.estimate-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-lg);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.estimate-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--glow-gold-08)}.estimate-input::-moz-placeholder{color:var(--text-muted)}.estimate-input::placeholder{color:var(--text-muted)}.multiplier-buttons{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.multiplier-btn{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:44px}.multiplier-btn:hover{background:var(--bg-accent);border-color:var(--border-color-strong)}.multiplier-btn.active{background:var(--glow-gold-10);border-color:var(--accent-gold);color:var(--accent-gold)}.parsed-value{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);min-height:1.5em}.parsed-value.parsed-error{color:var(--accent-burgundy)}.lock-btn{width:100%;font-size:var(--text-base);padding:var(--space-3)}.lock-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.lock-btn:disabled:hover{background:var(--accent-gold);border-color:var(--accent-gold);transform:none}.result-card{border-width:2px}.result-card.result-correct{border-color:var(--accent-sage)}.result-card.result-wrong{border-color:var(--accent-burgundy)}.result-verdict{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.result-correct .result-verdict{background:#6b7b5c1a}.result-wrong .result-verdict{background:#8b3a3a1a}.verdict-icon{font-size:var(--text-2xl);font-weight:700;line-height:1}.result-correct .verdict-icon{color:var(--accent-sage)}.result-wrong .verdict-icon{color:var(--accent-burgundy)}.verdict-text{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600}.result-correct .verdict-text{color:var(--accent-sage)}.result-wrong .verdict-text{color:var(--accent-burgundy)}.tier-badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.tier-badge[hidden]{display:none}.tier-spot-on{background:#b8860b1f;color:var(--accent-gold)}.tier-close{background:#6b7b5c1f;color:var(--accent-sage)}.tier-range{background:#6b7b5c14;color:var(--text-muted)}.result-comparison{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.comparison-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.comparison-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.comparison-value{font-family:var(--font-ui);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.comparison-answer{color:var(--accent-gold)}.result-distance{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic}.breakdown-section{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--accent-gold)}.breakdown-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-3)}.breakdown-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.breakdown-step{font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-normal)}.step-label{color:var(--text-secondary)}.step-arrow{color:var(--text-muted)}.step-value{font-weight:600;color:var(--text-primary)}.step-explanation{display:block;color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.fun-fact{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);font-style:italic;margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md)}.fun-fact[hidden]{display:none}.next-btn{width:100%;font-size:var(--text-base);padding:var(--space-3)}.score-card{text-align:center}.final-score{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:400;color:var(--text-primary);margin-bottom:var(--space-2)}.score-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--accent-gold);margin-bottom:var(--space-2)}.score-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic}.score-dots{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.score-dot{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid;font-family:var(--font-ui);font-size:var(--text-xs);font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:transparent}.dot-spot-on{border-color:var(--accent-gold);color:var(--accent-gold)}.dot-spot-on:hover{background:#b8860b1a}.dot-correct{border-color:var(--accent-sage);color:var(--accent-sage)}.dot-correct:hover{background:#6b7b5c1a}.dot-wrong{border-color:var(--accent-burgundy);color:var(--accent-burgundy)}.dot-wrong:hover{background:#8b3a3a1a}.score-detail{text-align:left;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);animation:gameScreenFadeIn .2s var(--ease-out)}.score-detail[hidden]{display:none}.detail-question{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-3)}.detail-row{display:flex;justify-content:space-between;padding:var(--space-1) 0}.detail-label{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted)}.detail-value{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.detail-verdict{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-block}.detail-correct{color:var(--accent-sage);background:#6b7b5c1a}.detail-wrong{color:var(--accent-burgundy);background:#8b3a3a1a}.play-again-btn{font-size:var(--text-lg);padding:var(--space-3) var(--space-8);margin-bottom:var(--space-4)}.score-article-link{display:block;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.score-article-link:hover{color:var(--accent-gold)}@media(max-width:640px){.game-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg)}.game-title{font-size:var(--text-2xl)}.question-text{font-size:var(--text-lg)}.final-score{font-size:var(--text-3xl)}.multiplier-btn{padding:var(--space-2);font-size:var(--text-sm)}.score-dot{width:32px;height:32px}}