:root {
  --bg: #f7f5fb;
  --surface: #ffffff;
  --surface-2: #fbf9fd;
  --surface-3: #f3eef7;
  --ink: #21182c;
  --muted: #746b7f;
  --line: #e9e2ef;
  --purple: #6f2aa8;
  --purple-2: #9d3fc5;
  --purple-soft: #f2e8f8;
  --green: #2e9b65;
  --green-soft: #e7f6ee;
  --red: #cc5964;
  --red-soft: #faecee;
  --orange: #b86f2a;
  --orange-soft: #fff2e5;
  --shadow: 0 24px 60px rgba(59, 25, 88, .10);
  --shadow-soft: 0 12px 30px rgba(46, 22, 65, .05);
}

:root[data-theme="dark"] {
  --bg: #130f18;
  --surface: #1b1521;
  --surface-2: #211928;
  --surface-3: #2a2032;
  --ink: #f7f0fb;
  --muted: #b9adbf;
  --line: #3a2d43;
  --purple: #bd7ce6;
  --purple-2: #a84bd4;
  --purple-soft: #35213f;
  --green: #61c891;
  --green-soft: #173426;
  --red: #ed7b84;
  --red-soft: #3a1e24;
  --orange: #efad69;
  --orange-soft: #3b2a19;
  --shadow: 0 24px 60px rgba(0,0,0,.32);
  --shadow-soft: 0 12px 30px rgba(0,0,0,.20);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 15% 10%, rgba(157, 63, 197, .08), transparent 30%),
    linear-gradient(180deg, var(--surface-2) 0%, var(--bg) 100%);
  min-height: 100vh;
  transition: background .2s ease, color .2s ease;
}
button, input, select { font: inherit; }
button { color: inherit; }
a { color: inherit; }
[hidden] { display: none !important; }
.shell { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }

.topbar {
  position: sticky;
  top: 0;
  z-index: 30;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid color-mix(in srgb, var(--purple) 10%, var(--line));
}
.topbar-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark {
  width: 44px; height: 44px; display: grid; place-items: center;
  border-radius: 14px; color: white; font-weight: 800;
  background: linear-gradient(135deg, var(--purple), var(--purple-2));
  box-shadow: 0 10px 24px color-mix(in srgb, var(--purple) 22%, transparent);
}
.brand strong { display: block; font-size: 15px; letter-spacing: -.02em; }
.brand small { display: block; color: var(--muted); margin-top: 3px; font-size: 11px; }
.top-actions { display: flex; align-items: center; gap: 8px; }
.icon-btn {
  border: 1px solid var(--line); background: var(--surface); border-radius: 12px; min-height: 42px;
  padding: 7px 11px; cursor: pointer; display: inline-flex; align-items: center; gap: 7px; color: var(--muted);
}
.icon-btn span { color: var(--purple); font-weight: 800; font-size: 17px; }
.icon-btn small { font-size: 11px; font-weight: 700; }

.hero { display: grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items: center; padding: 68px 0 42px; }
.hero-copy { padding-left: 10px; }
.eyebrow { display: inline-block; color: var(--purple); font-weight: 800; font-size: 12px; letter-spacing: .1em; margin-bottom: 13px; }
.hero h1, .results-hero h1 { font-size: clamp(38px, 5vw, 62px); line-height: 1.02; letter-spacing: -.055em; margin: 0; max-width: 780px; }
.hero h1 span, .results-hero h1 span { color: var(--purple); }
.hero p, .results-hero p { margin: 22px 0 0; color: var(--muted); line-height: 1.75; font-size: 15px; max-width: 620px; }

.status-card { margin-top: 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 13px 14px; border: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 82%, transparent); border-radius: 16px; max-width: 610px; }
.status-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px var(--green-soft); }
.status-card strong { display: block; font-size: 12px; }
.status-card small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.link-button { border: 0; background: transparent; color: var(--purple); padding: 5px; cursor: pointer; font-size: 11px; font-weight: 800; }
.link-button:disabled { opacity: .55; cursor: wait; }
.link-button.danger { color: var(--red); }

.panel { background: color-mix(in srgb, var(--surface) 96%, transparent); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
.game-panel { padding: 28px; }
.panel-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.step { color: var(--purple); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.panel-head h2 { margin: 6px 0 0; font-size: 26px; letter-spacing: -.035em; }
.counter { min-width: 76px; text-align: center; border: 1px solid var(--line); border-radius: 16px; padding: 10px 12px; background: var(--surface-2); }
.counter strong { font-size: 21px; color: var(--purple); }
.counter span { font-size: 12px; color: var(--muted); }

.number-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.number-btn {
  min-height: 54px; border: 1px solid var(--line); border-radius: 14px;
  background: var(--surface); color: var(--ink); cursor: pointer; font-weight: 800; font-size: 15px;
  transition: .16s ease;
}
.number-btn:hover:not(:disabled) { transform: translateY(-2px); border-color: #cab1dc; box-shadow: 0 8px 20px color-mix(in srgb, var(--purple) 8%, transparent); }
.number-btn.selected { color: white; border-color: transparent; background: linear-gradient(135deg, var(--purple), var(--purple-2)); box-shadow: 0 8px 20px color-mix(in srgb, var(--purple) 22%, transparent); }
.number-btn:disabled:not(.selected) { opacity: .38; cursor: not-allowed; }

.selection-preview { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 20px; }
.selection-preview > span { display: block; font-size: 11px; color: var(--muted); font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 11px; }
.selected-list { display: flex; flex-wrap: wrap; gap: 7px; min-height: 34px; align-items: center; }
.selected-list.empty { color: var(--muted); opacity: .72; font-size: 13px; }
.selected-list b { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--purple-soft); color: var(--purple); font-size: 12px; }
.actions { display: grid; grid-template-columns: 130px 1fr; gap: 12px; margin-top: 22px; }
.btn { min-height: 52px; border-radius: 14px; border: 0; cursor: pointer; font-weight: 800; transition: .16s ease; }
.btn-primary { color: white; background: linear-gradient(135deg, var(--purple), var(--purple-2)); box-shadow: 0 10px 24px color-mix(in srgb, var(--purple) 20%, transparent); }
.btn-primary:not(:disabled):hover { transform: translateY(-1px); box-shadow: 0 14px 30px color-mix(in srgb, var(--purple) 27%, transparent); }
.btn-primary:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; }
.btn-secondary { color: var(--ink); background: var(--surface); border: 1px solid var(--line); }
.btn.full { width: 100%; }
.alert { border-radius: 14px; padding: 12px 14px; margin: -4px 0 18px; background: var(--red-soft); color: var(--red); font-size: 13px; font-weight: 600; }

.data-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 38px; background: color-mix(in srgb, var(--surface) 78%, transparent); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
.data-strip > div, .data-strip > a { padding: 20px 22px; border-right: 1px solid var(--line); text-decoration: none; }
.data-strip > *:last-child { border-right: 0; }
.data-strip strong { display: block; font-size: 18px; }
.data-strip span { color: var(--muted); font-size: 12px; margin-top: 4px; display: block; }
.data-action:hover { background: var(--purple-soft); }
.data-action strong { color: var(--purple); }

.library-section { padding: 8px 0 62px; display: grid; gap: 34px; }
.library-block { min-width: 0; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.section-heading.compact { align-items: center; }
.section-heading h2 { margin: 0; font-size: 28px; letter-spacing: -.035em; }
.section-heading .eyebrow { margin-bottom: 7px; }
.soft-badge { background: var(--purple-soft); color: var(--purple); border-radius: 999px; padding: 7px 11px; font-size: 11px; font-weight: 800; }
.game-library-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.saved-game { text-decoration: none; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 16px; box-shadow: var(--shadow-soft); transition: .16s ease; }
.saved-game:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--purple) 40%, var(--line)); }
.saved-game-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.saved-game-head span { color: var(--purple); font-weight: 800; font-size: 11px; }
.saved-game-head strong { color: var(--green); font-size: 12px; }
.saved-game small { color: var(--muted); display: block; margin-top: 11px; font-size: 10px; }
.mini-numbers { display: flex; flex-wrap: wrap; gap: 5px; }
.mini-numbers b { min-width: 26px; height: 26px; padding-inline: 4px; border-radius: 8px; display: grid; place-items: center; background: var(--purple-soft); color: var(--purple); font-size: 10px; }
.recent-list { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; }
.recent-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px 16px; text-decoration: none; border-bottom: 1px solid var(--line); }
.recent-row:last-child { border-bottom: 0; }
.recent-row:hover { background: var(--surface-2); }
.recent-meta { text-align: right; }
.recent-meta strong { display: block; font-size: 12px; }
.recent-meta small { display: block; color: var(--muted); font-size: 10px; margin-top: 3px; }
.chevron { color: var(--purple); font-size: 24px; }

.results-hero { padding: 46px 0 28px; }
.results-topline { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 28px; }
.back-link { display: inline-flex; text-decoration: none; color: var(--muted); font-weight: 700; font-size: 13px; }
.back-link:hover { color: var(--purple); }
.favorite-button { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 9px 13px; cursor: pointer; color: var(--muted); font-size: 11px; font-weight: 800; }
.favorite-button .star { color: var(--purple); font-size: 17px; line-height: 1; }
.favorite-button.active { background: var(--purple-soft); color: var(--purple); border-color: color-mix(in srgb, var(--purple) 25%, var(--line)); }
.result-summary { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.result-summary h1 { font-size: clamp(34px, 4.3vw, 54px); }
.result-count { width: 142px; height: 142px; border-radius: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--purple), var(--purple-2)); color: #fff; box-shadow: var(--shadow); }
.result-count strong { font-size: 43px; line-height: 1; letter-spacing: -.05em; }
.result-count span { font-size: 12px; margin-top: 7px; font-weight: 700; opacity: .9; text-transform: uppercase; }
.chosen-game { margin-top: 28px; display: flex; align-items: center; gap: 18px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 18px; background: color-mix(in srgb, var(--surface) 80%, transparent); }
.chosen-game > span { color: var(--muted); font-size: 12px; font-weight: 700; white-space: nowrap; }
.chosen-numbers { display: flex; flex-wrap: wrap; gap: 6px; }
.chosen-numbers span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: var(--purple-soft); color: var(--purple); font-size: 11px; font-weight: 800; }

.insights-section { padding: 26px 0 16px; }
.kpi-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 16px; }
.kpi-card { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 16px; box-shadow: var(--shadow-soft); }
.kpi-card span { display: block; color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.kpi-card strong { display: block; margin-top: 9px; font-size: 24px; color: var(--purple); letter-spacing: -.04em; }
.kpi-card small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.4; }
.analysis-details { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; margin-bottom: 12px; overflow: hidden; }
.analysis-details summary { list-style: none; cursor: pointer; padding: 16px 18px; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.analysis-details summary::-webkit-details-marker { display: none; }
.analysis-details summary span { color: var(--purple); font-size: 21px; transition: transform .16s ease; }
.analysis-details[open] summary span { transform: rotate(90deg); }
.analysis-content { border-top: 1px solid var(--line); padding: 16px 18px; }
.analysis-description { margin: 0 0 14px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.frequency-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.frequency-item { min-width: 0; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); background: var(--surface-2); border-radius: 13px; padding: 10px; }
.frequency-item > b { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 10px; background: var(--orange-soft); color: var(--orange); font-size: 12px; }
.selected-frequency .frequency-item > b { background: var(--green-soft); color: var(--green); }
.frequency-item strong { display: block; font-size: 12px; }
.frequency-item small { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; line-height: 1.25; }
.analysis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.analysis-grid .analysis-details { margin-bottom: 0; }
.bar-list { display: grid; gap: 9px; max-height: 430px; overflow: auto; }
.bar-row { display: grid; grid-template-columns: 80px 1fr 34px; align-items: center; gap: 10px; font-size: 10px; }
.bar-row > span { color: var(--muted); white-space: nowrap; }
.bar-row > strong { text-align: right; font-size: 10px; }
.bar-track { height: 8px; background: var(--surface-3); border-radius: 999px; overflow: hidden; }
.bar-track i { display: block; height: 100%; background: linear-gradient(90deg, #6f2aa8, #9d3fc5); border-radius: inherit; min-width: 2px; }
.compact-bars .bar-row { grid-template-columns: 92px 1fr 28px; }

.matches-section { padding: 30px 0 64px; }
.section-title-row { display: flex; justify-content: space-between; align-items: end; margin-bottom: 18px; gap: 18px; }
.section-title-row h2 { margin: 0; font-size: 28px; letter-spacing: -.035em; }
.visible-count { display: block; color: var(--muted); font-size: 10px; margin-top: 5px; }
.export-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.tool-btn { border: 1px solid var(--line); background: var(--surface); border-radius: 11px; padding: 9px 12px; text-decoration: none; cursor: pointer; color: var(--purple); font-size: 11px; font-weight: 800; }
.tool-btn:hover { background: var(--purple-soft); }
.results-toolbar { display: grid; grid-template-columns: 1fr 230px; gap: 10px; margin-bottom: 14px; }
.search-field, .sort-field { border: 1px solid var(--line); background: var(--surface); border-radius: 13px; min-height: 48px; display: flex; align-items: center; gap: 9px; padding: 0 13px; }
.search-field span { color: var(--purple); font-size: 22px; }
.search-field input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--ink); }
.sort-field { color: var(--muted); font-size: 10px; font-weight: 700; }
.sort-field select { margin-left: auto; border: 0; outline: 0; background: transparent; color: var(--ink); font-weight: 700; font-size: 11px; }
.match-list { display: grid; gap: 14px; }
.match-card { background: color-mix(in srgb, var(--surface) 94%, transparent); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow-soft); }
.match-card-head { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 18px; padding: 18px 20px; border-bottom: 1px solid var(--line); background: linear-gradient(180deg, var(--surface), var(--surface-2)); }
.match-card-head > div:first-child { display: flex; align-items: baseline; gap: 7px; }
.contest-label { font-size: 12px; color: var(--muted); }
.match-card-head strong { font-size: 17px; color: var(--purple); }
.contest-date { font-size: 12px; color: var(--muted); }
.hit-badge { border-radius: 999px; padding: 7px 10px; background: var(--green-soft); color: var(--green); text-transform: uppercase; font-weight: 800; font-size: 10px; letter-spacing: .05em; }
.match-body { padding: 20px; }
.result-label { display: block; color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 11px; }
.balls { display: flex; flex-wrap: wrap; gap: 8px; }
.ball { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; font-size: 11px; font-weight: 800; border: 1px solid transparent; }
.ball.hit { background: var(--green); color: white; box-shadow: 0 5px 12px rgba(46,155,101,.18); }
.ball.miss { background: var(--surface); color: var(--red); border-color: color-mix(in srgb, var(--red) 34%, var(--line)); }
.match-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 17px; padding-top: 15px; border-top: 1px dashed var(--line); }
.hits-line, .outside-line { display: flex; align-items: flex-start; gap: 8px; color: var(--muted); font-size: 11px; }
.hits-line strong, .outside-line strong { display: block; color: var(--ink); margin-bottom: 4px; }
.hits-line span:last-child, .outside-line span:last-child { line-height: 1.5; }
.check, .outside-icon { width: 24px; height: 24px; flex: 0 0 24px; display: grid; place-items: center; border-radius: 50%; font-weight: 900; }
.check { background: var(--green-soft); color: var(--green); }
.outside-icon { background: var(--orange-soft); color: var(--orange); }
.no-filter-results { padding: 38px; text-align: center; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); }
.empty-state { padding: 64px 24px; text-align: center; background: var(--surface); border: 1px solid var(--line); border-radius: 24px; }
.empty-icon { margin: 0 auto 14px; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 16px; background: var(--purple-soft); color: var(--purple); font-weight: 800; font-size: 20px; }
.empty-state h2 { margin: 0; }
.empty-state p { color: var(--muted); line-height: 1.7; }

.footer { border-top: 1px solid var(--line); background: color-mix(in srgb, var(--surface) 64%, transparent); }
.footer-inner { min-height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 11px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 100; background: rgba(16,10,19,.58); display: grid; place-items: center; padding: 18px; backdrop-filter: blur(5px); }
.modal-card { width: min(420px, 100%); background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 26px; box-shadow: var(--shadow); position: relative; text-align: center; }
.modal-close { position: absolute; right: 12px; top: 10px; width: 36px; height: 36px; border: 0; background: transparent; color: var(--muted); font-size: 25px; cursor: pointer; }
.modal-icon { margin: 0 auto 14px; width: 64px; height: 64px; display: grid; place-items: center; border-radius: 18px; color: white; font-weight: 800; font-size: 20px; background: linear-gradient(135deg, var(--purple), var(--purple-2)); }
.modal-card h2 { margin: 0; }
.modal-card p { color: var(--muted); font-size: 13px; line-height: 1.65; margin: 12px 0 20px; }

@media (max-width: 960px) {
  .hero { grid-template-columns: 1fr; gap: 30px; padding-top: 42px; }
  .hero-copy { padding-left: 0; }
  .data-strip { grid-template-columns: repeat(2, 1fr); }
  .data-strip > * { border-bottom: 1px solid var(--line); }
  .data-strip > *:nth-child(2n) { border-right: 0; }
  .data-strip > *:nth-last-child(-n+2) { border-bottom: 0; }
  .result-summary { grid-template-columns: 1fr; align-items: start; }
  .result-count { width: 110px; height: 110px; border-radius: 22px; }
  .result-count strong { font-size: 34px; }
  .kpi-grid { grid-template-columns: repeat(3, 1fr); }
  .frequency-grid { grid-template-columns: repeat(4, 1fr); }
}

@media (max-width: 700px) {
  .shell { width: min(100% - 20px, 1180px); }
  .topbar-inner { min-height: 68px; }
  .icon-btn small { display: none; }
  .icon-btn { width: 42px; justify-content: center; padding: 0; }
  .hero { padding: 32px 0 28px; }
  .hero h1, .results-hero h1 { font-size: 38px; }
  .hero p, .results-hero p { font-size: 14px; }
  .status-card { grid-template-columns: auto 1fr; }
  .status-card .link-button { grid-column: 2; justify-self: start; padding-left: 0; }
  .game-panel { padding: 18px; border-radius: 22px; }
  .number-grid { gap: 7px; }
  .number-btn { min-height: 48px; border-radius: 12px; }
  .actions { grid-template-columns: 1fr; }
  .actions .btn-primary { grid-row: 1; }
  .data-strip { grid-template-columns: 1fr; }
  .data-strip > *, .data-strip > *:nth-child(2n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .data-strip > *:last-child { border-bottom: 0; }
  .game-library-grid { grid-template-columns: 1fr; }
  .recent-row { grid-template-columns: 1fr auto; }
  .recent-row .mini-numbers { grid-column: 1 / -1; }
  .recent-meta { text-align: left; }
  .results-topline { align-items: flex-start; }
  .favorite-label { display: none; }
  .chosen-game { align-items: flex-start; flex-direction: column; }
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .kpi-card:last-child { grid-column: 1 / -1; }
  .frequency-grid { grid-template-columns: repeat(2, 1fr); }
  .analysis-grid { grid-template-columns: 1fr; }
  .results-toolbar-head { align-items: flex-start; flex-direction: column; }
  .export-actions { justify-content: flex-start; }
  .results-toolbar { grid-template-columns: 1fr; }
  .match-card-head { grid-template-columns: 1fr auto; }
  .contest-date { grid-row: 2; grid-column: 1; }
  .hit-badge { grid-row: 1 / span 2; grid-column: 2; }
  .ball { width: 34px; height: 34px; }
  .match-details-grid { grid-template-columns: 1fr; }
  .section-title-row { align-items: flex-start; flex-direction: column; gap: 6px; }
  .footer-inner { padding: 18px 0; align-items: flex-start; flex-direction: column; justify-content: center; }
}

@media (max-width: 390px) {
  .brand small { display: none; }
  .hero h1, .results-hero h1 { font-size: 34px; }
  .frequency-grid { grid-template-columns: 1fr 1fr; }
  .frequency-item { gap: 7px; padding: 8px; }
  .frequency-item > b { width: 31px; height: 31px; flex-basis: 31px; }
}

@media print {
  .topbar, .footer, .results-topline, .insights-section, .results-toolbar, .export-actions, .favorite-button, .back-link, .visible-count { display: none !important; }
  body { background: white !important; color: #111 !important; }
  .shell { width: 100%; }
  .results-hero { padding: 0 0 18px; }
  .result-summary { display: block; }
  .result-count { display: none; }
  .chosen-game { border: 1px solid #ddd; background: white; }
  .match-list { gap: 8px; }
  .match-card { break-inside: avoid; box-shadow: none; border-color: #ccc; background: white; }
  .match-card-head, .match-body { background: white; }
  .ball.hit { background: #e8f4ed !important; color: #11653b !important; border: 1px solid #11653b; box-shadow: none; }
  .ball.miss { color: #8b323a !important; border-color: #8b323a; }
}

/* ===== Intervalo dos 11 pontos (V3) ===== */
.repeat-nav { text-decoration: none; }
.repeat-feature-card {
  margin-top: 4px; margin-bottom: 26px; padding: 24px 26px; border: 1px solid var(--line);
  border-radius: 22px; background: linear-gradient(135deg, var(--surface), var(--purple-soft));
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 24px; box-shadow: var(--shadow-soft);
}
.repeat-feature-card h2 { margin: 0; font-size: 23px; letter-spacing: -.035em; }
.repeat-feature-card p { margin: 8px 0 0; max-width: 760px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.repeat-feature-action { min-width: 210px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; text-decoration: none; padding-inline: 18px; }

.repeat-hero { padding: 42px 0 30px; }
.repeat-hero > .back-link { display: inline-block; margin-bottom: 28px; }
.repeat-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 42px; align-items: center; }
.repeat-copy h1 { margin: 0; font-size: clamp(36px, 5vw, 58px); line-height: 1.03; letter-spacing: -.055em; }
.repeat-copy h1 span { color: var(--purple); }
.repeat-copy p { color: var(--muted); max-width: 690px; font-size: 14px; line-height: 1.75; margin: 20px 0 0; }
.repeat-search-panel { padding: 26px; }
.repeat-search-panel h2 { margin: 6px 0 22px; font-size: 25px; letter-spacing: -.035em; }
.contest-query-form label { display: block; color: var(--muted); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 8px; }
.contest-query-row { display: grid; grid-template-columns: 42px 1fr 120px; gap: 8px; align-items: stretch; }
.contest-prefix { display: grid; place-items: center; border: 1px solid var(--line); border-radius: 13px; color: var(--purple); font-weight: 900; background: var(--surface-2); }
.contest-query-row input { min-width: 0; width: 100%; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--ink); padding: 0 14px; font-weight: 800; outline: 0; }
.contest-query-row input:focus { border-color: color-mix(in srgb, var(--purple) 55%, var(--line)); box-shadow: 0 0 0 3px var(--purple-soft); }
.contest-query-row .btn { min-height: 50px; }
.contest-query-form > small { display: block; margin-top: 9px; color: var(--muted); font-size: 10px; }
.repeat-alert { margin-top: 14px; }

.selected-repeat-section { padding: 28px 0 20px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.section-heading h2 { margin: 0; font-size: 28px; letter-spacing: -.04em; }
.ranking-position { border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 8px 12px; font-size: 10px; color: var(--purple); font-weight: 800; white-space: nowrap; }
.source-contest-card { border: 1px solid var(--line); background: var(--surface); border-radius: 22px; padding: 20px; display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 22px; box-shadow: var(--shadow-soft); }
.source-meta span, .source-meta small { display: block; color: var(--muted); font-size: 10px; }
.source-meta strong { display: block; font-size: 20px; color: var(--purple); margin: 5px 0; }
.source-balls { display: flex; flex-wrap: wrap; gap: 7px; }
.source-balls span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; color: white; background: linear-gradient(135deg, var(--purple), var(--purple-2)); font-size: 11px; font-weight: 800; }
.repeat-kpi-grid { display: grid; grid-template-columns: 1.3fr repeat(3, 1fr); gap: 12px; margin-top: 14px; }
.repeat-kpi { min-height: 132px; padding: 19px; border: 1px solid var(--line); border-radius: 19px; background: var(--surface); display: flex; flex-direction: column; justify-content: center; }
.repeat-kpi > span { color: var(--muted); font-size: 10px; font-weight: 700; }
.repeat-kpi > strong { font-size: 30px; letter-spacing: -.04em; margin: 7px 0 4px; }
.repeat-kpi > small { color: var(--muted); font-size: 10px; line-height: 1.45; }
.repeat-kpi.featured { background: linear-gradient(135deg, #6f2aa8, #933ec0); border-color: transparent; color: white; box-shadow: 0 15px 30px rgba(111,42,168,.19); }
.repeat-kpi.featured > span, .repeat-kpi.featured > small { color: rgba(255,255,255,.78); }
.repeat-kpi.featured > strong { font-size: 44px; }
.repeat-status { margin: 14px 0; padding: 15px 17px; border-radius: 17px; display: flex; align-items: flex-start; gap: 12px; border: 1px solid var(--line); }
.repeat-status > span { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; }
.repeat-status strong { display: block; font-size: 12px; }
.repeat-status p { margin: 4px 0 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.repeat-status.success { background: var(--green-soft); border-color: color-mix(in srgb, var(--green) 25%, var(--line)); }
.repeat-status.success > span { background: var(--green); color: white; }
.repeat-status.warning { background: var(--orange-soft); border-color: color-mix(in srgb, var(--orange) 25%, var(--line)); }
.repeat-status.warning > span { background: var(--orange); color: white; }
.repeat-history { margin-top: 14px; }
.repeat-occurrence-list { display: grid; gap: 10px; max-height: 680px; overflow: auto; padding-right: 3px; }
.repeat-occurrence-card { border: 1px solid var(--line); border-radius: 15px; padding: 13px; background: var(--surface-2); }
.repeat-occurrence-head { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; margin-bottom: 10px; }
.repeat-occurrence-head strong { color: var(--purple); }
.repeat-occurrence-head span { color: var(--muted); font-size: 10px; }
.repeat-occurrence-head b { background: var(--green-soft); color: var(--green); border-radius: 999px; padding: 5px 8px; font-size: 9px; text-transform: uppercase; }
.repeat-balls .ball { width: 32px; height: 32px; font-size: 10px; }

.repeat-ranking-section { padding: 38px 0 68px; }
.repeat-ranking-heading { align-items: center; }
.repeat-ranking-heading p { margin: 7px 0 0; color: var(--muted); font-size: 11px; }
.leader-badge { min-width: 150px; padding: 12px 16px; border-radius: 17px; color: white; background: linear-gradient(135deg, var(--purple), var(--purple-2)); text-align: right; }
.leader-badge span, .leader-badge small { display: block; font-size: 9px; opacity: .8; }
.leader-badge strong { display: block; font-size: 24px; margin: 2px 0; }
.repeat-explainer { margin-bottom: 14px; padding: 13px 15px; border: 1px solid var(--line); border-radius: 15px; background: var(--purple-soft); color: var(--muted); font-size: 10px; line-height: 1.55; }
.repeat-explainer strong { color: var(--purple); }
.ranking-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow-soft); }
.ranking-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.ranking-table th { text-align: left; padding: 12px 14px; font-size: 9px; text-transform: uppercase; letter-spacing: .07em; color: var(--muted); background: var(--surface-2); border-bottom: 1px solid var(--line); }
.ranking-table td { padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 11px; vertical-align: middle; }
.ranking-table tbody tr:last-child td { border-bottom: 0; }
.ranking-table tbody tr:hover { background: var(--surface-2); }
.ranking-table .current-row { background: var(--purple-soft); }
.ranking-table td strong { display: block; font-size: 12px; }
.ranking-table td small { display: block; color: var(--muted); margin-top: 3px; font-size: 9px; }
.rank-number { width: 34px; height: 26px; display: grid; place-items: center; border-radius: 9px; background: var(--surface-3); color: var(--purple); font-weight: 900; font-size: 10px; }
.ranking-table tbody tr:first-child .rank-number { color: white; background: linear-gradient(135deg, var(--purple), var(--purple-2)); }
.delay-pill { display: inline-block; border-radius: 999px; padding: 6px 9px; background: var(--orange-soft); color: var(--orange); font-weight: 800; font-size: 9px; white-space: nowrap; }
.delay-pill.hot { background: var(--red-soft); color: var(--red); }
.table-action { color: var(--purple); font-weight: 800; text-decoration: none; border: 1px solid var(--line); border-radius: 9px; padding: 6px 9px; background: var(--surface); }
.ranking-note { color: var(--muted); font-size: 9px; margin: 9px 3px 0; }

@media (max-width: 960px) {
  .repeat-hero-grid { grid-template-columns: 1fr; }
  .repeat-kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .repeat-kpi.featured { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .repeat-nav small { display: none; }
  .repeat-nav { width: 42px; justify-content: center; padding: 0; }
  .repeat-feature-card { grid-template-columns: 1fr; padding: 19px; }
  .repeat-feature-action { min-width: 0; width: 100%; }
  .repeat-hero { padding-top: 28px; }
  .repeat-copy h1 { font-size: 37px; }
  .repeat-search-panel { padding: 19px; }
  .contest-query-row { grid-template-columns: 38px 1fr; }
  .contest-query-row .btn { grid-column: 1 / -1; }
  .source-contest-card { grid-template-columns: 1fr; }
  .repeat-kpi-grid { grid-template-columns: 1fr 1fr; }
  .repeat-kpi.featured { grid-column: 1 / -1; }
  .repeat-kpi { min-height: 118px; padding: 15px; }
  .repeat-kpi > strong { font-size: 25px; }
  .section-heading, .repeat-ranking-heading { align-items: flex-start; flex-direction: column; }
  .ranking-position { white-space: normal; }
  .leader-badge { width: 100%; text-align: left; }
  .repeat-occurrence-head { grid-template-columns: auto 1fr; }
  .repeat-occurrence-head b { grid-column: 1 / -1; width: max-content; }
}

/* ===== Frequência dos 11 pontos (V7) ===== */
.frequency-feature-card {
  background: linear-gradient(135deg, var(--surface), var(--green-soft));
}
.frequency-feature-card .eyebrow,
.frequency-hero .eyebrow,
.frequency-ranking-section .eyebrow { color: var(--green); }
.frequency-feature-card .btn-primary,
.frequency-featured,
.frequency-leader {
  background: linear-gradient(135deg, #23865a, #35a96f) !important;
}
.frequency-hero .repeat-copy h1 span { color: var(--green); }
.frequency-status > span { font-size: 10px; }
.frequency-explainer { background: var(--green-soft); }
.frequency-explainer strong { color: var(--green); }
.frequency-pill {
  display: inline-block;
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--green-soft);
  color: var(--green);
  font-weight: 900;
  font-size: 10px;
  white-space: nowrap;
}
.frequency-ranking-table tbody tr:first-child .rank-number {
  background: linear-gradient(135deg, #23865a, #35a96f);
}
.frequency-occurrence-list { max-height: none; overflow: visible; }

@media (max-width: 700px) {
  .frequency-nav small { display: none; }
  .frequency-nav { width: 42px; justify-content: center; padding: 0; }
  .frequency-ranking-table { min-width: 790px; }
}

/* ===== Fechamento 11+4 (V8) ===== */
.closure-view {
  --bg: #07101e;
  --surface: #0d1728;
  --surface-2: #111d31;
  --surface-3: #17243a;
  --ink: #f5f7ff;
  --muted: #94a2b9;
  --line: #23324b;
  --purple: #a657ff;
  --purple-2: #7434e8;
  --purple-soft: #251947;
  --green: #42d383;
  --green-soft: #0f3226;
  --orange: #f0a338;
  --orange-soft: #3a2810;
  --red: #ff7f8c;
  --red-soft: #3d1c24;
  --shadow: 0 24px 70px rgba(0,0,0,.32);
  --shadow-soft: 0 14px 34px rgba(0,0,0,.2);
  background: #07101e;
}
.closure-view .topbar { background: rgba(7,16,30,.92); border-color: #1d2a40; }
.closure-view .footer { background: #07101e; border-color: #1d2a40; }
.closure-view .closure-nav { border-color: #7440db; background: linear-gradient(135deg,#6f2be8,#ad42ff); color:#fff; }
.closure-view .closure-nav span { color:#fff; }
.closure-page { min-height: calc(100vh - 76px); background: radial-gradient(circle at 65% 0%, rgba(105,53,210,.13), transparent 31%), #07101e; padding: 28px 0 72px; }
.closure-shell { width: min(1480px, calc(100% - 28px)); margin-inline:auto; }
.closure-header { display:grid; grid-template-columns: minmax(0,1fr) auto; gap:28px; align-items:start; margin-bottom:20px; }
.closure-kicker,.closure-side-kicker { display:block; color:#aa7cff; font-weight:900; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.closure-header h1 { margin:6px 0 8px; font-size:clamp(38px,5vw,62px); letter-spacing:-.055em; line-height:.98; }
.closure-header h1 span { color:#b064ff; }
.closure-header p { max-width:850px; color:var(--muted); line-height:1.65; margin:0; font-size:13px; }
.closure-header p strong { color:#e7ddff; }
.closure-status { min-width:330px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; border:1px solid var(--line); background:rgba(13,23,40,.86); border-radius:16px; padding:13px 14px; }
.closure-online-dot { width:9px; height:9px; border-radius:50%; background:#2edb7e; box-shadow:0 0 0 5px rgba(46,219,126,.10); }
.closure-status strong,.closure-status small { display:block; }
.closure-status strong { font-size:11px; }
.closure-status small { color:var(--muted); font-size:9px; margin-top:3px; }
.closure-update-btn,.closure-export-btn { border:1px solid #6d39c6; background:#141b32; color:#bd78ff; padding:9px 11px; border-radius:10px; font-size:10px; font-weight:800; cursor:pointer; text-decoration:none; }
.closure-update-btn:disabled { opacity:.6; cursor:wait; }
.closure-main-grid { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; align-items:start; }
.closure-workspace,.closure-sidebar { display:grid; gap:14px; min-width:0; }
.closure-card { border:1px solid var(--line); background:linear-gradient(180deg,rgba(15,26,45,.98),rgba(11,21,37,.98)); border-radius:16px; box-shadow:0 14px 34px rgba(0,0,0,.13); }
.closure-select-grid { display:grid; grid-template-columns:1fr 1fr 1.1fr; gap:14px; }
.closure-step-card { padding:17px; min-width:0; }
.closure-step-head { display:flex; align-items:flex-start; gap:10px; margin-bottom:16px; }
.closure-step-head>span { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:50%; color:#fff; font-weight:900; background:linear-gradient(135deg,#7240e5,#ad52ff); }
.closure-step-head.green>span { background:linear-gradient(135deg,#228d5b,#39d483); }
.closure-step-head.violet>span { background:linear-gradient(135deg,#6b35dc,#bb47ff); }
.closure-step-head strong,.closure-step-head small { display:block; }
.closure-step-head strong { font-size:13px; }
.closure-step-head small { margin-top:3px; color:var(--muted); font-size:9px; line-height:1.4; }
.closure-step-card>label { display:block; color:#a8b5c8; font-size:9px; font-weight:800; margin-bottom:6px; text-transform:uppercase; letter-spacing:.07em; }
.closure-step-card select { width:100%; height:48px; border:1px solid #6542a7; border-radius:11px; background:#161f34; color:#f6f8ff; padding:0 12px; outline:none; font-weight:700; font-size:11px; }
.closure-step-card select:focus { box-shadow:0 0 0 3px rgba(166,87,255,.12); }
.closure-mini-stat { margin-top:9px; border:1px solid #4b2c75; background:#201735; border-radius:10px; padding:9px 10px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.closure-mini-stat b { color:#c59aff; font-size:12px; }
.closure-mini-stat span { color:#b6a2ce; font-size:9px; text-align:right; }
.closure-mini-stat.green { border-color:#245e46; background:#102d24; }
.closure-mini-stat.green b { color:#60dda0; }
.closure-mini-stat.green span { color:#9ed0b7; }
.closure-radio-list { display:grid; gap:5px; }
.closure-radio-list label { display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; border:1px solid #283853; border-radius:9px; padding:7px 9px; background:#111b2e; cursor:pointer; }
.closure-radio-list label:has(input:checked) { border-color:#8145e6; background:#241844; }
.closure-radio-list input { accent-color:#9f51ff; }
.closure-radio-list span { font-size:9px; }
.closure-radio-list b { font-size:9px; color:#b689f0; }
.closure-primary-btn { width:100%; min-height:44px; margin-top:10px; border:0; border-radius:10px; color:#fff; background:linear-gradient(135deg,#7136df,#ad3cff); font-weight:900; cursor:pointer; box-shadow:0 10px 24px rgba(116,52,232,.25); }
.closure-primary-btn span { margin-left:7px; }
.closure-alert { border:1px solid #8b473d; background:#331d20; color:#ffd9d9; border-radius:13px; padding:12px 14px; display:grid; gap:4px; }
.closure-alert strong { font-size:11px; }
.closure-alert span { font-size:10px; color:#e6b4b9; }
.closure-comparison-card,.closure-games-card,.closure-compatible-card { padding:16px; }
.closure-section-title { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:13px; }
.closure-section-title>div>span { color:#8ea1bd; font-size:9px; font-weight:900; letter-spacing:.1em; }
.closure-section-title h2 { margin:4px 0 0; font-size:18px; letter-spacing:-.03em; }
.closure-section-title>b { border-radius:999px; padding:7px 10px; font-size:9px; }
.closure-section-title>b.ok { background:#123927; color:#4de296; border:1px solid #236545; }
.closure-section-title>b.bad { background:#3d2024; color:#ff929b; border:1px solid #6d353d; }
.closure-compare-grid { display:grid; grid-template-columns:1fr 1fr 1.45fr; gap:10px; }
.closure-source-block,.closure-fixed-block { border:1px solid #273750; border-radius:12px; background:#101a2c; padding:12px; min-width:0; }
.closure-source-block>span,.closure-fixed-block>span,.closure-exclusive-grid>div>span { display:block; font-size:9px; font-weight:900; margin-bottom:9px; }
.closure-source-block.delayed>span { color:#b585ef; }
.closure-source-block.frequent>span { color:#63d89a; }
.closure-fixed-block { border-color:#286c50; background:linear-gradient(135deg,#102e25,#15382d); }
.closure-fixed-block>span { color:#65e1a0; }
.closure-fixed-block small { display:block; margin-top:8px; color:#a9cdbb; font-size:8px; }
.closure-balls { display:flex; flex-wrap:wrap; gap:6px; }
.closure-balls b { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; font-size:9px; background:#202b3f; border:1px solid #31425e; color:#eef3ff; }
.closure-balls.small b { width:27px; height:27px; font-size:8px; }
.closure-balls.fixed b,.closure-balls.game b.fixed { background:#123c2b; border-color:#2b8055; color:#70eba9; }
.closure-balls.delayed b,.closure-balls.game b.delayed { background:#392056; border-color:#7841a7; color:#dcadff; }
.closure-balls.frequent b,.closure-balls.game b.frequent { background:#193b29; border-color:#337553; color:#9ae6b9; }
.closure-exclusive-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.closure-exclusive-grid>div { border:1px solid #26354e; border-radius:11px; padding:11px; background:#0f192b; }
.closure-exclusive-grid>div:first-child>span { color:#c497f3; }
.closure-exclusive-grid>div:last-child>span { color:#73dba2; }
.compatible-pairs { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.compatible-pairs a,.closure-shortcuts a { text-decoration:none; border:1px solid #283952; background:#101b2e; border-radius:10px; padding:10px; transition:.15s ease; }
.compatible-pairs a:hover,.closure-shortcuts a:hover { border-color:#6c3bb2; transform:translateY(-1px); }
.compatible-pairs strong,.compatible-pairs span,.closure-shortcuts strong,.closure-shortcuts span { display:block; }
.compatible-pairs strong,.closure-shortcuts strong { font-size:10px; color:#dec9ff; }
.compatible-pairs strong i { color:#7787a0; font-style:normal; margin:0 4px; }
.compatible-pairs span,.closure-shortcuts span { margin-top:4px; color:#8290a7; font-size:8px; }
.closure-games-list { display:grid; gap:7px; max-height:880px; overflow:auto; padding-right:3px; }
.closure-game-row { display:grid; grid-template-columns:34px 1fr; gap:10px; align-items:center; border:1px solid #25344d; border-radius:10px; padding:8px 9px; background:#0e182a; }
.closure-game-number { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#1a2639; border:1px solid #354866; color:#eef4ff; font-size:9px; font-weight:900; }
.closure-game-body { min-width:0; }
.closure-game-meta { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:6px; }
.closure-game-meta span { color:#a89ac4; font-size:8px; }
.closure-game-meta b { color:#67d99c; font-size:8px; white-space:nowrap; }
.closure-balls.game b { width:25px; height:25px; font-size:8px; }
.closure-sidebar { position:sticky; top:92px; }
.closure-guide,.closure-backtest,.closure-composition-stats,.closure-shortcuts { padding:15px; }
.closure-guide ol { margin:12px 0 0; padding:0; list-style:none; display:grid; gap:11px; }
.closure-guide li { display:grid; grid-template-columns:27px 1fr; gap:8px; align-items:start; }
.closure-guide li>b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:#6732d4; color:#fff; font-size:9px; }
.closure-guide li strong,.closure-guide li small { display:block; }
.closure-guide li strong { font-size:9px; }
.closure-guide li small { color:#8f9cb2; font-size:8px; margin-top:3px; line-height:1.4; }
.closure-guide>p { border-top:1px solid #25334b; margin:13px 0 0; padding-top:12px; color:#8ea0ba; font-size:8px; line-height:1.55; font-style:italic; }
.closure-kpis { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:11px; }
.closure-kpis>div { border:1px solid #24334a; border-radius:10px; padding:10px; background:#101a2c; }
.closure-kpis span,.closure-kpis strong,.closure-kpis small { display:block; }
.closure-kpis span { color:#8d9bb1; font-size:7px; }
.closure-kpis strong { margin-top:5px; font-size:18px; color:#f5f7ff; }
.closure-kpis small { color:#50d794; font-size:8px; margin-top:2px; }
.closure-best { margin-top:8px; border:1px solid #584090; background:#201737; border-radius:10px; padding:10px; }
.closure-best span,.closure-best strong,.closure-best small { display:block; }
.closure-best span { color:#9f8ebc; font-size:7px; }
.closure-best strong { color:#cfabff; font-size:12px; margin:4px 0 2px; }
.closure-best small { color:#a99abd; font-size:8px; }
.closure-composition-stats { display:grid; gap:9px; }
.closure-stat-row { display:grid; grid-template-columns:74px 1fr 38px; gap:7px; align-items:center; }
.closure-stat-row>div:first-child strong,.closure-stat-row>div:first-child span { display:block; }
.closure-stat-row>div:first-child strong { font-size:8px; color:#c9b0ee; }
.closure-stat-row>div:first-child span { font-size:7px; color:#74849c; margin-top:2px; }
.closure-stat-row>b { text-align:right; color:#79d7a2; font-size:8px; }
.closure-bar { height:5px; border-radius:999px; background:#19263a; overflow:hidden; }
.closure-bar i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7c43ea,#3fca83); min-width:2px; }
.closure-stat-note { color:#738198; font-size:7px; line-height:1.45; }
.closure-shortcuts { display:grid; gap:7px; }
.closure-shortcuts .closure-side-kicker { margin-bottom:3px; }
.closure-feature-card { background:linear-gradient(135deg,var(--surface),var(--purple-soft)); }
.closure-feature-card .btn-primary { background:linear-gradient(135deg,#6733dd,#a745f0); }

@media (max-width: 1180px) {
  .closure-main-grid { grid-template-columns:1fr; }
  .closure-sidebar { position:static; grid-template-columns:repeat(2,1fr); }
  .closure-select-grid { grid-template-columns:1fr 1fr; }
  .closure-generate-card { grid-column:1/-1; }
  .closure-compare-grid { grid-template-columns:1fr 1fr; }
  .closure-fixed-block { grid-column:1/-1; }
}
@media (max-width: 760px) {
  .closure-page { padding-top:18px; }
  .closure-header { grid-template-columns:1fr; }
  .closure-status { min-width:0; grid-template-columns:auto 1fr; }
  .closure-update-btn { grid-column:1/-1; width:100%; }
  .closure-select-grid,.closure-compare-grid,.closure-exclusive-grid,.compatible-pairs,.closure-sidebar { grid-template-columns:1fr; }
  .closure-generate-card,.closure-fixed-block { grid-column:auto; }
  .closure-section-title { align-items:flex-start; flex-direction:column; }
  .closure-games-list { max-height:none; overflow:visible; }
  .closure-game-row { grid-template-columns:28px 1fr; }
  .closure-game-meta { align-items:flex-start; flex-direction:column; gap:3px; }
  .closure-balls.game b { width:24px; height:24px; }
  .closure-view .closure-nav small { display:none; }
  .closure-view .closure-nav { width:42px; justify-content:center; padding:0; }
}

/* ===== V9 • Simulador 11+4 simplificado ===== */
.simple-closure-view { --sc-bg:#07101e; --sc-card:#0d192b; --sc-card-2:#101e33; --sc-line:#243650; --sc-text:#f4f7ff; --sc-muted:#94a5bd; --sc-purple:#a76cff; --sc-gold:#ffc45b; --sc-blue:#57a7ff; }
.simple-closure-view .topbar { background:rgba(7,16,30,.96); border-color:#1c2d44; }
.simple-closure-view .footer { background:#07101e; border-color:#1c2d44; }
.simple-closure-page { min-height:calc(100vh - 76px); padding:30px 0 68px; color:var(--sc-text); background:radial-gradient(circle at 50% -10%,rgba(102,62,205,.16),transparent 34%),#07101e; }
.sc-hero { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:24px; margin-bottom:18px; }
.sc-hero h1 { margin:7px 0 10px; font-size:clamp(38px,5vw,62px); letter-spacing:-.055em; line-height:.98; }
.sc-hero h1 span { color:#ae73ff; }
.sc-hero p { margin:0; max-width:820px; color:var(--sc-muted); line-height:1.65; font-size:13px; }
.sc-hero p strong { color:#d8c7ff; }
.sc-base-status { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; padding:12px 13px; border:1px solid var(--sc-line); background:rgba(13,25,43,.94); border-radius:14px; min-width:320px; }
.sc-base-status strong,.sc-base-status small { display:block; }
.sc-base-status strong { font-size:11px; }
.sc-base-status small { color:var(--sc-muted); font-size:8px; margin-top:3px; }
.sc-base-status button { border:1px solid #6740a5; background:#171e34; color:#c58cff; border-radius:9px; padding:8px 10px; font-size:9px; font-weight:800; cursor:pointer; }
.sc-explain { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:10px; padding:13px; margin-bottom:16px; border:1px solid var(--sc-line); background:rgba(13,25,43,.72); border-radius:15px; }
.sc-explain>div { display:flex; align-items:center; gap:9px; min-width:0; }
.sc-explain b { width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:50%; background:#6e3adb; color:#fff; font-size:9px; }
.sc-explain span { color:#9eb0c9; font-size:9px; line-height:1.35; }
.sc-explain strong { color:#f1f5ff; font-size:10px; }
.sc-explain i { color:#52647c; font-style:normal; }
.sc-error,.sc-empty { border:1px solid #74434c; background:#2b1820; padding:14px; border-radius:13px; margin-bottom:14px; display:flex; justify-content:space-between; gap:12px; align-items:center; }
.sc-error strong,.sc-empty strong { font-size:10px; }
.sc-error a { color:#fff; background:#7a3eda; text-decoration:none; padding:8px 10px; border-radius:8px; font-size:9px; font-weight:800; }
.sc-main-card,.sc-numbers-card,.sc-strategy-card,.sc-results-card { border:1px solid var(--sc-line); background:linear-gradient(180deg,rgba(15,29,49,.98),rgba(11,22,38,.98)); border-radius:17px; padding:18px; margin-bottom:14px; box-shadow:0 16px 42px rgba(0,0,0,.13); }
.sc-card-head,.sc-results-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; }
.sc-card-head>div>span,.sc-results-head>div>span,.sc-section-heading>span { color:#8a9db6; font-size:8px; font-weight:900; letter-spacing:.12em; }
.sc-card-head h2,.sc-results-head h2,.sc-section-heading h2 { margin:4px 0 0; font-size:19px; letter-spacing:-.03em; }
.sc-card-head h2 i { color:#6d7f99; font-style:normal; margin:0 5px; }
.sc-match-badge { border:1px solid #2b7454; background:#112f25; color:#6ce8a9; border-radius:999px; padding:7px 10px; font-size:9px; font-weight:900; }
.sc-pair-grid { display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:10px; margin-top:14px; }
.sc-contest { padding:14px; border:1px solid #2b3d57; border-radius:12px; background:#101c30; }
.sc-contest>span,.sc-contest>strong,.sc-contest>small { display:block; }
.sc-contest>span { font-size:8px; font-weight:900; letter-spacing:.08em; }
.sc-contest>strong { margin:5px 0 4px; font-size:24px; }
.sc-contest>small { color:#90a1b8; font-size:8px; line-height:1.45; }
.sc-contest.delayed { border-color:#4f3874; background:#18142a; }
.sc-contest.delayed>span,.sc-contest.delayed>strong { color:#c79aff; }
.sc-contest.frequent { border-color:#66532a; background:#221d13; }
.sc-contest.frequent>span,.sc-contest.frequent>strong { color:#ffd06d; }
.sc-versus { display:grid; place-items:center; color:#697b94; font-size:18px; font-weight:900; }
.sc-change-pair { margin-top:12px; border-top:1px solid #24344b; padding-top:11px; }
.sc-change-pair summary,.sc-advanced summary,.sc-history summary { cursor:pointer; color:#a9b7ca; font-size:9px; font-weight:800; }
.sc-pair-options { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }
.sc-pair-options a { text-decoration:none; border:1px solid #293a52; background:#0d1829; border-radius:9px; padding:9px; }
.sc-pair-options a.active { border-color:#7745c4; background:#20173a; }
.sc-pair-options b,.sc-pair-options span { display:block; }
.sc-pair-options b { color:#d8c8ef; font-size:9px; }
.sc-pair-options span { color:#7f8fa5; margin-top:3px; font-size:7px; }
.sc-fixed { text-align:center; }
.sc-label { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:8px; font-weight:900; letter-spacing:.08em; }
.sc-label.blue { color:#8fc6ff; background:#102b48; border:1px solid #1f5486; }
.sc-label.purple { color:#d4acff; background:#24183c; border:1px solid #593587; }
.sc-label.gold { color:#ffda84; background:#332713; border:1px solid #715520; }
.sc-fixed h2 { font-size:18px; margin:9px 0 13px; letter-spacing:-.025em; }
.sc-fixed h2 strong { color:#7fbdff; }
.sc-balls { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; }
.sc-balls b { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; font-size:10px; background:#18263a; border:1px solid #334762; color:#eef4ff; }
.sc-balls.fixed b,.sc-balls.game b.fixed { background:#102e4d; border-color:#2769a4; color:#90c9ff; }
.sc-balls.delayed b,.sc-balls.game b.delayed { background:#2d1946; border-color:#71419e; color:#dfb6ff; }
.sc-balls.frequent b,.sc-balls.game b.frequent { background:#352810; border-color:#7c5d20; color:#ffdc8c; }
.sc-eight { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; max-width:760px; margin:20px auto 0; }
.sc-extra { text-align:center; border:1px solid #273a52; background:#0f1a2d; border-radius:12px; padding:13px; }
.sc-extra .sc-balls { margin-top:10px; }
.sc-plus { color:#61738e; font-size:20px; font-weight:900; }
.sc-simple-note { text-align:center; margin:14px 0 0; color:#8fa0b6; font-size:9px; }
.sc-simple-note strong { color:#e9efff; }
.sc-section-heading { text-align:center; }
.sc-section-heading p { margin:6px 0 0; color:#8d9eb6; font-size:9px; }
.sc-section-heading p strong { color:#bad9ff; }
.sc-strategies { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:16px; }
.sc-strategies>a { position:relative; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; min-height:76px; padding:13px; text-decoration:none; border:1px solid #2a3a52; background:#101b2d; border-radius:13px; color:#eef3ff; }
.sc-strategies>a:hover { border-color:#5f4988; }
.sc-strategies>a.selected { border-color:#7e4bc7; background:linear-gradient(135deg,#22183d,#131d31); box-shadow:0 0 0 2px rgba(132,76,207,.10); }
.sc-strategies>a.recommended { border-color:#315f89; }
.sc-strategies>a.recommended.selected { border-color:#438cce; background:linear-gradient(135deg,#102640,#171c37); }
.sc-strategies em { position:absolute; top:-8px; right:10px; background:#4b8dd0; color:#fff; border-radius:999px; padding:3px 6px; font-size:6px; font-style:normal; font-weight:900; }
.sc-strategy-icon { width:35px; height:35px; display:grid; place-items:center; border-radius:10px; font-size:11px; font-weight:900; }
.sc-strategy-icon.purple { background:#2d1946; color:#dcb4ff; }
.sc-strategy-icon.blue { background:#102e4d; color:#87c5ff; }
.sc-strategy-icon.gold { background:#342711; color:#ffd77c; }
.sc-strategies strong,.sc-strategies small { display:block; }
.sc-strategies strong { font-size:10px; }
.sc-strategies small { color:#8394aa; font-size:8px; margin-top:3px; line-height:1.35; }
.sc-strategies>a>b { font-size:9px; color:#a8b8cd; white-space:nowrap; }
.sc-advanced { margin-top:12px; text-align:center; }
.sc-advanced>div { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; margin-top:9px; }
.sc-advanced a { text-decoration:none; border:1px solid #2b3c54; color:#91a2b8; background:#0f1929; border-radius:999px; padding:7px 9px; font-size:8px; }
.sc-advanced a.active { border-color:#7850b8; color:#d6b5ff; background:#211839; }
.sc-results-head p { color:#8f9fb4; font-size:9px; margin:5px 0 0; }
.sc-results-head>a { text-decoration:none; color:#fff; background:#6935cf; border-radius:9px; padding:9px 11px; font-size:9px; font-weight:900; }
.sc-legend { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0 10px; color:#8b9bb0; font-size:8px; }
.sc-legend span { display:flex; align-items:center; gap:5px; }
.sc-legend i { width:9px; height:9px; border-radius:50%; display:block; }
.sc-legend i.fixed { background:#4b98da; }
.sc-legend i.delayed { background:#9854cf; }
.sc-legend i.frequent { background:#d59c37; }
.sc-games { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.sc-games article { display:grid; grid-template-columns:30px 1fr; align-items:center; gap:8px; border:1px solid #25364e; border-radius:10px; padding:8px; background:#0d1829; }
.sc-game-no { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#19273a; color:#dce6f5; font-size:8px; font-weight:900; }
.sc-balls.game { justify-content:flex-start; gap:4px; }
.sc-balls.game b { width:24px; height:24px; font-size:7px; }
.sc-history { margin-top:13px; border-top:1px solid #26374e; padding-top:12px; }
.sc-history summary small { color:#6e7f97; font-weight:500; }
.sc-history-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:11px; }
.sc-history-grid>div { border:1px solid #283951; background:#0e192a; border-radius:10px; padding:10px; }
.sc-history-grid span,.sc-history-grid strong,.sc-history-grid small { display:block; }
.sc-history-grid span { color:#7f90a7; font-size:7px; }
.sc-history-grid strong { margin-top:4px; font-size:17px; }
.sc-history-grid small { color:#67d69c; font-size:8px; margin-top:2px; }
.sc-history>p { color:#75869d; font-size:8px; line-height:1.5; margin:10px 0 0; }
.sc-history>p strong { color:#9fb0c6; }
@media(max-width:900px){
  .sc-hero{grid-template-columns:1fr}.sc-base-status{min-width:0}.sc-explain{grid-template-columns:1fr 1fr;gap:8px}.sc-explain>i{display:none}.sc-pair-options{grid-template-columns:1fr 1fr}.sc-strategies{grid-template-columns:1fr}.sc-games{grid-template-columns:1fr}.sc-history-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .simple-closure-page{padding-top:18px}.sc-base-status{grid-template-columns:auto 1fr}.sc-base-status button{grid-column:1/-1;width:100%}.sc-explain{grid-template-columns:1fr}.sc-pair-grid,.sc-eight{grid-template-columns:1fr}.sc-versus,.sc-plus{min-height:20px}.sc-pair-options{grid-template-columns:1fr}.sc-card-head,.sc-results-head{flex-direction:column}.sc-history-grid{grid-template-columns:1fr 1fr}.sc-balls b{width:32px;height:32px}.sc-balls.game b{width:23px;height:23px}
}

/* ===== V10 • Fechamento Inteligente 14/15 ===== */
.smart-closure-view { --smart-bg:#07111f; --smart-card:#0d1a2b; --smart-card-2:#101f33; --smart-line:#243750; --smart-text:#edf4ff; --smart-muted:#8fa2bb; --smart-purple:#8b4df2; --smart-blue:#4ea2ff; --smart-green:#55d99a; --smart-gold:#e9b84e; background:radial-gradient(circle at 70% 0,#132449 0,transparent 36%),linear-gradient(180deg,#07111f,#091524 45%,#07111f); color:var(--smart-text); }
.smart-closure-view .topbar,.smart-closure-view .footer { background:#07111f; border-color:#1f3046; }
.smart-page { min-height:100vh; padding:26px 0 44px; }
.smart-page .shell { width:min(1180px,calc(100% - 28px)); }
.smart-hero { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; margin-bottom:14px; }
.smart-kicker,.smart-title-row>div>span,.smart-method-title>span,.smart-improve-card>div>span { color:#8d9fb8; font-size:10px; font-weight:900; letter-spacing:.13em; }
.smart-hero h1 { font-size:36px; line-height:1.08; margin:7px 0 9px; letter-spacing:-.04em; color:#f4f7ff; }
.smart-hero h1 span { color:#a874ff; }
.smart-hero p { max-width:760px; color:#9eb0c7; font-size:13px; line-height:1.65; margin:0; }
.smart-status { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:9px; min-width:260px; padding:13px; border:1px solid var(--smart-line); border-radius:15px; background:rgba(13,26,43,.9); }
.smart-status div strong,.smart-status div small { display:block; }
.smart-status div strong { font-size:12px; }.smart-status div small{font-size:9px;color:var(--smart-muted);margin-top:3px}
.smart-online-dot { width:10px;height:10px;border-radius:50%;background:#36dc8b;box-shadow:0 0 0 5px rgba(54,220,139,.1); }
.smart-status button { grid-column:1/-1; border:1px solid #6337a2; background:#161c32; color:#cdaaff; border-radius:9px; min-height:34px; font-size:9px; font-weight:800; cursor:pointer; }
.smart-rule { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; margin-bottom:14px; border:1px solid #20334a; border-radius:13px; background:#0c1828; padding:12px; color:#92a3b9; font-size:10px; }
.smart-rule strong { color:#fff; }.smart-rule i{font-style:normal;color:#627791}.smart-rule span:nth-of-type(1){color:#75baff}.smart-rule span:nth-of-type(2){color:#d7b4ff}.smart-rule span:nth-of-type(3){color:#78dba8}
.smart-source-card,.smart-config-card,.smart-result-card,.smart-compare-card,.smart-games-card,.smart-improve-card,.smart-extra-card { border:1px solid var(--smart-line); background:linear-gradient(180deg,rgba(15,30,50,.98),rgba(10,21,36,.98)); border-radius:18px; box-shadow:0 20px 55px rgba(0,0,0,.17); }
.smart-source-card,.smart-config-card,.smart-result-card,.smart-compare-card,.smart-games-card { padding:18px; margin-bottom:14px; }
.smart-title-row { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.smart-title-row h2,.smart-method-title h2,.smart-improve-card h2 { font-size:20px; letter-spacing:-.035em; margin:5px 0 0; color:#f3f6ff; }
.smart-title-row p,.smart-method-title p { margin:5px 0 0; color:var(--smart-muted); font-size:10px; line-height:1.5; }
.smart-ok { color:#65e4a3; background:#102e27; border:1px solid #286648; border-radius:999px; padding:7px 10px; font-size:9px; font-weight:800; white-space:nowrap; }
.smart-source-grid { display:grid; grid-template-columns:1fr 2fr 1fr; gap:10px; margin-top:14px; }
.source { min-height:112px; border:1px solid #293d58; border-radius:13px; background:#0d192b; padding:13px; display:flex; flex-direction:column; justify-content:center; }
.source>span { font-size:8px;font-weight:900;letter-spacing:.08em;color:#8d9fb7 }.source>strong{font-size:25px;margin:5px 0}.source>small{font-size:8px;line-height:1.45;color:#8193aa}
.source.delayed{border-color:#563a7d;background:#18142b}.source.delayed>strong{color:#d1a8ff}.source.frequent{border-color:#6b5728;background:#211c12}.source.frequent>strong{color:#ffd275}.source.fixed{text-align:center;align-items:center;background:#0e2036;border-color:#25537c}
.smart-balls { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.smart-balls b { width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:9px;border:1px solid #344964;background:#16263a;color:#edf4ff; }
.smart-balls.fixed b,.smart-balls b.fixed{background:#0e3153;border-color:#2b6fa8;color:#9bd1ff}.smart-balls.delayed b{background:#321a4d;border-color:#7348a1;color:#dfbaff}.smart-balls.frequent b{background:#362a10;border-color:#806323;color:#ffe09a}.smart-balls b.candidate{background:#252f18;border-color:#62752d;color:#d8ed8c}
.smart-candidates { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin:15px 0 0; padding:13px; background:#0a1728; border:1px solid #24364d; border-radius:13px; }
.smart-candidates>div>span{display:block;text-align:center;color:#889bb3;font-size:8px;margin-bottom:7px}.smart-candidates .plus{color:#637790}.smart-candidates .equals{font-size:10px;color:#d7e1f0}
.smart-details { margin-top:12px; border-top:1px solid #20334a; padding-top:10px; }.smart-details summary,.smart-extra-card summary{cursor:pointer;color:#aab8ca;font-size:9px;font-weight:800}.smart-pair-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.smart-pair-list a{text-decoration:none;padding:9px;border:1px solid #273a52;background:#0b1727;border-radius:9px}.smart-pair-list a.active{border-color:#7d4ac8;background:#21183a}.smart-pair-list strong,.smart-pair-list small{display:block}.smart-pair-list strong{font-size:9px;color:#e1d0f6}.smart-pair-list small{font-size:7px;color:#7f91a8;margin-top:3px}
.smart-counts { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin:15px 0 20px; }.smart-counts a{text-decoration:none;text-align:center;border:1px solid #293b53;background:#0c1829;border-radius:12px;padding:11px;color:#cbd6e6}.smart-counts a.active{border-color:#8c4df2;background:linear-gradient(135deg,#291847,#15223a);box-shadow:0 0 0 2px rgba(139,77,242,.1)}.smart-counts strong,.smart-counts small{display:block}.smart-counts strong{font-size:19px}.smart-counts small{font-size:8px;color:#8294aa}
.smart-method-title { border-top:1px solid #20334a; padding-top:15px; }.smart-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.smart-methods a{position:relative;text-decoration:none;border:1px solid #2a3d56;background:#0c1829;border-radius:13px;padding:14px;color:#eef3ff;min-height:95px}.smart-methods a.active{border-color:#8a51e1;background:linear-gradient(135deg,#261845,#102039)}.smart-methods em{position:absolute;right:9px;top:-8px;background:#7d45d0;color:#fff;font-size:6px;font-style:normal;font-weight:900;padding:3px 6px;border-radius:999px}.smart-methods strong,.smart-methods small{display:block}.smart-methods strong{font-size:11px}.smart-methods small{font-size:8px;color:#8496ad;line-height:1.5;margin-top:6px}
.smart-export,.smart-print{border:0;text-decoration:none;background:#6f38db;color:#fff;border-radius:10px;padding:9px 12px;font-size:9px;font-weight:900;cursor:pointer;white-space:nowrap}.smart-print{background:#17243a;border:1px solid #344862}
.coverage-grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:9px; margin-top:15px; }.coverage-grid article{border:1px solid #263a53;background:#0b1727;border-radius:13px;padding:13px}.coverage-grid article.big{background:linear-gradient(135deg,#102640,#151d38);border-color:#2a6392}.coverage-grid span,.coverage-grid strong,.coverage-grid small,.coverage-grid em{display:block}.coverage-grid span{font-size:8px;color:#8799b0}.coverage-grid strong{font-size:21px;margin-top:5px;color:#f4f7ff}.coverage-grid small{font-size:8px;color:#91a2b8;margin-top:3px;line-height:1.4}.coverage-grid small b{color:#8bc9ff}.coverage-grid em{font-style:normal;font-size:8px;color:#6edca6;margin-top:5px}.meter{height:7px;background:#17263a;border-radius:999px;overflow:hidden;margin-top:10px}.meter i{display:block;height:100%;background:linear-gradient(90deg,#4c9dff,#7a59e9,#60d9a0)}
.smart-truth { margin-top:12px; padding:11px 12px; border-radius:10px; background:#1c1b17; border:1px solid #544522; color:#c5b991; font-size:8px; line-height:1.55; }.smart-truth strong{color:#ffdb80}
.strategy-compare { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px }.strategy-compare article{position:relative;border:1px solid #293b53;background:#0b1728;border-radius:13px;padding:13px}.strategy-compare article.current{box-shadow:inset 0 0 0 1px #7547bd}.strategy-compare article.recommended{border-color:#2f7558}.strategy-compare em{position:absolute;right:8px;top:-8px;background:#186b4a;color:#8ff0bc;border:1px solid #2a8b65;padding:3px 6px;border-radius:999px;font-size:6px;font-style:normal;font-weight:900}.strategy-compare>article>strong,.strategy-compare>article>small{display:block}.strategy-compare>article>strong{font-size:11px}.strategy-compare>article>small{font-size:7px;color:#7f91a8;line-height:1.45;min-height:31px;margin:5px 0 9px}.strategy-compare article>div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #1e3046;padding:6px 0;font-size:8px}.strategy-compare article>div span{color:#8092a9}.strategy-compare article>div b{color:#dce7f5}
.smart-improve-card { width:min(1180px,calc(100% - 28px)); margin:0 auto 14px; padding:16px; display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; border-color:#2d7254;background:linear-gradient(135deg,#0e2a22,#0c1d2a) }.improve-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#174b37;color:#82efb5;font-weight:900}.smart-improve-card h2{font-size:15px}.smart-improve-card p{font-size:8px;color:#85a899;margin:7px 0 0}.smart-balls.next{margin-top:8px}.smart-balls.next b{width:27px;height:27px;font-size:7px}
.smart-legend{display:flex;gap:13px;flex-wrap:wrap;color:#8496ac;font-size:8px;margin:13px 0 10px}.smart-legend span{display:flex;gap:5px;align-items:center}.smart-legend i{width:9px;height:9px;border-radius:50%}.smart-legend i.fixed{background:#3c8dd0}.smart-legend i.candidate{background:#819832}.smart-games{display:grid;grid-template-columns:1fr 1fr;gap:7px}.smart-games article{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;border:1px solid #26394f;background:#0a1727;border-radius:10px;padding:7px}.smart-games article>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#17263a;color:#d8e4f3;font-size:8px;font-weight:900}.smart-balls.game{gap:4px}.smart-balls.game b{width:23px;height:23px;font-size:7px}
.smart-extra-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }.smart-extra-card{padding:14px}.smart-extra-card.wide{grid-column:1/-1}.smart-extra-card>p{color:#8294aa;font-size:8px;line-height:1.5}.smart-extra-card>small{display:block;color:#6f8198;font-size:7px;margin-top:9px;line-height:1.5}
.candidate-bars{display:grid;gap:7px;margin-top:10px}.candidate-bars>div{display:grid;grid-template-columns:28px 1fr 32px;gap:7px;align-items:center}.candidate-bars b{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#293718;color:#d9ef8e;font-size:7px}.candidate-bars span{height:7px;background:#17263a;border-radius:999px;overflow:hidden}.candidate-bars span i{display:block;height:100%;background:#769334}.candidate-bars strong{font-size:8px;color:#9badc2;text-align:right}
.stress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.stress-grid div{padding:10px;border:1px solid #273a52;border-radius:9px;background:#0b1728}.stress-grid span,.stress-grid strong{display:block}.stress-grid span{font-size:7px;color:#8092aa}.stress-grid strong{font-size:16px;margin-top:4px}
.backtest-table{margin-top:10px;border:1px solid #263950;border-radius:10px;overflow:hidden}.backtest-table>div{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:6px;padding:8px 9px;border-top:1px solid #1f3046;font-size:8px}.backtest-table>div:first-child{border-top:0}.backtest-table .head{background:#111f32;color:#8193aa;font-weight:800}.backtest-table strong{color:#dbe5f3}.backtest-table span{color:#91a3ba;text-align:right}.uncovered-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.uncovered-list span{border:1px solid #3d354e;background:#191426;color:#bfa8d9;border-radius:999px;padding:6px 8px;font-size:7px}
.smart-alert{border:1px solid #564429;background:#1c1b17;border-radius:13px;padding:13px;color:#d7c28f;display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:9px}.smart-alert.error{border-color:#6f3344;background:#25141a;color:#f0a6ba}.smart-alert a{color:#fff}
@media(max-width:900px){.smart-hero{grid-template-columns:1fr}.smart-status{min-width:0}.smart-source-grid{grid-template-columns:1fr}.smart-counts{grid-template-columns:repeat(3,1fr)}.smart-methods,.strategy-compare{grid-template-columns:1fr}.coverage-grid{grid-template-columns:1fr 1fr}.coverage-grid article.big{grid-column:1/-1}.smart-games{grid-template-columns:1fr}.smart-pair-list{grid-template-columns:1fr 1fr}.smart-extra-grid{grid-template-columns:1fr}.smart-extra-card.wide{grid-column:auto}}
@media(max-width:600px){.smart-page{padding-top:18px}.smart-hero h1{font-size:29px}.smart-title-row{flex-direction:column}.smart-ok{align-self:flex-start}.smart-counts{grid-template-columns:repeat(3,1fr)}.coverage-grid{grid-template-columns:1fr}.coverage-grid article.big{grid-column:auto}.smart-candidates{align-items:flex-start;flex-direction:column}.smart-candidates .plus{align-self:center}.smart-pair-list{grid-template-columns:1fr}.smart-improve-card{grid-template-columns:1fr}.stress-grid{grid-template-columns:1fr}.backtest-table>div{grid-template-columns:1.4fr repeat(4,.7fr);font-size:7px}.smart-balls b{width:29px;height:29px}.smart-balls.game b{width:22px;height:22px}}
@media print{.topbar,.footer,.smart-config-card,.smart-compare-card,.smart-improve-card,.smart-extra-grid,.smart-export,.smart-print,.smart-details,.smart-status{display:none!important}.smart-closure-view{background:#fff;color:#111}.smart-source-card,.smart-result-card,.smart-games-card{box-shadow:none;border:1px solid #ccc;background:#fff;color:#111}.smart-page .shell{width:100%}.smart-games{grid-template-columns:1fr 1fr}}
.smart-universe{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}.smart-universe a{position:relative;text-decoration:none;border:1px solid #2a3c55;background:#0b1728;border-radius:13px;padding:14px;color:#edf3ff}.smart-universe a.active{border-color:#4a8bc8;background:linear-gradient(135deg,#10263f,#141f37)}.smart-universe a.recommended{border-color:#2f7457}.smart-universe em{position:absolute;right:10px;top:-8px;background:#166a49;border:1px solid #2b8f67;color:#91efbc;border-radius:999px;padding:3px 6px;font-size:6px;font-style:normal;font-weight:900}.smart-universe strong,.smart-universe small{display:block}.smart-universe strong{font-size:11px}.smart-universe small{color:#8496ac;font-size:8px;line-height:1.5;margin-top:5px}.smart-outside{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#0a1728;border:1px solid #25384f;border-radius:11px;padding:10px;margin-bottom:16px}.smart-outside>span{color:#8295ad;font-size:8px}.smart-balls.outside b{width:27px;height:27px;background:#242337;border-color:#504b72;color:#c9c4e9;font-size:7px}.smart-size-title{border-top:1px solid #20334a;padding-top:15px}.smart-size-title+ .smart-counts{margin-top:13px}
@media(max-width:700px){.smart-universe{grid-template-columns:1fr}.smart-outside{align-items:flex-start;flex-direction:column}}

/* ===== V11: Frequência 14 + Fechamento Frequência 11 x 14 ===== */
.frequency14-view { --gold:#c98a1c; --gold-soft:#fff7e6; }
.frequency14-view .frequency-hero .eyebrow,
.frequency14-view .frequency-hero .repeat-copy h1 span,
.frequency14-view .ranking-position { color:var(--gold); }
.frequency14-view .frequency-featured { background:linear-gradient(135deg,#fff7e7,#fff); border-color:#f0d8aa; }
.frequency14-view .frequency-featured strong,
.frequency14-view .frequency-leader strong,
.frequency14-view .frequency-pill { color:#a96700; }
.frequency14-view .frequency-status>span { background:linear-gradient(135deg,#d79b2f,#f2ba56); }
.frequency14-view .source-balls span { background:linear-gradient(135deg,#ba7712,#dc9b2f); }
.frequency14-view .table-action { color:#9c6204; border-color:#e4c480; background:#fff8e9; }
.frequency14-feature-card { background:linear-gradient(135deg,var(--surface),#fff8e9); }
.frequency14-feature-card .eyebrow { color:#a86800; }
.frequency14-feature-card .btn-primary { background:linear-gradient(135deg,#b67610,#d89a2e); }
.frequency14-nav span { font-size:12px; }
.cross-feature-card { background:linear-gradient(135deg,var(--surface),#f2edff 52%,#fff8e9); }
.cross-feature-card .btn-primary { background:linear-gradient(135deg,#6f2aa8,#b67817); }

.frequency-cross-view { background:radial-gradient(circle at 20% 0,#f4edff 0,transparent 31%),radial-gradient(circle at 85% 10%,#fff5dc 0,transparent 28%),var(--bg); }
.frequency-cross-view .cross-nav { border-color:#9d6ac8; background:linear-gradient(135deg,#f3ebff,#fff6dd); }
.cross-hero { padding:48px 0 22px; }
.cross-hero h1 { font-size:clamp(42px,5.5vw,72px); line-height:.98; letter-spacing:-.055em; margin:18px 0 16px; max-width:900px; }
.cross-hero h1 span { background:linear-gradient(90deg,#6f2aa8,#c1871f); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cross-hero p { max-width:850px; color:var(--muted); font-size:15px; line-height:1.7; }
.cross-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:10px; margin-bottom:18px; }
.cross-steps article { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; border:1px solid var(--line); background:var(--surface); border-radius:18px; padding:16px; }
.cross-steps article>b { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:var(--purple-soft); color:var(--purple); font-size:16px; }
.cross-steps strong,.cross-steps span { display:block; }.cross-steps strong{font-size:13px}.cross-steps span{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}
.cross-leaders { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; margin-bottom:18px; }
.cross-leader-card { border:1px solid var(--line); background:var(--surface); border-radius:20px; padding:18px 20px; }
.cross-leader-card>span,.cross-leader-card>strong,.cross-leader-card>small,.cross-leader-card>a { display:block; }
.cross-leader-card>span { font-size:9px; font-weight:900; letter-spacing:.1em; }.cross-leader-card>strong{font-size:30px;margin-top:7px}.cross-leader-card>small{font-size:11px;color:var(--muted);margin-top:3px}.cross-leader-card>a{margin-top:12px;font-size:10px;font-weight:800;text-decoration:none}
.cross-leader-card.purple strong,.cross-leader-card.purple a{color:var(--purple)}.cross-leader-card.gold strong,.cross-leader-card.gold a{color:#b67610}.cross-plus{font-size:30px;color:#9d87b2;font-weight:300}
.cross-source-card,.cross-config-card,.cross-result-card,.cross-backtest-card { border:1px solid var(--line); background:var(--surface); border-radius:22px; padding:22px; margin-bottom:18px; box-shadow:0 14px 36px rgba(54,31,71,.05); }
.cross-explain { margin:3px 0 18px; color:var(--muted); line-height:1.6; font-size:12px; }.cross-explain strong{color:var(--text)}
.cross-groups { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.cross-groups article{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface-2)}.cross-groups article>span{display:block;font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted);margin-bottom:12px}.cross-groups article>small{display:block;color:var(--muted);font-size:9px;margin-top:10px}
.cross-balls { display:flex; flex-wrap:wrap; gap:7px; }.cross-balls b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#fff}.cross-balls.fixed b,.cross-balls.game b.fixed{background:linear-gradient(135deg,#6f2aa8,#9b50cf)}.cross-balls.rotating b,.cross-balls.game b.rotating{background:linear-gradient(135deg,#b4730c,#d99a30)}
.cross-details { margin-top:15px; border-top:1px solid var(--line); padding-top:12px; }.cross-details summary{cursor:pointer;font-size:10px;font-weight:800;color:var(--purple)}
.cross-profile-table { margin-top:12px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }.cross-profile-table>div{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:9px 12px;border-top:1px solid var(--line);font-size:9px;align-items:center}.cross-profile-table>div:first-child{border-top:0}.cross-profile-table .head{background:var(--surface-2);color:var(--muted);font-weight:800}.cross-profile-table strong{color:var(--purple)}
.cross-config-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:center; }.cross-config-card h2{margin:5px 0 4px}.cross-config-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5;max-width:650px}.cross-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cross-counts a{width:62px;height:58px;border:1px solid var(--line);border-radius:13px;display:grid;place-items:center;text-decoration:none;color:var(--text);background:var(--surface-2);padding:6px}.cross-counts a strong,.cross-counts a small{display:block;text-align:center}.cross-counts a strong{font-size:16px}.cross-counts a small{font-size:8px;color:var(--muted)}.cross-counts a.active{background:linear-gradient(135deg,#6f2aa8,#8f3fb8);color:#fff;border-color:transparent}.cross-counts a.active small{color:#eadcf3}
.cross-result-head { display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:15px}.cross-result-head h2{margin:5px 0 3px}.cross-result-head p{margin:0;color:var(--muted);font-size:10px}.cross-result-actions{display:flex;gap:7px}.cross-result-actions a,.cross-result-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--purple);padding:9px 11px;border-radius:10px;text-decoration:none;font:inherit;font-size:9px;font-weight:800;cursor:pointer}
.cross-game-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cross-game-list article{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:8px}.cross-game-list article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eee7f4;color:#6f2aa8;font-size:9px;font-weight:900}.cross-balls.game{gap:4px}.cross-balls.game b{width:25px;height:25px;font-size:8px}
.cross-backtest-card { display:grid; grid-template-columns:minmax(0,1fr) 1fr; gap:22px; align-items:center; }.cross-backtest-card h2{margin:5px 0}.cross-backtest-card p{color:var(--muted);font-size:10px;line-height:1.55}.cross-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cross-kpis article{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:13px}.cross-kpis span,.cross-kpis strong,.cross-kpis small{display:block}.cross-kpis span{font-size:8px;color:var(--muted)}.cross-kpis strong{font-size:22px;margin-top:5px}.cross-kpis small{font-size:8px;color:var(--muted);margin-top:2px}.cross-kpis article:nth-child(2) strong{color:#b67610}.cross-kpis article:nth-child(3) strong{color:#6f2aa8}
.cross-note { margin-bottom:28px; border:1px solid #ead8a5; background:#fff9e9; color:#7a6428; border-radius:14px; padding:13px 15px; font-size:10px; line-height:1.55; }
[data-theme="dark"] .cross-note{background:#241f12;border-color:#584b28;color:#cbbb86}[data-theme="dark"] .frequency14-feature-card{background:linear-gradient(135deg,var(--surface),#2b2415)}[data-theme="dark"] .cross-feature-card{background:linear-gradient(135deg,var(--surface),#21172d 52%,#2a2315)}
@media(max-width:900px){.cross-steps{grid-template-columns:1fr}.cross-config-card,.cross-backtest-card{grid-template-columns:1fr}.cross-counts{justify-content:flex-start}.cross-game-list{grid-template-columns:1fr}.cross-groups{grid-template-columns:1fr}}
@media(max-width:600px){.cross-hero{padding-top:26px}.cross-hero h1{font-size:34px}.cross-leaders{grid-template-columns:1fr}.cross-plus{text-align:center}.cross-result-head{flex-direction:column}.cross-kpis{grid-template-columns:1fr}.cross-profile-table>div{grid-template-columns:.7fr 1fr 1fr .8fr;font-size:8px}.cross-balls b{width:31px;height:31px}.cross-balls.game b{width:23px;height:23px}.top-actions{overflow-x:auto;max-width:calc(100vw - 150px);padding-bottom:2px;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}}
@media print{.topbar,.footer,.cross-hero,.cross-steps,.cross-leaders,.cross-config-card,.cross-backtest-card,.cross-note,.cross-result-actions{display:none!important}.cross-result-card{box-shadow:none;border:0}.cross-game-list{grid-template-columns:1fr 1fr}}


/* V12 • Frequência 14 sem limite */
.frequency14-global-summary {
  display:grid; grid-template-columns:1.25fr repeat(3,1fr); gap:12px; margin-top:18px;
}
.global14-card {
  padding:18px 19px; border:1px solid var(--line); border-radius:19px; background:var(--surface);
  box-shadow:var(--shadow-soft); min-height:118px; display:flex; flex-direction:column; justify-content:center;
}
.global14-card > span { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.global14-card > strong { font-size:32px; letter-spacing:-.04em; margin:7px 0 4px; }
.global14-card > small { color:var(--muted); font-size:10px; line-height:1.4; }
.global14-card.featured { background:linear-gradient(135deg,#258b5b,#36af74); color:#fff; border-color:transparent; }
.global14-card.featured > span,.global14-card.featured > small { color:rgba(255,255,255,.82); }
.frequency14-update-note { margin-top:12px; padding:12px 15px; border:1px solid color-mix(in srgb,var(--green) 22%,var(--line)); border-radius:14px; background:var(--green-soft); color:var(--green); font-size:11px; line-height:1.5; }
.frequency14-tools { display:flex; align-items:end; gap:12px; margin:16px 0 12px; flex-wrap:wrap; }
.frequency14-search { display:flex; flex-direction:column; gap:6px; min-width:220px; flex:1; max-width:340px; }
.frequency14-search span { color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; }
.frequency14-search input { width:100%; padding:11px 13px; border:1px solid var(--line); border-radius:12px; background:var(--surface); color:var(--ink); outline:none; }
.frequency14-search input:focus { border-color:var(--purple); box-shadow:0 0 0 3px color-mix(in srgb,var(--purple) 12%,transparent); }
.frequency14-filter-buttons { display:flex; gap:6px; flex-wrap:wrap; }
.frequency14-filter-buttons button { padding:10px 12px; border:1px solid var(--line); border-radius:11px; background:var(--surface); color:var(--muted); cursor:pointer; font-size:10px; font-weight:700; }
.frequency14-filter-buttons button.active { color:#fff; background:var(--purple); border-color:var(--purple); }
#frequency14-visible-count { margin-left:auto; color:var(--muted); font-size:10px; padding-bottom:10px; white-space:nowrap; }
@media (max-width:900px) { .frequency14-global-summary { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px) {
  .frequency14-global-summary { grid-template-columns:1fr 1fr; gap:8px; }
  .global14-card { min-height:105px; padding:14px; }
  .global14-card > strong { font-size:27px; }
  .frequency14-tools { align-items:stretch; }
  .frequency14-search { max-width:none; width:100%; }
  .frequency14-filter-buttons { width:100%; }
  .frequency14-filter-buttons button { flex:1; }
  #frequency14-visible-count { margin-left:0; padding:2px 0 0; width:100%; }
}

/* ===== V13 • Frequência por pontos ===== */
.points-switch{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0 28px}
.points-switch a{display:flex;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border:1px solid var(--border,#e7dff0);border-radius:14px;background:rgba(255,255,255,.8);text-decoration:none;color:inherit;box-shadow:0 8px 22px rgba(70,30,100,.05)}
.points-switch a strong{font-size:19px;color:#6f2aa8}.points-switch a span{font-size:12px;font-weight:700;color:#7b6d83}
.points-switch a.active{background:linear-gradient(135deg,#7d2fc2,#9d3bd0);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(111,42,168,.24)}
.points-switch a.active strong,.points-switch a.active span{color:#fff}
.points-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;margin-bottom:30px}
.points-summary-grid article{background:#fff;border:1px solid var(--border,#e8e0ed);border-radius:18px;padding:20px;box-shadow:0 12px 34px rgba(61,30,76,.06)}
.points-summary-grid span,.points-summary-grid small{display:block;color:#7b6d83}.points-summary-grid strong{display:block;font-size:30px;line-height:1.1;margin:7px 0;color:#25192c}
.dark .points-switch a,.dark .points-summary-grid article{background:#17121e;border-color:#30233a}.dark .points-summary-grid strong{color:#f8f2ff}
@media(max-width:760px){.points-switch{grid-template-columns:repeat(5,1fr);gap:6px}.points-switch a{padding:11px 3px;display:block;text-align:center}.points-switch a strong,.points-switch a span{display:block}.points-summary-grid{grid-template-columns:1fr 1fr}.points-summary-grid article{padding:15px}.points-summary-grid strong{font-size:24px}}


/* === PROJETO COMERCIAL: identidade por modalidade === */
body.game-theme-quina { --purple:#1667c8; --purple-2:#4195ed; --purple-soft:#eaf3ff; --bg:#f5f9ff; --surface-2:#f7fbff; }
body.game-theme-megasena { --purple:#13844b; --purple-2:#35ad70; --purple-soft:#e7f7ee; --bg:#f4faf6; --surface-2:#f7fcf9; }
body.game-theme-lotomania { --purple:#e36b17; --purple-2:#f49b46; --purple-soft:#fff0e5; --bg:#fff9f4; --surface-2:#fffbf8; }
body.game-theme-timemania { --purple:#008b83; --purple-2:#23afa4; --purple-soft:#e5f7f5; --bg:#f3fbfa; --surface-2:#f7fdfc; }
body.game-theme-duplasena { --purple:#b52b62; --purple-2:#de5a8e; --purple-soft:#fbeaf1; --bg:#fff7fa; --surface-2:#fffafd; }
body.game-theme-diadesorte { --purple:#b67b00; --purple-2:#e6ab28; --purple-soft:#fff5d9; --bg:#fffbf1; --surface-2:#fffdf8; }
body.game-theme-supersete { --purple:#4054b2; --purple-2:#687de2; --purple-soft:#edf0ff; --bg:#f6f7ff; --surface-2:#fafaff; }
body.game-theme-maismilionaria { --purple:#25345f; --purple-2:#b18a32; --purple-soft:#eef1f8; --bg:#f6f7fb; --surface-2:#fafbfe; }

.game-switcher { display:flex; align-items:center; gap:8px; margin-left:8px; }
.game-select { min-height:40px; border:1px solid var(--line); border-radius:12px; padding:0 34px 0 12px; background:var(--surface); color:var(--ink); font-size:11px; font-weight:800; cursor:pointer; }
.multi-hero { padding-bottom:28px; }
.multi-toolbar { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.multi-toolbar a { text-decoration:none; }
.multi-toolbar .active { background:var(--purple-soft); border-color:color-mix(in srgb,var(--purple) 35%,var(--line)); color:var(--purple); }
.number-grid.multi-grid { grid-template-columns:repeat(10,1fr); }
.number-grid.multi-grid.compact-80 { grid-template-columns:repeat(10,1fr); }
.number-grid.multi-grid.lotomania-grid { grid-template-columns:repeat(10,1fr); max-height:460px; overflow:auto; padding-right:4px; }
.multi-grid .number-btn { min-height:44px; }
.multi-card-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:20px 0 38px; }
.metric-card { border:1px solid var(--line); border-radius:18px; background:var(--surface); padding:18px; box-shadow:var(--shadow-soft); }
.metric-card strong { display:block; font-size:28px; color:var(--purple); }
.metric-card span { color:var(--muted); font-size:11px; margin-top:5px; display:block; }
.distribution-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(105px,1fr)); gap:10px; margin:18px 0; }
.dist-card { border:1px solid var(--line); border-radius:16px; background:var(--surface); padding:14px; text-align:center; }
.dist-card strong { display:block; color:var(--purple); font-size:23px; }
.dist-card span { color:var(--muted); font-size:10px; }
.result-table { width:100%; border-collapse:separate; border-spacing:0 8px; }
.result-table th { text-align:left; color:var(--muted); font-size:10px; padding:0 10px 5px; }
.result-table td { background:var(--surface); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:12px 10px; font-size:12px; }
.result-table td:first-child { border-left:1px solid var(--line); border-radius:12px 0 0 12px; }
.result-table td:last-child { border-right:1px solid var(--line); border-radius:0 12px 12px 0; }
.result-numbers { display:flex; flex-wrap:wrap; gap:4px; }
.result-numbers b { min-width:25px; height:25px; padding:0 3px; display:grid; place-items:center; border-radius:7px; background:var(--purple-soft); color:var(--purple); font-size:9px; }
.super-columns { display:grid; grid-template-columns:repeat(7,1fr); gap:10px; }
.super-column { border:1px solid var(--line); border-radius:16px; padding:10px; background:var(--surface-2); }
.super-column > strong { display:block; text-align:center; font-size:10px; color:var(--muted); margin-bottom:8px; }
.super-column .number-btn { width:100%; min-height:35px; margin:3px 0; }
.freq-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(105px,1fr)); gap:10px; }
.freq-item { border:1px solid var(--line); border-radius:16px; background:var(--surface); padding:13px; }
.freq-item .num { width:36px; height:36px; border-radius:11px; display:grid; place-items:center; background:var(--purple-soft); color:var(--purple); font-weight:800; }
.freq-item strong { display:block; margin-top:9px; }
.freq-item small { color:var(--muted); }
.generated-games { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.generated-game { border:1px solid var(--line); border-radius:16px; background:var(--surface); padding:14px; }
.trevo-grid { display:flex; gap:8px; flex-wrap:wrap; }
.trevo-btn { width:48px; height:48px; border:1px solid var(--line); border-radius:14px; background:var(--surface); cursor:pointer; font-weight:800; }
.trevo-btn.selected { color:#fff; background:linear-gradient(135deg,var(--purple),var(--purple-2)); }
@media(max-width:800px){
  .game-switcher { margin-left:0; }
  .game-select { max-width:145px; }
  .number-grid.multi-grid,.number-grid.multi-grid.compact-80,.number-grid.multi-grid.lotomania-grid { grid-template-columns:repeat(5,1fr); }
  .multi-card-grid { grid-template-columns:repeat(2,1fr); }
  .generated-games { grid-template-columns:1fr; }
  .super-columns { grid-template-columns:repeat(4,1fr); }
}

/* ===== V14 • CORREÇÃO MOBILE GERAL ===== */
html, body { max-width:100%; overflow-x:hidden; }
img, svg, video, canvas { max-width:100%; }
.topbar-main { display:flex; align-items:center; gap:10px; min-width:0; }
.brand { min-width:0; }
.brand > span:last-child { min-width:0; }
.game-switcher { min-width:0; }
.table-scroll { width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }

@media (max-width: 700px) {
  .shell { width:min(calc(100% - 24px), 1180px); }

  .topbar-inner {
    min-height:0;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    gap:8px;
    padding:10px 0 9px;
  }
  .topbar-main {
    width:100%;
    justify-content:space-between;
    gap:8px;
  }
  .brand { flex:0 1 auto; gap:9px; }
  .brand-mark { width:40px; height:40px; border-radius:12px; flex:0 0 40px; }
  .brand strong { font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:145px; }
  .brand small { display:none; }
  .game-switcher { flex:0 1 138px; margin-left:auto; }
  .game-select { width:100%; max-width:138px; min-height:38px; padding:0 28px 0 10px; font-size:10px; }

  .top-actions {
    width:100%;
    max-width:none !important;
    overflow:visible !important;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    padding:0 !important;
  }
  .top-actions.with-account { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .top-actions.with-admin { grid-template-columns:repeat(7,minmax(0,1fr)); }

  .top-actions .icon-btn,
  .top-actions .repeat-nav {
    width:100% !important;
    min-width:0;
    min-height:48px;
    padding:5px 3px !important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    border-radius:11px;
    line-height:1;
  }
  .top-actions .icon-btn span { font-size:16px; line-height:1; }
  .top-actions .icon-btn small,
  .top-actions .repeat-nav small {
    display:block !important;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align:center;
    font-size:8px;
    line-height:1.15;
  }

  .hero, .multi-hero { padding:28px 0 24px; gap:24px; }
  .hero-copy { min-width:0; }
  .hero h1, .results-hero h1 { font-size:36px; line-height:1.03; letter-spacing:-.045em; }
  .hero p, .results-hero p { margin-top:18px; font-size:14px; line-height:1.65; }
  .eyebrow { font-size:10px; line-height:1.35; }
  .status-card { width:100%; max-width:none; margin-top:20px; padding:14px; }
  .status-card small { font-size:10px; line-height:1.5; }

  .multi-hero .multi-toolbar {
    width:100%;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-top:18px;
  }
  .multi-hero .multi-toolbar .icon-btn {
    width:100% !important;
    min-width:0;
    min-height:44px;
    padding:8px 5px !important;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.2;
    font-size:10px;
    font-weight:800;
  }

  .game-panel { width:100%; min-width:0; padding:18px 14px; border-radius:22px; }
  .panel-head { gap:12px; margin-bottom:20px; }
  .panel-head h2 { font-size:25px; }
  .counter { min-width:70px; padding:9px 10px; }
  .counter strong { font-size:20px; }

  .number-grid.multi-grid,
  .number-grid.multi-grid.compact-80,
  .number-grid.multi-grid.lotomania-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:7px;
  }
  .number-grid.multi-grid.lotomania-grid {
    max-height:none;
    overflow:visible;
    padding-right:0;
  }
  .multi-grid .number-btn { min-height:46px; font-size:14px; border-radius:12px; }
  .selection-preview { margin-top:18px; padding-top:17px; }
  .actions { margin-top:18px; }

  .results-hero { padding:28px 0 20px; }
  .results-topline { margin-bottom:18px; }
  .result-summary { gap:18px; }
  .result-count { width:92px; height:92px; }
  .result-count strong { font-size:30px; }
  .chosen-game { gap:10px; padding:14px; }
  .section-heading { align-items:flex-start; }
  .section-heading h2 { font-size:24px; }
  .distribution-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .dist-card { min-width:0; padding:12px 7px; }
  .dist-card strong { font-size:21px; }
  .dist-card span { font-size:9px; }
  .result-table { min-width:620px; }

  .freq-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .freq-item { min-width:0; padding:10px; }
  .freq-item .num { width:34px; height:34px; border-radius:10px; }
  .freq-item strong { font-size:14px; }
  .freq-item small { font-size:9px; line-height:1.35; }

  .multi-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .metric-card { min-width:0; padding:14px; }
  .metric-card strong { font-size:24px; }

  .generated-games { grid-template-columns:1fr; }
  .generated-game { padding:12px; }
  .super-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .super-column { min-width:0; padding:8px; }
  .trevo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; }
  .trevo-btn { width:100%; height:44px; }

  .repeat-ranking-heading .leader-badge { width:100%; min-width:0; text-align:left; }
  .ranking-table-wrap, .frequency-ranking-wrap, .table-scroll { -webkit-overflow-scrolling:touch; }
  .cross-result-actions { width:100%; flex-wrap:wrap; }
  .cross-result-actions a, .cross-result-actions button { flex:1 1 auto; text-align:center; }
  .cross-counts { width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cross-counts a { width:100%; }
  .points-switch { overflow-x:auto; grid-template-columns:repeat(5,minmax(62px,1fr)); padding-bottom:3px; -webkit-overflow-scrolling:touch; }
}

@media (max-width: 430px) {
  .shell { width:min(calc(100% - 20px), 1180px); }
  .brand strong { max-width:125px; font-size:13px; }
  .game-switcher { flex-basis:126px; }
  .game-select { max-width:126px; font-size:9.5px; }
  .top-actions { gap:5px; }
  .top-actions .icon-btn,
  .top-actions .repeat-nav { min-height:46px; }
  .top-actions .icon-btn small,
  .top-actions .repeat-nav small { font-size:7.5px; }

  .hero h1, .results-hero h1 { font-size:34px; }
  .game-panel { padding:16px 12px; }
  .panel-head h2 { font-size:23px; }
  .number-grid.multi-grid,
  .number-grid.multi-grid.compact-80,
  .number-grid.multi-grid.lotomania-grid { gap:6px; }
  .multi-grid .number-btn { min-height:44px; font-size:13px; }
  .multi-hero .multi-toolbar { gap:6px; }
  .multi-hero .multi-toolbar .icon-btn { min-height:42px; font-size:9.5px; }
  .freq-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .distribution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .super-columns { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cross-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ===== V16 • aviso de sessão encerrada em tempo real ===== */
.session-ended-overlay{position:fixed;z-index:99999;inset:0;background:rgba(23,19,31,.62);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}
.session-ended-card{width:min(420px,100%);background:#fff;color:#17131f;border-radius:24px;padding:28px;text-align:center;box-shadow:0 30px 100px rgba(20,10,30,.28)}
.session-ended-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:var(--purple-soft,#f2eafb);color:var(--purple,#7432bd);font-size:26px;font-weight:800}
.session-ended-card strong{display:block;font-size:20px}.session-ended-card p{color:#736d7d;line-height:1.55;font-size:12px}.session-ended-card small{color:#9a92a1;font-size:10px}

/* ===== V17 • CENTRAL, MENU DE LOTERIAS E MOBILE SEM ZOOM ACIDENTAL ===== */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: manipulation;
}
body { overscroll-behavior-x: none; }
button, a, summary, .number-btn, .trevo-btn, .portal-game-card { touch-action: manipulation; }

/* seletor premium de loterias */
.game-menu { position:relative; flex:0 0 auto; }
.game-menu > summary { list-style:none; cursor:pointer; user-select:none; -webkit-user-select:none; }
.game-menu > summary::-webkit-details-marker { display:none; }
.game-menu-desktop {
  min-height:42px; display:inline-flex; align-items:center; gap:9px; padding:0 13px;
  border:1px solid var(--line); background:var(--surface); border-radius:13px;
  color:var(--ink); font-size:11px; font-weight:800; box-shadow:var(--shadow-soft);
}
.game-menu-desktop b { color:var(--muted); font-size:12px; margin-left:2px; }
.game-color-dot { width:9px; height:9px; border-radius:50%; background:var(--dot); box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 12%,transparent); }
.game-menu-mobile { display:none; }
.game-menu-popover {
  position:absolute; top:calc(100% + 10px); left:0; z-index:90; width:300px; padding:9px;
  border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--surface) 97%,transparent);
  backdrop-filter:blur(18px); box-shadow:0 24px 70px rgba(34,17,47,.18);
}
.game-menu-home,.game-menu-item { text-decoration:none; }
.game-menu-home {
  display:grid; grid-template-columns:36px 1fr; gap:10px; align-items:center; padding:10px;
  border-radius:12px; color:var(--ink);
}
.game-menu-home:hover,.game-menu-home.active { background:var(--surface-3); }
.menu-symbol { width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:900; }
.game-menu-home span:last-child,.game-menu-item>span:nth-child(2){display:grid;gap:2px}.game-menu-home b,.game-menu-item b{font-size:11px}.game-menu-home small,.game-menu-item small{font-size:9px;color:var(--muted)}
.game-menu-divider { height:1px;background:var(--line);margin:6px 4px; }
.game-menu-item {
  display:grid; grid-template-columns:38px 1fr 18px; gap:10px; align-items:center; padding:9px 10px;
  border-radius:12px; transition:.14s ease;
}
.game-menu-item:hover,.game-menu-item.active { background:var(--item-soft); }
.menu-game-mark { width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--item-soft);color:var(--item-accent);font-size:10px;font-weight:900; }
.game-menu-item.active .menu-game-mark { background:var(--item-accent);color:white; }
.game-menu-item em { color:var(--item-accent);font-style:normal;font-size:18px; }

/* central inicial */
.game-theme-portal { --purple:#6f2aa8; --purple-2:#9d3fc5; }
.portal-hero { padding:62px 0 34px; display:grid; grid-template-columns:1fr auto; gap:36px; align-items:end; }
.portal-copy h1 { margin:0; font-size:clamp(44px,6vw,72px); line-height:.96; letter-spacing:-.06em; }
.portal-copy h1 span { color:var(--purple); }
.portal-copy p { max-width:660px; color:var(--muted); line-height:1.7; margin:19px 0 0; font-size:14px; }
.portal-user-card { min-width:300px; padding:17px; border:1px solid var(--line); background:var(--surface); border-radius:20px; box-shadow:var(--shadow-soft); display:grid; grid-template-columns:auto 1fr; gap:11px; align-items:center; }
.portal-avatar { width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--purple-2));color:white;font-weight:900; }
.portal-user-card>div{display:grid;gap:2px}.portal-user-card small{font-size:8px;letter-spacing:.14em;color:var(--purple);font-weight:800}.portal-user-card strong{font-size:13px}.portal-user-card span:not(.portal-avatar){font-size:9px;color:var(--muted)}.portal-user-card>a{grid-column:1/-1;text-decoration:none;font-size:10px;font-weight:800;color:var(--purple);padding-top:8px;border-top:1px solid var(--line)}
.portal-section { padding:20px 0 28px; }
.portal-section-head { display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px; }
.portal-section-head h2 { margin:0;font-size:28px;letter-spacing:-.04em; }.portal-section-head .eyebrow{margin-bottom:7px}.portal-count{font-size:10px;color:var(--muted);font-weight:800;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 11px}
.portal-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.portal-game-card { min-width:0; min-height:250px; padding:21px; border:1px solid color-mix(in srgb,var(--card-accent) 16%,var(--line)); border-radius:23px; background:linear-gradient(145deg,var(--surface) 0%,color-mix(in srgb,var(--card-soft) 68%,var(--surface)) 100%); text-decoration:none; display:flex; flex-direction:column; justify-content:space-between; box-shadow:var(--shadow-soft); transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.portal-game-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--card-accent) 42%,var(--line)); box-shadow:0 18px 40px color-mix(in srgb,var(--card-accent) 12%,transparent); }
.portal-game-top { display:flex;align-items:center;justify-content:space-between; }.portal-game-mark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--card-accent);color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 24px color-mix(in srgb,var(--card-accent) 20%,transparent)}.portal-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid color-mix(in srgb,var(--card-accent) 16%,var(--line));color:var(--card-accent);font-weight:900}
.portal-game-copy h3{font-size:23px;letter-spacing:-.04em;margin:26px 0 7px}.portal-game-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;min-height:52px}.portal-game-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--card-accent) 12%,var(--line))}.portal-game-meta span{display:grid;gap:2px}.portal-game-meta b{font-size:14px;color:var(--card-accent)}.portal-game-meta small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.portal-bottom-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 0 54px; }.portal-quick-card{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:17px;box-shadow:var(--shadow-soft)}.portal-quick-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--purple-soft);color:var(--purple);font-weight:900}.portal-quick-card>div{display:grid;gap:3px}.portal-quick-card small{font-size:8px;color:var(--purple);font-weight:800;letter-spacing:.12em}.portal-quick-card strong{font-size:13px}.portal-quick-card p{font-size:9px;color:var(--muted);margin:0}.portal-quick-card>b{color:var(--purple);font-size:18px}.admin-quick .portal-quick-icon{background:#eee9f4}

@media (max-width: 960px) {
  .portal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .portal-hero { grid-template-columns:1fr;align-items:start; }
  .portal-user-card { min-width:0;width:min(440px,100%); }
}

@media (max-width: 700px) {
  /* Inputs menores que 16px fazem o Safari ampliar a tela ao receber foco. */
  input, select, textarea { font-size:16px !important; }
  .topbar-inner { grid-template-columns:1fr; }
  .topbar-main { justify-content:space-between; }
  .game-menu-desktop { display:none; }
  .game-menu-mobile { width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:grid;place-items:center;font-size:24px;line-height:1;color:var(--purple);font-weight:800; }
  .game-menu-popover { position:fixed; top:68px; left:12px; right:12px; width:auto; max-height:calc(100vh - 88px); overflow:auto; padding:10px; }
  .game-menu-item { padding:10px; }

  /* A barra de ferramentas continua acessível, mas sem competir com o menu ⋯. */
  .top-actions { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .top-actions.with-account { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .top-actions.with-admin { grid-template-columns:repeat(7,minmax(0,1fr)); }

  .portal-hero { padding:32px 0 22px;gap:22px; }
  .portal-copy h1 { font-size:42px; }
  .portal-copy p { font-size:13px;margin-top:16px; }
  .portal-section { padding-top:12px; }
  .portal-grid { grid-template-columns:1fr;gap:10px; }
  .portal-game-card { min-height:0;padding:17px; }
  .portal-game-copy h3 { margin-top:20px;font-size:21px; }
  .portal-game-copy p { min-height:0; }
  .portal-bottom-grid { grid-template-columns:1fr;padding-bottom:36px; }
  .portal-section-head h2 { font-size:24px; }
  .portal-count { display:none; }
}

@media (max-width: 430px) {
  .portal-copy h1 { font-size:38px; }
  .brand strong { max-width:160px; }
}
@media (max-width:700px){
  .game-theme-portal .top-actions.with-account{grid-template-columns:repeat(3,minmax(0,1fr))}
  .game-theme-portal .top-actions.with-admin{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ================================================================
   V32.1 - o botao de Ajuda precisa se destacar dos demais icones.
   Quem nao conseguiu pagar tem que achar isso na primeira olhada.
   ================================================================ */
.ajuda-destaque-v32{
  background:linear-gradient(135deg,#7428b8,#9d4ed6) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 4px 14px rgba(116,40,184,.32);
}
.ajuda-destaque-v32 small{color:#fff !important; font-weight:700}
.ajuda-destaque-v32 span{display:grid; place-items:center}
.ajuda-destaque-v32 svg{width:19px; height:19px}
.ajuda-destaque-v32:hover{filter:brightness(1.08)}

/* =====================================================================
   A FAIXA DO MODO DEMONSTRACAO

   Aparece so quando MODO_DEMO=1. Quem abre o endereco esta experimentando
   as ferramentas sem conta, e precisa saber disso - senao confunde com o
   site pago e estranha nao achar "Meus jogos" e "Ajuda".

   Cor de aviso, nao de erro: nao ha nada errado em experimentar.
   ===================================================================== */
.faixa-demo{
  display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px;
  padding:9px 20px;
  background:#fdf6e8; border-bottom:1px solid #eacf95;
  font-size:13px; line-height:1.5; color:#6d5a2a;
}
.faixa-demo b{color:#8a6413}
@media (max-width:760px){
  .faixa-demo{padding:8px 14px; font-size:12px}
}