:root{color-scheme: dark}
html,body{margin:0;padding:0;background:#000000;color:#f5f5f7;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;height:100%}
body{display:flex;align-items:center;justify-content:center;min-height:100vh}
.shell{width:min(1080px,100%);padding:24px}
.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70vh;text-align:center;gap:12px;color:#9b9b9b;animation:pulse 2.4s ease-in-out infinite}
.title{font-size:22px;letter-spacing:0.15em;text-transform:uppercase}
.subtitle{font-size:16px;line-height:1.6;max-width:700px}
.player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}
.player-card{background:#121212;border:1px solid #2c2c2e;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease}
.player-card .avatar{width:100%;aspect-ratio:1/1;border-radius:12px;background:#1c1c1e;display:flex;align-items:center;justify-content:center;font-size:24px;color:#a9a9a9}
.player-card .name{font-size:16px;color:#ffffff}
.player-card .meta{font-size:13px;color:#8e8e93;word-break:break-all}
.player-card.is-dead{opacity:0.1;filter:grayscale(100%);transform:scale(0.95);transition:all 0.6s cubic-bezier(0.4,0,0.2,1)}
@keyframes pulse{0%,100%{opacity:0.7}50%{opacity:1}}