:root{--bg: #181818;--panel: #222222;--panel-soft: #2a2a2a;--gold: #ffd700;--s: #ff5959;--a: #ff9f43;--b: #feca57;--c: #1dd1a1;--d: #3498db;--e: #5f27cd;--f: #576574;--text: #f1f1f1;--muted: #a0a0a0;--positive: #1dd1a1;--neutral: #feca57;--negative: #ff6b6b}.game-icon.s{border:4px solid;border-color:#ff5959;box-shadow:0 0 25px #ff3b3b99}.game-icon.a{border:4px solid;border-color:#ff9f43;box-shadow:0 0 25px #ff973b99}.game-icon.b{border:4px solid;border-color:#feca57;box-shadow:0 0 25px #ffd93b99}.game-icon.c{border:4px solid;border-color:#1dd1a1;box-shadow:0 0 25px #3bff3b99}.game-icon.d{border:4px solid;border-color:#3498db;box-shadow:0 0 25px #3b8cff99}.game-icon.e{border:4px solid;border-color:#5f27cd;box-shadow:0 0 25px #8e3bff99}.game-icon.f{border:4px solid;border-color:#576574;box-shadow:0 0 25px #8889}.tier-badge.s{background:linear-gradient(135deg,#ff5959,#ff7676);box-shadow:0 0 15px #ff3b3bcc}.tier-badge.a{background:linear-gradient(135deg,#ff9f43,#ffc076);box-shadow:0 0 15px #ff973bcc}.tier-badge.b{background:linear-gradient(135deg,#feca57,#fff276);box-shadow:0 0 15px #ffd93bcc}.tier-badge.c{background:linear-gradient(135deg,#1dd1a1,#76ff76);box-shadow:0 0 15px #3bff3bcc}.tier-badge.d{background:linear-gradient(135deg,#3498db,#76b3ff);box-shadow:0 0 15px #3b8cffcc}.tier-badge.e{background:linear-gradient(135deg,#5f27cd,#b376ff);box-shadow:0 0 15px #8e3bffcc}.tier-badge.f{background:linear-gradient(135deg,#576574,#aaa);box-shadow:0 0 15px #888c}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,sans-serif}html,body{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);margin:0}app-root{display:flex;flex-direction:column;min-height:100vh}router-outlet+*{flex:1;width:100%}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5vh 3vw;background:#1f1f1f;border-bottom:1px solid #2f2f2f;width:100%}nav .logo{font-size:2vh;font-weight:900;color:var(--gold);display:flex;align-items:center;gap:.5vw}nav .logo-img{height:3vh;width:auto}.gradient-text{background:linear-gradient(90deg,#ff5959,#ff9f43,#feca57,#1dd1a1,#3498db,#5f27cd,#576574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}nav ul{display:flex;gap:2vw;list-style:none}nav a{text-decoration:none;color:var(--text);opacity:.8;font-size:1.5vh}nav a:hover{opacity:1}footer{background:#1f1f1f;border-top:1px solid #2f2f2f;padding:2vh 0;text-align:center;width:100%}footer a{color:var(--muted);margin:0 1vw;text-decoration:none}footer a:hover{color:var(--accent)}