@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";#root{min-height:100vh}:root{--bg-primary: #0a0f14;--bg-secondary: #111921;--bg-tertiary: #1a242e;--bg-card: #151d26;--accent-primary: #00d4aa;--accent-secondary: #00a888;--accent-glow: rgba(0, 212, 170, .15);--accent-glow-strong: rgba(0, 212, 170, .3);--text-primary: #e8f0f5;--text-secondary: #8a9bab;--text-muted: #5a6a7a;--success: #00d4aa;--success-bg: rgba(0, 212, 170, .1);--error: #ff6b6b;--error-bg: rgba(255, 107, 107, .1);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(0, 212, 170, .5);--font-display: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px var(--accent-glow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.background-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,170,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.background-glow{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 50% 50%,rgba(0,212,170,.08) 0%,transparent 50%);pointer-events:none;animation:pulse-glow 8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.header{padding:2rem 1.5rem 1rem;text-align:center;position:relative;z-index:1}.title{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.title-icon{color:var(--accent-primary);font-size:1.5rem;animation:rotate-target 10s linear infinite;transform-origin:55% 55%}@keyframes rotate-target{0%{transform:rotate(0) translate(6px)}to{transform:rotate(360deg) translate(6px)}}.subtitle{font-size:.95rem;color:var(--text-secondary);margin-top:.5rem;font-weight:400}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem 2rem;position:relative;z-index:1}.game-container{width:100%;max-width:480px;display:flex;flex-direction:column;gap:1.5rem}.score-board{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.score-item{display:flex;flex-direction:column;align-items:center}.score-item-main .score-value,.score-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--accent-primary)}.score-value-secondary{font-size:1.25rem;color:var(--text-primary)}.score-unit{font-size:.85rem;color:var(--text-muted);font-weight:400;margin-left:.15rem}.score-total{font-size:.85rem;color:var(--text-muted);font-weight:400}.score-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.score-divider{width:1px;height:40px;background:var(--border-color)}.coordinate-display{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;position:relative;overflow:hidden}.coordinate-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.coordinate-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.5rem}.coordinates{display:flex;align-items:center;justify-content:center;gap:1.5rem}.coordinate{display:flex;flex-direction:column;align-items:center}.coord-value{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--text-primary);letter-spacing:.02em}.coord-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-top:.5rem}.coordinate-divider{font-family:var(--font-display);color:var(--text-muted);font-size:1.25rem}.city-search,.search-input-wrapper{position:relative}.search-input{width:100%;padding:1rem 1.25rem 1rem 3rem;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);outline:none;transition:all .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.search-input:disabled{opacity:.5;cursor:not-allowed}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.suggestions-list{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);list-style:none;overflow:hidden;box-shadow:var(--shadow-lg);z-index:100}.suggestion-item{padding:.875rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .15s ease;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:var(--bg-tertiary)}.suggestion-item.selected{background:var(--accent-glow)}.suggestion-city{font-weight:500;color:var(--text-primary)}.suggestion-country{font-size:.85rem;color:var(--text-muted)}.result-card{display:flex;flex-direction:column;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);animation:slide-up .3s ease;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.result-card.correct:before{background:linear-gradient(90deg,var(--success),var(--accent-secondary))}.result-card.incorrect:before{background:linear-gradient(90deg,var(--error),#ff8a8a)}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.result-coords{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display)}.result-coord{font-size:.9rem;color:var(--text-secondary);letter-spacing:.01em}.result-coord-sep{color:var(--text-muted);font-size:.85rem}.result-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.result-badge.correct{background:var(--success-bg);color:var(--success)}.result-badge.incorrect{background:var(--error-bg);color:var(--error)}.result-answer{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.result-city-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--accent-primary)}.result-card.incorrect .result-city-name{color:var(--text-primary)}.result-country-name{font-size:.95rem;color:var(--text-secondary)}.result-comparison{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;background:#0003;border-radius:var(--radius-md);margin-bottom:1rem}.comparison-row{display:flex;justify-content:space-between;align-items:center}.comparison-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.comparison-value{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary)}.comparison-coords{font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary)}.comparison-row.distance{padding-top:.5rem;border-top:1px solid var(--border-color)}.comparison-distance{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--error)}.next-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--bg-primary);background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.next-button:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.game-over{text-align:center;padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:520px;width:100%;animation:scale-in .4s ease}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.game-over-emoji{font-size:4rem;margin-bottom:1rem}.game-over-title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.final-score{font-family:var(--font-display);margin-bottom:.25rem;display:flex;align-items:baseline;justify-content:center;gap:.25rem}.final-score-value{font-size:4rem;font-weight:700;color:var(--accent-primary)}.final-score-unit{font-size:1.5rem;color:var(--text-muted);font-weight:400}.final-score-label{font-family:var(--font-display);font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.perfect-guesses{font-family:var(--font-display);margin-bottom:1rem;display:flex;align-items:baseline;justify-content:center;gap:.35rem}.perfect-guesses-value{font-size:1.75rem;font-weight:600;color:var(--text-primary)}.perfect-guesses-label{font-size:1rem;color:var(--text-muted)}.game-over-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.stats-list-container{width:100%;max-height:280px;overflow-y:auto;margin-bottom:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.stats-list{display:flex;flex-direction:column}.stats-row{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-bottom:1px solid var(--border-color)}.stats-row:last-child{border-bottom:none}.stats-row.row-correct{background:#00d4aa0d}.stats-row.row-incorrect{background:#ff6b6b08}.round-badge{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-row-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.stats-city-line{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.target-city{font-weight:500;color:var(--text-primary);font-size:.85rem}.target-country{font-size:.7rem;color:var(--text-muted)}.stats-guess-line{display:flex;align-items:center;gap:.35rem}.guess-arrow{font-size:.75rem;color:var(--text-muted)}.guess-city{font-size:.75rem;color:var(--text-secondary)}.no-guess{color:var(--text-muted);font-size:.75rem}.stats-result{flex-shrink:0;text-align:right;font-family:var(--font-display);font-weight:600}.stats-result .result-correct{color:var(--success);font-size:1.1rem}.stats-result .result-distance{color:var(--error);font-size:.75rem;white-space:nowrap}.footer{padding:1rem 1.5rem;text-align:center;font-size:.8rem;color:var(--text-muted);position:relative;z-index:1}.mode-selector{width:100%;max-width:440px;display:flex;flex-direction:column;gap:1.5rem;animation:scale-in .4s ease}.mode-selector-title{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--text-primary);text-align:center;margin-bottom:.5rem}.mode-cards{display:flex;flex-direction:column;gap:.75rem}.mode-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-primary);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.mode-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.mode-card:hover:before{transform:scaleX(1)}.mode-card.completed{border-color:var(--success);background:#00d4aa0d}.mode-card.completed:before{background:var(--success);transform:scaleX(1)}.mode-icon{font-size:2rem;flex-shrink:0}.mode-info{flex:1;min-width:0}.mode-name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.mode-description{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.mode-streak{display:flex;align-items:center;gap:.25rem;padding:.35rem .6rem;background:#ffa50026;border-radius:var(--radius-sm)}.streak-icon{font-size:1rem}.streak-count{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:orange}.mode-completed-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--success);color:var(--bg-primary);border-radius:50%;font-weight:600;font-size:.9rem}.daily-stats{display:flex;justify-content:center;gap:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.daily-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.daily-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--accent-primary)}.daily-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.also-like-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem}.also-like-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.also-like-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all .2s ease}.also-like-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:var(--shadow-glow)}.also-like-icon{font-size:1.25rem}.also-like-name{font-family:var(--font-display);font-size:.9rem;font-weight:500}.challenge-score-board{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.challenge-mode-badge{display:flex;align-items:center;justify-content:center;gap:.5rem}.challenge-mode-badge .mode-icon{font-size:1.25rem}.challenge-mode-badge .mode-label{font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em}.challenge-stats-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.challenge-stat-item{display:flex;flex-direction:column;align-items:center}.challenge-stat-item .stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-primary)}.challenge-stat-item .stat-unit{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-left:.15rem}.challenge-stat-item .stat-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem}.stat-divider{width:1px;height:35px;background:var(--border-color)}.attempt-history{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.attempt-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#0003;border-bottom:1px solid var(--border-color)}.attempt-title{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.attempt-count{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary)}.attempt-list{display:flex;flex-direction:column}.attempt-row{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border-color)}.attempt-row:last-child{border-bottom:none}.attempt-row.correct{background:#00d4aa14}.attempt-number{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);width:1.4rem;height:1.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attempt-city{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.attempt-city-info{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.attempt-city-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.attempt-country{font-size:.75rem;color:var(--text-muted)}.attempt-coords{display:flex;align-items:center;gap:.35rem;font-family:var(--font-display);font-size:.7rem;color:var(--text-muted);opacity:.85}.attempt-coords-divider{opacity:.5}.attempt-correct{color:var(--success);font-weight:600;font-size:1.1rem}.attempt-hint{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.attempt-arrow{font-size:1.25rem;color:var(--accent-primary);font-weight:600;display:inline-block;line-height:1}.attempt-distance{font-family:var(--font-display);font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.challenge-result{text-align:center;padding:2rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:440px;width:100%;animation:scale-in .4s ease;position:relative;overflow:hidden}.challenge-result:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.challenge-result.solved:before{background:linear-gradient(90deg,var(--success),var(--accent-secondary))}.challenge-result.failed:before{background:linear-gradient(90deg,var(--error),#ff8a8a)}.challenge-result-emoji{font-size:3.5rem;margin-bottom:.75rem}.challenge-result-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.challenge-result-city{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1.25rem;padding:1rem;background:#0003;border-radius:var(--radius-md)}.challenge-city-name{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--accent-primary)}.challenge-city-country{font-size:1rem;color:var(--text-secondary)}.challenge-city-coords{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.challenge-city-coords .coord-sep{font-size:.75rem}.challenge-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.challenge-stat{display:flex;flex-direction:column;align-items:center}.challenge-stat .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary)}.challenge-stat .stat-unit{font-size:1rem;color:var(--text-muted);font-weight:400;margin-left:.15rem}.challenge-stat .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.challenge-message{color:var(--text-secondary);font-size:1rem;margin-bottom:1.25rem}.challenge-attempts-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem;padding:.75rem;background:#00000026;border-radius:var(--radius-md);max-height:180px;overflow-y:auto}.challenge-attempt{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:#0003;border-radius:var(--radius-sm);font-size:.85rem}.challenge-attempt.correct{background:#00d4aa26}.challenge-attempt .attempt-num{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.challenge-attempt .attempt-name{flex:1;text-align:left;color:var(--text-primary);font-weight:500}.challenge-attempt .attempt-check{color:var(--success);font-weight:600}.challenge-attempt .attempt-dir{color:var(--accent-primary);font-size:1rem;display:inline-block;line-height:1}.challenge-attempt .attempt-dist{font-family:var(--font-display);font-size:.75rem;color:var(--text-muted);white-space:nowrap}.daily-result-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.25rem;padding:.75rem;background:#ffa5001a;border-radius:var(--radius-md)}.result-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.result-stat-icon{font-size:1.25rem}.result-stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:orange}.result-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.challenge-actions{display:flex;flex-direction:column;gap:.75rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.action-btn.primary{color:var(--bg-primary);background:var(--accent-primary)}.action-btn.primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.action-btn.secondary{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-color)}.action-btn.secondary:hover{background:var(--bg-secondary);border-color:var(--text-muted)}.back-to-menu-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem 1rem;font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-top:.5rem}.back-to-menu-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-tertiary)}.header-compact{padding:1rem 1.5rem .5rem}.title-small{font-size:1.5rem}@media(max-width:480px){.title{font-size:1.5rem}.coord-value{font-size:1.2rem}.coordinates{gap:1rem}.coordinate-display{padding:1.5rem}.game-over{padding:2rem 1.5rem}.final-score-value{font-size:3rem}.mode-card{padding:1rem}.mode-icon{font-size:1.75rem}.mode-name{font-size:1rem}.mode-description{font-size:.8rem}.daily-stats{gap:1rem}.daily-stat-value{font-size:1.25rem}.challenge-result{padding:1.5rem 1rem}.challenge-result-emoji{font-size:3rem}.challenge-result-title{font-size:1.5rem}.challenge-city-name{font-size:1.25rem}}.challenge-comparison{margin:1.5rem 0;padding:1.25rem;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.comparison-title{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-bottom:1rem}.comparison-grid{display:flex;align-items:center;justify-content:center;gap:1rem}.comparison-player{flex:1;max-width:140px;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:2px solid var(--border-color);text-align:center;transition:all .3s ease}.comparison-player.winner{border-color:var(--accent-primary);background:var(--accent-glow);box-shadow:var(--shadow-glow)}.player-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.player-result{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.player-stats{display:flex;flex-direction:column;gap:.25rem}.player-score{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary)}.player-median{font-family:var(--font-display);font-size:.85rem;color:var(--text-secondary)}.comparison-vs{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.challenge-verdict{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:1rem;font-weight:600;text-align:center}.challenge-verdict.win{background:var(--success-bg);color:var(--success)}.challenge-verdict.lose{background:var(--error-bg);color:var(--error)}.challenge-verdict.tie{background:var(--bg-secondary);color:var(--text-secondary)}.action-btn.challenge-btn{color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--accent-primary);display:flex;align-items:center;justify-content:center;gap:.5rem}.action-btn.challenge-btn:hover{background:var(--accent-glow);border-color:var(--accent-secondary)}.action-btn .btn-icon{font-size:1.1rem}.game-over-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.5rem}.classic-comparison .comparison-player{max-width:160px}@media(max-width:480px){.comparison-grid{gap:.5rem}.comparison-player{padding:.75rem}.player-result{font-size:.95rem}.player-score{font-size:1.1rem}.challenge-verdict{font-size:.9rem;padding:.6rem .8rem}.game-over-actions{gap:.5rem}}