/* One-row controls on both crypto boards. */
.board-timeframe-heading { margin:4px 0 2px;overflow:hidden;border:1px solid rgba(8,142,67,.3);border-radius:15px;background:linear-gradient(145deg,#fff,#eef9f2);box-shadow:0 4px 11px rgba(7,133,62,.12); }
.board-timeframe-heading .world-compact-heading,.board-timeframe-heading .domestic-timeframe-title { display:flex;position:relative;align-items:center;justify-content:space-between;flex-wrap:nowrap;min-height:56px;padding:6px 14px;gap:10px;background:transparent; }
.board-timeframe-heading .world-compact-heading { padding-right:42px; }
.board-timeframe-heading h1 { flex:1;min-width:0;margin:0;color:#078b43;font-size:clamp(15px,1.8vw,24px);white-space:nowrap; }
.board-timeframe-heading #worldSearchToggle { position:static;display:flex;align-items:center;width:100%;height:auto;min-height:44px;padding:0;gap:7px; }
.board-timeframe-heading #worldSearchToggle>span:nth-child(2) { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.board-timeframe-heading #worldSearchToggle .world-search-chevron { position:absolute;right:12px;top:50%;width:18px;height:24px;margin:-12px 0 0;font-size:24px; }
.board-timeframe-heading .world-globe-icon { flex:none;width:32px;height:32px;font-size:24px;box-shadow:none; }
.board-timeframe-controls { position:relative;z-index:2;display:flex;align-items:center;gap:10px;flex:none;width:auto; }
.board-timeframe-controls .world-category-control,.board-timeframe-control { display:flex;flex-direction:row;align-items:center;gap:5px;margin:0;color:#078b43;font-size:12px;font-weight:800;white-space:nowrap;text-shadow:none; }
.board-timeframe-control select,.board-timeframe-trigger,.board-timeframe-controls .world-category-control select { appearance:auto;box-sizing:border-box;width:90px;min-width:90px;max-width:90px;min-height:40px;padding:5px 6px;border:2px solid #9ecab0;border-radius:9px;color:#183a27;background:#fff;font:inherit;font-size:14px;cursor:pointer;box-shadow:0 2px 5px rgba(7,133,62,.1); }
.board-timeframe-controls #worldCategory[data-category="stable"] { font-size:11px; }
.board-timeframe-control select:focus-visible,.board-timeframe-trigger:focus-visible { outline:3px solid #f39800;outline-offset:2px; }
.board-timeframe-note { margin:2px 10px;color:var(--muted);font-size:10px;font-weight:700;line-height:1.35; }
.board-timeframe-heading>.world-board-result,.board-timeframe-result { margin:2px 10px 4px;font-size:10px;font-weight:700;line-height:1.35;color:var(--muted); }
html[data-theme="dark"] .board-timeframe-heading { background:linear-gradient(145deg,#1b2521,#122019);border-color:#405f4b; }
html[data-theme="dark"] .board-timeframe-heading h1,html[data-theme="dark"] .board-timeframe-control { color:#eaf7ef; }
html[data-theme="dark"] .board-timeframe-control select,html[data-theme="dark"] .board-timeframe-trigger { color:#fff;background:#14221a;border-color:#64977a; }
@media(max-width:720px) {
 .board-timeframe-heading .world-compact-heading,.board-timeframe-heading .domestic-timeframe-title { min-height:52px;padding:4px 8px;gap:6px; }
 .board-timeframe-heading .world-compact-heading { padding-right:30px; }
 .board-timeframe-heading h1 { font-size:14px; }
 .board-timeframe-heading #worldSearchToggle { gap:5px; }
 .board-timeframe-heading .world-globe-icon { width:24px;height:24px;font-size:19px; }
 .board-timeframe-heading #worldSearchToggle .world-search-chevron { right:7px;width:16px;font-size:22px; }
 .board-timeframe-controls { gap:5px; }
 .board-timeframe-control select,.board-timeframe-trigger,.board-timeframe-controls .world-category-control select { width:78px;min-width:78px;max-width:78px;min-height:40px;padding:5px 4px;font-size:12px; }
 .board-timeframe-controls #worldCategory[data-category="stable"] { font-size:10px; }
}
@media(max-width:360px) {
 .board-timeframe-heading h1 { font-size:12px; }
 .board-timeframe-heading .world-compact-heading,.board-timeframe-heading .domestic-timeframe-title { gap:4px;padding-left:6px; }
 .board-timeframe-heading #worldSearchToggle { gap:3px; }
 .board-timeframe-heading .world-globe-icon { width:20px;height:20px;font-size:16px; }
 .board-timeframe-controls { gap:3px; }
 .board-timeframe-control select,.board-timeframe-trigger,.board-timeframe-controls .world-category-control select { width:72px;min-width:72px;max-width:72px;font-size:11px; }
 .board-timeframe-controls #worldCategory[data-category="stable"] { font-size:9px; }
}


/* Static moon scene; only large current gains reveal it. */
.sparkline .moon-scene,.sparkline .moon-data-glow { display:none;pointer-events:none; }
.sparkline .chart-to-moon .moon-scene,.sparkline .chart-to-moon .moon-data-glow { display:inline; }
.sparkline .moon-shade-top { stop-color:#20e6ef;stop-opacity:.65; }
.sparkline .moon-shade-middle { stop-color:#39f0e6;stop-opacity:.28; }
.sparkline .moon-art { opacity:.88; }
.sparkline .moon-body,.sparkline .moon-wick { fill:#fff;stroke:#fff;stroke-width:2.4;opacity:.7; }
.sparkline .moon-line { fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.7; }
html[data-theme="dark"] .sparkline .moon-shade-top { stop-color:#12cddb;stop-opacity:.48; }
html[data-theme="dark"] .sparkline .moon-shade-middle { stop-color:#19dbe2;stop-opacity:.2; }
html[data-theme="dark"] .sparkline .moon-art { opacity:.94; }

.board-timeframe-control select[hidden] { display:none; }
.board-timeframe-trigger { position:relative;padding-right:18px; }
.board-timeframe-trigger::after { content:"⌄";position:absolute;right:5px;top:50%;transform:translateY(-50%); }
.board-timeframe-popup { position:fixed;z-index:10000;box-sizing:border-box;padding:10px 8px 8px;border:1px solid #a9cbb7;border-radius:16px;background:#fff;color:#183a27;box-shadow:0 8px 28px rgba(0,0,0,.24);max-height:calc(100dvh - 16px);overflow:auto; }
.board-timeframe-popup[hidden] { display:none; }
.board-timeframe-count { text-align:right;padding:0 8px 6px;font-size:12px;font-weight:700;color:#5d7165; }
.board-timeframe-popup button { display:block;position:relative;width:100%;min-height:44px;border:0;border-radius:8px;padding:10px 14px 10px 32px;background:transparent;color:inherit;font:inherit;font-size:16px;text-align:left;cursor:pointer; }
.board-timeframe-popup button[aria-pressed="true"] { background:#e8f7ef;color:#078b43;font-weight:800; }
.board-timeframe-popup button[aria-pressed="true"]::before { content:"✓";position:absolute;left:10px; }
.board-timeframe-popup button:hover,.board-timeframe-popup button:focus-visible { background:#d9f1e3;outline:2px solid #078b43;outline-offset:-2px; }
html[data-theme="dark"] .board-timeframe-popup { background:#202b25;color:#f1f8f4;border-color:#64977a; }
html[data-theme="dark"] .board-timeframe-count { color:#bfd4c7; }
html[data-theme="dark"] .board-timeframe-popup button[aria-pressed="true"],html[data-theme="dark"] .board-timeframe-popup button:hover,html[data-theme="dark"] .board-timeframe-popup button:focus-visible { background:#304c3c;color:#b4f6cd; }

/* Size labels to the board itself, including iPad split panes. */
.board-timeframe-heading { container-type:inline-size; }
.board-timeframe-heading .board-timeframe-control-label { position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none; }
.board-timeframe-heading .board-timeframe-controls .board-timeframe-trigger,
.board-timeframe-heading .board-timeframe-controls .world-category-control select {
  box-sizing:border-box;height:40px;min-height:40px;max-height:40px;
  padding-block:5px;line-height:1.2;vertical-align:middle;
}
@container (max-width:460px) {
  .board-timeframe-heading .board-timeframe-control-label { position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%); }
}

/* Compact, matching information strips for world and domestic boards. */
.board-timeframe-heading .world-compact-heading,
.board-timeframe-heading .domestic-timeframe-title {
  border-bottom:1px solid rgba(8,142,67,.18);
  background:linear-gradient(145deg,#fff,#eef9f2);
  box-shadow:inset 0 0 3px rgba(21,186,91,.24),inset 0 0 12px rgba(21,186,91,.15);
}
.board-heading-notes { display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;column-gap:8px;padding:3px 10px 4px; }
.board-heading-notes .board-timeframe-note,
.board-heading-notes .world-board-result,
.board-heading-notes .board-timeframe-result {
  min-width:0;margin:0;color:var(--muted);font-size:clamp(8px,2.5cqw,10px);font-weight:700;line-height:1.2;white-space:nowrap;
}
.board-heading-notes .world-board-result,
.board-heading-notes .board-timeframe-result { text-align:right; }
html[data-theme="dark"] .board-timeframe-heading .world-compact-heading,
html[data-theme="dark"] .board-timeframe-heading .domestic-timeframe-title {
  border-bottom-color:#405f4b;background:linear-gradient(145deg,#1b2521,#122019);
  box-shadow:inset 0 0 3px rgba(52,203,119,.22),inset 0 0 12px rgba(52,203,119,.13);
}

/* The right-hand search chevron owns the whole reserved tap area. */
.board-timeframe-heading #worldSearchToggle .world-search-chevron { z-index:3; right:0; top:0; width:42px; height:100%; margin:0; display:grid; place-items:center; cursor:pointer; pointer-events:auto; }
@media(max-width:720px) { .board-timeframe-heading #worldSearchToggle .world-search-chevron { width:30px; } }
