#mainMenu{overflow:auto;align-items:safe center;touch-action:pan-y}
.menu-content{margin:auto 0;padding-top:24px;padding-bottom:24px}
.player-entry{max-width:430px;margin:0 0 16px;display:grid;gap:6px}
.player-entry label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:var(--gold)}
.player-entry input{font:16px Arial,sans-serif;background:#211d18;color:var(--paper);border:1px solid #bba78488;border-radius:4px;padding:11px 13px;min-width:0;width:100%;touch-action:manipulation;user-select:text;-webkit-user-select:text}
.player-entry input:focus{outline:2px solid var(--gold);outline-offset:2px}
.player-entry input[aria-invalid=true]{border-color:#ff9d86}
.player-entry small{font-size:10px;line-height:1.5;color:#c8bba4}
#playerNameError{color:#ffad91;min-height:0}
#playerNameError:empty{display:none}
.ranking-menu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px;max-width:460px}
.ranking-menu small{font-size:10px;line-height:1.5;color:#c8bba4}
.ranking-panel{max-height:calc(100dvh - 32px);overflow:auto;width:min(850px,95vw);touch-action:pan-y;overscroll-behavior:contain}
#leaderboardModal{z-index:20;touch-action:pan-y;padding:16px;align-items:safe center}
#leaderboardTitle:focus{outline:none}
.ranking-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;margin:18px 0}
.ranking-filters label{display:grid;gap:6px;font-size:12px;font-weight:bold}
.ranking-filters select{font:14px Arial,sans-serif;background:#fff0d0;color:var(--ink);border:1px solid #7b654c;border-radius:4px;padding:10px;max-width:100%}
.ranking-table-wrap{overflow-x:auto;touch-action:pan-x pan-y}
.ranking-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.ranking-table th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:10px 8px;border-bottom:2px solid #7b654c}
.ranking-table td{padding:12px 8px;border-bottom:1px solid #7b654c44;vertical-align:top}
.ranking-table td:nth-child(2){overflow-wrap:anywhere;max-width:200px}
.ranking-table td:nth-child(3){font-weight:bold;white-space:nowrap}
.ranking-table small{display:block;line-height:1.6;font-size:10px;color:#725546}
.ranking-note,#scoreSaveStatus{font-size:11px!important;line-height:1.5!important}
.panel.ranking-panel{width:min(850px,95vw);max-height:calc(100dvh - 32px);overflow:auto}
#resultRanking{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 20px;padding:14px 16px;border:1px solid #7b654c44;background:#d8bc8250;border-radius:4px;margin:18px 0}
#resultRanking[hidden],#rankingResultActions[hidden]{display:none}
.result-rank{display:flex;align-items:center;gap:13px}
.result-rank strong{font:900 38px/1 Georgia,serif;color:#9e4536}
.result-rank>span{font-size:9px;font-weight:900;letter-spacing:1px;max-width:95px;line-height:1.5}
.ranking-result-copy{display:flex;flex-direction:column;gap:5px;justify-content:center;font-size:12px}
.ranking-result-copy b{font:700 20px/1.1 Georgia,serif}
.ranking-result-copy small{font-size:10px;color:#725546}
#resultRankingStatus{grid-column:1/-1;font-size:11px;line-height:1.5;margin:3px 0 0}
.ranking-table .current-match{background:#d8bc82aa;outline:2px solid #9e4536;outline-offset:-2px;font-weight:bold}
.ranking-table .current-match small{color:#9e4536;font-weight:900}
#rankingResultActions{position:sticky;bottom:0;background:#eeddba;padding:13px 0 0;margin-top:14px;border-top:1px solid #7b654c44;gap:14px;box-shadow:0 -8px 10px #eeddba}
#rankingResultActions .primary{font-size:13px;padding:12px 20px;letter-spacing:1px}
#rankingResultActions .secondary{font-size:10px;padding:12px 14px}
@media(max-width:600px){#leaderboardModal{padding:12px}.panel.ranking-panel{width:100%;padding:22px 16px;max-height:calc(100dvh - 24px)}#leaderboardModal .panel h2{font-size:32px;letter-spacing:-1px}#leaderboardIntro{font-size:12px;line-height:1.5;margin-bottom:12px}#resultRanking{padding:11px 12px;gap:8px 12px;margin:12px 0}.result-rank{gap:8px}.result-rank strong{font-size:30px}.result-rank>span{font-size:8px;max-width:75px}.ranking-result-copy{font-size:11px}.ranking-result-copy b{font-size:17px}#rankingResultActions{gap:10px}#rankingResultActions .primary{padding:12px 15px;font-size:11px}#rankingResultActions .secondary{font-size:9px;padding:12px 10px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-height:600px){.menu-content{padding-top:18px;padding-bottom:18px}.player-entry{margin-bottom:10px;gap:4px}.player-entry input{padding:8px 11px}.ranking-menu{margin-top:8px}.menu-bottom{display:none}}
@media(max-width:600px){.ranking-panel{padding:25px 16px}.ranking-filters{gap:10px}.ranking-table th,.ranking-table td{padding:9px 5px}.ranking-table{font-size:11px}.ranking-table th{font-size:9px}.ranking-filters label{width:100%}.ranking-filters select{width:100%}.menu-hero{position:absolute;pointer-events:none}}