.rank-link{display:inline-flex;gap:24px;align-items:center;margin-top:18px;padding:14px 0;border-bottom:1px solid hsl(var(--gold)/.4);color:hsl(var(--gold-bright));font:9px "JetBrains Mono",monospace;letter-spacing:1px}
.rank-link:hover{color:var(--paper)}
.rank-link span{font-size:18px}
.rankings{max-width:1090px;margin:20px auto 64px;scroll-margin-top:24px}
.rankings-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 0 24px;border-top:1px solid hsl(var(--gold)/.24)}
.rankings-heading h2{font:400 clamp(28px,3.7vw,44px)/1.15 Anton,Archivo,sans-serif;margin:12px 0 0}
.global-label{font:8px "JetBrains Mono",monospace;letter-spacing:1px;color:var(--muted);white-space:nowrap;padding-bottom:5px}
.global-label i{display:inline-block;height:5px;width:5px;background:hsl(var(--gold));margin-right:8px;border-radius:50%}
.rankings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);border:1px solid hsl(var(--gold)/.28);background:hsl(var(--card))}
.ranking-list{min-width:0}
.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid hsl(var(--gold)/.2);padding:16px 24px}
.ranking-tabs{display:flex;gap:4px}
.ranking-tabs button{font:10px "JetBrains Mono",monospace;background:transparent;border:1px solid transparent;padding:12px;color:var(--muted);min-height:44px}
.ranking-tabs button:hover{color:hsl(var(--gold-bright))}
.ranking-tabs button.selected{color:hsl(var(--gold-bright));border-color:hsl(var(--gold)/.35);background:hsl(var(--gold)/.08)}
.refresh-button{font:9px "JetBrains Mono",monospace;color:hsl(var(--gold-bright));border:0;background:transparent;padding:12px 0;min-height:44px}
.ranking-message{min-height:170px;display:grid;align-content:center;text-align:center;padding:24px;color:var(--muted);font:12px/1.8 Archivo,sans-serif;margin:0}
.ranking-table-wrap{max-height:480px;overflow:auto}
.ranking-list table{width:100%;border-collapse:collapse;font:12px "JetBrains Mono",monospace}
.ranking-list th{font-size:8px;letter-spacing:1px;color:var(--muted);font-weight:400;background:#0d0b11;position:sticky;top:0;z-index:1}
.ranking-list td,.ranking-list th{text-align:left;padding:18px 14px;border-bottom:1px solid hsl(var(--gold)/.1)}
.ranking-list td:first-child,.ranking-list th:first-child{padding-left:24px;width:70px;color:hsl(var(--gold-bright))}
.ranking-list td:nth-child(3),.ranking-list th:nth-child(3){text-align:right;color:hsl(var(--gold-bright))}
.ranking-list td:last-child,.ranking-list th:last-child{text-align:right;padding-right:24px}
.ranking-list td a{overflow-wrap:anywhere}
.ranking-list td a:hover{text-decoration:underline;color:hsl(var(--gold-bright))}
.ranking-list tr:first-child td{background:hsl(var(--gold)/.055)}
.ranking-list tr:first-child td:first-child{font-weight:700}
.ranking-footnote{font:7px/1.8 "JetBrains Mono",monospace;letter-spacing:.6px;padding:16px 24px;margin:0;color:var(--muted)}
.claim-score{padding:28px;border-left:1px solid hsl(var(--gold)/.2);background:radial-gradient(ellipse at right top,hsl(var(--eth)/.07),transparent 70%)}
.claim-score h3{font:400 29px/1.2 Anton,Archivo,sans-serif;color:hsl(var(--gold-bright));margin:15px 0}
.claim-score>p{font:12px/1.8 Archivo,sans-serif;color:var(--muted);margin:0 0 24px}
#score-form>label:not(.consent){font:8px "JetBrains Mono",monospace;letter-spacing:1.1px;color:hsl(var(--gold-bright))}
.handle-input{display:flex;align-items:center;gap:8px;margin-top:10px;padding:0 14px;border:1px solid hsl(var(--gold)/.35);background:#09070e}
.handle-input>span{color:hsl(var(--gold));font:15px "JetBrains Mono",monospace}
.handle-input input{width:100%;min-width:0;min-height:48px;padding:12px 0;background:transparent;color:var(--paper);border:0;font:16px Archivo,sans-serif}
.handle-input:focus-within{outline:2px solid hsl(var(--gold));outline-offset:2px}
.handle-input input:focus{outline:none}
.handle-note{font:10px/1.7 Archivo,sans-serif;color:var(--muted);margin:10px 0 18px}
.completed-score{padding:14px 0;border-top:1px solid hsl(var(--gold)/.15);border-bottom:1px solid hsl(var(--gold)/.15);font:9px/1.7 "JetBrains Mono",monospace;letter-spacing:.4px;color:hsl(var(--gold-bright))}
.consent{display:flex;align-items:start;gap:9px;margin:18px 0;font:11px/1.6 Archivo,sans-serif;color:var(--muted)}
.consent input{width:18px;height:18px;flex-shrink:0;accent-color:hsl(var(--gold));margin:0;cursor:pointer}
.privacy-link{border:0;padding:0;background:none;color:hsl(var(--gold-bright));text-decoration:underline;font:inherit;min-height:24px}
#submit-score{width:100%}
.submission-message{font:10px/1.7 Archivo,sans-serif;color:var(--muted);margin:12px 0 0}
footer{flex-wrap:wrap;gap:16px}
.footer-actions{display:flex;gap:20px;align-items:center}
.copyright{flex-basis:100%;font:8px/1.6 "JetBrains Mono",monospace;color:var(--muted)}
#privacy-dialog{max-height:85dvh;overflow:auto}
#privacy-dialog h3{font:700 14px Archivo,sans-serif;color:hsl(var(--gold-bright));margin:22px 0 8px}
#privacy-dialog a{color:hsl(var(--gold-bright));text-decoration:underline}
[hidden]{display:none!important}
@media(max-width:1150px){.rankings{margin-left:35px;margin-right:35px}}
@media(max-width:760px){
  .rank-link{font-size:7px;gap:12px;margin:6px 0 0;padding:8px 0}
  .rankings{margin:16px 16px 36px}
  .rankings-heading{align-items:start;flex-direction:column;gap:14px;padding:22px 0}
  .rankings-heading .mini-label{font-size:7px}
  .rankings-heading h2{font-size:32px}
  .rankings-layout{grid-template-columns:1fr}
  .claim-score{border-left:0;border-top:1px solid hsl(var(--gold)/.2);padding:24px}
  .ranking-toolbar{padding:12px 16px;gap:4px}
  .ranking-tabs button{padding:10px;font-size:9px}
  .ranking-list td,.ranking-list th{padding:16px 10px;font-size:11px}
  .ranking-list th{font-size:7px}
  .ranking-list td:first-child,.ranking-list th:first-child{padding-left:16px;width:55px}
  .ranking-list td:nth-child(3),.ranking-list th:nth-child(3){padding-right:16px}
  .streak-column{display:none}
  .ranking-footnote{padding:16px;font-size:6px}
  .footer-actions{gap:16px}
  footer .copyright{display:block}
  .cabinet{scroll-margin-top:8px}
  body.is-playing .intro{display:none}
  body.is-playing main{padding-top:8px}
  body.is-playing .arena{padding-bottom:8px}
  body.is-playing .board{width:min(100%,calc((100svh - 155px)*1.02));margin:0 auto}
  .icon-button,#music-toggle,.mode-buttons button,.secondary{min-height:44px}
}
@media(max-height:500px) and (orientation:landscape){
  body.is-playing .intro{display:none}
  body.is-playing main{display:block;max-width:570px;padding-top:8px}
  body.is-playing .board{width:min(100%,calc((100svh - 130px)*1.02));margin:0 auto}
  body.is-playing .scoreboard{padding:9px}
  body.is-playing .cabinet-top{padding:8px 12px}
}