@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.rank-one{background:radial-gradient(circle at 50% 0%, #5865f22e, transparent 55%), var(--card);border-radius:20px;flex-direction:column;align-items:center;padding:40px 32px;animation:.5s both fade-up;display:flex;position:relative;overflow:hidden}.rank-one-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-light);margin-bottom:20px;font-size:.85rem;font-weight:800}.rank-one-avatar{object-fit:cover;border:4px solid #5865f259;border-radius:50%;width:112px;height:112px;margin-bottom:20px;box-shadow:0 0 0 8px #5865f20f,0 15px 35px #00000059}.rank-one-avatar.placeholder{border:none}.rank-one h2{color:var(--text);margin:0;font-size:1.7rem;font-weight:800}.rank-one .username{color:var(--muted);margin-top:4px;font-size:.9rem}.rank-one-stats{align-items:baseline;gap:8px;margin-top:28px;display:flex}.rank-one-stats strong{color:var(--text);font-size:2.4rem;line-height:1}.rank-one-stats span{color:var(--muted)}.rank-one-percentage{color:var(--accent-light);margin-top:10px;font-size:.9rem;font-weight:600}.rank-one-possession{border-top:1px solid var(--border);text-align:center;width:100%;color:var(--muted);margin-top:24px;padding-top:18px;font-size:.9rem}@media (width<=600px){.rank-one{padding:32px 24px}.rank-one-avatar{width:92px;height:92px}.rank-one h2{font-size:1.4rem}.rank-one-stats strong{font-size:2rem}}.distribution{background:var(--card);border-radius:20px;padding:32px;animation:.5s .1s both fade-up}.distribution-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.distribution-header h2{color:var(--text);margin:0;font-size:1.3rem;font-weight:700}.distribution-header span{color:var(--muted);font-size:.85rem}.pie-container{justify-content:center;align-items:center;gap:40px;display:flex}.pie{aspect-ratio:1;border-radius:50%;flex-shrink:0;width:220px;position:relative;box-shadow:0 15px 35px #0000004d,inset 0 0 0 1px #ffffff14}.pie:after{content:"";background:#181b24;border-radius:50%;position:absolute;inset:27%;box-shadow:inset 0 0 20px #0003}.pie-center{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:27%}.pie-center strong{color:var(--text);font-size:1.8rem;line-height:1}.pie-center span{color:var(--muted);margin-top:5px;font-size:.75rem}.pie-legend{flex-direction:column;gap:12px;width:100%;max-width:230px;display:flex}.legend-item{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:.85rem;display:grid}.legend-color{border-radius:3px;width:10px;height:10px}.legend-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.legend-item strong{color:var(--text);font-size:.8rem}.game-info{text-align:center;margin-top:32px}.game-info p{color:var(--text);margin:0;font-size:.9rem;font-weight:700}.game-info span{max-width:420px;color:var(--muted);margin:6px auto 0;font-size:.8rem;line-height:1.5;display:block}.discord-invite{border:1px solid var(--border);color:var(--text);background:#5865f214;border-radius:10px;justify-content:center;align-items:center;margin-top:20px;padding:12px 20px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:flex}.discord-invite:hover{background:#5865f229;border-color:#5865f266;transform:translateY(-1px)}@media (width<=600px){.distribution{padding:24px 20px}.pie-container{flex-direction:column;gap:28px}.pie{width:190px}.pie-legend{max-width:none}.game-info{margin-top:28px}}.ranking{animation:.5s .2s both fade-up}.ranking>h2{color:var(--text);margin:0 0 16px;font-size:1.3rem;font-weight:700}.ranking-row{background:var(--card);border-radius:14px;grid-template-columns:50px 42px minmax(150px,1fr) 90px 100px 130px;align-items:center;gap:16px;margin-bottom:8px;padding:16px 20px;transition:background .2s,transform .2s,border-color .2s;display:grid}.ranking-row:hover{background:var(--card-hover);border-color:#5865f233;transform:translateY(-2px)}.position{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.small-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.small-avatar.placeholder{font-size:.85rem}.identity{flex-direction:column;min-width:0;display:flex}.identity strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.identity span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8rem;overflow:hidden}.stats{text-align:right;flex-direction:column;min-width:0;display:flex}.stats strong{color:var(--text);white-space:nowrap;font-size:.9rem}.stats span{color:var(--muted);margin-top:2px;font-size:.7rem}@media (width<=900px){.ranking-row{grid-template-columns:40px 42px minmax(120px,1fr) 80px 90px 110px;gap:12px;padding:14px 16px}}@media (width<=700px){.ranking-row{grid-template-columns:32px 40px minmax(0,1fr) auto}.ranking-row .stats:nth-of-type(2),.ranking-row .stats:nth-of-type(3){display:none}.ranking-row .stats:first-of-type{display:flex}.small-avatar{width:40px;height:40px}}@media (width<=450px){.ranking-row{grid-template-columns:28px 36px minmax(0,1fr) auto;gap:8px;padding:12px}.small-avatar{width:36px;height:36px}.identity strong{font-size:.85rem}.identity span{font-size:.7rem}.stats strong{font-size:.8rem}}.scoreboard{width:min(1200px,100%);margin:0 auto;padding:48px 32px 64px}.header{margin-bottom:40px}.header h1{letter-spacing:-.04em;color:var(--text);margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.loading-state{min-height:300px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.loading-state img{object-fit:contain;width:clamp(64px,12vw,120px);height:clamp(64px,12vw,120px)}.loading-state p{color:var(--text);margin:0;font-weight:700}.state{min-height:300px;color:var(--muted);text-align:center;justify-content:center;align-items:center;display:flex}.state.error{color:#ed4245;background:#ed42450d;border:1px solid #ed424540;border-radius:16px;padding:32px;display:block}.state.error small{color:var(--muted);margin-top:8px;display:inline-block}.top-section{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.1fr);gap:24px;margin-bottom:24px;display:grid}@media (width<=900px){.scoreboard{padding:32px 20px 48px}.top-section{grid-template-columns:1fr}}@media (width<=600px){.scoreboard{padding:24px 16px 40px}.header{margin-bottom:28px}.top-section{gap:16px;margin-bottom:16px}}:root{--bg:#0b0d12;--card:#181b24d1;--card-hover:#1d212cf2;--border:#ffffff12;--text:#f5f7ff;--muted:#8f96a8;--accent:#5865f2;--accent-light:#7289ff;--pie-color-1:#5865f2;--pie-color-2:#57f287;--pie-color-3:#fee75c;--pie-color-4:#eb459e;--pie-color-5:#ed4245;--pie-color-6:#747f8d;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-width:320px}#app{min-height:100vh}.app{min-height:100vh;position:relative}.background{z-index:-1;background:#2240c7;position:fixed;inset:0;overflow:hidden}.noise{pointer-events:none;opacity:.35;position:absolute;inset:0}.noise:before{content:"";pointer-events:none;background-image:url(https://ice-creme.de/images/background-noise.png);position:absolute;inset:0}.noise-moving{opacity:.45}.noise-moving:before{will-change:background-position;animation:1s infinite alternate noise}.scanlines{pointer-events:none;opacity:.25;animation:3s linear infinite scanlines-opacity;position:absolute;inset:0}.scanlines:before{content:"";background:linear-gradient(#0000 50%,#00000080 51%) 0 0/100% 4px;animation:.2s linear infinite scanlines;position:absolute;inset:0}.background-text{color:#fff;pointer-events:none;will-change:text-shadow;text-transform:uppercase;font-family:"Press Start 2P",monospace;font-size:clamp(.7rem,1.2vw,1.2rem);font-weight:400;animation:2s steps(9,end) infinite alternate rgbText;position:absolute}.play{top:2rem;left:2rem}.time{animation-duration:1s;top:2rem;right:2rem}.record-speed{animation-duration:1s;bottom:2rem;left:2rem}@keyframes noise{0%,to{background-position:0 0}10%{background-position:-5% -10%}20%{background-position:-15% 5%}30%{background-position:7% -25%}40%{background-position:20% 25%}50%{background-position:-25% 10%}60%{background-position:15% 5%}70%{background-position:0 15%}80%{background-position:25% 35%}90%{background-position:-10% 10%}}@keyframes scanlines-opacity{0%{opacity:.25}20%{opacity:.12}35%{opacity:.2}50%{opacity:.3}60%{opacity:.16}80%{opacity:.25}to{opacity:.25}}@keyframes scanlines{0%{background:linear-gradient(#0000 50%,#00000080 51%) 0 0/100% 4px}to{background:linear-gradient(#00000080 50%,#0000 51%) 0 0/100% 4px}}@keyframes rgbText{0%{text-shadow:0 0 #0000,0 0 #0000}25%{text-shadow:-2px 0 #f00c,2px 0 #0ffc}45%{text-shadow:2px 0 #f00c,-2px 0 #0ffc}50%{text-shadow:-3px 0 #f00c,3px 0 #0ffc}55%{text-shadow:2px 0 #f00c,-2px 0 #0ffc}90%{text-shadow:1px 0 #f00c,-1px 0 #0ffc}to{text-shadow:0 0 #0000,0 0 #0000}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}