*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6}body{background:#0D2137;color:#B0C4DE;font-family:'Inter',sans-serif;position:relative;overflow-x:hidden}
.vaporwave-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0D2137 0%,#1A3A5C 50%,#0D2137 100%);z-index:-1}
.site-header{text-align:center;padding:48px 24px 32px}
.logo{font-family:'Space Mono',monospace;font-size:2.4rem;font-weight:700;color:#7FDBFF;text-shadow:0 0 20px rgba(127,219,255,0.3)}
.tagline{font-family:'Space Mono',monospace;font-size:0.9rem;color:#48D1CC;margin-top:8px}
.dashboard{max-width:1080px;margin:0 auto;padding:0 24px 48px}
.featured-panel{background:linear-gradient(135deg,#1A3A5C,#0D2137);border:1px solid #48D1CC;border-radius:12px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}
.featured-panel::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(127,219,255,0.05) 0%,transparent 70%);pointer-events:none}
.panel-tag{font-family:'Space Mono',monospace;font-size:0.7rem;color:#7FDBFF;letter-spacing:0.15em;text-transform:uppercase}
.game-title{font-family:'Lora',serif;font-size:1.8rem;color:#7FDBFF;margin:12px 0}
.game-desc{color:#B0C4DE;font-size:0.9rem;max-width:600px;margin-bottom:16px}
.game-stats{display:flex;gap:12px}
.stat-pill{background:rgba(127,219,255,0.1);border:1px solid #48D1CC;border-radius:20px;padding:4px 14px;font-size:0.75rem;color:#48D1CC}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}
.game-card{background:rgba(26,58,92,0.6);border:1px solid rgba(72,209,204,0.3);border-radius:8px;padding:20px;opacity:0;transform:translateY(20px) perspective(600px) rotateX(2deg);transition:all 400ms ease-out}
.game-card.visible{opacity:1;transform:translateY(0) perspective(600px) rotateX(0)}
.game-card:hover{border-color:#7FDBFF;transform:translateY(-4px) perspective(600px) rotateX(-2deg);box-shadow:0 8px 24px rgba(127,219,255,0.1)}
.card-tag{font-family:'Space Mono',monospace;font-size:0.65rem;color:#48D1CC;letter-spacing:0.1em}
.game-card h3{font-size:1.05rem;color:#7FDBFF;margin:8px 0 4px}
.game-card p{font-size:0.8rem;color:#B0C4DE;margin-bottom:8px}
.player-count{font-size:0.7rem;color:#48D1CC}
.leaderboard-panel{background:rgba(26,58,92,0.4);border:1px solid rgba(72,209,204,0.2);border-radius:8px;padding:24px}
.section-title{font-family:'Space Mono',monospace;font-size:1rem;color:#7FDBFF;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.08em}
.lb-row{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid rgba(176,196,222,0.1)}
.lb-rank{font-family:'Space Mono',monospace;font-weight:700;color:#48D1CC;width:40px}
.lb-name{flex:1;color:#B0C4DE}
.lb-score{font-family:'Space Mono',monospace;color:#7FDBFF;font-weight:700}
.site-footer{text-align:center;padding:24px;color:rgba(176,196,222,0.5);font-size:0.8rem}
@media(max-width:600px){.logo{font-size:1.8rem}.game-grid{grid-template-columns:1fr}}