/* Main destinations stay visible; only long catalogues use a chooser. */
.app > nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
.app>nav[inert] { opacity:.45; }
.section-switch { min-width:0; margin-bottom:18px; }
.section-inline-options { display:flex; flex-wrap:wrap; gap:8px; }
.section-inline-options button { flex:1 1 100px; min-width:0; min-height:46px; padding:11px 14px; border:1px solid #ffffff16; border-radius:12px; background:#1d2a39; color:#b9c7da; font-size:13px; overflow-wrap:anywhere; }
.section-inline-options button[aria-pressed=true] { background:#006bc9; border-color:#006bc9; color:white; }
.section-menu-trigger { display:none; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:62px; padding:13px 16px; text-align:left; border:1px solid #778da852; border-radius:15px; background:#1d2a39; color:#e6edf7; }
.section-menu-trigger span { min-width:0; }
.section-menu-trigger small { display:block; font-size:10px; color:#a5b7cf; margin-bottom:5px; }
.section-menu-trigger strong { display:block; font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.section-menu-trigger svg { width:21px; height:21px; fill:none; stroke:#bacde8; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; transition:transform .15s; }
.section-menu-trigger[aria-expanded=true] svg { transform:rotate(180deg); }
.section-always-menu .section-menu-trigger { display:flex; }
.section-always-menu .section-inline-options { display:none; }
dialog.section-sheet { position:fixed; inset:auto 0 0; margin:0 auto; width:min(100%,560px); max-width:100%; max-height:min(84vh,760px); max-height:min(84dvh,760px); padding:10px 20px max(24px,env(safe-area-inset-bottom)); border:1px solid #7186a54d; border-bottom:0; border-radius:25px 25px 0 0; background:#182434; color:#e6edf7; box-shadow:0 -18px 70px #0005; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
dialog.section-sheet::backdrop { background:#050b16b3; backdrop-filter:blur(5px); }
.section-sheet-handle { display:block; width:38px; height:4px; margin:0 auto 20px; border-radius:10px; background:#8091ab66; }
.section-sheet-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 24px; }
.section-sheet-heading>div { min-width:0; }
.section-sheet-heading small { color:#91a7c3; font-size:9px; letter-spacing:.15em; }
.section-sheet-heading h2 { font-size:24px; line-height:1.2; letter-spacing:-.035em; margin:7px 0 0; overflow-wrap:anywhere; }
.section-sheet-close { display:grid; place-items:center; width:44px; height:44px; flex-shrink:0; background:#ffffff08; color:#c6d3e6; border:1px solid #ffffff12; border-radius:50%; padding:0; }
.section-sheet-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.section-sheet-options button { display:flex; align-items:center; justify-content:space-between; gap:10px; text-align:left; min-height:62px; min-width:0; padding:14px; background:#202f42; border:1px solid #ffffff12; border-radius:14px; color:#c7d4e7; font-size:13px; line-height:1.4; }
.section-sheet-options button>span:first-child { min-width:0; overflow-wrap:anywhere; }
.section-sheet-options button>span:last-child { flex-shrink:0; color:#8ea7c9; }
.section-sheet-options button[aria-pressed=true] { background:#d3e1f4; border-color:#d3e1f4; color:#172538; }
.section-sheet-options button[aria-pressed=true]>span:last-child { color:#172538; }
.section-menu-trigger:focus-visible,.section-inline-options button:focus-visible,.section-sheet button:focus-visible { outline:3px solid #a6cfff; outline-offset:3px; }

/* Compact sets stay visible. No horizontal gestures are required for tabs. */
.orbit-tabs,.orbit-pills { flex-wrap:wrap; overflow:visible; }
.orbit-pills button { flex:1 1 100px; min-width:0; min-height:44px; padding:10px; white-space:normal; overflow-wrap:anywhere; }
.slot-tabs,.bets,.wheel-selector,.room-actions { flex-wrap:wrap; }
.slot-tabs button,.bets button,.wheel-selector button,.room-actions button { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.wheel-selector button { min-height:44px; }
.discovery-toolbar button { min-width:0; white-space:normal; overflow-wrap:anywhere; }
.app,#main,.panel,.player-info,.history-row>div,.orbit-page-heading>div,.orbit-section-heading>div,.orbit-hero-heading>div { min-width:0; }
.player-info strong,.player-info small,.orbit-profile-hero>h1,.orbit-page-heading h1,.history-row strong { overflow-wrap:anywhere; }
.player-card { flex-wrap:wrap; }
.player-card .player-info { flex:1 1 100px; }
.player-card .player-actions { flex-wrap:wrap; min-width:0; }
.orbit-section-heading,.orbit-hero-heading,.orbit-pet-title,.orbit-catalog-meta { flex-wrap:wrap; }
.orbit-chip { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.orbit-actions button,.orbit-filter-row button { white-space:normal; overflow-wrap:anywhere; }
.orbit-filter-row { flex-wrap:wrap; }
.orbit-filter-row label { flex-basis:150px; }
.orbit-filter-row select { min-width:0; max-width:100%; }
.orbit-look input,.orbit-bio textarea,.orbit-rename input { max-width:100%; }
dialog { max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; }

/* Leaderboard: a personal target, real leaders and legible results. */
.top-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:16px 2px 24px; }
.top-heading>div { min-width:0; }
.top-heading h1 { margin:8px 0; font-size:clamp(32px,6vw,44px); letter-spacing:-.045em; line-height:1.1; }
.top-heading p { color:#9dafc7; font-size:13px; margin:0; line-height:1.5; }
.top-emblem { font-size:66px; line-height:1; color:#abc5e9; padding-right:8px; }
.top-filters { display:flex; flex-wrap:wrap; align-items:flex-start; gap:12px; padding:18px; }
.top-filters .section-switch { flex:1 1 230px; margin:0; }
.top-filters .section-inline-options button { flex-basis:115px; }
.top-context { flex-basis:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:4px 12px; padding-top:5px; }
.top-context>span { color:#9dafc7; font-size:11px; }
.top-context .text-button { min-height:44px; padding:8px 0 8px 12px; font-size:12px; color:#bed0ea; }
.top-personal { display:flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #728ab04d; border-radius:20px; background:radial-gradient(ellipse at 100% 0%,#779be526,transparent 70%),#1c2c42; padding:24px; margin:18px 0 26px; }
.top-personal>div { min-width:0; }
.top-personal h2 { font-size:26px; letter-spacing:-.04em; margin:7px 0; }
.top-personal.is-ranked h2 { font-size:42px; }
.top-personal p { color:#a3b6d2; font-size:12px; line-height:1.6; margin:0; max-width:400px; }
.top-personal-score { text-align:right; }
.top-personal-score strong { display:block; font-size:28px; letter-spacing:-.04em; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.top-personal-score span { display:block; font-size:11px; color:#a6bbd8; margin-top:4px; }
.top-list-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:20px 2px 14px; }
.top-list-heading h2 { font-size:19px; margin:0; }
.top-list-heading>span { font-size:11px; color:#93a8c3; }
.top-podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
.top-podium-card { position:relative; min-width:0; border:1px solid #ffffff16; border-radius:18px; padding:18px 14px; background:#1b293b; display:flex; align-items:center; flex-direction:column; gap:12px; text-align:center; }
.top-podium-card[data-place="1"] { background:linear-gradient(160deg,#394150,#202f42); border-color:#d3bc8266; }
.top-place { color:#a7b6cc; font-size:13px; font-variant-numeric:tabular-nums; }
.top-podium-card[data-place="1"] .top-place { color:#ebd49e; }
.top-avatar { display:grid; place-items:center; flex-shrink:0; width:44px; height:44px; border:1px solid #ffffff16; border-radius:15px; background:#30445e; color:#c4d9f6; font-size:20px; font-weight:600; }
.top-podium-card .top-avatar { width:52px; height:52px; font-size:24px; border-radius:18px; }
.top-player-name { min-width:0; }
.top-player-name strong { display:block; font-size:14px; line-height:1.4; overflow-wrap:anywhere; }
.top-player-name small { display:block; color:#91a5c1; font-size:10px; line-height:1.5; margin-top:4px; overflow-wrap:anywhere; }
.top-player-name small:empty { display:none; }
.top-you { display:inline-block; margin-left:5px; font-size:9px; color:#b8d9f7; padding:2px 5px; background:#52759a38; border-radius:5px; vertical-align:middle; }
.top-player-score { min-width:0; margin-left:auto; text-align:right; font-variant-numeric:tabular-nums; }
.top-player-score strong { display:block; font-size:19px; overflow-wrap:anywhere; }
.top-player-score small { display:block; font-size:9px; color:#9eafc6; margin-top:4px; }
.top-podium-card .top-player-score { margin: auto 0 0; text-align:center; }
.top-players { padding:0; margin:0; list-style:none; display:grid; gap:8px; }
.top-player-row { display:grid; grid-template-columns:28px 44px minmax(0,1fr) minmax(55px,auto); align-items:center; gap:12px; padding:14px 16px; background:#1b293b; border:1px solid #ffffff0e; border-radius:15px; }
.top-is-me { border-color:#88b2df80; box-shadow:inset 3px 0 #9ec2e9; }
.top-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:12px; margin:22px 0; }
.top-pagination>span { font-size:11px; color:#9aacbf; }
.top-pagination button { font-size:12px; min-height:44px; }
.top-empty,.top-loading { text-align:center; padding:34px 22px; }
.top-empty>span,.top-loading-mark { display:block; font-size:36px; color:#a5bcde; }
.top-empty h2,.top-loading h2 { font-size:20px; margin:14px 0 10px; }
.top-empty p,.top-loading p { font-size:13px; line-height:1.6; color:#9eb0c8; overflow-wrap:anywhere; }
.top-empty button { margin-top:8px; }
.top-rules { margin-top:24px; padding:18px; }
.top-rules summary { cursor:pointer; font-size:13px; color:#b5c6dc; min-height:24px; }
.top-rules p { font-size:12px; line-height:1.7; color:#99abc2; }

@media(max-width:680px) {
 .section-menu-trigger { display:flex; }
 .section-inline-options { display:none; }
 .section-compact .section-menu-trigger { display:none; }
 .section-compact .section-inline-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .section-compact .section-inline-options button { padding:10px 8px; }
 .section-switch { margin-bottom:16px; }
 .orbit-pills { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0 0 16px; }
 .orbit-pills:has(>button:nth-child(3):last-child) { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .orbit-pills button { border-radius:12px; }
 .discovery-toolbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 .slot-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bets { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
 .bets button { padding:10px 4px; }
 .room-actions button { flex:1 1 120px; }
 input,select,textarea { font-size:16px; }
 .orbit-filter-row select,.orbit-look input,.orbit-rename input { font-size:16px; }
 .orbit-profile-hero,.orbit-pet-home { padding:18px; }
 .orbit-profile-hero>h1 { font-size:30px; }
 .orbit-daily { flex-wrap:wrap; gap:14px; }
 .orbit-daily button { width:100%; }
 .top-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:14px; }
 .top-filters .section-switch:first-child,.top-filters .section-switch:nth-child(2):nth-last-child(2),.top-context { grid-column:1/-1; }
 .top-filters .section-menu-trigger { padding:12px; height:100%; }
 .top-personal { padding:20px 18px; gap:16px; }
 .top-personal p { font-size:11px; }
 .top-personal-score { flex:0 1 32%; }
 .top-personal-score strong { font-size:25px; }
 .top-podium { gap:8px; }
 .top-podium-card { border-radius:14px; padding:14px 8px; gap:10px; }
 .top-podium-card .top-player-name strong { font-size:12px; }
 .top-podium-card .top-player-score strong { font-size:17px; }
 .top-player-row { padding:12px; gap:10px; grid-template-columns:22px 38px minmax(0,1fr) minmax(48px,auto); }
 .top-player-row .top-avatar { width:38px; height:38px; font-size:17px; border-radius:12px; }
 .top-player-row .top-player-name strong { font-size:13px; }
 .top-player-row .top-player-score strong { font-size:17px; }
}
@media(max-width:370px) {
 .section-sheet-options { gap:8px; }
 .section-sheet-options button { padding:12px 10px; font-size:12px; }
 dialog.section-sheet { padding-left:14px; padding-right:14px; }
 .section-sheet-heading h2 { font-size:22px; }
 .orbit-pills:has(>button:nth-child(3):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .orbit-pills>button:nth-child(3):last-child { grid-column:1/-1; }
 .orbit-passport strong { font-size:22px; }
 .orbit-quick-links { gap:8px; }
 .orbit-quick-links button { padding:14px; }
 .top-emblem { font-size:48px; }
 .top-personal { flex-wrap:wrap; }
 .top-personal-score { flex-basis:auto; text-align:left; }
 .top-podium { grid-template-columns:minmax(0,1fr); }
 .top-podium-card { display:grid; grid-template-columns:24px 38px minmax(0,1fr) minmax(48px,auto); text-align:left; gap:9px; padding:14px 12px; }
 .top-podium-card .top-avatar { width:38px; height:38px; border-radius:12px; font-size:19px; }
 .top-podium-card .top-player-score { text-align:right; margin:0; }
 .top-player-row { grid-template-columns:22px minmax(0,1fr) minmax(48px,auto); }
 .top-player-row .top-avatar { display:none; }
}
@media(prefers-reduced-motion:reduce) { .section-menu-trigger svg { transition:none; } }

.top-presets,.top-scope { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.top-presets button,.top-scope button { flex:1 1 120px; min-height:44px; padding:10px 14px; }
.top-week-note { color:var(--muted); font-size:13px; line-height:1.6; margin:0 0 18px; }
.top-target { margin-top:12px; }