.player-avatar{box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #00000040}.player-avatar-inner{color:#fff;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;text-shadow:0 1px 2px #00000040;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto);gap:1rem;margin-bottom:2.5rem;display:grid;position:relative}.bento-grid:before{content:"";filter:blur(20px);pointer-events:none;z-index:-1;background:radial-gradient(600px 300px at 20% 0,#60a5fa1a,#0000 60%),radial-gradient(500px 280px at 85% 30%,#a78bfa1a,#0000 60%),radial-gradient(600px 250px at 50% 100%,#4ade800f,#0000 60%);position:absolute;inset:-40px -10%}[data-theme=light] .bento-grid:before{background:radial-gradient(600px 300px at 20% 0,#3b82f60f,#0000 60%),radial-gradient(500px 280px at 85% 30%,#a855f70f,#0000 60%),radial-gradient(600px 250px at 50% 100%,#16a34a0a,#0000 60%)}.tile{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);opacity:0;flex-direction:column;padding:1.25rem;transition:background-color .15s,box-shadow .15s,transform .2s;animation:.6s cubic-bezier(.16,1,.3,1) forwards tile-enter;display:flex;position:relative;overflow:hidden}.bento-grid>.tile:first-child{animation-delay:50ms}.bento-grid>.tile:nth-child(2){animation-delay:.13s}.bento-grid>.tile:nth-child(3){animation-delay:.21s}.bento-grid>.tile:nth-child(4){animation-delay:.29s}.bento-grid>.tile:nth-child(5){animation-delay:.37s}.bento-grid>.tile:nth-child(6){animation-delay:.45s}@keyframes tile-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tile{opacity:1;animation:none}}.tile.is-clickable{cursor:pointer}.tile.is-clickable:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.tile-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;display:flex}.tile-podium{grid-area:span 2/span 8}.tile-battle{grid-area:span 2/span 4}.tile-round{grid-column:span 4}.tile-summary{grid-column:span 8}.tile-streaks,.tile-recent{grid-column:span 4}.tile-trend{grid-column:span 12}@media (width<=1100px){.tile-podium,.tile-battle,.tile-summary,.tile-streaks{grid-area:auto/span 12}.tile-round,.tile-recent{grid-column:span 6}}.summary-stats{flex:1;justify-content:space-around;align-items:center;gap:1rem;display:flex}.summary-stat{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.summary-stat:not(:first-child){border-left:1px solid var(--border-color)}.summary-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text-primary);font-size:2.75rem;font-weight:700;line-height:1}.summary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.podium-stage{flex:1;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:1rem;min-height:200px;padding-top:1rem;display:grid}.podium-step{cursor:pointer;border-radius:var(--radius-card);flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;padding:1rem .75rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.podium-avatar{margin-bottom:.25rem}.podium-step:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.podium-step.podium-1{background:var(--rank-1-bg);order:2;min-height:180px;position:relative}.podium-step.podium-1:before{content:"";border-radius:var(--radius-card);opacity:.5;z-index:-1;filter:blur(8px);background:linear-gradient(135deg,#ffd70080,#f59e0b4d,#ffd70080);animation:3s ease-in-out infinite rank1-pulse;position:absolute;inset:-2px}@keyframes rank1-pulse{0%,to{opacity:.4}50%{opacity:.8}}.podium-step.podium-2{background:var(--rank-2-bg);order:1;min-height:140px}.podium-step.podium-3{background:var(--rank-3-bg);order:3;min-height:110px}.podium-rank{font-family:var(--font-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700;line-height:1}.podium-1 .podium-rank{color:var(--rank-1-color);text-shadow:0 0 24px #ffd70066;font-size:2.75rem}.podium-2 .podium-rank{color:var(--rank-2-color)}.podium-3 .podium-rank{color:var(--rank-3-color)}.podium-name{text-align:center;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.podium-score{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:500}.podium-trophy{color:var(--rank-1-color);opacity:.85;position:absolute;top:.5rem;right:.5rem}.battle-content{flex-direction:column;flex:1;justify-content:center;gap:1rem;display:flex}.battle-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.battle-side{flex-direction:column;align-items:center;gap:.4rem;display:flex}.battle-logo{object-fit:contain;width:48px;height:48px}.battle-team-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:.75rem;font-weight:600}.battle-wins{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-.05em;font-size:3.25rem;font-weight:700;line-height:1}.battle-percent{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.75rem}.battle-divider{color:var(--text-quaternary);font-size:1.5rem;font-weight:300}.battle-bar{background:var(--bg-active);border-radius:5px;height:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.battle-bar-cay{transform-origin:0;background:linear-gradient(90deg,#f97316,#ef4444);animation:1.2s cubic-bezier(.4,0,.2,1) forwards bar-grow-left;box-shadow:0 0 12px #f9731680}.battle-bar-ban{transform-origin:100%;background:linear-gradient(90deg,#facc15,#f59e0b);animation:1.2s cubic-bezier(.4,0,.2,1) forwards bar-grow-right;box-shadow:0 0 12px #facc1580}@keyframes bar-grow-left{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bar-grow-right{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.battle-bar-cay,.battle-bar-ban,.streak-flame,.podium-step.podium-1:before{animation:none}}.compact-headline{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:.5rem;font-size:2.75rem;font-weight:700;line-height:1}.compact-headline.headline-success{color:var(--success-color)}.compact-meta{color:var(--text-secondary);align-items:center;gap:.4rem;font-size:.8125rem;display:flex}.compact-meta-secondary{color:var(--text-tertiary);margin-top:.25rem;font-size:.75rem}.compact-meta a,.compact-meta .link{color:var(--link-color);font-weight:500;text-decoration:none}.compact-meta a:hover,.compact-meta .link:hover{text-decoration:underline}.country-flag-large{font-size:1.75rem;line-height:1}.streak-row{align-items:baseline;gap:.5rem;margin-bottom:.4rem;display:flex}.streak-flame{transform-origin:bottom;filter:drop-shadow(0 0 8px #fb923c80);font-size:1.5rem;line-height:1;animation:1.6s ease-in-out infinite flame-flicker;display:inline-block}@keyframes flame-flicker{0%,to{transform:scale(1)rotate(-2deg)}25%{transform:scale(1.08)rotate(1deg)}50%{transform:scale(.96)rotate(-1deg)}75%{transform:scale(1.04)rotate(2deg)}}.streak-name{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.streak-length{color:var(--text-secondary);font-size:.8125rem}.streak-empty{color:var(--text-tertiary);margin-top:.5rem;font-size:.875rem;font-style:italic}.trend-content{flex:1;grid-template-columns:minmax(160px,200px) 1fr;align-items:center;gap:1.5rem;display:grid}.trend-stats{flex-direction:column;gap:1.25rem;display:flex}.trend-stat-secondary{border-top:1px solid var(--border-color);padding-top:1rem}.trend-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.trend-value-sm{font-size:1.875rem}.trend-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.trend-delta{font-variant-numeric:tabular-nums;margin-top:.5rem;font-size:.875rem;font-weight:600}.trend-delta.delta-up{color:var(--success-color)}.trend-delta.delta-down{color:var(--error-color)}.trend-delta.delta-flat{color:var(--text-tertiary)}.trend-spark{width:100%;height:200px}.stats-overview{max-width:1200px;margin:0 auto}.stats-header{margin-bottom:2rem}.stats-header h2{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:600}.stats-summary{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.stat-card{background:var(--bg-secondary);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-card);border:1px solid #0000;padding:1.25rem;transition:box-shadow .15s,background-color .15s}.stat-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.8125rem}.stat-value{font-family:var(--font-display);color:var(--success-color);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2rem;font-weight:700}.stats-content{flex-direction:column;display:flex}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.stats-section h2{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.sort-controls{align-items:center;gap:.5rem;display:flex}.sort-controls label{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.sort-select{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-card);color:var(--text-primary);cursor:pointer;min-width:180px;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s}.sort-select:hover{background:var(--bg-active);border-color:var(--border-hover)}.sort-select:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;background:var(--bg-active)}.chart-container{width:100%;height:300px}.players-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.player-card{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #0000;padding:1rem;transition:background-color .15s,box-shadow .15s}.player-card:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.player-name-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.player-name{font-size:1rem;font-weight:600}.player-wins{color:var(--trophy-color);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.player-wins svg{flex-shrink:0}.player-max-scores span{color:var(--error-color)}.player-chart-container{width:100%;height:120px;margin-bottom:.5rem}.player-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.player-stats-left,.player-stats-right{flex-direction:column;gap:.75rem;display:flex}.player-stat{flex-direction:column;gap:.25rem;display:flex}.stat-label-small{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.stat-value-small{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.stat-value-small.total{color:var(--success-color);font-size:1rem}@media (width<=768px){.stats-summary,.players-grid{grid-template-columns:1fr}}.easter-egg-popup{z-index:9999;pointer-events:none;align-items:flex-end;height:67px;padding-bottom:0;display:flex;position:fixed;top:0;right:50px;overflow:hidden}.easter-egg-image{object-fit:contain;opacity:0;width:80px;height:50px;transition:opacity .4s,transform .4s;display:block;transform:translateY(calc(100% + .75rem))}.easter-egg-popup.visible .easter-egg-image{opacity:1;transform:translateY(0)}.app{flex-direction:column;width:100%;height:100vh;margin:0;padding:0;display:flex;overflow:hidden}.app-header{background:var(--bg-tertiary);box-shadow:inset 0 -1px 0 var(--border-color);flex-shrink:0;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.header-controls{align-items:center;gap:.75rem;margin-left:auto;display:flex}.hamburger-button,.theme-toggle{background:var(--bg-secondary);border-radius:var(--radius-card);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;transition:background-color .15s,color .15s,box-shadow .15s;display:flex}.hamburger-button:hover,.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-card-hover)}.app-title{font-family:var(--font-display);letter-spacing:-.035em;cursor:pointer;color:var(--text-primary);background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-color) 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700;transition:opacity .15s}.app-title:hover{opacity:.7}.app-nav{gap:.5rem;display:flex}.app-nav button{background:var(--bg-secondary);border-radius:var(--radius-card);color:var(--text-tertiary);cursor:pointer;box-shadow:var(--shadow-card);border:1px solid #0000;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.app-nav button:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-card-hover)}.app-nav button.active{background:var(--bg-active);color:var(--text-primary);box-shadow:var(--glow-accent)}.app-nav button:disabled{opacity:.5;cursor:not-allowed}.no-selection{height:100%;color:var(--text-tertiary);justify-content:center;align-items:center;font-size:.9375rem;display:flex}.app-main{flex:1;padding:0;display:flex;overflow:hidden}.app-footer{background:var(--bg-tertiary);box-shadow:inset 0 1px 0 var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:calc(100% + 3rem);margin:auto -1.5rem 0;padding:.5rem 1.5rem;display:flex}.footer-content{flex-direction:row;align-items:center;gap:.5rem;display:flex}.footer-text{color:var(--text-secondary);margin:0;font-size:.6875rem;font-weight:500}.footer-text-secondary{color:var(--text-tertiary);margin:0;font-size:.6875rem}.footer-separator{color:var(--text-quaternary);font-size:.6875rem}.footer-link{color:var(--accent-color);font-size:.6875rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--accent-hover);text-decoration:underline}.app-layout{grid-template-columns:280px 1fr;gap:0;width:100%;height:100%;transition:grid-template-columns .2s;display:grid}.app-layout.sidebar-closed{grid-template-columns:0 1fr}.sidebar{box-shadow:inset -1px 0 0 var(--border-color);background:var(--bg-secondary);flex-direction:column;padding:.3rem;transition:opacity .2s,visibility .2s;display:flex;overflow:hidden}.sidebar.hidden{opacity:0;visibility:hidden;overflow:hidden}.content{background:var(--bg-secondary);flex-direction:column;padding:1.5rem 1.5rem 0;display:flex;overflow-y:auto}.content>:not(.app-footer){flex:auto;width:100%;min-width:0}.loading,.error{height:100vh;color:var(--text-primary);justify-content:center;align-items:center;font-size:1rem;display:flex}.error{color:#ff6b6b}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tile.tile-skeleton{opacity:1;background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-hover) 37%, var(--bg-secondary) 63%);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}.chart-skeleton{border-radius:var(--radius-card);background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-hover) 37%, var(--bg-secondary) 63%);background-size:200% 100%;width:100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@media (prefers-reduced-motion:reduce){.tile.tile-skeleton,.chart-skeleton{animation:none}}.game-list h2{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);color:var(--text-tertiary);margin:0 0 .75rem;padding-bottom:.5rem;font-size:.875rem;font-weight:600}.game-list{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.game-list-items{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.5rem;min-height:0;padding-right:.3rem;display:flex;overflow-y:auto}.game-list-group{flex-direction:column;gap:.5rem;display:flex}.game-list-group+.game-list-group{margin-top:.75rem}.game-list-week-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-quaternary);background:var(--bg-secondary);z-index:1;padding:.25rem .25rem .5rem;font-size:.6875rem;font-weight:700;position:sticky;top:0}.game-list-items::-webkit-scrollbar-thumb{background:var(--border-hover);background-clip:padding-box;border:2px solid #0000;border-radius:8px}.game-list-items::-webkit-scrollbar-track{background:0 0}.game-list-separator{border:none;border-top:1px solid var(--border-color);flex-shrink:0;width:100%;margin:1rem 0}.game-item{background:var(--bg-secondary);border-radius:var(--radius-card);text-align:left;cursor:pointer;box-shadow:var(--shadow-card);box-sizing:border-box;border:1px solid #0000;flex-shrink:0;width:100%;padding:.75rem;transition:background-color .15s,box-shadow .15s}.game-item:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.game-item.active{background:var(--bg-active);box-shadow:var(--glow-accent)}.game-item-header{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.game-date{font-size:.8125rem;font-weight:500}.game-status{background:var(--bg-active);text-transform:uppercase;letter-spacing:.05em;border-radius:3px;padding:.125rem .375rem;font-size:.625rem}.game-item-info{color:var(--text-tertiary);flex-direction:column;gap:.125rem;font-size:.75rem;display:flex}.game-map-rounds{text-transform:capitalize}.game-winner-score{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.game-winner{color:var(--success-color)}.game-score{color:var(--success-color);text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.leaderboard-button{background:var(--bg-secondary);border-radius:var(--radius-card);width:100%;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-card);text-align:left;white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,box-shadow .15s;display:flex;overflow:hidden}.leaderboard-button:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.leaderboard-button.active{background:var(--bg-active);box-shadow:var(--glow-accent)}.leaderboard-button svg{color:var(--accent-color);flex-shrink:0}.game-detail{max-width:1200px;margin:0 auto}.game-detail-header{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:.5rem;padding-bottom:0;display:flex}.game-detail-title-row{justify-content:space-between;align-items:center;display:flex}.game-stats-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.game-detail-nav{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.game-meta-boxes{flex:0;gap:.75rem;display:flex}.game-meta-box{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #0000;flex-direction:column;align-items:center;gap:.25rem;min-width:fit-content;padding:.625rem 1rem;transition:background-color .15s,box-shadow .15s;display:flex}.game-meta-box:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.game-meta-box-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:center;white-space:nowrap;font-size:.6875rem}.game-meta-box-value{color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.round-links-row{grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:1rem;display:grid}.round-link-simple{color:inherit;border-right:1px solid var(--border-color);flex-direction:column;align-items:center;gap:.25rem;padding:0 1rem;text-decoration:none;transition:opacity .15s;display:flex}.round-link-simple:last-child{border-right:none}.round-link-simple:hover{opacity:.7}.round-link-simple-number{color:var(--accent-color);font-size:1.125rem;font-weight:600}.round-link-simple-score{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}.round-link-simple-country{color:var(--text-tertiary);text-align:center;font-size:.875rem}.round-links-container{align-items:flex-start;gap:0;display:flex}.round-column{flex-direction:column;align-items:center;gap:.125rem;padding:0 1rem;display:flex;position:relative}.round-column:not(:last-child):after{content:"|";color:var(--border-hover);align-items:center;height:100%;font-size:.875rem;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.round-link{color:var(--link-color);white-space:nowrap;text-align:center;border-radius:4px;padding:.25rem .375rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.round-link:hover{background:var(--bg-active);color:var(--link-hover)}.round-info-item{color:var(--text-tertiary);white-space:nowrap;text-align:center;font-size:.75rem}.round-divider{display:none}.game-meta-right{text-align:right;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.game-meta-line{color:var(--text-tertiary);font-size:.8125rem}.back-button{background:var(--bg-secondary);border-radius:var(--radius-card);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-card);white-space:nowrap;border:1px solid #0000;height:fit-content;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s}.back-button:hover{background:var(--bg-hover);color:var(--text-primary);box-shadow:var(--shadow-card-hover)}.game-detail-header h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 .25rem;font-size:2rem;font-weight:700}.game-meta{color:var(--text-tertiary);margin:0;font-size:.8125rem}.close-button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.5rem;transition:all .15s;display:flex}.close-button:hover{background:var(--bg-active);color:var(--text-primary)}.final-leaderboard{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #0000;margin-top:1rem;padding:1.25rem}.stats-section{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #0000;margin-bottom:2rem;padding:1.25rem}.stats-section h3{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1rem;font-weight:600}.section-description{color:var(--text-tertiary);margin:0 0 1rem;font-size:.8125rem}.chart-container{width:100%;margin-top:1rem}.chart-container .recharts-legend-wrapper{flex-wrap:wrap!important;justify-content:center!important;padding-top:20px!important;display:flex!important}.chart-container .recharts-legend-item{margin-bottom:8px!important;margin-left:0!important;margin-right:20px!important}.chart-container .recharts-legend-item-text{margin-left:6px!important}.rounds h3,.final-leaderboard-section h3{border-bottom:1px solid var(--border-color);letter-spacing:-.01em;margin:0;padding-bottom:.5rem;font-size:1rem;font-weight:600}.final-leaderboard-section{margin-bottom:2rem}.leaderboard{flex-direction:column;gap:.5rem;display:flex}.leaderboard-entry{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #0000;grid-template-columns:2.5rem 1fr 180px;align-items:center;gap:1rem;padding:.5rem 1rem;transition:background-color .15s,box-shadow .15s;display:grid}.leaderboard-name-group{align-items:center;gap:.625rem;min-width:0;display:flex}.leaderboard-entry:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.leaderboard-entry.highlighted{background:var(--bg-active);box-shadow:var(--glow-accent)}.leaderboard-entry.dimmed{opacity:.5}.leaderboard-entry.expanded{border-bottom-right-radius:0;border-bottom-left-radius:0}.player-expanded-chart{background:var(--bg-secondary);border:1px solid var(--border-color);border-top:none;border-radius:0 0 6px 6px;margin-bottom:.25rem;padding:.75rem 1.25rem 0}.player-expanded-chart h4{color:var(--text-tertiary);margin:0 0 1rem;font-size:.875rem;font-weight:600}.player-expanded-chart .chart-title{color:var(--text-tertiary);border-top:1px solid var(--border-color);text-align:center;margin:1rem 0 .5rem;padding-top:1rem;font-size:.875rem;font-weight:600}.player-expanded-chart .chart-container{margin-top:1rem;margin-bottom:-2rem;padding-bottom:0}.player-scores-table{margin-top:0;margin-bottom:1rem}.player-scores-table table{border-collapse:collapse;width:100%;font-size:.8125rem}.player-scores-table thead{border-bottom:1px solid var(--border-color)}.player-scores-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;font-size:.8125rem;font-weight:600}.player-scores-table th.text-right{text-align:right}.player-scores-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:.5rem .75rem}.player-scores-table td.text-right{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.player-scores-table .player-distance{color:var(--link-color)}.player-scores-table td.player-score,.player-scores-table .player-score{color:var(--success-color);vertical-align:middle;font-weight:600}.player-scores-table td.player-score>span,.player-scores-table .player-score>span{justify-content:flex-end;align-items:center;gap:.25rem;width:100%;display:inline-flex}.player-scores-table tbody tr:last-child td{border-bottom:none}.player-scores-table tbody tr.selected-round-row{background:var(--bg-active)}.player-scores-table tbody tr.selected-round-row:hover{background:var(--bg-active);box-shadow:inset 0 0 0 1px var(--accent-color)}.player-scores-table tbody tr:hover{background:var(--bg-hover)}.player-scores-table .total-row{background:var(--bg-secondary);font-weight:600}.player-scores-table .total-row td{color:var(--text-primary);padding-top:.625rem;padding-bottom:.625rem}.player-scores-table .total-row td.player-score{color:var(--success-color)}.player-scores-table td.delta-positive{color:var(--success-color);font-weight:600}.player-scores-table td.delta-negative{color:var(--error-color);font-weight:600}.round-table-link{color:var(--link-color);text-decoration:none;transition:color .15s}.round-table-link:hover{color:var(--link-hover);text-decoration:underline}.player-scores-table .coordinates-link{color:var(--link-color);font-size:.8125rem;text-decoration:none;transition:color .15s}.player-scores-table .coordinates-link:hover{color:var(--link-hover);text-decoration:underline}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.leaderboard-entry .position{color:var(--success-color);text-align:center;background:var(--bg-hover);border-radius:4px;width:fit-content;margin:0 auto;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.leaderboard-entry .position.rank-1{color:var(--rank-1-color);background:var(--rank-1-bg)}.leaderboard-entry .position.rank-2{color:var(--rank-2-color);background:var(--rank-2-bg)}.leaderboard-entry .position.rank-3{color:var(--rank-3-color);background:var(--rank-3-bg)}.leaderboard-entry .name{font-size:.9375rem;font-weight:600}.leaderboard-entry .name.clickable{margin:0;padding:0;display:inline-block}.leaderboard-entry .score{color:var(--success-color);text-align:right;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;font-size:1rem;font-weight:700;display:flex}.leaderboard-entry .score>span{vertical-align:middle;flex-shrink:0;align-items:center;display:inline-flex}.leaderboard-entry .score>span[title*=Personal\ best]{justify-content:center;min-width:20px}.leaderboard-entry .score>span:last-child{text-align:right;justify-content:flex-end;min-width:70px}.leaderboard-entry .score svg{color:var(--trophy-color);vertical-align:middle;flex-shrink:0}.rounds{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.round{background:var(--bg-secondary);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid #0000;padding:1.25rem;scroll-margin-top:1rem}.round-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.round-title-group{align-items:center;gap:.5rem;display:flex}.round-header h4{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.round-anchor-link{color:var(--text-tertiary);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .15s;display:flex}.round-anchor-link:hover{color:var(--link-color);opacity:1;background:var(--bg-active)}.round-location{color:var(--text-tertiary);font-size:.75rem}.coordinates-link{color:var(--link-color);cursor:pointer;text-decoration:none;transition:color .15s}.coordinates-link:hover{color:var(--link-hover);text-decoration:underline}.round-map-wrapper{margin:1.5rem 0;position:static!important}.round-map-container{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;width:100%;margin-bottom:1rem;overflow:hidden}.round-map-placeholder{text-align:center;color:var(--text-tertiary);padding:3rem;font-size:.875rem}.round-map-legend{background:var(--bg-secondary);color:var(--text-tertiary);border-radius:6px;flex-wrap:wrap;gap:1rem;padding:.75rem;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:.5rem;display:flex}.legend-marker{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.legend-marker.target-pin-legend{width:32px;height:32px;position:relative}.target-pin-icon-small{z-index:1;background-color:#ef4444;border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;transform:rotate(-45deg);box-shadow:0 2px 6px #0000004d}.legend-marker.guess-marker-legend{background-color:#4b5563;border:2px solid #888;box-shadow:0 2px 4px #0000004d}.legend-marker.round-pin-legend{border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;transform:rotate(-45deg);box-shadow:0 2px 6px #0000004d}.legend-round-number{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;transform:rotate(45deg)}.legend-marker.player-guess-legend{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.player-guess-icon{background-color:#4b5563;border:2px solid #888;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 6px #0006}.player-guess-icon-small{background-color:#4b5563;border:2px solid #888;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 4px #0000004d}.legend-initials{color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600}.round-pin-container{width:32px;height:32px;position:relative}.round-pin-icon{z-index:1;border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:0;transform:rotate(-45deg);box-shadow:0 2px 6px #0006}.round-pin-number{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1;position:absolute;transform:rotate(45deg)}.round-pin-icon-small{border:2px solid #fff;border-radius:50% 50% 50% 0;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative;transform:rotate(-45deg);box-shadow:0 2px 4px #0000004d}.round-pin-number-small{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:11px;font-weight:700;line-height:1;position:absolute;transform:rotate(45deg)}.target-pin-container{width:32px;height:32px;position:relative}.target-pin-pulse{opacity:.4;background-color:#ef4444;border-radius:50% 50% 50% 0;width:32px;height:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-pin;position:absolute;top:0;left:0;transform:rotate(-45deg)}.target-pin-icon{z-index:1;background-color:#ef4444;border:3px solid #fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:0;left:0;transform:rotate(-45deg);box-shadow:0 2px 6px #0006}.target-pin-number{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1;position:absolute;transform:rotate(45deg)}@keyframes pulse-pin{0%{opacity:.4;transform:rotate(-45deg)scale(1)}50%{opacity:.2;transform:rotate(-45deg)scale(1.2)}to{opacity:0;transform:rotate(-45deg)scale(1.4)}}.round-map-container .leaflet-container{background:var(--map-bg)}.round-map-container .leaflet-marker-pane .target-pin{z-index:1000!important}.round-map-container .leaflet-popup-content-wrapper{background:var(--map-popup-bg);color:var(--text-primary);border:1px solid var(--map-popup-border);border-radius:6px}.round-map-container .leaflet-popup-tip{background:var(--map-popup-bg);border:1px solid var(--map-popup-border)}.round-map-container .leaflet-control-zoom a{background-color:var(--map-control-bg);color:var(--text-primary);border:1px solid var(--map-control-border)}.round-map-container .leaflet-control-zoom a:hover{background-color:var(--bg-active)}.round-map-container .leaflet-control-attribution{background:var(--map-attribution-bg);color:var(--text-secondary);font-size:.7rem}.round-map-container .leaflet-control-attribution a{color:var(--accent-color)}.round-guesses{margin-top:1rem}.round-guesses h5{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem;font-size:.8125rem;font-weight:600}.guesses-list{flex-direction:column;gap:.5rem;display:flex}.guess-entry{background:var(--bg-secondary);box-shadow:var(--shadow-card);cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-columns:2rem minmax(0,1fr) 5rem 5rem 3.5rem;align-items:center;gap:.75rem;padding:.625rem .75rem;font-size:.8125rem;transition:background-color .15s,box-shadow .15s;display:grid}.guess-entry:hover{background:var(--bg-hover);box-shadow:var(--shadow-card-hover)}.guess-entry.highlighted{background:var(--bg-active);box-shadow:var(--glow-accent)}.guess-entry.dimmed{opacity:.5}.guess-position{color:var(--text-tertiary);text-align:center;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600}.guess-position.rank-1{color:var(--rank-1-color)}.guess-position.rank-2{color:var(--rank-2-color)}.guess-position.rank-3{color:var(--rank-3-color)}.guess-player{width:auto;max-width:fit-content;font-weight:500}.guess-player.clickable:hover,.name.clickable:hover{color:#60a5fa;text-decoration:underline}.guess-player.clickable,.name.clickable{pointer-events:auto;width:auto;max-width:fit-content;margin:0;padding:0;display:inline}.guess-entry .guess-player,.leaderboard-entry .name{text-overflow:ellipsis;width:fit-content;max-width:100%;display:inline-block;overflow:hidden}.guess-distance{color:var(--link-color);font-variant-numeric:tabular-nums;text-align:right;min-width:5rem}.guess-score{color:var(--success-color);text-align:right;font-variant-numeric:tabular-nums;min-width:5rem;font-weight:600}.guess-score svg{color:var(--trophy-color)}.guess-time{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:.75rem}.mobile-message{text-align:center;color:var(--text-tertiary);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;padding:2rem;display:flex;position:fixed;inset:0}.mobile-message-image{width:100%;max-width:300px;height:auto;margin-bottom:1.5rem;display:block}.mobile-message h2{color:#fff;letter-spacing:-.02em;text-align:center;margin:0 auto 1rem;font-size:2rem;font-weight:600}.mobile-message p{color:var(--text-tertiary);text-align:center;margin:0 auto;font-size:1.125rem;font-style:italic}@media (width<=768px){.mobile-message{padding:1.5rem}.mobile-message-image{max-width:250px;margin-bottom:1rem}.mobile-message h2{margin-bottom:.75rem;font-size:1.5rem}.mobile-message p{font-size:1rem;line-height:1.5}}@media (width<=480px){.mobile-message{padding:1rem}.mobile-message-image{max-width:200px;margin-bottom:.75rem}.mobile-message h2{margin-bottom:.5rem;font-size:1.25rem}.mobile-message p{font-size:.9375rem}}@media (width<=1024px){.app-layout{grid-template-columns:1fr}.sidebar{box-shadow:inset 0 -1px 0 var(--border-color);max-height:40vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-display:"Bricolage Grotesque", "Inter", system-ui, sans-serif;--radius-card:10px;--shadow-card:0 1px 2px #0000004d, inset 0 0 0 1px #ffffff0a;--shadow-card-hover:0 4px 16px #0006, inset 0 0 0 1px #ffffff14;--gradient-rank-1:linear-gradient(135deg, #ffd70038, #f59e0b1a);--gradient-rank-2:linear-gradient(135deg, #cbd5e12e, #94a3b80f);--gradient-rank-3:linear-gradient(135deg, #cd7f3233, #92400e0f);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0e1a;--bg-secondary:#11151f;--bg-tertiary:#161b28;--bg-hover:#1a1f2e;--bg-active:#232a40;--border-color:#ffffff0f;--border-hover:#ffffff1f;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-quaternary:#64748b;--accent-color:#60a5fa;--accent-hover:#93c5fd;--link-color:#60a5fa;--link-hover:#93c5fd;--success-color:#4ade80;--error-color:#ef4444;--trophy-color:gold;--rank-1-color:gold;--rank-2-color:silver;--rank-3-color:#cd7f32;--rank-1-bg:var(--gradient-rank-1);--rank-2-bg:var(--gradient-rank-2);--rank-3-bg:var(--gradient-rank-3);--glow-accent:0 0 0 1px var(--accent-color), 0 0 24px -4px var(--accent-color);--chart-player-score:#60a5fa;--chart-total-score:#4ade80;--map-bg:#0a0e1a;--map-popup-bg:#0a0e1af2;--map-popup-border:#ffffff1f;--map-control-bg:#11151fe6;--map-control-border:#ffffff1f;--map-attribution-bg:#0a0e1ab3}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#fff;--bg-tertiary:#f4f4f5;--bg-hover:#f0f1f3;--bg-active:#e4e7ec;--border-color:#0f172a14;--border-hover:#0f172a29;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#5e6a7d;--text-quaternary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--accent-color-rgb:59, 130, 246;--link-color:#2563eb;--link-hover:#1d4ed8;--success-color:#16a34a;--error-color:#dc2626;--trophy-color:#f97316;--rank-1-color:#d97706;--rank-2-color:#6b7280;--rank-3-color:#92400e;--rank-1-bg:linear-gradient(135deg, #d977062e, #b4530914);--rank-2-bg:linear-gradient(135deg, #6b728026, #4b55630f);--rank-3-bg:linear-gradient(135deg, #92400e2e, #78350f0f);--shadow-card:0 1px 2px #0f172a0f, inset 0 0 0 1px #0f172a0a;--shadow-card-hover:0 4px 16px #0f172a1a, inset 0 0 0 1px #0f172a14;--glow-accent:0 0 0 1px var(--accent-color), 0 0 24px -4px #3b82f680;--chart-player-score:#3b82f6;--chart-total-score:#16a34a;--map-bg:#f5f5f5;--map-popup-bg:#fffffff2;--map-popup-border:#0003;--map-control-bg:#ffffffe6;--map-control-border:#0003;--map-attribution-bg:#fffc}*{box-sizing:border-box}.country-flag{vertical-align:-.05em;width:1.25em;margin-right:.35em;font-size:1em;line-height:1;display:inline-block}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);place-items:center;margin:0;transition:background-color .2s,color .2s;display:flex;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(800px 500px at 15% -10%,#60a5fa0f,#0000 60%),radial-gradient(700px 600px at 95%,#a78bfa0d,#0000 60%),radial-gradient(900px 400px at 50% 110%,#4ade800a,#0000 60%);position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(800px 500px at 15% -10%,#3b82f60d,#0000 60%),radial-gradient(700px 600px at 95%,#a855f70a,#0000 60%)}#root{z-index:1;width:100%;position:relative}button{border-radius:var(--radius-card);background-color:var(--bg-hover);cursor:pointer;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .15s,background-color .15s,box-shadow .15s}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}