/* Shared controls: compact navy/lime actions with clear selected states. */
:root{--control-navy:#10243a;--control-edge:#d3dce6;--control-hover:#f0f5f9;--control-shadow:0 2px 5px #10243a0a}
.primary-button,.secondary-button,.session-trigger{border-radius:12px;min-height:44px;padding:11px 17px;font-weight:700;line-height:1.35;letter-spacing:-.15px;box-shadow:var(--control-shadow);transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;text-decoration:none}
.primary-button{background:linear-gradient(180deg,#d1fa67,#c5f542);border:1px solid #afd532;color:var(--control-navy);box-shadow:0 2px 0 #8fb22830,0 3px 8px #10243a09}
.secondary-button,.session-trigger{background:#fff;border:1px solid var(--control-edge);color:var(--control-navy)}
.text-button{border-radius:9px;text-decoration:none;padding:10px 12px;transition:background-color .15s}
.round-actions,.session-actions{gap:8px;align-items:center}.session-actions{margin:10px 0 14px}.session-actions .primary-button{width:auto;flex:0 1 auto}
.leaderboard-tabs,.round-tabs,.app-tabs{display:flex;gap:5px;padding:5px;border:1px solid #dce3eb;border-radius:16px;background:#e8edf3;box-shadow:inset 0 1px 2px #10243a05;margin:16px 0;max-width:100%;flex-wrap:wrap}
.leaderboard-tabs{width:fit-content}
.leaderboard-tabs button,.round-tabs button,.app-tabs a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:#526278;font:700 14px Arial,sans-serif;line-height:1.3;box-shadow:none;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s}
.leaderboard-tabs button[aria-pressed=true],.round-tabs button[aria-current=page],.app-tabs a[aria-current=page]{color:#fff;background:#10243a;border-color:#10243a;box-shadow:0 2px 5px #10243a20}
.leaderboard-tabs button[aria-pressed=true]::before{content:'';width:6px;height:6px;flex:none;background:#c5f542;border-radius:50%}
.app-tabs a:not([aria-current=page]){box-shadow:none}
.session-trigger{border-radius:24px;padding:10px 17px;background:#fff;box-shadow:var(--control-shadow)}
.presets button{border-radius:10px;min-height:44px;transition:background-color .15s}.presets button[aria-pressed=true]{background:#10243a;color:#c5f542;border-color:#10243a}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #185caa;outline-offset:3px}
button:disabled{cursor:not-allowed;box-shadow:none;opacity:.45;transform:none}
@media(hover:hover){.primary-button:not(:disabled):hover{background:#d3fa70;border-color:#9fc625;box-shadow:0 3px 9px #10243a14}.secondary-button:not(:disabled):hover,.session-trigger:hover{background:#f5f8fb;border-color:#9caec0;box-shadow:0 3px 9px #10243a0d}.text-button:not(:disabled):hover{background:#e8eef5}.leaderboard-tabs button:not([aria-pressed=true]):hover,.round-tabs button:not([aria-current=page]):hover,.app-tabs a:not([aria-current=page]):hover{background:#ffffffb3;color:#10243a}}
.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active{transform:translateY(1px);box-shadow:none}
@media(max-width:600px){.leaderboard-tabs{width:100%;flex-wrap:nowrap;gap:3px;padding:4px;border-radius:14px}.leaderboard-tabs button{flex:1 1 0;min-width:0;padding:10px 7px;font-size:13px;gap:5px}.round-tabs button,.app-tabs a{padding:10px 9px;font-size:13px}.primary-button,.secondary-button{padding:10px 14px}.session-actions .primary-button{flex:1 1 auto}.session-actions .secondary-button{flex:0 1 auto}}
@media(prefers-reduced-motion:reduce){.primary-button,.secondary-button,.session-trigger,.text-button,.leaderboard-tabs button,.round-tabs button,.app-tabs a,.presets button{transition:none}.primary-button:not(:disabled):active,.secondary-button:not(:disabled):active{transform:none}}

.shell>header a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}.country-courses>summary{min-height:44px;box-sizing:border-box;padding:11px 8px;cursor:pointer}