:root {
  color-scheme: dark;
  --bg: #0b100d;
  --bg-soft: #101713;
  --surface: #141d18;
  --surface-2: #18241d;
  --surface-3: #1e2b23;
  --ink: #f3f7f4;
  --muted: #93a39a;
  --muted-2: #67766d;
  --line: #28372e;
  --line-strong: #3a4d41;
  --lime: #b6f36b;
  --lime-strong: #8fd83f;
  --mint: #69dbc7;
  --blue: #6f9dff;
  --coral: #ff8668;
  --danger: #ff6d76;
  --warning: #f6c86a;
  --radius: 18px;
  --radius-sm: 11px;
  --shadow: 0 24px 80px rgba(0, 0, 0, .28);
  --font: "Aptos", "Segoe UI Variable", "Segoe UI", sans-serif;
  --mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
}
* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: clip; scroll-behavior: smooth; }
body { max-width: 100%; overflow-x: clip; margin: 0; min-height: 100vh; background: var(--bg); color: var(--ink); font-family: var(--font); -webkit-font-smoothing: antialiased; }
img, svg, video, canvas { max-width: 100%; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { color: #071009; background: var(--lime); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.wrap { width: min(1180px, calc(100% - 40px)); max-width: 100%; margin: 0 auto; }

.site-header { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: 0 max(24px, calc((100vw - 1180px)/2)); border-bottom: 1px solid rgba(182,243,107,.08); background: rgba(11,16,13,.86); backdrop-filter: blur(18px); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 760; letter-spacing: -.03em; font-size: 20px; }
.brand.compact { font-size: 16px; }
.brand-mark { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #071009; background: var(--lime); font-size: 13px; font-weight: 900; letter-spacing: -.08em; box-shadow: 0 0 0 4px rgba(182,243,107,.08); }
.nav-links { display: flex; align-items: center; gap: 28px; color: var(--muted); font-size: 14px; }
.nav-links a, .nav-button { transition: color .2s ease; }
.nav-links a:hover, .nav-button:hover { color: var(--ink); }
.nav-button { padding: 0; border: 0; background: none; cursor: pointer; }
.nav-links .nav-cta { min-height: 36px; padding: 0 14px; border: 1px solid rgba(182,243,107,.32); border-radius: 10px; display: inline-flex; align-items: center; color: #071009 !important; background: var(--lime); font-weight: 780; }
.nav-links .nav-cta:hover { color: #071009; background: #c4ff7e; }
.admin-link { color: var(--lime) !important; }

.hero { display: block; min-height: 450px; padding-top: 92px; padding-bottom: 84px; }
.hero-copy { width: 100%; }
.eyebrow, .section-kicker { color: var(--lime); font-family: var(--mono); font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.live-dot { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 5px rgba(182,243,107,.11); }
.visitor-stats-tag { display: inline-flex; width: max-content; max-width: 100%; align-items: center; gap: 7px; padding: 8px 12px; border: 1px solid rgba(8,32,18,.06); border-radius: 999px; color: #66615c; background: #f3f0ed; box-shadow: 0 8px 24px rgba(0,0,0,.09); font-size: 13px; line-height: 1; letter-spacing: 0; text-decoration: none; text-transform: none; white-space: nowrap; }
.visitor-stats-tag:hover { color: #3d3935; background: #fff; transform: translateY(-1px); }
.visitor-stats-tag strong { color: inherit; font-weight: 760; }
.visitor-online { display: inline-flex; align-items: center; gap: 6px; color: #13863a; font-weight: 760; }
.visitor-online-dot { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #20b759; box-shadow: 0 0 0 4px rgba(32,183,89,.12); }
.sponsored-label { display: inline-flex; align-items: center; font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a5a00; background: #fff4d6; border: 1px solid #f0d9a0; border-radius: 999px; padding: 2px 8px; line-height: 1; white-space: nowrap; }
.visitor-stat-separator { color: #aaa49d; }
.visitor-stats-cta { color: #302d2a; font-weight: 650; }
.hero h1 { max-width: 820px; margin: 20px 0 24px; font-size: clamp(48px, 7vw, 86px); line-height: .94; letter-spacing: -.067em; font-weight: 780; }
.hero h1 span { color: var(--muted); }
.hero-lede { max-width: 820px; margin: 0; color: #bdc8c0; font-size: 19px; line-height: 1.65; text-wrap: pretty; }
.hero-actions { display: flex; gap: 12px; margin-top: 30px; }
.quick-entry-form { width: 100%; display: grid; grid-template-columns: minmax(260px, 2fr) minmax(140px, .8fr) minmax(140px, .8fr) 100px auto; gap: 8px; margin-top: 30px; padding: 9px; border: 1px solid var(--line-strong); border-radius: 16px; background: #101713; box-shadow: 0 18px 45px rgba(0,0,0,.18); }
.quick-entry-form > * { min-width: 0; }
.quick-entry-form input, .quick-entry-form select { width: 100%; max-width: 100%; min-width: 0; min-height: 48px; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; outline: none; color: var(--ink); background: var(--surface); }
.quick-entry-form input:focus, .quick-entry-form select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,243,107,.08); }
.quick-entry-form .button { min-height: 48px; white-space: nowrap; }
.secondary-actions { margin-top: 13px; }
.text-action { padding: 0; border: 0; color: var(--muted); background: transparent; cursor: pointer; font-size: 12px; }
.text-action:hover { color: var(--lime); }
.quick-entry-note { margin: 12px 0 0; color: var(--muted-2); font-size: 12px; }
.top-bid-panel { margin: 0 0 42px; padding: 16px; border: 1px solid var(--line-strong); border-radius: 16px; background: var(--bg-soft); box-shadow: 0 18px 45px rgba(0,0,0,.14); }
.home-top-bid { margin-top: 30px; margin-bottom: 0; }

.top-bid-pitch { margin: 0 4px 14px; color: var(--ink); font-size: clamp(20px,2.4vw,30px); font-weight: 760; letter-spacing: -.035em; }
.outbid-position { display: inline-flex; padding: 2px 8px; border-radius: 999px; color: #071009; background: var(--lime); font-family: var(--mono); font-size: .72em; letter-spacing: -.04em; vertical-align: .12em; }
.outbid-category { color: var(--mint); border-bottom: 2px solid rgba(105,219,199,.32); }
.outbid-place { color: var(--blue); border-bottom: 2px solid rgba(111,157,255,.32); }
.outbid-price { color: var(--lime); font-family: var(--mono); font-weight: 900; letter-spacing: -.055em; }
.top-bid-form { width: 100%; display: grid; align-items: end; grid-template-columns: minmax(260px,1.6fr) minmax(180px,1fr) minmax(180px,1fr) auto; gap: 8px; }
.top-bid-form > * { min-width: 0; }
.top-bid-form label { display: block; }
.top-bid-label { display: block; margin: 0 2px 6px; color: var(--muted); font-size: 11px; font-weight: 650; }
.top-bid-form input, .top-bid-form select { width: 100%; min-width: 0; min-height: 52px; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; outline: none; color: var(--ink); background: var(--surface); }
.top-bid-form input:focus, .top-bid-form select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,243,107,.08); }
.target-picker { position: relative; }
.target-search-input { cursor: pointer; padding-right: 38px !important; }
.target-search-input:focus { cursor: text; }
.target-picker-chevron { position: absolute; top: 50%; right: 14px; z-index: 1; transform: translateY(-55%); color: var(--muted); font-size: 20px; line-height: 1; pointer-events: none; }
.target-picker:focus-within .target-picker-chevron { color: var(--lime); }
.target-picker-menu { position: absolute; top: calc(100% + 7px); left: 0; z-index: 80; width: max(100%, 330px); max-height: 330px; overflow-y: auto; padding: 6px; border: 1px solid var(--line-strong); border-radius: 12px; background: #101a14; box-shadow: 0 18px 50px rgba(0,0,0,.5); }
.target-picker-menu[hidden] { display: none; }
.target-picker-breadcrumbs { position: sticky; top: -6px; z-index: 2; display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 5px 8px; border-bottom: 1px solid var(--line); color: var(--muted); background: #101a14; font-size: 10px; }
.target-picker-breadcrumbs > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.target-picker-back { display: grid; flex: 0 0 26px; place-items: center; width: 26px; height: 26px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); cursor: pointer; font-size: 21px; line-height: 1; }
.target-picker-back:hover { border-color: var(--lime); color: var(--lime); }
.target-picker-current { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; margin: 5px 0; padding: 10px; border: 1px solid rgba(182,243,107,.25); border-radius: 9px; background: rgba(182,243,107,.06); cursor: pointer; }
.target-picker-current > span { display: grid; gap: 3px; min-width: 0; }
.target-picker-current strong { font-size: 12px; }
.target-picker-current small { overflow: hidden; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.target-picker-current b { color: var(--lime); font: 800 9px var(--mono); text-transform: uppercase; }
.target-picker-option { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 54px; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.target-picker-option:hover, .target-picker-option.is-active { background: rgba(182,243,107,.1); }
.target-picker-option.is-selected { background: rgba(182,243,107,.06); }
.target-picker-option-copy { display: grid; gap: 3px; min-width: 0; }
.target-picker-option-copy strong, .target-picker-option-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.target-picker-option-copy strong { color: var(--ink); font-size: 13px; font-weight: 750; }
.target-picker-option-copy small { color: var(--muted-2); font-size: 10px; }
.target-picker-kind { padding: 4px 6px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-family: var(--mono); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.target-picker-option-actions { display: flex; align-items: center; gap: 7px; }
.target-picker-drill { color: var(--lime); font-size: 20px; line-height: 1; }
.target-picker-empty { margin: 0; padding: 16px 10px; color: var(--muted); font-size: 12px; text-align: center; }
.top-bid-form .button { min-height: 52px; white-space: nowrap; }
.top-bid-form .button:disabled { opacity: .55; cursor: wait; }
.top-bid-status { min-height: 16px; margin: 8px 7px 0; color: var(--muted-2); font-size: 11px; }
.compact-lp-bid { margin-bottom: 16px; padding: 12px; }
.compact-lp-bid .top-bid-pitch { margin-bottom: 10px; font-size: clamp(18px,2vw,24px); }
.compact-lp-bid .top-bid-form input, .compact-lp-bid .top-bid-form select, .compact-lp-bid .top-bid-form .button { min-height: 44px; }
.compact-lp-bid .top-bid-status { min-height: 0; margin-top: 5px; }
.compact-lp-bid .top-bid-status:empty { display: none; }
.compact-home-hero { min-height: 0; padding-bottom: 0; }
.home-leaderboard { padding-top: 0; padding-bottom: 80px; }
.home-leaderboard .leaderboard-browser { margin-top: 0; }
.home-hero-context .board-summary { margin-top: 14px; color: var(--muted-2); }
.standard-page-shell { position: relative; z-index: 2; isolation: isolate; padding-top: 32px; }
.standard-page-shell::before { content: ""; position: absolute; z-index: -1; top: -120px; left: -180px; width: 700px; height: 430px; pointer-events: none; background: radial-gradient(circle, rgba(182,243,107,.075), transparent 67%); filter: blur(4px); }
.home-hero-grid { display: grid; grid-template-columns: 1fr; gap: 0; align-items: start; }
.home-hero-message { min-width: 0; }
.home-hero-context { padding-bottom: 0; }

.button { min-height: 46px; padding: 0 18px; border: 1px solid transparent; border-radius: 12px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 740; font-size: 14px; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.button:hover { transform: translateY(-1px); }
.button.primary { color: #071009; background: var(--lime); box-shadow: 0 12px 30px rgba(182,243,107,.12); }
.button.primary:hover { background: #c4ff7e; }
.button.ghost { border-color: var(--line-strong); background: transparent; }
.button.ghost:hover, .button.subtle:hover { border-color: #5b7262; background: var(--surface-2); }
.button.subtle { min-height: 40px; border-color: var(--line); background: var(--surface); }
.disclosure { margin-top: 22px; color: var(--muted-2); font-size: 13px; }
.disclosure strong { color: var(--warning); }
.cycle-track { height: 7px; overflow: hidden; border-radius: 999px; background: #26342b; }
.cycle-track span, .cycle-track i { display: block; width: 73%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--lime), var(--mint)); }

.ranking-section { padding: 70px 0 42px; }
.compact-ranking-section { padding: 0 0 42px; }
.ranking-period-tabs { display: inline-flex; gap: 4px; margin: 0; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); }
.ranking-period-tabs a { flex: 0 0 auto; min-width: 82px; padding: 9px 13px; border-radius: 8px; color: var(--muted); font: 760 12px var(--mono); text-align: center; transition: color .18s ease, background .18s ease; }
.ranking-period-tabs a:hover { color: var(--ink); background: var(--surface); }
.ranking-period-tabs a.active { color: #071009; background: var(--lime); }
.ranking-meta-bar { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 16px; }
.ranking-meta-bar p { margin: 0; }
.ranking-meta-bar > .ranking-period-tabs { flex: 0 0 auto; align-self: center; }
.ranking-title h2 { margin: 4px 0 0; font-size: clamp(30px,3.4vw,43px); line-height: 1; letter-spacing: -.055em; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
.section-head h2 { margin: 6px 0 0; font-size: clamp(30px, 4vw, 47px); letter-spacing: -.045em; }
.section-kicker.neutral { color: var(--mint); }
.board-summary { color: var(--muted); font-size: 14px; }
.board-summary strong { color: var(--ink); }
.board-summary span { margin: 0 6px; color: var(--line-strong); }
.filter-bar { display: grid; grid-template-columns: minmax(280px, 1fr) 220px 200px auto; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: #101713; }
.filter-bar > * { min-width: 0; }
.search-field { position: relative; }
.search-field > span { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: 20px; }
.search-field input { padding-left: 42px; }
.filter-bar input, .filter-bar select, .form-grid input, .form-grid select, .form-grid textarea, .compact-form input, .compact-form select { width: 100%; max-width: 100%; min-width: 0; min-height: 46px; color: var(--ink); border: 1px solid transparent; border-radius: 10px; outline: none; background: var(--surface); padding: 0 13px; }
.filter-bar input:focus, .filter-bar select:focus, .form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus, .compact-form input:focus, .compact-form select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,243,107,.08); }
.filter-reset { padding: 0 14px; border: 0; border-radius: 10px; color: var(--muted); background: transparent; cursor: pointer; }
.filter-reset:hover { color: var(--ink); background: var(--surface); }
.filter-note { margin: 11px 4px 28px; color: var(--muted-2); font-size: 12px; }
.leaderboard { display: grid; gap: 14px; }
.loading-card, .empty-state { min-height: 160px; display: grid; place-items: center; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); }
.rank-card { position: relative; display: grid; align-items: center; grid-template-columns: 58px 60px minmax(0,1fr) auto; gap: 17px; padding: 20px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); overflow: hidden; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.rank-card:hover { transform: translateY(-2px); border-color: #456050; background: var(--surface-2); }
.rank-card.top-one { grid-template-columns: 74px 74px minmax(0,1fr) auto; min-height: 166px; padding: 30px; border-color: rgba(182,243,107,.6); background: linear-gradient(120deg, rgba(182,243,107,.11), var(--surface) 55%); box-shadow: 0 22px 70px rgba(0,0,0,.22); }
.rank-card.top-one::before { content: "ACTIVE LEADER"; position: absolute; top: 0; right: 0; padding: 8px 13px; color: #071009; background: var(--lime); border-radius: 0 0 0 12px; font: 800 10px/1 var(--mono); letter-spacing: .11em; }
.podium-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.podium-grid .rank-card { min-height: 132px; grid-template-columns: 60px 64px minmax(0,1fr); }
.podium-grid .score-block { grid-column: 2 / -1; justify-self: start; text-align: left; }
.rank-number { display: flex; align-items: center; justify-content: center; width: 52px; height: 36px; border-radius: 999px; color: var(--lime); background: rgba(182,243,107,.08); border: 1px solid rgba(182,243,107,.18); font-weight: 850; }
.top-one .rank-number { width: 64px; height: 48px; color: #071009; background: var(--lime); }
.product-logo { display: grid; place-items: center; overflow: hidden; width: 58px; height: 58px; border-radius: 15px; color: white; font-size: 20px; font-weight: 850; letter-spacing: -.04em; background: hsl(var(--logo-hue) 54% 42%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.product-logo img { width: 100%; height: 100%; object-fit: cover; background: white; }
.top-one .product-logo { width: 72px; height: 72px; font-size: 25px; }
.rank-info { min-width: 0; }
.rank-info h3 { margin: 0 0 5px; font-size: 18px; letter-spacing: -.02em; }
.top-one .rank-info h3 { font-size: 25px; }
.rank-info p { margin: 0; max-width: 680px; color: var(--muted); line-height: 1.45; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.top-one .rank-info p, .podium-grid .rank-info p { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; margin-top: 10px; color: var(--muted-2); font-size: 12px; }
.product-meta .tag { color: var(--mint); text-transform: capitalize; }
.ranking-scope-meta { display: flex; align-items: center; gap: 8px; min-width: 0; margin-top: 10px; font-size: 12px; font-weight: 650; white-space: nowrap; }

.ranking-scope-meta strong { color: inherit; font-family: var(--mono); }
.scope-rank-category { color: var(--mint); }
.scope-rank-place { color: var(--blue); }
.scope-rank-divider { color: var(--line-strong); }
.score-block { justify-self: end; min-width: 110px; text-align: right; }
.score-block strong { display: block; color: var(--lime); font-family: var(--mono); font-size: 20px; }
.score-block span { color: var(--muted-2); font-size: 11px; }
.rank-actions { display: flex; gap: 8px; margin-top: 12px; }
.mini-action { min-height: 34px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.02); color: var(--muted); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }
.mini-action:hover { color: var(--ink); border-color: var(--line-strong); }
.mini-action.boost { color: var(--lime); border-color: rgba(182,243,107,.3); }

/* Homepage tiered ranking */
.top-three-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.top-three-card { position: relative; display: grid; grid-template-columns: 58px 70px minmax(0,1fr) 160px; gap: 16px; align-items: center; min-height: 132px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); overflow: hidden; }
.top-three-card .rank-number { grid-column: 1; }
.top-three-card .product-logo { grid-column: 2; grid-row: 1; }
.top-three-card .rank-info { grid-column: 3; grid-row: 1; }
.top-three-card .rank-info p { margin-top: 7px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-three-card.top-rank-1 { min-height: 168px; padding: 28px 24px; border-width: 2px; border-color: rgba(182,243,107,.72); background: linear-gradient(110deg,rgba(182,243,107,.12),var(--surface) 58%); box-shadow: 0 22px 65px rgba(0,0,0,.2); }
.top-three-card.top-rank-1 .rank-number { color: #071009; background: var(--lime); }
.top-three-card.top-rank-1 .product-logo { width: 74px; height: 74px; font-size: 24px; }
.top-three-card.top-rank-1 .rank-info h3 { font-size: 26px; }
.top-three-card.top-rank-2 { min-height: 148px; border-color: rgba(105,219,199,.35); }
.top-three-card.top-rank-2 .rank-info h3 { font-size: 21px; }
.top-three-card.top-rank-3 { min-height: 132px; border-color: rgba(103,118,109,.6); opacity: .94; }
.top-three-card.top-rank-3 .rank-info h3 { font-size: 18px; }
.top-three-right { grid-column: 4; justify-self: end; display: grid; gap: 5px; min-width: 145px; border: 0; background: transparent; text-align: right; }
.top-three-score { color: var(--lime); font: 900 28px var(--mono); letter-spacing: -.055em; }
.top-three-period, .top-three-clicks { color: var(--muted); font-size: 13px; line-height: 1.25; }
.top-three-clicks { color: var(--blue); font-weight: 700; }
.ranking-tier-divider { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; margin: 48px 0 14px; }
.ranking-tier-divider span { color: var(--lime); font: 850 12px var(--mono); letter-spacing: .12em; }
.ranking-tier-divider i { height: 1px; background: var(--line); }
.ranking-tier-divider small { color: var(--muted-2); }
.top-twenty-five-feature-list { display: grid; gap: 8px; }
.top-twenty-five-feature-row { display: grid; grid-template-columns: 52px 56px minmax(0,1fr) 160px; gap: 15px; align-items: center; min-height: 104px; padding: 16px 20px; border: 1px solid var(--line); border-radius: 14px; background: rgba(20,29,24,.58); }
.top-twenty-five-feature-row:hover { border-color: var(--line-strong); background: var(--surface); }
.top-twenty-five-feature-row .product-logo { width: 54px; height: 54px; border-radius: 12px; font-size: 15px; }
.top-twenty-five-feature-row .tier-product p { overflow: hidden; margin: 5px 0; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.tier-rank { color: var(--lime); font: 800 12px var(--mono); }
.tier-product { min-width: 0; }
.tier-product > strong, .tier-product > small { display: block; }
.tier-product small { margin-top: 4px; color: var(--muted-2); }
.top-fifty-list { display: grid; border-top: 1px solid var(--line); }
.top-fifty-row { display: grid; grid-template-columns: 52px 44px minmax(150px,1fr) 112px; gap: 14px; align-items: center; min-height: 74px; padding: 10px 6px; border-bottom: 1px solid var(--line); }
.top-fifty-row:hover { background: rgba(255,255,255,.016); }
.top-fifty-row .product-logo { width: 42px; height: 42px; border-radius: 10px; font-size: 12px; }
.top-fifty-row .tier-product > strong { font-size: 14px; line-height: 1.1; }
.top-fifty-row .tier-product p { overflow: hidden; margin: 2px 0 0; color: var(--muted); font-size: 11px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.top-fifty-row .ranking-scope-meta { gap: 6px; overflow: hidden; margin-top: 2px; font-size: 10px; line-height: 1.1; }
.top-fifty-row .ranking-scope-meta > span { min-width: 0; }
.top-fifty-row .scope-rank-category { overflow: hidden; text-overflow: ellipsis; }
.top-fifty-row .scope-rank-divider, .top-fifty-row .scope-rank-place { flex: 0 0 auto; }
.top-fifty-row .top-three-right { min-width: 112px; gap: 3px; }
.top-fifty-row .top-three-score { font-size: 20px; }
.top-fifty-row .top-three-period, .top-fifty-row .top-three-clicks { font-size: 11px; }
.tier-empty { grid-column: 1 / -1; padding: 24px; color: var(--muted-2); border: 1px dashed var(--line); border-radius: 10px; text-align: center; }

.method-section { padding: 60px 0 100px; }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 22px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--line); }
.method-grid > div { min-height: 240px; padding: 30px; background: var(--surface); }
.method-grid span { color: var(--lime); font: 800 13px var(--mono); }
.method-grid h3 { margin: 52px 0 10px; font-size: 23px; }
.method-grid p { margin: 0; color: var(--muted); line-height: 1.6; }
.site-footer { margin-top: 34px; border-top: 1px solid var(--line); color: var(--muted); background: linear-gradient(180deg, rgba(20,29,24,.28), rgba(16,23,19,.72)); }
.footer-grid { display: grid; grid-template-columns: minmax(260px, 1.1fr) minmax(0, 1.9fr); gap: clamp(48px, 8vw, 110px); padding-top: 64px; padding-bottom: 54px; }
.footer-brand { align-self: start; }
.footer-brand .brand { color: var(--ink); font-size: 18px; }
.footer-brand p { max-width: 330px; margin: 22px 0 18px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.footer-trust { display: inline-flex; align-items: center; gap: 9px; min-height: 32px; padding: 0 11px; border: 1px solid rgba(182,243,107,.18); border-radius: 999px; color: #b8c5bc; background: rgba(182,243,107,.035); font: 650 10px var(--mono); letter-spacing: .02em; }
.footer-trust i { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lime); box-shadow: 0 0 0 4px rgba(182,243,107,.08); }
.footer-nav { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 38px; }
.footer-nav > div { display: flex; align-items: flex-start; flex-direction: column; gap: 12px; }
.footer-nav h2 { margin: 2px 0 9px; color: var(--muted-2); font: 800 10px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.footer-nav a { width: fit-content; color: #b9c5bd; font-size: 13px; line-height: 1.25; transition: color .18s ease; }
.footer-nav a:hover { color: var(--lime); }
.footer-bottom { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 22px; min-height: 62px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 11px; }
.footer-bottom > span:nth-child(2) { text-align: center; }
.footer-bottom .admin-link { justify-self: end; }

/* Dedicated leaderboard: primary surface = Explore */
.active-nav { color: var(--lime) !important; }
.leaderboard-page { min-height: calc(100vh - 180px); padding-top: 112px; padding-bottom: 80px; }
.leaderboard-page-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: end; padding-bottom: 38px; }
.leaderboard-page-hero h1 { grid-column: 1; margin: 7px 0 8px; font-size: clamp(46px, 7vw, 82px); letter-spacing: -.065em; line-height: .96; }
.leaderboard-page-hero > .standard-page-lede { grid-column: 1; }
.leaderboard-page-hero .board-summary { grid-column: 2; grid-row: 1 / 4; align-self: center; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.leaderboard-browser { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 30px; align-items: start; margin-top: 28px; }
.leaderboard-discovery-sidebar { grid-column: 2; grid-row: 1; position: static; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--bg-soft); }
.sidebar-heading { margin-bottom: 20px; }
.sidebar-heading h2 { margin: 5px 0 7px; font-size: 23px; letter-spacing: -.035em; }
.sidebar-heading > p:last-child { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.sidebar-field { display: grid; gap: 7px; margin-top: 14px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sidebar-field input, .sidebar-field select { width: 100%; max-width: 100%; min-width: 0; min-height: 44px; padding: 0 12px; border: 1px solid transparent; border-radius: 10px; outline: none; color: var(--ink); background: var(--surface); font-size: 13px; letter-spacing: normal; text-transform: none; }
.sidebar-field input:focus, .sidebar-field select:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,243,107,.08); }
.sidebar-search-control { position: relative; display: block; }
.sidebar-search-control > span { position: absolute; z-index: 1; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: 18px; }
.sidebar-search-control input { padding-left: 38px; }
.sidebar-filter-group { min-width: 0; margin: 20px 0 0; padding: 0; border: 0; }
.sidebar-filter-group legend { margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.sidebar-options { display: grid; gap: 4px; padding-right: 0; }
.filter-tree-node { min-width: 0; }
.tree-node-row { display: grid; grid-template-columns: minmax(0,1fr) 30px; gap: 3px; align-items: start; }
.tree-node-row > .sidebar-option { min-width: 0; }
.tree-toggle, .tree-toggle-spacer { width: 30px; height: 30px; flex: 0 0 auto; }
.tree-toggle { display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; color: var(--muted-2); background: transparent; cursor: pointer; }
.tree-toggle:hover { color: var(--lime); background: var(--surface); }
.tree-toggle span { display: block; font-size: 19px; line-height: 1; transition: transform .16s ease; }
.tree-toggle[aria-expanded="true"] span { transform: rotate(90deg); }
.tree-children { display: grid; gap: 3px; margin: 2px 0 5px 13px; padding-left: 8px; border-left: 1px solid var(--line); }
.tree-children[hidden] { display: none; }
.tree-children .tree-children { margin-left: 12px; }
.tree-leaf { padding-left: 8px; }
.tree-topic { padding-left: 11px; font-size: 11px; }
.sidebar-option { display: flex; align-items: flex-start; gap: 9px; padding: 7px 8px; border-radius: 8px; color: var(--muted); cursor: pointer; font-size: 12px; line-height: 1.35; }
.sidebar-option:hover { color: var(--ink); background: var(--surface); }
.sidebar-option:has(input:checked) { color: var(--ink); background: rgba(182,243,107,.07); }
.sidebar-option input { width: 15px; height: 15px; flex: 0 0 auto; margin: 1px 0 0; accent-color: var(--lime); }
.sidebar-reset { width: 100%; min-height: 40px; margin-top: 14px; border: 1px solid var(--line); }
.leaderboard-discovery-sidebar .filter-note { margin: 16px 2px 0; line-height: 1.5; }
.leaderboard-results { grid-column: 1; grid-row: 1; min-width: 0; }
.leaderboard-results-heading { min-height: 60px; padding: 0 8px; }
.leaderboard-results-heading > span { color: var(--muted-2); font: 600 11px var(--mono); }
.full-leaderboard { display: grid; border-top: 1px solid var(--line); }
.full-rank-row { display: grid; grid-template-columns: 60px 52px minmax(0,1fr) 130px; gap: 15px; align-items: center; min-width: 0; padding: 18px 8px; border-bottom: 1px solid var(--line); }
.full-rank-row:hover { background: rgba(255,255,255,.015); }
.full-rank-row .product-logo { width: 50px; height: 50px; border-radius: 13px; font-size: 15px; }
.full-rank-row .rank-info h3 { font-size: 16px; }
.full-rank-row .rank-info h3 a:hover { color: var(--lime); }
.pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 34px; }
.pagination a { display: grid; place-items: center; min-width: 42px; min-height: 42px; padding: 0 13px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); background: var(--surface); font-size: 13px; }
.pagination a:hover, .pagination a.active { color: #071009; border-color: var(--lime); background: var(--lime); }

/* Discovery and information pages */
.discovery-page, .info-page { min-height: calc(100vh - 180px); padding-top: 120px; padding-bottom: 90px; }
.discovery-hero { max-width: 900px; padding-bottom: 52px; }
.discovery-hero h1 { margin: 8px 0 16px; font-size: clamp(52px, 8vw, 92px); line-height: .95; letter-spacing: -.065em; }
.discovery-hero > p:not(.section-kicker) { max-width: 760px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.65; }
.legal-page { max-width: 980px; }
.legal-page .discovery-hero { max-width: 850px; }
.legal-document { max-width: 900px; margin: 0 auto; }
.legal-summary { margin-bottom: 12px; padding: 24px 26px; border: 1px solid rgba(182,243,107,.22); border-radius: 14px; color: var(--muted); background: rgba(182,243,107,.045); font-size: 13px; line-height: 1.65; }
.legal-summary p { margin: 0 0 8px; color: var(--lime); font: 750 10px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.legal-summary strong { color: var(--ink); }
.legal-section { display: grid; grid-template-columns: 62px minmax(0,1fr); gap: 18px; padding: 31px 4px; border-bottom: 1px solid var(--line); }
.legal-section > span { padding-top: 3px; color: var(--lime); font: 750 11px var(--mono); }
.legal-section h2 { margin: 0 0 10px; font-size: 21px; letter-spacing: -.025em; }
.legal-section p { max-width: 760px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.72; }
.legal-section a { color: var(--mint); border-bottom: 1px solid rgba(105,219,199,.28); }
.categories-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
.category-card { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: 15px; align-items: center; min-height: 92px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); transition: border-color .18s ease, transform .18s ease, background .18s ease; }
.category-card:hover { transform: translateY(-1px); border-color: var(--line-strong); background: var(--surface-2); }
.category-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--lime); background: var(--bg-soft); font: 750 15px var(--mono); }
.category-card h2 { margin: 0 0 5px; font-size: 16px; letter-spacing: -.015em; }
.category-card p { margin: 0; color: var(--muted-2); font-size: 12px; }
.category-arrow { color: var(--muted-2); font-size: 18px; }
.category-card:hover .category-arrow { color: var(--lime); }
.subcategories-index-section, .topics-index-section, .cities-index-section { padding-top: 84px; }
.subcategories-list, .topics-list, .cities-list { display: grid; gap: 30px; }
.subcategory-index-group h3, .topic-index-group h3, .city-index-group h3 { margin: 0 0 10px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.subcategory-index-group h3 a:hover, .topic-index-group h3 a:hover, .city-index-group h3 a:hover { color: var(--lime); }
.subcategory-index-group > div, .topic-index-group > div, .city-index-group > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.subcategory-index-group > div > a, .topic-index-group > div > a, .city-index-group > div > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 14px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.subcategory-index-group > div > a:hover, .topic-index-group > div > a:hover, .city-index-group > div > a:hover { border-color: var(--line-strong); background: var(--surface-2); }
.subcategory-index-group strong, .topic-index-group strong, .city-index-group strong { font-size: 14px; }
.subcategory-index-group span, .topic-index-group em, .city-index-group em { grid-column: 1; color: var(--muted-2); font-size: 11px; font-style: normal; }
.subcategory-index-group i, .topic-index-group i, .city-index-group i { grid-column: 2; grid-row: 1 / 3; color: var(--muted-2); font-style: normal; }
.subcategory-index-card { overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.subcategory-index-card > a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 14px; align-items: center; padding: 15px; }
.subcategory-index-card > a:hover { background: var(--surface-2); }

.city-index-group > div > a { grid-template-columns: 28px minmax(0,1fr) auto; }
.city-index-group .city-pin { grid-column: 1; grid-row: 1 / 3; color: var(--lime); font-size: 16px; }
.city-index-group strong, .city-index-group em { grid-column: 2; }
.city-index-group i { grid-column: 3; }
.continents-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.continent-card { min-height: 160px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.continent-card > span { display: inline-flex; margin-bottom: 35px; color: var(--lime); font: 800 12px var(--mono); letter-spacing: .12em; }
.continent-card h2 { margin: 0 0 7px; font-size: 22px; }
.continent-card p { margin: 0; color: var(--muted-2); font-size: 12px; }
.continent-card:hover { border-color: var(--line-strong); background: var(--surface-2); }
.countries-section { padding-top: 84px; }
.countries-list { display: grid; gap: 28px; }
.country-group { scroll-margin-top: 90px; }
.country-group h3 { margin: 0 0 10px; color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.country-group > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.country-group a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto 20px; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.country-group a:hover { border-color: var(--line-strong); }
.country-code { color: var(--lime); font: 750 11px var(--mono); }
.country-group strong { font-size: 14px; }
.country-group em { color: var(--muted-2); font-size: 11px; font-style: normal; }
.country-group i { color: var(--muted-2); font-style: normal; }
.future-cities { display: grid; grid-template-columns: 150px 1fr; gap: 30px; align-items: start; margin-top: 70px; padding: 28px; border: 1px dashed var(--line-strong); border-radius: 16px; }
.future-cities > span { color: var(--warning); font: 750 11px var(--mono); letter-spacing: .1em; }
.future-cities h2 { margin: 0 0 8px; }
.future-cities p { margin: 0; color: var(--muted); }
.info-page { max-width: 1120px; }
.prose-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }
.prose-grid article { min-height: 260px; padding: 28px; background: var(--surface); }
.prose-grid article > span { color: var(--lime); font: 800 12px var(--mono); }
.prose-grid h2 { margin: 70px 0 10px; font-size: 23px; }
.prose-grid p { margin: 0; color: var(--muted); line-height: 1.65; }
.manifesto { margin-top: 70px; padding: 42px; border: 1px solid rgba(182,243,107,.25); border-radius: 18px; background: rgba(182,243,107,.055); }
.manifesto blockquote { max-width: 900px; margin: 20px 0 30px; font-size: clamp(28px,4vw,48px); line-height: 1.2; letter-spacing: -.04em; }
.rules-list { display: grid; gap: 8px; padding: 0; list-style: none; }
.rules-list li { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding: 24px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); }
.rules-list li > span { color: var(--lime); font: 800 12px var(--mono); }
.rules-list h2 { margin: 0 0 7px; font-size: 18px; }
.rules-list p { margin: 0; color: var(--muted); line-height: 1.55; }
.rules-note { margin-top: 30px; padding: 22px; border: 1px solid rgba(246,200,106,.25); border-radius: 13px; background: rgba(246,200,106,.05); }
.rules-note strong { color: var(--warning); }
.rules-note p { margin: 6px 0 0; color: var(--muted); }
.discovery-detail-page { padding-top: 34px; }
.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 58px; color: var(--muted-2); font-size: 12px; }
.breadcrumbs a:hover { color: var(--lime); }
.breadcrumbs strong { color: var(--muted); font-weight: 650; }
.scoped-discovery-hero { max-width: 1040px; padding-bottom: 58px; }
.subcategory-section, .place-children-section { margin-top: 54px; }
.subcategory-section .section-head { margin-bottom: 16px; }
.subcategory-section h2 { font-size: 28px; }
.scope-subcategory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.scope-subcategory-grid a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 14px; align-items: center; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.scope-subcategory-grid a:hover { border-color: var(--line-strong); background: var(--surface-2); }
.scope-subcategory-grid strong { font-size: 14px; }
.scope-subcategory-grid span { grid-column: 1; color: var(--muted-2); font-size: 11px; }
.scope-subcategory-grid i { grid-column: 2; grid-row: 1 / 3; color: var(--muted-2); font-style: normal; }
.category-products { margin-top: 8px; }

.scope-country-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.scope-country-grid a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto 20px; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.scope-country-grid a:hover { border-color: var(--line-strong); background: var(--surface-2); }
.scope-country-grid em { color: var(--muted-2); font-size: 11px; font-style: normal; }
.scope-country-grid i { color: var(--muted-2); font-style: normal; }
.scoped-profile { display: grid; grid-template-columns: 86px minmax(0,1fr) auto; gap: 24px; align-items: start; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.scoped-profile .product-logo { width: 84px; height: 84px; }
.scoped-profile h2 { margin: 5px 0 9px; font-size: 30px; }
.scoped-profile p:not(.section-kicker) { margin: 0; color: var(--muted); line-height: 1.6; }
.scoped-empty { padding: 40px; text-align: center; }
.scoped-empty h2 { margin: 0 0 8px; color: var(--ink); }
.scoped-empty p { max-width: 650px; margin: 0 auto 22px; }
.city-placeholder, .city-next-level { padding: 30px; border: 1px dashed var(--line-strong); border-radius: 16px; background: var(--surface); }
.city-placeholder h2, .city-next-level h2 { margin: 7px 0 10px; font-size: 28px; }
.city-placeholder > p:not(.section-kicker), .city-next-level > p:not(.section-kicker) { max-width: 760px; color: var(--muted); line-height: 1.6; }
.city-route { display: inline-block; margin: 10px 0 24px; padding: 9px 12px; border-radius: 8px; color: var(--mint); background: var(--bg-soft); font: 12px var(--mono); }
.city-next-level { margin-top: 38px; }
.place-scope-ranking { margin-top: 58px; }
.compact-index-page, .compact-discovery-page, .compact-leaderboard-page { padding-top: 32px; }
.compact-index-page .compact-index-hero, .compact-discovery-page .scoped-discovery-hero { max-width: none; padding-bottom: 0; }
.compact-discovery-page .breadcrumbs { margin-bottom: 12px; }
.compact-discovery-page .place-scope-ranking, .compact-discovery-page .category-products { margin-top: 0; }
.compact-index-page > section > .section-head { margin-bottom: 14px; }
.compact-leaderboard-page .leaderboard-page-hero { padding-bottom: 0; }
.compact-leaderboard-page .leaderboard-page-hero .board-summary { padding: 12px 14px; }
.compact-leaderboard-page .leaderboard-filters { margin-top: 0; }
.standard-page-hero { max-width: none; padding-bottom: 0; }
.standard-page-hero h1 { max-width: 800px; margin: 9px 0 0; font-size: clamp(44px,4.7vw,60px); line-height: .94; letter-spacing: -.064em; text-wrap: balance; }
.standard-page-lede { max-width: 720px; margin: 28px 0 0; color: #aab8b0; font-size: 16px; line-height: 1.55; }
.standard-page-hero > p.standard-page-lede { max-width: 720px; margin: 28px 0 0; color: #aab8b0; font-size: 16px; line-height: 1.55; }
.standard-page-hero.leaderboard-page-hero { row-gap: 0; }
.standard-top-bid { margin: 24px 0 0; padding: 15px 16px 13px; border-color: rgba(182,243,107,.28); background: linear-gradient(120deg,rgba(182,243,107,.045),var(--bg-soft) 42%); }
.page-top-separator { height: 1px; margin: 36px 0 14px; background: rgba(182,243,107,.07); }
.page-top-separator + .leaderboard-browser { margin-top: 0; }
.info-page > .discovery-hero { padding-bottom: 0; }
.country-city-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.country-city-links a { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px 12px; padding: 15px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); }
.country-city-links a:hover { border-color: var(--line-strong); }
.country-city-links strong { font-size: 14px; }
.country-city-links span { grid-column: 1; color: var(--muted-2); font-size: 11px; }
.country-city-links i { grid-column: 2; grid-row: 1 / 3; color: var(--muted-2); font-style: normal; }

/* Dedicated Add listing flow */
.add-listing-page { padding-bottom: 90px; }
.add-listing-hero { padding-bottom: 0; }
.add-listing-layout { display: grid; grid-template-columns: minmax(0,1fr) 380px; gap: 24px; align-items: start; padding: 18px 0 54px; }
.add-listing-form { min-width: 0; display: grid; gap: 14px; }
.add-form-section { padding: 26px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.add-form-heading { display: flex; align-items: flex-start; gap: 14px; }
.add-form-heading > span { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid rgba(182,243,107,.22); border-radius: 10px; color: var(--lime); background: rgba(182,243,107,.06); font: 800 11px var(--mono); }
.add-form-heading h2 { margin: 0 0 4px; font-size: 20px; letter-spacing: -.03em; }
.add-form-heading p { margin: 0; color: var(--muted); font-size: 13px; }
.form-grid label > small { justify-self: end; margin-top: -23px; color: var(--muted-2); font-size: 10px; font-weight: 500; }
.listing-metadata-preview { display: grid; grid-template-columns: 56px minmax(0,1fr); gap: 14px; align-items: center; margin-top: 16px; padding: 14px; border: 1px solid rgba(182,243,107,.18); border-radius: 12px; background: var(--bg-soft); }
.listing-metadata-preview[hidden] { display: none; }
.listing-metadata-icon { display: grid; place-items: center; width: 56px; height: 56px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; color: #071009; background: var(--lime); font-weight: 900; }
.listing-metadata-icon img { width: 100%; height: 100%; object-fit: cover; background: white; }
.listing-metadata-preview small, .listing-metadata-preview strong { display: block; }
.listing-metadata-preview small { margin-bottom: 4px; color: var(--muted-2); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
.listing-metadata-preview strong { overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.listing-metadata-preview p { display: -webkit-box; overflow: hidden; margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.amount-stepper { display: grid; grid-template-columns: 52px minmax(0,1fr) 52px; gap: 10px; margin-top: 22px; }
.amount-stepper button { min-height: 64px; border: 1px solid rgba(182,243,107,.35); border-radius: 13px; color: var(--lime); background: rgba(182,243,107,.06); cursor: pointer; font: 700 27px var(--mono); }
.amount-stepper button:hover:not(:disabled) { color: #071009; background: var(--lime); }
.amount-stepper button:disabled { border-color: var(--line); color: var(--muted-2); background: var(--bg-soft); cursor: not-allowed; }
.amount-readout { display: grid; place-items: center; min-width: 0; padding: 9px 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--bg-soft); text-align: center; }
.amount-readout small { color: var(--muted-2); font-size: 10px; }
.amount-readout input { width: 100%; min-width: 0; padding: 0; border: 0; outline: none; color: var(--lime); background: transparent; caret-color: var(--lime); font: 850 24px var(--mono); letter-spacing: -.04em; text-align: center; }
.amount-readout:focus-within { border-color: rgba(182,243,107,.58); box-shadow: 0 0 0 3px rgba(182,243,107,.08); }
.add-listing-status { min-height: 20px; margin: 0 4px; color: var(--muted); font-size: 12px; }
.add-listing-submit { width: 100%; min-height: 52px; }
.add-listing-submit:disabled { opacity: .7; cursor: wait; }
.rank-preview-panel { position: sticky; top: 94px; overflow: hidden; padding: 26px; border: 1px solid rgba(182,243,107,.26); border-radius: 16px; background: linear-gradient(145deg,rgba(182,243,107,.08),var(--surface) 48%); box-shadow: var(--shadow); }
.preview-primary { padding: 24px 0; border-bottom: 1px solid var(--line); }
.preview-primary span, .preview-primary strong, .preview-primary small { display: block; }
.preview-primary span { margin-bottom: 9px; color: var(--muted-2); font-size: 11px; }
.preview-primary strong { color: var(--lime); font-size: 28px; letter-spacing: -.045em; }
.preview-primary small { margin-top: 8px; color: var(--muted); line-height: 1.5; }
.preview-ranks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.preview-ranks.global-only { grid-template-columns: 1fr; }
.preview-ranks > div[hidden] { display: none; }
.preview-ranks div { min-width: 0; padding: 13px 8px; border: 1px solid var(--line); border-radius: 10px; background: rgba(11,16,13,.46); text-align: center; }
.preview-ranks span { display: block; overflow: hidden; margin-bottom: 7px; color: var(--muted-2); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.preview-ranks strong { color: var(--ink); font: 850 20px var(--mono); }
.preview-context { display: flex; flex-wrap: wrap; gap: 7px; padding-top: 18px; }
.preview-context span { padding: 6px 8px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); font-size: 10px; }
.local-payment-note { margin: 18px 0 0; color: var(--warning); font-size: 11px; }

/* Dedicated product profiles */
.profile-page-main { padding-top: 28px; padding-bottom: 90px; }
.profile-breadcrumbs { margin-bottom: 18px; }
.profile-period-row { display: flex; justify-content: flex-end; margin-bottom: 18px; }
.profile-hero { display: grid; grid-template-columns: 112px minmax(0,1fr) 190px; gap: 28px; align-items: center; padding: 34px; border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(120deg,rgba(182,243,107,.075),var(--surface) 52%); box-shadow: var(--shadow); }
.profile-logo { width: 104px; height: 104px; border-radius: 24px; font-size: 32px; }
.profile-intro { min-width: 0; }
.profile-intro h1 { margin: 5px 0 10px; font-size: clamp(42px,5vw,66px); line-height: .95; letter-spacing: -.06em; }
.profile-intro > p:not(.section-kicker) { max-width: 760px; margin: 0; color: #b8c4bc; font-size: 17px; line-height: 1.6; }
.profile-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; color: var(--muted); font-size: 12px; }
.profile-meta span:first-child { color: var(--mint); }
.profile-meta a { color: var(--lime); }
.profile-meta a:hover { text-decoration: underline; }
.profile-rank-summary { justify-self: end; min-width: 170px; padding: 18px; border: 1px solid rgba(182,243,107,.2); border-radius: 14px; background: rgba(11,16,13,.55); text-align: right; }
.profile-rank-summary span { display: block; color: var(--muted-2); font: 750 10px var(--mono); letter-spacing: .1em; }
.profile-rank-summary strong { display: block; margin: 9px 0 5px; color: var(--lime); font: 900 38px var(--mono); letter-spacing: -.07em; }
.profile-rank-summary small { color: var(--muted); }
.profile-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 24px; }
.profile-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.profile-stats article { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.profile-stats span { display: block; margin-bottom: 14px; color: var(--muted-2); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.profile-stats strong { color: var(--ink); font: 800 24px var(--mono); letter-spacing: -.04em; }
.profile-stats article:nth-child(2) strong { color: var(--lime); }
.profile-bid-panel { margin: 20px 0 0; border-color: rgba(182,243,107,.3); background: linear-gradient(120deg,rgba(182,243,107,.04),var(--bg-soft) 44%); }
.profile-history { margin-top: 20px; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.profile-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.profile-section-heading h2 { margin: 5px 0 0; font-size: 26px; letter-spacing: -.035em; }
.profile-section-heading > span { color: var(--muted-2); font-size: 12px; }
.profile-history-list > div { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.profile-history-list > div:last-child { border-bottom: 0; }
.profile-history-list span, .profile-history-list > p { color: var(--muted); }
.profile-history-list span small { display: block; margin-top: 4px; color: var(--muted-2); font: 10px var(--mono); }
.profile-history-list strong { color: var(--lime); font-family: var(--mono); }
[data-profile-url] { cursor: pointer; }
[data-profile-url]:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }

.modal { width: min(700px, calc(100% - 28px)); max-height: calc(100vh - 40px); padding: 0; border: 0; border-radius: 22px; color: var(--ink); background: var(--surface); box-shadow: 0 30px 120px rgba(0,0,0,.6); }
.modal::backdrop { background: rgba(2,6,4,.76); backdrop-filter: blur(7px); }
.modal-card { position: relative; padding: 32px; }
.modal-card h2 { margin: 7px 0 8px; font-size: 32px; letter-spacing: -.04em; }
.modal-card > p:not(.section-kicker) { color: var(--muted); line-height: 1.55; }
.dialog-close { position: absolute; right: 20px; top: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: transparent; cursor: pointer; font-size: 23px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 24px; }
.form-grid label, .compact-form label { display: grid; gap: 7px; color: #cbd5ce; font-size: 13px; font-weight: 650; }
.form-grid label.full { grid-column: 1 / -1; }
.form-grid textarea { min-height: 100px; padding-top: 12px; resize: vertical; }
.modal-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.product-modal { min-height: 400px; }
.detail-header { display: grid; grid-template-columns: 76px 1fr auto; gap: 18px; align-items: center; }
.detail-header .product-logo { width: 76px; height: 76px; }
.detail-score { text-align: right; }
.detail-score strong { display: block; color: var(--lime); font: 800 27px var(--mono); }
.detail-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 28px 0; }
.detail-grid div { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); }
.detail-grid span { display: block; margin-bottom: 5px; color: var(--muted-2); font-size: 11px; text-transform: uppercase; }
.bid-history { margin-top: 20px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--bg-soft); }
.bid-history > p:not(.section-kicker) { margin: 12px 0 0; color: var(--muted-2); font-size: 12px; }
.bid-history > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.bid-history > div:last-child { border-bottom: 0; }
.bid-history span { color: var(--muted); }
.amount-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 22px 0; }
.amount-grid button { min-height: 52px; border: 1px solid var(--line); border-radius: 11px; background: var(--bg-soft); cursor: pointer; font-weight: 800; }
.amount-grid button.selected { color: #071009; border-color: var(--lime); background: var(--lime); }
.target-help { margin: 8px 0 16px !important; color: var(--muted-2) !important; font-size: 11px; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 100; max-width: 360px; padding: 14px 17px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--ink); background: #1a271f; box-shadow: var(--shadow); opacity: 0; transform: translateY(10px); pointer-events: none; transition: .25s ease; }
.toast.show { opacity: 1; transform: translateY(0); }
.toast.error { border-color: rgba(255,109,118,.5); }

/* Admin: primary surface = Operate */
.admin-shell { background: #0d120f; }
.admin-locked > .admin-topbar, .admin-locked > .admin-sidebar, .admin-locked > .admin-main { display: none; }
.admin-shell:not(.admin-locked) > .admin-login { display: none; }
.admin-login { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at 50% 0%, rgba(182,243,107,.09), transparent 34%), #0d120f; }
.admin-login-card { width: min(440px, 100%); padding: 38px; border: 1px solid var(--line-strong); border-radius: 20px; background: #101713; box-shadow: 0 28px 80px rgba(0,0,0,.38); }
.admin-login-card .brand { width: max-content; margin-bottom: 44px; }
.admin-login-card h1 { margin: 7px 0 9px; font-size: 36px; letter-spacing: -.045em; }
.admin-login-card > p:not(.section-kicker) { margin: 0; color: var(--muted); line-height: 1.55; }
.admin-login-card form { display: grid; gap: 16px; margin-top: 30px; }
.admin-login-card label { display: grid; gap: 8px; color: #cbd5ce; font-size: 13px; font-weight: 700; }
.admin-login-card input { width: 100%; min-height: 50px; padding: 0 14px; color: var(--ink); border: 1px solid var(--line-strong); border-radius: 11px; outline: none; background: var(--surface); }
.admin-login-card input:focus { border-color: var(--lime); box-shadow: 0 0 0 3px rgba(182,243,107,.1); }
.admin-login-card .button { width: 100%; margin-top: 4px; }
.admin-login-error { min-height: 20px; margin: -3px 0 !important; color: var(--danger) !important; font-size: 12px; }
.admin-login-return { display: block; margin-top: 26px; color: var(--muted); font-size: 13px; text-align: center; }
.admin-topbar { position: fixed; inset: 0 0 auto 0; z-index: 30; height: 64px; display: grid; grid-template-columns: 280px 1fr auto; align-items: center; padding: 0 22px; border-bottom: 1px solid var(--line); background: #101713; }
.admin-environment { justify-self: start; display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; color: var(--warning); border: 1px solid rgba(246,200,106,.2); border-radius: 8px; font: 750 10px var(--mono); letter-spacing: .08em; }
.admin-environment span { width: 7px; height: 7px; border-radius: 50%; background: var(--warning); }
.admin-user { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.admin-user .avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: #071009; background: var(--lime); font-weight: 900; }
.admin-user span { display: block; color: var(--muted-2); margin-top: 2px; }
.admin-sidebar { position: fixed; left: 0; top: 64px; bottom: 0; width: 238px; display: flex; flex-direction: column; padding: 18px 12px; border-right: 1px solid var(--line); background: #0f1612; }
.admin-sidebar nav { display: grid; gap: 3px; }
.side-link { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; min-height: 42px; padding: 0 12px; border: 0; border-radius: 9px; color: var(--muted); background: transparent; text-align: left; cursor: pointer; font-size: 13px; }
.side-link:hover { color: var(--ink); background: var(--surface); }
.side-link.active { color: var(--ink); background: var(--surface-2); }
.side-link.active > span { color: var(--lime); }
.side-link em { min-width: 22px; padding: 3px 6px; border-radius: 999px; color: #071009; background: var(--warning); font-style: normal; font-size: 10px; text-align: center; }
.return-public { margin-top: auto; padding: 12px; color: var(--muted); font-size: 13px; }
.return-public:hover { color: var(--lime); }
.admin-main { min-width: 0; min-height: 100vh; margin-left: 238px; padding: 96px 34px 60px; }
.admin-section { display: none; width: min(1450px, 100%); margin: 0 auto; }
.admin-section.active { display: block; }
.admin-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; }
.admin-heading h1, .placeholder-section h1 { margin: 5px 0; font-size: 34px; letter-spacing: -.045em; }
.admin-heading p:not(.section-kicker), .placeholder-section > p:not(.section-kicker) { margin: 0; color: var(--muted); }
.metric-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 14px; }
.metric-grid article { min-height: 140px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.metric-grid span { color: var(--muted); font-size: 12px; }
.metric-grid strong { display: block; margin: 23px 0 7px; font: 800 30px var(--mono); letter-spacing: -.05em; }
.metric-grid article:first-child strong { color: var(--lime); }
.metric-grid small { color: var(--muted-2); }
.admin-grid.two { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; margin-bottom: 14px; }
.panel { margin-bottom: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); overflow: hidden; }
.panel-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 20px; border-bottom: 1px solid var(--line); }
.panel-head h2 { margin: 0 0 4px; font-size: 16px; }
.panel-head p { margin: 0; color: var(--muted-2); font-size: 12px; }
.text-button { border: 0; color: var(--lime); background: none; cursor: pointer; font-size: 12px; }
.health-good, .pill { padding: 5px 8px; color: var(--lime); border: 1px solid rgba(182,243,107,.2); border-radius: 999px; background: rgba(182,243,107,.06); font: 700 10px var(--mono); }
.health-list { padding: 8px 20px 15px; }
.health-list div { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(40,55,46,.65); font-size: 12px; }
.health-list div:last-child { border: 0; }
.health-list span { color: var(--muted); }
.health-list strong { color: var(--lime); }
.health-list em { color: var(--warning); font-style: normal; }
.admin-table-wrap { overflow-x: auto; }
.admin-create-listing-panel { overflow: visible; margin-bottom: 18px; }
.admin-create-listing-panel[hidden] { display: none; }
.admin-create-listing-form { margin: 0; padding: 22px; }
.admin-create-listing-form .listing-metadata-preview { margin-top: 0; }
.admin-create-listing-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; }
.admin-create-listing-actions p { flex: 1; margin: 0; color: var(--danger); font-size: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 13px 18px; border-bottom: 1px solid var(--line); text-align: left; font-size: 12px; }
th { color: var(--muted-2); font: 700 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
tbody tr:hover { background: rgba(255,255,255,.018); }
td strong { font-size: 13px; }
.table-product { display: flex; align-items: center; gap: 10px; min-width: 180px; }
.table-product .product-logo { width: 34px; height: 34px; border-radius: 9px; font-size: 11px; }
.status { display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 999px; font: 700 10px var(--mono); text-transform: uppercase; }
.status.approved { color: var(--lime); background: rgba(182,243,107,.08); }
.status.pending { color: var(--warning); background: rgba(246,200,106,.08); }
.status.rejected { color: var(--danger); background: rgba(255,109,118,.08); }
.moderation-list { display: grid; }
.moderation-row { display: grid; grid-template-columns: 1fr auto; gap: 20px; padding: 19px 20px; border-bottom: 1px solid var(--line); }
.moderation-row:last-child { border-bottom: 0; }
.moderation-row h3 { margin: 0 0 5px; font-size: 15px; }
.moderation-row p { margin: 0; color: var(--muted); font-size: 12px; }
.moderation-row small { display: block; margin-top: 8px; color: var(--muted-2); }
.row-actions { display: flex; align-items: center; gap: 7px; }
.action-button { min-height: 34px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; background: transparent; cursor: pointer; font-size: 11px; font-weight: 750; }
.action-button.approve { color: var(--lime); border-color: rgba(182,243,107,.25); }
.action-button.reject { color: var(--danger); border-color: rgba(255,109,118,.22); }
.placeholder-section { max-width: 900px; }
.empty-operational { margin-top: 30px; min-height: 240px; display: grid; place-items: center; padding: 30px; color: var(--muted); border: 1px dashed var(--line-strong); border-radius: 15px; background: var(--surface); text-align: center; }
.cycle-admin-card { max-width: 600px; margin-top: 28px; padding: 25px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); }
.cycle-admin-card > span { float: right; color: var(--lime); font: 750 11px var(--mono); }
.cycle-admin-card .cycle-track { margin: 30px 0 12px; }
.cycle-admin-card small { color: var(--muted-2); }

/* Live public statistics */
.stats-page { max-width: 1180px; }
.stats-overview-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.stats-overview-grid article { min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(182,243,107,.055),var(--surface) 48%); }
.stats-overview-grid article > span { display: block; color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.stats-overview-grid article > strong { display: block; margin: 13px 0 10px; color: var(--lime); font-size: clamp(34px,4vw,52px); line-height: .9; letter-spacing: -.055em; }
.stats-overview-grid article > small { color: var(--muted-2); font-size: 11px; }
.stats-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 12px; }
.stats-panel { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.stats-panel h2 { margin: 7px 0 22px; font-size: 28px; }
.stats-data-list { margin: 0; }
.stats-data-list div, .stats-top-pages a { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 0; border-top: 1px solid var(--line); }
.stats-data-list dt { color: var(--muted); font-size: 13px; }
.stats-data-list dd { margin: 0; color: var(--text); font-weight: 760; }
.stats-top-pages a { color: var(--muted); }
.stats-top-pages a:hover { color: var(--lime); }
.stats-top-pages a span { display: flex; min-width: 0; align-items: center; gap: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.stats-top-pages a i { color: var(--muted-2); font: 700 10px var(--mono); }
.stats-top-pages a strong { color: var(--text); }
.stats-empty { margin: 0; padding: 18px 0; border-top: 1px solid var(--line); color: var(--muted-2); }
.stats-method-note { margin-top: 12px; padding: 24px 28px; border: 1px solid rgba(182,243,107,.18); border-radius: 16px; background: rgba(182,243,107,.035); }
.stats-method-note p:last-child { max-width: 900px; margin: 10px 0 0; color: var(--muted); font-size: 13px; line-height: 1.7; }

@media (max-width: 980px) {
  .hero { min-height: auto; }
  .quick-entry-form { grid-template-columns: 1fr 1fr; }
  .quick-entry-form .quick-url { grid-column: 1 / -1; }
  .quick-entry-form .button { grid-column: 2; }

  .filter-bar { grid-template-columns: 1fr 1fr; }
  .search-field { grid-column: 1 / -1; }
  .categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .admin-grid.two { grid-template-columns: 1fr; }
  .continents-grid { grid-template-columns: 1fr 1fr; }
  .top-bid-form { grid-template-columns: 1fr 1fr; }
  .top-bid-url { grid-column: 1 / -1; }
  .top-bid-form .button { grid-column: 1 / -1; }
  .leaderboard-browser { grid-template-columns: 1fr; }
  .leaderboard-discovery-sidebar { grid-column: 1; grid-row: auto; position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; max-height: none; }
  .leaderboard-results { grid-column: 1; grid-row: auto; }
  .sidebar-heading, .sidebar-search, .sidebar-reset, .leaderboard-discovery-sidebar .filter-note { grid-column: 1 / -1; }
  .home-hero-grid { grid-template-columns: 1fr; gap: 0; }
  .home-hero-context { padding: 0; }
  .compact-home-hero .hero-lede { max-width: 720px; }
  .top-three-card { grid-template-columns: 52px 62px minmax(0,1fr) 130px; }
  .top-twenty-five-feature-row { grid-template-columns: 44px 50px minmax(0,1fr) 130px; }
  .top-fifty-row { grid-template-columns: 44px 42px minmax(130px,1fr) 112px; }
  .detail-grid { grid-template-columns: 1fr 1fr; }
  .profile-hero { grid-template-columns: 90px minmax(0,1fr); }
  .profile-logo { width: 84px; height: 84px; border-radius: 20px; font-size: 26px; }
  .profile-rank-summary { grid-column: 2; justify-self: start; text-align: left; }
  .profile-stats { grid-template-columns: 1fr 1fr; }
  .add-listing-layout { grid-template-columns: 1fr; }
  .rank-preview-panel { position: static; }
  .stats-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .stats-detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .wrap { width: min(100% - 24px, 1180px); }
  .ranking-period-tabs { width: 100%; overflow-x: auto; margin-bottom: 16px; }
  .ranking-period-tabs a { flex: 1 0 auto; }
  .site-header { padding: 10px 13px; flex-wrap: wrap; gap: 6px; }
  .nav-links { width: 100%; order: 2; justify-content: space-between; gap: 4px; font-size: 11px; }
  .nav-links a { display: block; padding: 7px 2px; }
  .nav-links .nav-cta { min-height: 30px; padding: 0 7px; border-radius: 8px; }
  .hero { padding-top: 58px; padding-bottom: 58px; }
  .hero h1 { font-size: 50px; }
  .compact-home-hero { padding-bottom: 0; }


  .quick-entry-form { grid-template-columns: 1fr; }
  .quick-entry-form .quick-url, .quick-entry-form .button { grid-column: auto; }
  .secondary-actions { align-items: flex-start; flex-direction: column; }
  .section-head { align-items: start; flex-direction: column; }
  .ranking-meta-bar { align-items: flex-start; flex-direction: column; gap: 12px; }

  .filter-bar { grid-template-columns: 1fr; }
  .search-field { grid-column: auto; }
  .podium-grid, .method-grid, .form-grid { grid-template-columns: minmax(0, 1fr); }
  .form-grid label.full { grid-column: auto; }
  .rank-card, .rank-card.top-one, .podium-grid .rank-card { grid-template-columns: 50px 50px minmax(0, 1fr); padding: 16px; }
  .rank-card .score-block, .top-one .score-block { grid-column: 2 / -1; justify-self: start; text-align: left; }
  .top-one .product-logo { width: 54px; height: 54px; }
  .footer-grid { grid-template-columns: 1fr; gap: 42px; padding-top: 48px; padding-bottom: 38px; }
  .footer-nav { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 34px 24px; }
  .footer-bottom { grid-template-columns: 1fr; gap: 8px; padding: 18px 0 22px; }
  .footer-bottom > span:nth-child(2) { text-align: left; }
  .footer-bottom .admin-link { justify-self: start; }
  .admin-topbar { grid-template-columns: 1fr auto; }
  .admin-environment { display: none; }
  .admin-sidebar { width: 64px; padding: 14px 8px; }
  .side-link { grid-template-columns: 1fr; place-items: center; padding: 0; font-size: 0; }
  .side-link > span { font-size: 16px; }
  .side-link em { position: absolute; margin: -25px 0 0 30px; }
  .return-public { overflow: hidden; width: 44px; white-space: nowrap; font-size: 0; }
  .return-public::before { content: "←"; font-size: 18px; }
  .admin-main { margin-left: 64px; padding: 86px 12px 40px; }
  .metric-grid { grid-template-columns: 1fr; }
  .moderation-row { grid-template-columns: 1fr; }
  .leaderboard-page { padding-top: 78px; }
  .leaderboard-page-hero { grid-template-columns: 1fr; }
  .leaderboard-page-hero .board-summary { grid-column: 1; grid-row: auto; }
  .leaderboard-discovery-sidebar { display: block; }
  .leaderboard-results-heading { padding-inline: 0; }
  .full-rank-row { grid-template-columns: 46px 46px minmax(0,1fr); padding: 15px 0; }
  .full-rank-row .score-block { grid-column: 2 / -1; justify-self: start; text-align: left; }
  .discovery-page, .info-page { padding-top: 82px; }
  .legal-page { padding-bottom: 58px; }
  .legal-section { grid-template-columns: 34px minmax(0,1fr); gap: 10px; padding: 25px 0; }
  .legal-section h2 { font-size: 19px; }
  .legal-summary { padding: 20px; }
  .standard-page-shell, .compact-index-page, .compact-discovery-page, .compact-leaderboard-page { padding-top: 24px; }
  .standard-page-hero h1 { font-size: 41px; line-height: .98; }
  .categories-grid, .continents-grid, .country-group > div, .subcategory-index-group > div, .topic-index-group > div, .city-index-group > div, .country-city-links, .prose-grid { grid-template-columns: 1fr; }
  .future-cities { grid-template-columns: 1fr; }
  .top-bid-form { grid-template-columns: 1fr; }
  .top-bid-url, .top-bid-form .button { grid-column: auto; }
  .top-three-card, .top-three-card.top-rank-1 { grid-template-columns: 44px 52px minmax(0,1fr); grid-template-rows: auto auto; min-height: 0; padding: 17px; }
  .top-three-card .product-logo { width: 50px; height: 50px; }
  .top-three-card .ranking-scope-meta { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; white-space: normal; }
  .top-three-card .scope-rank-divider { display: none; }
  .top-three-card .top-three-right, .top-three-card.top-rank-1 .top-three-right { grid-column: 3; grid-row: 2; justify-self: start; display: grid; grid-template-columns: auto auto auto; gap: 10px; min-width: 0; margin-top: 8px; text-align: left; }
  .top-twenty-five-feature-row { grid-template-columns: 38px 48px minmax(0,1fr); padding: 14px; }
  .top-twenty-five-feature-row .top-three-right { grid-column: 3; grid-row: 2; }
  .top-twenty-five-feature-row .ranking-scope-meta { flex-wrap: wrap; gap: 4px 8px; overflow: visible; font-size: 11px; }
  .top-twenty-five-feature-row .ranking-scope-meta > span:not(.scope-rank-divider) { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  .top-twenty-five-feature-row .scope-rank-divider { display: none; }
  .top-fifty-row { grid-template-columns: 34px 38px minmax(0,1fr) 92px; gap: 8px; }
  .top-fifty-row .top-three-right { min-width: 92px; }
  .top-fifty-row .top-three-score { font-size: 18px; }
  .top-fifty-row .top-three-period, .top-fifty-row .top-three-clicks { font-size: 10px; }
  .scope-country-grid, .scope-subcategory-grid { grid-template-columns: 1fr; }
  .scope-product-row { grid-template-columns: 44px 46px minmax(0,1fr); }
  .scope-product-row .scope-score { grid-column: 2 / -1; text-align: left; }
  .scoped-profile { grid-template-columns: 64px minmax(0,1fr); }
  .scoped-profile .product-logo { width: 62px; height: 62px; }
  .scoped-profile .detail-score { grid-column: 2; text-align: left; }
  .profile-page-main { padding-top: 20px; padding-bottom: 60px; }
  .profile-hero { grid-template-columns: 1fr; gap: 18px; padding: 22px; }
  .profile-logo { width: 72px; height: 72px; border-radius: 17px; font-size: 22px; }
  .profile-intro h1 { font-size: 43px; }
  .profile-rank-summary { grid-column: 1; width: 100%; text-align: left; }
  .profile-actions .button { flex: 1; }
  .profile-stats { grid-template-columns: 1fr 1fr; }
  .profile-stats article { padding: 16px; }
  .profile-stats strong { font-size: 20px; }
  .profile-section-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .profile-history { padding: 18px; }
  .add-listing-page { padding-bottom: 54px; }
  .add-listing-layout { padding-top: 10px; }
  .add-form-section, .rank-preview-panel { padding: 18px; }
  .visitor-stats-tag { gap: 5px; padding: 8px 10px; font-size: clamp(10px,3vw,12px); }
  .visitor-online { gap: 5px; }
  .visitor-online-dot { width: 8px; height: 8px; }
  .stats-overview-grid { grid-template-columns: 1fr; }
  .stats-overview-grid article, .stats-panel, .stats-method-note { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }