.ranked-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;padding:14px 18px;background:#091d3b;color:#fff;border:1px solid #426fa9;border-radius:12px}
.ranked-controls label{font-weight:800}.ranked-controls select,.wallet-inner select{font:inherit;border:1px solid #7897c3;border-radius:8px;padding:10px;color:#fff;background:#102c52;max-width:100%}
.ranked-controls p{margin:0;font-size:13px;line-height:1.5;flex-basis:100%;color:#d7e8ff}
.ranked-controls button{color:#fff;background:#204f94;border:1px solid #7393c1;border-radius:8px;padding:9px 12px;font:inherit;cursor:pointer}
#walletAccount{overflow-wrap:anywhere;font-size:14px}#walletStatus{min-height:3em}#walletDisconnect{margin:12px 0}#humanCheck{flex-basis:100%}
.ranked-row{display:grid;grid-template-columns:40px 1fr 100px 180px;gap:12px;padding:16px 0;border-bottom:1px solid #466185;font-variant-numeric:tabular-nums}
#rankedRows{text-align:left}#rankedBoardStatus{line-height:1.6}.ranked-save-status{padding:10px;border-radius:8px;background:#e5f0ff;color:#123869}
@media(max-width:600px){.ranked-row{grid-template-columns:28px 1fr 85px;gap:8px;font-size:13px}.ranked-row span:last-child{grid-column:2 / 4;font-size:11px}.ranked-controls{padding:12px}.ranked-controls select{flex:1;min-width:140px}.ranked-controls button{font-size:12px}}
body[data-phase="play"] .ranked-controls,body[data-phase="count"] .ranked-controls,body[data-phase="tutorial"] .ranked-controls{display:none}

/* Wallet identity selects scoring automatically; the stage owns the entire window. */
body.game-focused #game{grid-template-rows:minmax(0,1fr)}
body.game-focused #game>.game-layout{grid-row:1;min-height:0;height:100%}
#rankedStatus:empty{display:none}
.game-section .welcome #rankedStatus{font-size:11px;line-height:1.4;color:#ffe16b;margin-top:10px;max-width:32ch}
#walletDialog #rankedBest{font-size:13px;line-height:1.5}
#walletDialog #walletConnectQr{margin-top:10px;background:#102c52;border:2px solid #7897c3}
#walletDialog #walletConnectQr:disabled{opacity:.55;cursor:not-allowed}
#walletDialog #walletConnectQrHint{font-size:12px;margin:4px 0 12px;color:#d7e8ff}
