.rankings{width:100%;max-width:390px}.rankings>.eyebrow{color:var(--gold);margin:0 0 16px}.rankings h1{font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-1.5px;margin:0 0 26px}.rankings h1 em{font-style:normal;color:var(--mint)}.rankings-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.rankings h2{font-size:13px;letter-spacing:1.3px;margin:0}.rankings button{color:var(--cream);background:transparent;border:1px solid #5d7a73;border-radius:8px;padding:8px 12px;font-size:12px;min-height:40px}.rankings-refresh{font-size:10px!important}.rankings-tabs{display:flex;gap:8px;margin-top:14px}.rankings-tabs button{flex:1}.rankings-tabs [aria-selected=true]{background:var(--mint);color:var(--ink);border-color:var(--mint);font-weight:800}.rankings-status{font-size:11px;color:#c4d7ce;min-height:34px;margin:12px 0 4px}.rankings-list{list-style:none;padding:0;margin:0;border-top:1px solid #46625e}.rankings-list li{display:flex;align-items:center;gap:14px;min-height:33px;border-bottom:1px solid #35534f;font-size:12px}.rankings-place{color:var(--gold);font:10px ui-monospace,monospace;width:18px}.rankings-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rankings-list strong{font-size:12px;font-variant-numeric:tabular-nums;color:var(--mint)}.rankings-empty{color:#8ba9a1}.rankings-note{font-size:10px;color:#b6cdc3;line-height:1.7;margin:14px 0 0}.rankings .text-link{margin-top:15px}.rankings-trophy{font-size:17px;flex-shrink:0}.rankings-dialog{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;background:#153c40;color:var(--cream);border:1px solid #799488;border-radius:18px;padding:20px;box-shadow:0 20px 80px #0008}.rankings-dialog::backdrop{background:#092328cc;backdrop-filter:blur(3px)}.rankings-close,.rankings-skip,.rankings-retry{display:block;background:transparent;border:1px solid #799488;color:var(--cream);border-radius:8px;padding:10px 14px;min-height:44px;font:inherit}.rankings-close{margin:0 0 20px auto;font-size:12px}.rankings-dialog .rankings h1,.rankings-dialog .rankings>.eyebrow,.rankings-dialog .text-link{display:none}.rankings-dialog .rankings{max-width:none}.rankings-dialog .rankings-list li{min-height:36px}.score-form h2{font-size:28px;line-height:1.1;letter-spacing:-1px}.qualified-score{color:var(--mint);font-weight:800}.score-form label{font-size:13px;font-weight:700;display:block;margin:20px 0 8px}.score-form label span{font-weight:400;color:#c4d7ce}.score-form input{width:100%;font:16px system-ui;padding:13px 12px;border-radius:8px;border:2px solid #77978a;background:#f5f2df;color:#102c32}.score-form input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.score-form #nickname-rules,.score-form #public-notice{font-size:12px;line-height:1.6;color:#c4d7ce}.post-status{font-size:12px;color:var(--gold);min-height:18px}.rankings-skip{width:100%;margin-top:16px}.rankings-result{font-size:11px!important;margin:12px 0 0!important}.rankings-retry{color:var(--ink);border-color:#6d8c81;font-size:11px;margin:8px auto 0;padding:7px 12px;min-height:36px}.intro-copy:has(.rankings)>:not(.rankings){display:none}
@media(min-width:761px){.rankings-trophy{display:none}.layout:has(.rankings){gap:48px;grid-template-columns:minmax(280px,390px) auto;justify-content:center}}
@media(max-width:760px){.dashboard:has(.rankings-trophy){gap:9px;padding-left:10px;padding-right:10px}.dashboard:has(.rankings-trophy) .game-wordmark{font-size:11px}.dashboard:has(.rankings-trophy) .game-wordmark>span{font-size:19px}.dashboard:has(.rankings-trophy) .icon-button{width:32px;min-width:32px}.dashboard:has(.rankings-trophy) .stat strong{font-size:21px}}
@media(max-height:720px) and (min-width:761px){.rankings h1{font-size:28px;margin-bottom:12px}.rankings>.eyebrow{margin-bottom:8px}.rankings-list li{min-height:26px}.rankings-note{margin-top:8px}.rankings-status{margin:6px 0 0;min-height:30px}}