:root{--bg: #0d1117;--tile: #161c25;--line: rgba(199,206,216,.12);--ink: #eef1f4;--muted: #a9b2bd;--silver: #c7cad0;--metal-grad: linear-gradient(100deg, #f4f5f7 0%, #b9bdc4 30%, #eceef1 52%, #9aa0a8 78%, #e4e6ea 100%)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(90% 70% at 70% 40%,#222a34,var(--bg) 70%);color:var(--ink);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}.sparks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.stage{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform:translate(-50%,-50%) scale(var(--s, 1));display:grid;grid-template-columns:760px 1fr;gap:96px;padding:150px 120px 90px}.top{position:absolute;left:120px;right:120px;top:64px;display:flex;justify-content:space-between;align-items:center}.logo{height:34px}.when{margin:0;font:500 20px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.kicker{margin:0 0 18px;font:600 30px var(--font-sans);color:#ffa070}h1{margin:0;font:600 112px/.96 var(--font-sans);letter-spacing:-.05em}.metal{background:var(--metal-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{margin:28px 0 0;font:500 28px/1.4 var(--font-sans);color:var(--muted);max-width:22em}.play{display:flex;align-items:center;gap:28px;margin-top:56px}.qr{width:190px;height:190px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 0 0 6px #ffffff14,0 0 60px #f053232e}.qr svg{display:block;width:100%;height:100%}.play-t{margin:0;font:600 40px var(--font-sans);letter-spacing:-.03em}.play-s{margin:8px 0 0;font:500 22px/1.4 var(--font-sans);color:var(--muted);max-width:15em}.count{margin:48px 0 0;font:500 22px var(--font-mono);color:var(--muted)}.count b{color:var(--ink);font-size:30px}.board{list-style:none;margin:0;padding:0;display:grid;gap:14px}.row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:24px;height:74px;padding:0 30px 0 22px;border-radius:22px;background:linear-gradient(180deg,#1d2430eb,#161c25eb);box-shadow:inset 0 0 0 1px var(--line),inset 0 1px #ffffff0d;transition:transform .8s cubic-bezier(.22,.72,.12,1),opacity .8s}.row .rk{font:600 34px var(--font-mono);color:var(--muted);text-align:center}.row .who{min-width:0}.row .nm{display:block;font:600 32px/1.1 var(--font-sans);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .co{display:block;margin-top:4px;font:500 20px var(--font-sans);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .sc{font:600 44px var(--font-sans);letter-spacing:-.03em}.row:nth-child(1){height:104px;background:linear-gradient(100deg,#f2c23038,#1d2430eb 55%);box-shadow:inset 0 0 0 1px #f2c23073}.row:nth-child(1) .rk{color:#f2c230;font-size:44px}.row:nth-child(1) .nm{font-size:42px}.row:nth-child(1) .sc{font-size:60px}.row:nth-child(2) .rk{color:#dfe3e8}.row:nth-child(3) .rk{color:#d8935e}.row.new{animation:arrive 1.6s cubic-bezier(.22,.72,.12,1)}@keyframes arrive{0%{transform:translate(60px);opacity:0}30%{opacity:1}40%{box-shadow:inset 0 0 0 2px #fff,0 0 60px #ffffff59}to{transform:none}}.empty{font:500 30px var(--font-sans);color:var(--muted);margin-top:40px}