html,body,#app{margin:0;width:100%;height:100%;min-height:100%;background:#000;color:#e5e7eb;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}



.ranking-game-shell{width:min(820px,94vw);margin:0 auto;display:flex;flex-direction:column;gap:10px}
.ranking-game-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ranking-game-tab{border:1px solid rgba(255,211,107,.32);background:rgba(13,9,20,.86);color:#d8cfdf;border-radius:9px;padding:9px 6px;font-weight:800;cursor:pointer}
.ranking-game-tab.active{background:linear-gradient(135deg,#ffd36b,#f08c2e);color:#1b1024;border-color:#ffd36b}
.ranking-game-list{display:flex;flex-direction:column;gap:5px;max-height:min(62vh,560px);overflow:auto;padding-right:3px}
.ranking-game-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(12,8,18,.88)}
.ranking-game-row.rank-1,.ranking-game-row.rank-2,.ranking-game-row.rank-3{border-color:rgba(255,211,107,.42)}
.ranking-game-position{font-weight:900;color:#ffd36b;text-align:center}
.ranking-game-player{min-width:0;display:flex;flex-direction:column;gap:2px}.ranking-game-player strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-game-player span{font-size:11px;opacity:.72}
.ranking-game-value{color:#ffd36b;text-align:right;font-size:15px}
@media(max-width:640px){.ranking-game-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-game-row{grid-template-columns:38px minmax(0,1fr) auto;padding:7px 8px;gap:7px}.ranking-game-list{max-height:58vh}}