:root{--bg: #0b0f1a;--panel: #101522;--border: #1e2740;--white: #e6f0ff;--dim: #9aa3b2;--cyan: #29ffd8;--magenta: #ff3ea5;--yellow: #ffe900;--green: #00f060;--blue: rgb(0, 170, 255);--red: #ff364d;--glow-cyan: 0 0 16px rgba(41, 255, 216, .35);--glow-magenta: 0 0 16px rgba(255, 62, 165, .35);--glow-yellow: 0 0 16px rgba(255, 233, 0, .35);--glow-blue: 0 0 16px rgba(0, 170, 255, .35)}html,body,#root{height:100%}html,body{margin:0;background:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}.font-press{font-family:"Press Start 2P",system-ui,sans-serif}.dim{color:var(--dim)}.container{max-width:1100px;margin:0 auto;padding:0 16px}.row{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 1000px){.row{grid-template-columns:1.1fr .9fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 760px){.grid-3{grid-template-columns:repeat(3,1fr)}}header{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:saturate(120%) blur(5px);backdrop-filter:saturate(120%) blur(5px);background:#0003;border-bottom:1px solid var(--border)}body{padding-top:80px}nav a{color:var(--dim);text-decoration:none}nav a+a{margin-left:24px}nav a:focus-visible,.btn:focus-visible,.card:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.site-title{font-size:26px;letter-spacing:1px;text-shadow:0 0 24px rgba(41,255,216,.35);cursor:pointer;line-height:1.15}.site-title-accent{margin-left:6px}@media (max-width: 600px){.site-title{line-height:1.2}.site-title-accent{display:block;margin-left:0;margin-top:4px}}@media (max-width: 960px){.container{padding:0 16px}}.hero{padding:50px 0}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:20px}.playercard{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:12px}img,svg image{background:transparent!important}.card .ghost-img,.card svg .ghost-img{background:transparent!important}.btn{display:inline-block;border:1px solid currentColor;color:var(--white);padding:6.5px 14px 9.5px;border-radius:14px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}[id]{scroll-margin-top:80px}.btn:active{transform:translateY(1px)}.btn-cyan{border-color:var(--cyan);box-shadow:var(--glow-cyan)}.btn-magenta{border-color:var(--magenta);box-shadow:var(--glow-magenta)}.btn-yellow{border-color:var(--yellow);box-shadow:var(--glow-yellow)}.btn-blue{border-color:var(--blue);box-shadow:var(--glow-blue)}.leader{background:#ffffff05;border:1px solid var(--border);border-radius:14px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between}.rank{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-weight:700;font-size:12px;border:1px solid rgba(255,255,255,.5)}.overlay-grid{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.2;mix-blend-mode:soft-light;z-index:0}.overlay-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px}.overlay-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 1px,transparent 1px,transparent 3px)}.lights{position:fixed;left:0;right:0;top:0;z-index:30}.lights .wire{position:relative;height:32px}.lights .wire:before{content:"";position:absolute;left:0;right:0;top:14px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.15) 50%,transparent 50%);background-size:8px 2px}.bulbs{position:absolute;left:10px;right:10px;top:6px;display:flex;justify-content:space-between}.bulb{width:8px;height:14px;border-radius:3px;box-shadow:0 0 12px #fff9}.snow{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.snow i{position:absolute;top:-10px;width:2px;height:2px;background:#ffffffe6;border-radius:1px;animation:fall linear infinite;will-change:transform}@keyframes fall{to{transform:translateY(110vh);opacity:.2}}main,section,footer{position:relative;z-index:10}.blink{animation:blink 1.2s steps(2,start) infinite}@keyframes blink{50%{opacity:.2}}@media (prefers-reduced-motion: reduce){.blink,.snow i,.btn{animation:none!important;transition:none!important}}
