body{margin:0;min-height:100svh;background:radial-gradient(ellipse at top,#17265d,#070c27 70%);color:#f7e9b7;font-family:PlayerPixel,monospace}
.ranking-shell{width:min(940px,calc(100% - 44px));margin:0 auto;padding:28px 0 70px}
.ranking-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 34px}
.ranking-home{font:10px/1.8 PlayerPixel,monospace;color:#e9d48f;text-decoration:none}
.ranking-board{background:linear-gradient(#16204d,#0c1335);border:3px solid #ebd78f;outline:1px solid #8a8a94;outline-offset:6px;box-shadow:10px 13px 0 #030721}
.ranking-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;border-bottom:1px solid #616987;background:#0d153b}
.ranking-heading h1{font:16px/1.6 PlayerPixel,monospace;margin:0}.ranking-heading button{width:40px;height:40px;border:1px solid #747e9e;color:#f4dfa0;background:none;font:25px/1 sans-serif;cursor:pointer}
.ranking-controls{display:flex;justify-content:space-between;align-items:center;padding:24px 30px 0;gap:20px}
.ranking-game{display:flex;align-items:center;gap:13px;min-width:0}.ranking-game img{width:60px;aspect-ratio:1;object-fit:cover;border:1px solid #a69672}
.ranking-game select{font:11px/1.9 PlayerPixel,monospace;color:#eee4bd;background:#0c1438;border:1px solid #566180;padding:12px 10px;max-width:260px;min-width:0}
.ranking-period{display:flex;border:1px solid #626b8a;background:#070d2e;flex:none;padding:4px}
.ranking-period button{font:8px/1.8 PlayerPixel,monospace;color:#aeb6d1;background:none;border:0;cursor:pointer;padding:13px 12px;min-height:43px}
.ranking-period button[aria-pressed="true"]{color:#0c1438;background:linear-gradient(#faeab0,#d7c68d)}
.ranking-dates{font:12px/1.5 system-ui,sans-serif;color:#a8b2ce;text-align:right;margin:10px 30px 16px;min-height:18px}
.ranking-status{font:14px/1.8 system-ui,sans-serif;color:#cfcee0;text-align:center;padding:38px 20px}.ranking-status:empty{display:none}
.ranking-table{width:calc(100% - 60px);border-collapse:collapse;margin:0 30px;font:11px/1.8 PlayerPixel,monospace;table-layout:fixed}
.ranking-table th{font:10px/1.5 system-ui,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#929dbd;text-align:left;padding:10px 12px;border-bottom:1px solid #3d486b}
.ranking-table th:first-child{width:55px}.ranking-table th:last-child{width:150px;text-align:right}
.ranking-table td{padding:21px 12px;border-bottom:1px solid #303d63;overflow-wrap:anywhere}
.rank-position{color:#9ba7c9}.rank-1 .rank-position{color:#f9df8a}.rank-2 .rank-position{color:#c6d3f4}.rank-3 .rank-position{color:#d6ae8c}
.rank-1{background:linear-gradient(90deg,#c5a75b1c,transparent)}.rank-score{text-align:right;color:#efdc9e}.rank-score small{display:block;font:11px/1.5 system-ui,sans-serif;color:#9faaca;margin-top:6px}.rank-name{color:#d9def0}.rank-you{display:block;font:11px/1.5 system-ui,sans-serif;color:#9de0c1;margin-top:5px}.is-me{background:#6981c31a}
.ranking-me{display:flex;align-items:center;gap:20px;margin:25px 30px 0;border:1px solid #b9ae7f;background:#ead8970b;padding:19px;font:10px/1.9 PlayerPixel,monospace}.ranking-me[hidden]{display:none}.ranking-me span:last-child{margin-left:auto}.ranking-me a{color:#ead996;font:13px/1.6 system-ui,sans-serif}.personal-position{color:#f3dc98}.ranking-me strong{font:inherit;overflow-wrap:anywhere}
.ranking-footer{padding:25px 30px;display:flex;align-items:center;gap:20px;justify-content:space-between}.ranking-footer details{max-width:440px;color:#a6b0ce;font:12px/1.7 system-ui,sans-serif;text-align:right}.ranking-footer summary{cursor:pointer}.ranking-footer details p{text-align:left}.ranking-footer .player-button{min-width:150px}
button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:720px){.ranking-shell{width:calc(100% - 34px);padding-top:16px}.ranking-header{gap:12px;margin-bottom:24px}.ranking-home{font-size:8px}.ranking-heading{padding:19px 18px}.ranking-heading h1{font-size:12px}.ranking-controls{flex-direction:column;align-items:stretch;padding:20px 18px 0;gap:18px}.ranking-game select{flex:1;max-width:none;font-size:10px}.ranking-period button{flex:1;font-size:8px}.ranking-dates{margin:9px 18px 12px}.ranking-table{width:calc(100% - 24px);margin:0 12px;font-size:9px}.ranking-table th:first-child{width:30px}.ranking-table th:last-child{width:100px}.ranking-table th,.ranking-table td{padding:18px 8px}.ranking-me{margin:20px 18px 0;padding:14px;gap:12px;font-size:8px}.ranking-footer{padding:20px 18px;align-items:flex-start;flex-wrap:wrap}.ranking-footer details{max-width:100%}.ranking-footer .player-button{font-size:9px;min-width:130px}.ranking-header .player-access .player-login{max-width:190px;font-size:7px}}

.ranking-version select{font:inherit;font-size:12px;color:#ffe7a5;background:#0b1234;border:1px solid #d6bd76;padding:12px;min-height:44px}.ranking-controls{flex-wrap:wrap}.ranking-version{flex:0 0 auto}

.ranking-shell{box-sizing:border-box}