:root{--rank-ink:#242039;--rank-paper:#fff9ec;--rank-yellow:#ffd95c;--rank-coral:#ff697d;--rank-mint:#76d9b1;--rank-line:#d7c7b5}*{box-sizing:border-box}body{background:#17152b;margin:0}.ranking-page{min-height:100vh;padding:24px var(--layout-gutter) 48px;color:var(--rank-ink);background:radial-gradient(circle at 20% 0,#ffd95c2e,transparent 32rem), repeating-conic-gradient(from -8deg at 50% 18rem,#ffffff09 0 5deg,transparent 5deg 12deg), #17152b;font-family:inherit;font-size:16px}.ranking-header,.ranking-your-entry,.ranking-board,.ranking-actions{width:min(var(--layout-content),100%)}.ranking-header{justify-content:space-between;align-items:center;gap:16px;margin:auto;display:flex}.ranking-header a{min-height:var(--tap-target);background:var(--rank-paper);color:var(--rank-ink);border:2px solid #fff;border-radius:8px;align-items:center;padding:9px 12px;font-size:14px;font-weight:1000;text-decoration:none;display:inline-flex;box-shadow:3px 3px #fff}.ranking-header span{color:var(--rank-yellow);letter-spacing:.15em;font-size:13px;font-weight:1000}.ranking-hero{color:#fff;text-align:center;width:min(780px,100%);margin:48px auto 28px}.ranking-hero>small{color:var(--rank-yellow);letter-spacing:.18em;font-size:13px;font-weight:1000}.ranking-game-logo{border:3px solid var(--rank-ink);background:#bcecff;border-radius:16px;width:min(320px,78vw);height:auto;margin:0 auto 18px;display:block;box-shadow:6px 6px #fff}.ranking-hero h1{letter-spacing:-.06em;margin:5px 0 0;font-size:clamp(46px,10vw,86px);line-height:.95}.ranking-hero>p{margin:10px 0 22px;font-size:17px;font-weight:900}.ranking-privacy{border:2px solid var(--rank-mint);background:#76d9b11f;border-radius:12px;flex-direction:column;gap:5px;padding:14px 18px;display:flex}.ranking-privacy b{color:#a8f0d3;font-size:14px}.ranking-privacy span{font-size:14px;font-weight:700;line-height:1.6}.ranking-hero>em{color:#c9c4d8;margin-top:10px;font-size:13px;font-style:normal;font-weight:700;line-height:1.6;display:block}.ranking-your-entry{border:3px solid var(--rank-ink);background:var(--rank-yellow);border-radius:12px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:13px;margin:0 auto 16px;padding:12px 18px;display:grid;box-shadow:5px 5px #fff}.ranking-your-entry small{letter-spacing:.12em;font-size:12px;font-weight:1000}.ranking-your-entry>strong{font-size:25px}.ranking-your-entry span{text-overflow:ellipsis;white-space:nowrap;font-weight:1000;overflow:hidden}.ranking-your-entry>b{font-size:24px}.ranking-board{border:3px solid var(--rank-ink);background:var(--rank-paper);border-radius:15px;margin:auto;overflow:hidden;box-shadow:8px 8px #ffffffe6}.ranking-board>header,.ranking-board li{grid-template-columns:74px minmax(120px,1fr) minmax(190px,1.3fr) 150px;align-items:center;gap:12px;display:grid}.ranking-board>header{color:#5f5667;letter-spacing:.12em;background:#ebe0d2;padding:10px 18px;font-size:12px;font-weight:1000}.ranking-board ol{margin:0;padding:0;list-style:none}.ranking-board li{border-top:1px solid var(--rank-line);min-height:78px;padding:12px 18px}.ranking-board li:nth-child(-n+3){background:#fff4c6}.ranking-board li.is-player{box-shadow:inset 7px 0 0 var(--rank-mint);background:#dff9ef;position:relative}.ranking-position{font-size:24px}.ranking-board li:first-child .ranking-position{color:#c38200;font-size:31px}.ranking-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ranking-record{font-size:14px;font-weight:900;line-height:1.45}.ranking-record small{color:#756c7c;font-size:12px}.ranking-score{text-align:right;font-size:25px}.ranking-message{text-align:center;margin:0;padding:32px;font-weight:900}.ranking-message p{margin:0}.ranking-message--error{color:#ad2f4e}.ranking-retry-button{min-height:var(--tap-target);border:2px solid var(--rank-ink);background:var(--rank-yellow);color:var(--rank-ink);box-shadow:3px 3px 0 var(--rank-ink);cursor:pointer;border-radius:8px;margin-top:16px;padding:0 18px;font-weight:1000}.ranking-actions{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px auto 0;display:flex}.ranking-actions a,.ranking-actions button{min-height:max(52px,var(--tap-target));border:3px solid var(--rank-ink);background:var(--rank-yellow);color:var(--rank-ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 28px;font-family:inherit;font-size:15px;font-weight:1000;line-height:1;text-decoration:none;display:inline-flex;box-shadow:5px 5px #fff}.ranking-actions a{background:var(--rank-paper)}.ranking-actions a.ranking-replay-link{background:var(--rank-yellow)}.ranking-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.ranking-page{padding-top:16px}.ranking-hero{margin-top:38px}.ranking-your-entry{grid-template-columns:auto auto 1fr;padding:10px 12px}.ranking-your-entry>b{grid-column:2/4;font-size:20px}.ranking-board>header{display:none}.ranking-board li{grid-template-columns:56px minmax(0,1fr) auto;gap:6px 10px;padding:12px}.ranking-position{grid-row:1/3}.ranking-name{font-size:15px}.ranking-record{grid-column:2}.ranking-score{grid-area:1/3/3;font-size:20px}}