@font-face {
      font-family: "Montserrat Local";
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url("./lotofacil-montserrat-v31-latin.woff2") format("woff2");
    }
    @font-face {
      font-family: "Montserrat Local";
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url("./lotofacil-montserrat-v31-latin.woff2") format("woff2");
    }
    @font-face {
      font-family: "Montserrat Local";
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url("./lotofacil-montserrat-v31-latin.woff2") format("woff2");
    }
    [hidden] { display: none !important; }
    :root, html[data-theme="dark-blue"] {
      --bg: #07111f;
      --panel: #0d1a2c;
      --panel-2: #12233a;
      --line: #233754;
      --text: #edf6ff;
      --muted: #9eb0c7;
      --cyan: #22d3ee;
      --cyan-2: #0891b2;
      --violet: #8b5cf6;
      --green: #34d399;
      --amber: #fbbf24;
      --red: #fb7185;
      --version-color: #22d3ee;
      --shadow: 0 18px 45px rgba(0,0,0,.28);
      --radius: 18px;
      --sidebar: 268px;
      --surface-page: #07111f;
      --surface-panel: #0d1a2c;
      --surface-raised: #12233a;
      --surface-control: #091627;
      --surface-hover: rgba(255,255,255,.06);
      --surface-subtle: rgba(255,255,255,.035);
      --sidebar-surface: rgba(7,17,31,.98);
      --sidebar-glass-surface: linear-gradient(165deg, rgba(14,34,55,.95) 0%, rgba(7,17,31,.91) 48%, rgba(5,14,26,.97) 100%);
      --sidebar-border: rgba(34,211,238,.20);
      --sidebar-reflection: rgba(103,232,249,.15);
      --sidebar-shadow: 14px 0 42px rgba(0,0,0,.18), inset -1px 0 rgba(255,255,255,.035);
      --sidebar-active-surface: linear-gradient(100deg, rgba(34,211,238,.17), rgba(139,92,246,.09));
      --sidebar-active-border: rgba(103,232,249,.28);
      --sidebar-focus: #67e8f9;
      --mobile-nav-surface: rgba(7,17,31,.98);
      --mobile-nav-glass-surface: rgba(7,17,31,.91);
      --mobile-nav-border: rgba(34,211,238,.18);
      --mobile-nav-text: #c5d5e7;
      --mobile-nav-active-text: #a5f3fc;
      --mobile-nav-active: linear-gradient(135deg, rgba(34,211,238,.22), rgba(34,211,238,.10));
      --mobile-nav-shadow: 0 12px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
      --topbar-surface: rgba(7,17,31,.82);
      --card-surface: linear-gradient(160deg, rgba(18,35,58,.86), rgba(13,26,44,.84));
      --hero-surface: linear-gradient(125deg, rgba(34,211,238,.11), rgba(139,92,246,.07) 54%, rgba(13,26,44,.65));
      --hero-halo-fill: rgba(34,211,238,.055);
      --hero-halo-line: rgba(34,211,238,.18);
      --text-on-accent: #06202b;
      --focus-ring: #22d3ee;
      --theme-transition-duration: 320ms;
      --theme-transition-easing: cubic-bezier(.22,1,.36,1);
      --number-font-generic: 19.5px;
      --number-font-latest: 27px;
      --number-font-ticket: 21.5px;
      --number-font-checker: 22.5px;
      --number-font-contest: 23.5px;
      --number-font-analysis: 24px;
      --number-font-pdf-editorial: 11pt;
      --number-font-pdf-compact: 9.5pt;
    }
    html[data-theme="light-magenta"] {
      --bg: #fbeaf3;
      --panel: #fff9fc;
      --panel-2: #ffffff;
      --line: #ead3df;
      --text: #241625;
      --muted: #765b70;
      --cyan: #c0267e;
      --cyan-2: #8a0e63;
      --violet: #5b185c;
      --green: #178a55;
      --amber: #b76b00;
      --red: #c23757;
      --version-color: #f7cde4;
      --shadow: 0 18px 45px rgba(59,18,56,.12);
      --surface-page: #fbeaf3;
      --surface-panel: #fff9fc;
      --surface-raised: #ffffff;
      --surface-control: #fffdfd;
      --surface-hover: #fff3f8;
      --surface-subtle: #ffffff;
      --sidebar-surface: #3b1238;
      --sidebar-glass-surface: linear-gradient(160deg, rgba(88,23,73,.95) 0%, rgba(59,18,56,.91) 52%, rgba(38,11,42,.97) 100%);
      --sidebar-border: rgba(255,255,255,.17);
      --sidebar-reflection: rgba(255,224,241,.18);
      --sidebar-shadow: 14px 0 42px rgba(59,18,56,.20), inset -1px 0 rgba(255,255,255,.06);
      --sidebar-active-surface: linear-gradient(100deg, rgba(214,44,143,.86), rgba(138,14,99,.68));
      --sidebar-active-border: rgba(255,255,255,.24);
      --sidebar-focus: #fff9fc;
      --mobile-nav-surface: #3b1238;
      --mobile-nav-glass-surface: rgba(59,18,56,.93);
      --mobile-nav-border: rgba(255,255,255,.15);
      --mobile-nav-text: #f0dce9;
      --mobile-nav-active-text: #ffffff;
      --mobile-nav-active: linear-gradient(135deg, #b31c78, #8a0e63);
      --mobile-nav-shadow: 0 12px 32px rgba(59,18,56,.23), inset 0 1px 0 rgba(255,255,255,.13);
      --topbar-surface: rgba(255,249,252,.90);
      --card-surface: linear-gradient(160deg, rgba(255,255,255,.96), rgba(255,249,252,.94));
      --hero-surface: linear-gradient(125deg, rgba(192,38,126,.13), rgba(91,24,92,.07) 54%, rgba(255,249,252,.78));
      --hero-halo-fill: rgba(192,38,126,.075);
      --hero-halo-line: rgba(138,14,99,.14);
      --text-on-accent: #ffffff;
      --focus-ring: #8a0e63;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; scrollbar-gutter: stable; }
    body {
      margin: 0;
      min-width: 0;
      min-height: 100vh;
      overflow-x: hidden;
      background:
        radial-gradient(circle at 78% -10%, rgba(34,211,238,.12), transparent 34rem),
        radial-gradient(circle at -5% 65%, rgba(139,92,246,.10), transparent 28rem),
        var(--bg);
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.5;
    }
    button, input, select, textarea { font: inherit; }
    button, .control, input, select { min-height: 48px; }
    button { cursor: pointer; }
    button:disabled { cursor: not-allowed; opacity: .48; }
    :focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 3px; }
    a { color: var(--cyan); }
    .skip-link {
      position: fixed; left: 12px; top: -80px; z-index: 1000;
      background: white; color: #07111f; padding: 12px 16px; border-radius: 10px;
    }
    .skip-link:focus { top: 12px; }
    .app-shell { min-height: 100vh; }
    .sidebar {
      position: fixed; inset: 0 auto 0 0; width: var(--sidebar); z-index: 30;
      padding: 22px 18px; background: var(--sidebar-surface); border-right: 1px solid var(--sidebar-border);
      box-shadow: var(--sidebar-shadow); display: flex; flex-direction: column; gap: 22px;
      isolation: isolate; overflow: hidden;
    }
    .sidebar::before {
      content: ""; position: absolute; z-index: 0; pointer-events: none;
      width: 310px; height: 235px; left: -92px; top: -154px; border-radius: 50%;
      background: radial-gradient(ellipse at center, var(--sidebar-reflection) 0%, transparent 70%);
      transform: rotate(-12deg); opacity: .82;
    }
    .sidebar > * { position: relative; z-index: 1; }
    .brand { display: flex; gap: 12px; align-items: center; padding: 5px 8px; }
    .brand-mark {
      width: 44px; height: 44px; display: grid; place-items: center;
      color: var(--cyan);
    }
    .brand-mark svg { width: 38px; height: 38px; display: block; }
    .brand h1 {
      font-family: "Montserrat Local", Montserrat, "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;
      font-size: 15px; font-weight: 900; margin: 0; letter-spacing: -.025em;
    }
    .brand span {
      color: var(--muted); font-family: "Montserrat Local", Montserrat, "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;
      font-size: 11px; font-weight: 700; letter-spacing: .075em; text-transform: uppercase;
    }
    .nav-list { display: grid; gap: 7px; }
    .nav-btn {
      width: 100%; display: flex; align-items: center; gap: 12px; border: 1px solid transparent;
      color: var(--muted); background: transparent; border-radius: 13px; padding: 0 13px; text-align: left;
    }
    .nav-btn:hover { color: var(--text); background: rgba(255,255,255,.04); }
    .nav-btn[aria-current="page"] {
      color: var(--text); background: var(--sidebar-active-surface);
      border-color: var(--sidebar-active-border);
      box-shadow: inset 0 1px rgba(255,255,255,.07), 0 10px 22px rgba(0,0,0,.10);
    }
    .sidebar .nav-btn:focus-visible,
    .sidebar .connection-pill:focus-visible,
    .bottom-nav .nav-btn:focus-visible {
      outline-color: var(--sidebar-focus);
    }
    .nav-ico { width: 24px; text-align: center; font-size: 18px; }
    .sidebar-footer { margin-top: auto; }
    .connection-pill {
      border: 1px solid var(--line); background: rgba(255,255,255,.025); padding: 12px;
      width: 100%; border-radius: 14px; display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 13px; text-align: left; cursor: pointer;
    }
    .connection-pill[data-state="checking"] { border-color: color-mix(in srgb, var(--cyan) 34%, var(--line)); }
    .connection-pill[data-state="available"] { border-color: color-mix(in srgb, var(--green) 38%, var(--line)); }
    .connection-pill[data-state="unavailable"] { border-color: color-mix(in srgb, var(--red) 38%, var(--line)); }
    .connection-pill[data-state="offline"] { border-color: color-mix(in srgb, var(--amber) 42%, var(--line)); }
    .sidebar-version {
      display: flex; align-items: center; justify-content: space-between; gap: 10px;
      padding: 9px 12px 0; color: var(--muted); font-size: 11px; letter-spacing: .025em;
    }
    .sidebar-version strong {
      color: var(--version-color); font-family: "Montserrat Local", Montserrat, ui-rounded, system-ui, sans-serif;
      font-size: 11px; font-weight: 800;
    }
    .report-scope {
      display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px;
      margin: -6px 0 14px; padding: 10px 12px; border: 1px solid var(--line);
      border-radius: 13px; background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    }
    .report-scope > strong { font-size: 12px; }
    .report-scope label { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 12px; }
    .report-scope select { min-width: 176px; }
    .report-scope input { width: 92px; }
    .report-scope small { color: var(--muted); }
    .status-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: var(--amber); box-shadow: 0 0 0 4px rgba(251,191,36,.1); }
    .connection-pill[data-state="checking"] .status-dot { background: var(--cyan); box-shadow: 0 0 0 4px rgba(34,211,238,.12); }
    .connection-pill[data-state="available"] .status-dot { background: var(--green); box-shadow: 0 0 0 4px rgba(52,211,153,.12); }
    .connection-pill[data-state="unavailable"] .status-dot { background: var(--red); box-shadow: 0 0 0 4px rgba(248,113,113,.12); }
    .connection-pill[data-state="offline"] .status-dot { background: var(--amber); box-shadow: 0 0 0 4px rgba(251,191,36,.12); }
    .main { margin-left: var(--sidebar); min-height: 100vh; padding-bottom: 40px; }
    .topbar {
      position: sticky; top: 0; z-index: 20; min-height: 76px; padding: 12px clamp(18px, 4vw, 42px);
      display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px;
      border-bottom: 1px solid rgba(35,55,84,.7); background: var(--topbar-surface); backdrop-filter: blur(18px);
    }
    .eyebrow { margin: 0 0 2px; color: var(--cyan); font-size: 11px; letter-spacing: .15em; text-transform: uppercase; font-weight: 800; }
    .topbar h2 { margin: 0; font-size: clamp(18px, 2.6vw, 25px); letter-spacing: -.03em; }
    .topbar-leading { min-width: 0; display: flex; align-items: center; gap: 9px; }
    .page-context { min-width: 0; }
    .responsive-brand-mark, .responsive-brand-name { display: none; }
    .responsive-brand-mark {
      width: 32px; height: 32px; flex: 0 0 32px; place-items: center; color: var(--cyan);
    }
    button.responsive-brand-mark {
      padding: 0; border: 0; border-radius: 10px; background: transparent; cursor: pointer;
    }
    button.responsive-brand-mark:hover { background: color-mix(in srgb, var(--cyan) 10%, transparent); }
    button.responsive-brand-mark[aria-current="page"] { color: var(--cyan); }
    .responsive-brand-mark svg { width: 30px; height: 30px; display: block; }
    .responsive-brand-name {
      color: var(--muted); font-family: "Montserrat Local", Montserrat, "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;
      font-size: 10px; line-height: 1.2; font-weight: 800; letter-spacing: .02em; white-space: nowrap;
    }
    .top-actions { display: flex; gap: 10px; align-items: center; }
    .notification-button { position: relative; }
    .notification-button svg { width: 20px; height: 20px; display: block; }
    .theme-toggle { position: relative; overflow: hidden; isolation: isolate; }
    .theme-toggle[aria-disabled="true"] { opacity: 1; cursor: wait; pointer-events: none; }
    .theme-toggle svg {
      position: absolute; left: 50%; top: 50%; width: 21px; height: 21px; display: block;
      transform-origin: center; pointer-events: none; will-change: transform, opacity;
      transition: opacity var(--theme-transition-duration) var(--theme-transition-easing), transform var(--theme-transition-duration) var(--theme-transition-easing);
    }
    .theme-icon-sun { opacity: 1; transform: translate(-50%,-50%) rotate(0deg) scale(1); }
    .theme-icon-moon { opacity: 0; transform: translate(-50%,-50%) rotate(-72deg) scale(.72); }
    html[data-theme="light-magenta"] .theme-icon-sun { opacity: 0; transform: translate(-50%,-50%) rotate(72deg) scale(.72); }
    html[data-theme="light-magenta"] .theme-icon-moon { opacity: 1; transform: translate(-50%,-50%) rotate(0deg) scale(1); }
    .notification-badge {
      position: absolute; right: -5px; top: -5px; min-width: 20px; height: 20px; padding: 0 5px;
      display: grid; place-items: center; border-radius: 999px; background: var(--red); color: #fff;
      font-size: 10px; line-height: 1; font-weight: 900; border: 2px solid var(--bg);
    }
    .notification-badge[hidden] { display: none; }
    html[data-theme="dark-blue"] .notification-badge { color: #08111f; }
    .next-contest-slot { width: 100%; min-width: 0; display: grid; justify-items: end; }
    .next-contest-summary {
      justify-self: end; max-width: min(100%, 570px); min-width: 0;
      display: flex; align-items: center; gap: 10px; text-align: left;
      border-color: rgba(34,211,238,.28); background: rgba(34,211,238,.07);
      overflow: hidden;
    }
    .next-contest-summary:hover { border-color: rgba(34,211,238,.5); background: rgba(34,211,238,.11); }
    .next-summary-icon { color: var(--cyan); font-size: 18px; }
    .next-summary-copy { display: grid; min-width: 0; overflow: hidden; flex: 1 1 auto; }
    .next-summary-label { color: var(--muted); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 800; }
    .next-summary-main { display: block; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .next-summary-estimate {
      padding-left: 10px; border-left: 1px solid var(--line); color: var(--muted);
      white-space: nowrap; font-size: 12px; flex: 0 0 auto;
    }
    .next-summary-estimate strong { color: var(--text); }
    .next-summary-chevron { color: var(--muted); }
    .content { width: min(1540px, 100%); margin: 0 auto; padding: 28px clamp(16px, 4vw, 42px); }
    .view[hidden] { display: none !important; }
    .hero {
      padding: clamp(22px, 4vw, 38px); border-radius: 24px; border: 1px solid rgba(34,211,238,.2);
      background: var(--hero-surface);
      box-shadow: var(--shadow); overflow: hidden; position: relative;
    }
    .hero::after {
      content: ""; position: absolute; width: 260px; height: 260px; border-radius: 50%;
      right: -90px; top: -130px; background: rgba(34,211,238,.08); border: 1px solid rgba(34,211,238,.12);
    }
    .hero h3 { margin: 0 0 10px; font-size: clamp(25px, 4vw, 42px); line-height: 1.08; letter-spacing: -.045em; max-width: 800px; }
    .hero p { margin: 0; color: var(--muted); max-width: 760px; }
    .section-head { display: flex; gap: 16px; align-items: end; justify-content: space-between; margin: 28px 0 14px; }
    .section-head h3, .section-head h4 { margin: 0; letter-spacing: -.02em; }
    .section-head p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }
    .grid { display: grid; gap: 16px; }
    .grid > * { min-width: 0; }
    .grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .card {
      border: 1px solid var(--line); background: var(--card-surface);
      border-radius: var(--radius); padding: 18px; box-shadow: 0 12px 34px rgba(0,0,0,.12);
    }
    .card.compact { padding: 15px; }
    .card h4, .card h5 { margin: 0 0 8px; }
    .metric-label { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
    .metric-value { margin: 8px 0 3px; font-size: clamp(24px, 4vw, 33px); line-height: 1; font-weight: 850; letter-spacing: -.04em; }
    .metric-foot { font-size: 12px; color: var(--muted); }
    .accent { color: var(--cyan); }
    .good { color: var(--green); }
    .warn { color: var(--amber); }
    .bad { color: var(--red); }
    .muted { color: var(--muted); }
    .sr-only {
      position: fixed !important; inset: 0 auto auto 0 !important; display: block !important; width: 1px !important; max-width: 1px !important; height: 1px !important; max-height: 1px !important; padding: 0 !important;
      margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important;
      clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
    }
    .pager {
      display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
      margin: 12px 0;
    }
    .pager-controls { display: flex; align-items: center; gap: 8px; }
    .pager input { min-width: min(280px, 100%); flex: 1; }
    .btn {
      border: 1px solid var(--line); border-radius: 12px; color: var(--text); background: var(--surface-subtle);
      padding: 0 15px; font-weight: 760; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    }
    .btn:hover { border-color: color-mix(in srgb, var(--cyan) 42%, var(--line)); background: var(--surface-hover); }
    .btn-primary {
      color: var(--text-on-accent); border-color: transparent; background: linear-gradient(135deg, var(--cyan), color-mix(in srgb, var(--cyan) 72%, white));
      box-shadow: 0 10px 25px rgba(34,211,238,.18);
    }
    .btn-primary:hover { background: linear-gradient(135deg, #67e8f9, var(--cyan)); border-color: transparent; }
    .btn-danger { border-color: rgba(251,113,133,.35); color: #fecdd3; background: rgba(251,113,133,.08); }
    .btn-ghost { background: transparent; }
    .btn-icon { width: 48px; padding: 0; }
    .btn-big { min-height: 58px; padding-inline: 22px; font-size: 15px; }
    .field { display: grid; gap: 7px; }
    .field label, .field .label { font-size: 12px; color: var(--muted); font-weight: 700; }
    input, select, textarea {
      width: 100%; color: var(--text); background: var(--surface-control); border: 1px solid var(--line); border-radius: 11px;
      padding: 10px 12px;
    }
    textarea { min-height: 96px; resize: vertical; }
    select option { color: var(--text); background: var(--surface-control); }
    input[type="checkbox"] { width: 20px; min-height: 20px; accent-color: var(--cyan); }
    input[type="range"] { padding: 0; accent-color: var(--cyan); }
    .inline-check { min-height: 48px; display: flex; align-items: center; gap: 10px; color: var(--muted); }
    .form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 13px; }
    .span-2 { grid-column: span 2; } .span-3 { grid-column: span 3; } .span-4 { grid-column: span 4; }
    .span-5 { grid-column: span 5; } .span-6 { grid-column: span 6; } .span-8 { grid-column: span 8; }
    .span-12 { grid-column: span 12; }
    .tag {
      display: inline-flex; align-items: center; min-height: 28px; padding: 4px 9px; border: 1px solid var(--line);
      border-radius: 999px; font-size: 11px; color: var(--muted); background: rgba(255,255,255,.025);
    }
    .tag.official { color: #a7f3d0; border-color: rgba(52,211,153,.3); background: rgba(52,211,153,.08); }
    .tag.missing { color: #fde68a; border-color: rgba(251,191,36,.3); background: rgba(251,191,36,.08); }
    .tag.conflict { color: #fecdd3; border-color: rgba(251,113,133,.3); background: rgba(251,113,133,.08); }
    .notice {
      border: 1px solid var(--line); border-left: 4px solid var(--cyan); border-radius: 12px; padding: 12px 14px;
      color: var(--muted); background: rgba(34,211,238,.045); font-size: 13px;
    }
    .notice.warn { border-left-color: var(--amber); background: rgba(251,191,36,.045); }
    .notice.error { border-left-color: var(--red); background: rgba(251,113,133,.045); }
    .progress-wrap { display: grid; gap: 7px; }
    .progress-track { height: 10px; overflow: hidden; border-radius: 99px; background: #07111f; border: 1px solid var(--line); }
    .progress-bar { height: 100%; width: 0%; background: linear-gradient(90deg, var(--cyan-2), var(--cyan)); transition: width .2s ease; }
    .progress-meta { display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; gap: 10px; }
    .number-row { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
    .ball {
      width: 34px; height: 34px; border-radius: 50%; display: inline-grid; place-items: center;
      color: #06202b; background: linear-gradient(145deg, #a5f3fc, var(--cyan));
      font-size: var(--number-font-generic); font-weight: 900; line-height: 1; letter-spacing: 0;
      font-variant-numeric: tabular-nums; white-space: nowrap;
      box-shadow: inset 0 -3px 0 rgba(0,0,0,.08);
    }
    .number-list-text {
      font-size: 14.5px; font-weight: 850; line-height: 1.45; letter-spacing: .02em;
      font-variant-numeric: tabular-nums; word-spacing: .16em;
    }
    .dashboard-results-grid .latest-contest-card,
    .dashboard-results-grid .financial-integrity-card {
      grid-column: 1 / -1;
    }
    .financial-integrity-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas:
        "financial-title"
        "financial-content"
        "financial-action";
      align-items: start;
      gap: 14px;
    }
    .financial-integrity-card > h3 {
      grid-area: financial-title;
      min-width: 0;
      margin: 0 !important;
    }
    .financial-integrity-card > #financial-integrity {
      grid-area: financial-content;
      min-width: 0;
    }
    .financial-integrity-card > .btn {
      grid-area: financial-action;
      justify-self: end;
      width: min(100%, 286px) !important;
      max-width: 100%;
      min-height: 48px;
      margin-top: 0 !important;
      white-space: normal;
      line-height: 1.25;
      text-align: center;
      overflow-wrap: anywhere;
    }
    #latest-contest-panel { container-type: inline-size; }
    .latest-contest-layout {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      gap: 18px;
      min-width: 0;
    }
    .latest-contest-numbers {
      min-width: 0;
      display: grid;
      place-items: center;
      align-content: center;
    }
    .latest-numbers {
      --latest-ball-size: 48px;
      --latest-ball-gap: 10px;
      width: max-content;
      max-width: 100%;
      margin-inline: auto;
      display: grid;
      grid-template-columns: repeat(5, var(--latest-ball-size));
      grid-auto-rows: var(--latest-ball-size);
      justify-content: center;
      gap: var(--latest-ball-gap);
    }
    .latest-numbers .ball {
      width: var(--latest-ball-size);
      height: var(--latest-ball-size);
      flex: 0 0 var(--latest-ball-size);
      font-size: var(--number-font-latest);
      box-shadow: inset 0 -4px 0 rgba(0,0,0,.09), 0 4px 12px rgba(3,12,24,.12);
    }
    .latest-prize-table th,
    .latest-prize-table td {
      font-weight: 800;
    }
    .latest-prize-wrap { min-width: 0; overflow: hidden; }
    .latest-prize-table { min-width: 0; table-layout: fixed; }
    .latest-prize-table th:nth-child(1) { width: 18%; }
    .latest-prize-table th:nth-child(2) { width: 22%; }
    .latest-prize-table th:nth-child(3) { width: 34%; }
    .latest-prize-table th:nth-child(4) { width: 26%; }
    .latest-prize-table th,
    .latest-prize-table td { overflow-wrap: anywhere; }
    .remote-sync-summary {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin: 12px 0;
    }
    .remote-sync-summary > div {
      min-width: 0;
      padding: 10px 12px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: color-mix(in srgb, var(--panel) 86%, var(--bg));
    }
    .remote-sync-summary span { display: block; color: var(--muted); font-size: .76rem; }
    .remote-sync-summary strong { display: block; margin-top: 3px; overflow-wrap: anywhere; }
    .remote-auth-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; margin-bottom:12px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface-subtle); }
    .remote-auth-panel > div { min-width:0; }
    .remote-auth-panel > .toolbar { grid-column:1/-1; }
    #private-auth-duration { flex:1 1 260px; min-width:0; margin:0; font-size:14px; font-weight:500; line-height:1.6; }
    #private-auth-duration small { display:block; margin-top:4px; }
    #private-auth-personal { vertical-align:middle; margin-right:6px; }
    .remote-auth-panel p { margin:4px 0 0; }
    .remote-auth-panel .notice { margin:0; }
    .remote-sync-conflict { display: grid; gap: 8px; padding: 12px 0; border-top: 1px solid var(--line); }
    .remote-sync-conflict:first-child { border-top: 0; }
    .remote-sync-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 12px 0; padding: 0; list-style: none; }
    .remote-sync-step { min-width: 0; padding: 9px 10px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: var(--surface-subtle); font-size: .76rem; font-weight: 800; text-align: center; }
    .remote-sync-step.done { color: var(--good); border-color: color-mix(in srgb,var(--good) 34%,var(--line)); background: color-mix(in srgb,var(--good) 8%,var(--surface-subtle)); }
    .remote-sync-step.active { color: var(--accent); border-color: color-mix(in srgb,var(--accent) 52%,var(--line)); background: color-mix(in srgb,var(--accent) 10%,var(--surface-subtle)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent) 8%,transparent); }
    .remote-device-management { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
    .remote-device-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
    .remote-device-head h4 { margin: 0; }
    .remote-device-head p { margin: 4px 0 0; }
    .remote-device-count { display: inline-flex; align-items: center; min-height: 24px; margin-left: 6px; padding: 2px 8px; border-radius: 999px; color: var(--accent); background: color-mix(in srgb,var(--accent) 10%,transparent); font-size: .72rem; font-weight: 900; vertical-align: middle; }
    .remote-device-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 10px; }
    .remote-device-card { position: relative; min-width: 0; overflow: hidden; padding: 14px 14px 13px 17px; border: 1px solid var(--line); border-radius: 14px; background: color-mix(in srgb,var(--surface-raised) 92%,var(--accent) 2%); box-shadow: var(--shadow-soft); }
    .remote-device-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--muted); opacity: .55; }
    .remote-device-card.current::before { background: var(--accent); opacity: 1; }
    .remote-device-card.removing { opacity: .62; pointer-events: none; }
    .remote-device-card-head { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 10px; align-items: center; }
    .remote-device-symbol { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid color-mix(in srgb,var(--accent) 25%,var(--line)); border-radius: 11px; color: var(--accent); background: color-mix(in srgb,var(--accent) 8%,var(--surface-raised)); font-size: 1.05rem; }
    .remote-device-symbol svg { width: 21px; height: 21px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .remote-device-type-preview { display: flex; gap: 9px; align-items: center; min-width: 0; margin-top: 8px; }
    .remote-device-type-preview .remote-device-symbol { flex: 0 0 38px; }
    .remote-device-type-preview small { color: var(--muted); line-height: 1.5; overflow-wrap: anywhere; }
    .remote-device-title { min-width: 0; }
    .remote-device-title strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .remote-device-title span { display: block; margin-top: 2px; color: var(--muted); font-size: .74rem; }
    .remote-device-state { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border: 1px solid color-mix(in srgb,var(--good) 32%,var(--line)); border-radius: 999px; color: var(--good); background: color-mix(in srgb,var(--good) 8%,transparent); font-size: .68rem; font-weight: 900; }
    .remote-device-state::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
    .remote-device-meta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 12px 0 0; }
    .remote-device-meta span { min-width: 0; padding: 8px 9px; border-radius: 10px; color: var(--muted); background: var(--surface-subtle); font-size: .7rem; }
    .remote-device-meta strong { display: block; margin-top: 2px; color: var(--text); font-size: .76rem; overflow-wrap: anywhere; }
    .remote-device-actions { display: flex; justify-content: flex-end; margin-top: 10px; }
    .remote-device-actions .btn { min-height: 44px; }
    .remote-device-empty { padding: 18px; border: 1px dashed var(--line); border-radius: 14px; color: var(--muted); text-align: center; background: var(--surface-subtle); }
    @media (max-width: 720px) { .remote-sync-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .remote-auth-panel { grid-template-columns:1fr; } }
    @media (max-width: 520px) { .remote-sync-steps { grid-template-columns: repeat(2,minmax(0,1fr)); } .remote-device-grid { grid-template-columns: 1fr; } .remote-device-head { align-items: stretch; flex-direction: column; } .remote-device-head .btn { width: 100%; } }
    @container (min-width: 840px) {
      .latest-contest-layout {
        grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
        align-items: center;
        gap: clamp(20px, 3cqi, 34px);
      }
    }
    .ticket-numbers { gap: 8px; }
    .ticket-numbers .ball {
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      font-size: var(--number-font-ticket);
    }
    .checker-numbers { gap: 8px; }
    .checker-numbers .ball {
      width: 40px;
      height: 40px;
      flex: 0 0 40px;
      font-size: var(--number-font-checker);
    }
    .checker-numbers .ball.hit {
      box-shadow: inset 0 -4px 0 rgba(0,0,0,.09), 0 0 0 2px color-mix(in srgb, var(--green) 42%, transparent);
    }
    .contest-numbers {
      justify-content: center;
      gap: 9px;
    }
    .contest-numbers .ball {
      width: 42px;
      height: 42px;
      flex: 0 0 42px;
      font-size: var(--number-font-contest);
    }
    .analysis-heatmap .ball { font-size: var(--number-font-analysis); }
    .ball.hit { background: linear-gradient(145deg, #a7f3d0, var(--green)); }
    .ball.miss { color: var(--muted); background: #16263c; border: 1px solid #2c4262; box-shadow: none; }
    .ticket {
      display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 0;
      border-bottom: 1px solid rgba(35,55,84,.66);
    }
    .ticket:last-child { border-bottom: 0; }
    .ticket-meta { margin-top: 8px; display: flex; gap: 8px; flex-wrap: wrap; color: var(--muted); font-size: 11px; }
    .field-inline { display: inline-flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; font-weight: 700; }
    .field-inline select { width: auto; min-width: 190px; }
    .game-session-list { display: grid; gap: 12px; }
    .game-session-card {
      display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: stretch;
      border: 1px solid var(--line); border-radius: 18px; padding: 18px;
      background: linear-gradient(150deg, rgba(18,35,58,.88), rgba(13,26,44,.9)); box-shadow: 0 10px 28px rgba(0,0,0,.1);
    }
    .game-session-card:hover { border-color: color-mix(in srgb, var(--cyan) 36%, var(--line)); }
    .game-session-heading { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; }
    .game-session-heading h4 { margin: 3px 0 0; font-size: 17px; }
    .game-session-date { color: var(--muted); font-size: 12px; white-space: nowrap; }
    .game-session-kicker { color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
    .game-session-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 14px; }
    .game-session-stat { padding: 9px 10px; border-radius: 11px; background: rgba(0,0,0,.13); border: 1px solid color-mix(in srgb, var(--line) 78%, transparent); }
    .game-session-stat span { display: block; color: var(--muted); font-size: 10px; }
    .game-session-stat strong { display: block; margin-top: 3px; font-size: 13px; }
    .game-session-actions { display: flex; gap: 8px; align-items: center; align-self: center; }
    .game-session-actions .btn { min-width: 48px; }
    .game-session-actions .btn-icon { width: 48px; padding-inline: 0; }
    .game-session-actions svg { width: 18px; height: 18px; flex: 0 0 auto; }
    .game-session-sheet-panel { max-width: 860px; }
    .check-session-list { display: grid; gap: 10px; }
    .check-session-card { padding: 14px; border-radius: 15px; box-shadow: none; }
    .check-session-card .game-session-stats { margin-top: 10px; }
    .check-session-card .game-session-actions { align-self: center; }
    .check-session-sheet-panel { max-width: 900px; }
    .backtest-chart { margin-top: 14px; padding: 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(0,0,0,.08); }
    .backtest-chart-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 8px; }
    .backtest-chart-head strong { font-size: 13px; }
    .backtest-chart-head span { color: var(--muted); font-size: 11px; text-align: right; }
    .backtest-chart svg { display: block; width: 100%; height: auto; max-height: 190px; overflow: visible; }
    .backtest-chart-grid { stroke: color-mix(in srgb, var(--line) 78%, transparent); stroke-width: 1; }
    .backtest-chart-zero { stroke: color-mix(in srgb, var(--muted) 58%, transparent); stroke-width: 1; stroke-dasharray: 5 5; }
    .backtest-chart-line { fill: none; stroke: var(--cyan); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
    .backtest-chart-area { fill: color-mix(in srgb, var(--cyan) 13%, transparent); }
    .session-detail-list { display: grid; gap: 10px; margin-top: 14px; }
    .session-detail-game { border: 1px solid var(--line); border-radius: 14px; padding: 14px; background: rgba(0,0,0,.1); }
    .session-detail-game-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
    .session-detail-game-head span { color: var(--muted); font-size: 11px; }
    .caixa-assistant-launch { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:10px; padding:12px; border:1px solid color-mix(in srgb,var(--cyan) 34%,var(--line)); border-radius:14px; background:color-mix(in srgb,var(--cyan) 5%,var(--panel-2)); }
    .caixa-assistant-launch p { margin:3px 0 0; color:var(--muted); font-size:11px; }
    .caixa-assistant { display:grid; gap:14px; }
    .caixa-assistant-hero { position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:center; padding:18px; border:1px solid color-mix(in srgb,var(--cyan) 44%,var(--line)); border-radius:18px; background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 10%,var(--surface-panel)),color-mix(in srgb,var(--violet) 5%,var(--surface-panel))); }
    .caixa-assistant-hero::after { content:""; position:absolute; width:150px; height:150px; right:-78px; top:-90px; border:1px solid color-mix(in srgb,var(--cyan) 34%,transparent); border-radius:50%; background:color-mix(in srgb,var(--cyan) 5%,transparent); pointer-events:none; }
    .caixa-assistant-hero h4 { margin:3px 0 5px; font-size:20px; }
    .caixa-assistant-hero p { margin:0; color:var(--muted); font-size:12px; line-height:1.55; }
    .caixa-assistant-state { display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:210px; padding:7px 10px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:850; text-align:left; }
    .caixa-assistant-state::before { content:""; width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:currentColor; }
    .caixa-assistant-state[data-tone="good"] { color:var(--green); border-color:color-mix(in srgb,var(--green) 48%,var(--line)); }
    .caixa-assistant-state[data-tone="active"] { color:var(--cyan); border-color:color-mix(in srgb,var(--cyan) 48%,var(--line)); }
    .caixa-assistant-state[data-tone="warning"] { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 52%,var(--line)); }
    .caixa-preflight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .caixa-preflight-card { min-width:0; padding:11px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--surface-panel) 84%,transparent); }
    .caixa-preflight-card span { display:block; color:var(--muted); font-size:10px; }
    .caixa-preflight-card strong { display:block; margin-top:5px; font-size:13px; overflow-wrap:anywhere; }
    .caixa-progress { display:grid; gap:7px; }
    .caixa-progress-head { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:11px; }
    .caixa-progress-track { height:10px; overflow:hidden; border:1px solid var(--line); border-radius:999px; background:color-mix(in srgb,var(--surface-control) 82%,transparent); }
    .caixa-progress-track span { display:block; width:0; height:100%; border-radius:inherit; background:var(--gradient-primary); transition:width .2s ease; }
    .caixa-current-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.48fr); gap:16px; align-items:center; padding:16px; border:1px solid var(--line); border-radius:16px; background:color-mix(in srgb,var(--panel-2) 74%,transparent); }
    .caixa-current-card .ticket-numbers { margin-top:10px; }
    .caixa-current-meta { display:grid; gap:8px; }
    .caixa-current-meta strong { font-size:14px; }
    .caixa-current-meta span { color:var(--muted); font-size:11px; }
    .caixa-current-actions { display:grid; gap:8px; }
    .caixa-current-actions .btn { width:100%; }
    .caixa-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
    .caixa-toolbar .btn { width:100%; }
    .caixa-queue { display:flex; flex-wrap:wrap; gap:7px; padding:10px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--surface-control) 65%,transparent); }
    .caixa-queue button { width:48px; min-width:48px; min-height:48px; padding:0; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:var(--surface-panel); font:800 12px/1 "Montserrat Local",sans-serif; cursor:pointer; }
    .caixa-queue button[aria-current="step"] { outline:2px solid var(--focus-ring); outline-offset:2px; color:var(--text); }
    .caixa-queue button[data-state="registered"] { color:var(--text-on-accent); border-color:transparent; background:var(--green); }
    .caixa-queue button[data-state="not-registered"] { color:var(--text); border-color:color-mix(in srgb,var(--amber) 55%,var(--line)); background:color-mix(in srgb,var(--amber) 12%,var(--surface-panel)); }
    .caixa-queue button[data-state="in-progress"] { color:var(--text-on-accent); border-color:transparent; background:var(--cyan); }
    .caixa-receipt { display:grid; grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) auto; gap:10px; align-items:end; padding:14px; border:1px solid var(--line); border-radius:15px; }
    .caixa-privacy-note { display:flex; gap:9px; align-items:flex-start; color:var(--muted); font-size:11px; line-height:1.5; }
    .caixa-privacy-note strong { color:var(--text); }
    .audit-tabs { display:flex; gap:8px; margin-top:14px; padding:5px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--panel-2) 78%,transparent); overflow-x:auto; }
    .audit-tabs .btn { flex:1 0 auto; min-height:42px; }
    .audit-tabs .btn[aria-selected="true"] { color:var(--button-primary-text); background:var(--gradient-primary); border-color:transparent; }
    .audit-panel { margin-top:14px; }
    .audit-trace-rail { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:14px 0; }
    .audit-trace-step { position:relative; min-width:0; padding:12px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--surface-panel) 82%,transparent); }
    .audit-trace-step:not(:last-child)::after { content:""; position:absolute; right:-9px; top:50%; width:9px; height:2px; background:var(--cyan); }
    .audit-trace-step span { display:block; color:var(--muted); font-size:10px; }
    .audit-trace-step strong { display:block; margin-top:4px; font-size:13px; overflow-wrap:anywhere; }
    .audit-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .audit-reasons { display:grid; gap:7px; margin-top:12px; }
    .audit-reason { display:grid; grid-template-columns:minmax(100px,150px) minmax(0,1fr) auto; gap:8px; align-items:center; font-size:12px; }
    .audit-reason-bar { height:8px; overflow:hidden; border-radius:99px; background:color-mix(in srgb,var(--line) 70%,transparent); }
    .audit-reason-bar > span { display:block; height:100%; border-radius:inherit; background:var(--gradient-primary); }
    .audit-integrity { display:flex; gap:10px; align-items:flex-start; padding:12px; border:1px solid var(--line); border-radius:13px; }
    .audit-integrity.good { border-color:color-mix(in srgb,var(--green) 55%,var(--line)); }
    .audit-integrity.bad { border-color:color-mix(in srgb,var(--red) 62%,var(--line)); }
    .audit-compare-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
    .audit-compare-controls select { min-width:0; }
    .audit-empty { padding:22px; text-align:center; border:1px dashed var(--line); border-radius:14px; }
    .decision-map { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }
    .decision-node { min-width:0; padding:11px; border:1px solid var(--line); border-radius:13px; background:color-mix(in srgb,var(--surface-panel) 86%,transparent); }
    .decision-node span { display:block; color:var(--muted); font-size:10px; letter-spacing:.04em; text-transform:uppercase; }
    .decision-node strong { display:block; margin-top:4px; font-size:13px; overflow-wrap:anywhere; }
    .operational-state { display:flex; flex-wrap:wrap; align-items:end; gap:10px; margin-top:12px; padding:12px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--panel-2) 76%,transparent); }
    .operational-state .field { flex:1 1 220px; }
    .operational-state-note { flex:2 1 300px; margin:0; color:var(--muted); font-size:11px; }
    .operational-badge { display:inline-flex; align-items:center; gap:6px; width:max-content; margin-top:8px; padding:5px 9px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:11px; font-weight:800; }
    .operational-badge::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--muted); }
    .operational-badge[data-state="submitted"] { color:var(--green); border-color:color-mix(in srgb,var(--green) 48%,var(--line)); }
    .operational-badge[data-state="submitted"]::before { background:var(--green); }
    .operational-badge[data-state="saved"] { color:var(--cyan); border-color:color-mix(in srgb,var(--cyan) 48%,var(--line)); }
    .operational-badge[data-state="saved"]::before { background:var(--cyan); }
    .session-identification { display:grid; grid-template-columns:minmax(180px,.8fr) minmax(240px,1.5fr) auto; gap:10px; align-items:end; margin-top:10px; padding:12px; border:1px solid var(--line); border-radius:14px; background:color-mix(in srgb,var(--panel-2) 76%,transparent); }
    .session-identification textarea { min-height:48px; resize:vertical; }
    #saved-games-list.session-card-grid { display:grid; grid-template-columns:1fr; gap:12px; }
    .session-card-pro { position:relative; min-width:0; min-height:0; padding:15px; overflow:visible; }
    .session-card-pro::before { content:""; position:absolute; inset:12px auto 12px 0; width:3px; border-radius:0 99px 99px 0; background:var(--cyan); opacity:.75; }
    .session-card-pro[data-card-state="submitted"]::before { background:var(--green); }
    .session-card-pro[data-card-state="pending"]::before { background:var(--amber); }
    .session-card-pro[data-card-state="complete"]::before { background:var(--green); }
    .session-card-body { min-width:0; display:grid; gap:11px; }
    .session-card-top { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:12px; }
    .session-card-identity { min-width:0; }
    .session-card-kicker { display:block; color:var(--cyan); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
    .session-card-title { margin:3px 0 0; font-size:16px; line-height:1.2; overflow-wrap:anywhere; }
    .session-card-subtitle { margin:4px 0 0; color:var(--muted); font-size:11px; line-height:1.35; }
    .session-status-chip { display:inline-flex; align-items:center; gap:6px; max-width:220px; padding:5px 8px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:10px; font-weight:850; line-height:1.2; text-align:left; }
    .session-status-chip::before { content:""; width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:currentColor; }
    .session-status-chip[data-tone="good"] { color:var(--green); border-color:color-mix(in srgb,var(--green) 48%,var(--line)); }
    .session-status-chip[data-tone="info"] { color:var(--cyan); border-color:color-mix(in srgb,var(--cyan) 48%,var(--line)); }
    .session-status-chip[data-tone="warning"] { color:var(--amber); border-color:color-mix(in srgb,var(--amber) 52%,var(--line)); }
    .session-status-chip[data-tone="danger"] { color:var(--red); border-color:color-mix(in srgb,var(--red) 52%,var(--line)); }
    .session-card-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:0; }
    .session-card-metric { min-width:0; margin:0; padding:8px 9px; border:1px solid color-mix(in srgb,var(--line) 82%,transparent); border-radius:10px; background:color-mix(in srgb,var(--panel-2) 72%,transparent); }
    .session-card-metric dt { color:var(--muted); font-size:9px; }
    .session-card-metric dd { margin:3px 0 0; font-size:12px; font-weight:850; line-height:1.2; overflow-wrap:anywhere; }
    .session-card-financial { display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 9px; align-items:baseline; padding:9px 10px; border:1px solid var(--line); border-radius:11px; background:color-mix(in srgb,var(--surface-control) 72%,transparent); }
    .session-card-financial > span { color:var(--muted); font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
    .session-card-financial > strong { font-size:12px; }
    .session-card-financial > small { grid-column:1 / -1; color:var(--muted); font-size:10px; }
    .session-card-evidence { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
    .session-card-evidence span { display:inline-flex; align-items:center; min-height:24px; padding:4px 7px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:9px; font-weight:750; }
    .session-cycle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
    .session-cycle li { position:relative; padding-top:13px; color:var(--muted); font-size:9px; font-weight:750; text-align:center; }
    .session-cycle li::before { content:""; position:absolute; z-index:1; top:2px; left:50%; width:8px; height:8px; border:2px solid var(--line); border-radius:50%; background:var(--panel); transform:translateX(-50%); }
    .session-cycle li:not(:last-child)::after { content:""; position:absolute; top:6px; left:50%; width:100%; height:2px; background:var(--line); }
    .session-cycle li[data-complete="true"] { color:var(--text); }
    .session-cycle li[data-complete="true"]::before { border-color:var(--cyan); background:var(--cyan); }
    .session-cycle li[data-complete="true"]::after { background:var(--cyan); }
    .session-card-footer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; }
    .session-card-actions { display:flex; gap:7px; align-items:center; }
    .session-card-actions .btn-icon { position:relative; width:48px; min-width:48px; padding-inline:0; }
    .session-card-actions svg { width:18px; height:18px; }
    .session-card-actions [data-action-hint]::after { content:attr(data-action-hint); position:absolute; z-index:5; right:0; bottom:calc(100% + 7px); width:max-content; max-width:190px; padding:6px 8px; border:1px solid var(--line); border-radius:8px; background:var(--panel); color:var(--text); box-shadow:var(--shadow); font-size:10px; line-height:1.25; opacity:0; pointer-events:none; transform:translateY(3px); transition:opacity .14s ease,transform .14s ease; }
    .session-card-actions [data-action-hint]:is(:hover,:focus-visible)::after { opacity:1; transform:none; }
    .session-card-pro.check-session-card { padding:13px; }
    .session-card-pro.check-session-card .session-card-title { font-size:15px; }
    .session-card-pro.check-session-card .session-card-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
    @media (min-width:1181px) {
      #saved-games-list.session-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    }
    .certificate-card { margin-top:12px; padding:14px; border:1px solid color-mix(in srgb,var(--cyan) 42%,var(--line)); border-radius:15px; background:color-mix(in srgb,var(--cyan) 7%,var(--surface-panel)); }
    .certificate-card strong { display:block; }
    .benchmark-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:end; }
    .table-wrap { width: 100%; overflow: auto; border: 1px solid var(--line); border-radius: 14px; }
    table { width: 100%; border-collapse: collapse; min-width: 720px; }
    th, td { padding: 12px 13px; border-bottom: 1px solid rgba(35,55,84,.68); text-align: left; font-size: 12px; vertical-align: middle; }
    th { position: sticky; top: 0; z-index: 1; color: #bfd0e7; background: #102038; text-transform: uppercase; letter-spacing: .055em; }
    tbody tr:hover { background: rgba(255,255,255,.025); }
    tbody tr:last-child td { border-bottom: 0; }
    .toolbar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
    .toolbar > .field { min-width: 160px; flex: 1; }
    .preflight { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
    #generator-preflight { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .preflight > * { min-width: 0; }
    .preflight-item { padding: 12px; border-radius: 12px; background: rgba(0,0,0,.13); border: 1px solid rgba(35,55,84,.65); }
    .preflight-item span { color: var(--muted); display: block; font-size: 11px; }
    .preflight-item strong { display: block; margin-top: 4px; font-size: 15px; }
    .next-contest-panel { width: min(720px, 100%); max-width: 720px; }
    .next-contest-facts {
      grid-template-columns: minmax(106px, .72fr) minmax(128px, .9fr) repeat(2, minmax(175px, 1.3fr));
      align-items: stretch;
    }
    .next-contest-facts .preflight-item { width: 100%; min-width: 0; }
    .next-contest-facts .preflight-item strong {
      line-height: 1.25;
      font-variant-numeric: tabular-nums;
    }
    .next-contest-facts .next-contest-money strong { white-space: nowrap; }
    .version-identity {
      display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px;
    }
    .version-detail {
      min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px;
      background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    }
    .version-detail span { display: block; color: var(--muted); font-size: 11px; }
    .version-detail strong {
      display: block; margin-top: 4px; color: var(--text);
      font-family: "Montserrat Local", Montserrat, ui-rounded, system-ui, sans-serif;
      font-size: 13px; font-weight: 800; overflow-wrap: anywhere;
    }
    .log-list { max-height: 300px; overflow: auto; display: grid; gap: 8px; }
    .log-entry {
      display: grid; grid-template-columns: 90px 78px minmax(0,1fr); gap: 10px; align-items: start;
      padding: 9px 0; border-bottom: 1px solid rgba(35,55,84,.55); font-size: 12px;
    }
    .log-entry:last-child { border-bottom: 0; }
    .log-level { font-size: 10px; font-weight: 850; text-transform: uppercase; overflow-wrap: anywhere; }
    .log-message { min-width: 0; overflow-wrap: anywhere; }
    .log-technical { margin-top: 5px; color: var(--muted); }
    .log-technical summary { width: fit-content; cursor: pointer; font-weight: 750; }
    .log-technical code { display: block; margin-top: 5px; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; }
    .chart { display: flex; align-items: end; gap: 6px; height: 180px; max-width: 100%; min-width: 0; padding-top: 14px; overflow-x: auto; }
    .bar-col { min-width: 30px; flex: 1; display: grid; grid-template-rows: 1fr auto; height: 100%; gap: 7px; align-items: end; text-align: center; }
    .bar { min-height: 2px; border-radius: 7px 7px 2px 2px; background: linear-gradient(180deg, var(--cyan), var(--violet)); position: relative; }
    .bar:hover::after {
      content: attr(data-value); position: absolute; left: 50%; transform: translateX(-50%); top: -28px;
      background: #07111f; border: 1px solid var(--line); padding: 3px 6px; border-radius: 6px; font-size: 10px;
    }
    .bar-label { color: var(--muted); font-size: 10px; }
    .statistics-columns, .cooccurrence-columns { gap: 10px; min-width: 0; }
    .statistics-columns > *, .cooccurrence-columns > * { min-width: 0; overflow-wrap: anywhere; }
    .distribution { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(48px, 100%), 1fr)); gap: 5px; min-width: 0; list-style: none; padding: 0; margin: 0; }
    .distribution > div, .distribution > li { min-width: 0; text-align: center; padding: 9px 3px; border: 1px solid var(--line); border-radius: 10px; overflow-wrap: anywhere; }
    .analysis-heatmap { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: clamp(3px,.7vw,6px); width: 100%; min-width: 0; }
    .analysis-heatmap .ball { width: 100%; height: auto; aspect-ratio: 1; min-width: 0; max-width: 44px; justify-self: center; font-size: clamp(17px,2vw,var(--number-font-analysis)); }
    .pool-results-scroll { max-height: min(420px,52vh); overflow: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
    .pool-action-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; margin-top: 14px; }
    .pool-action-row .btn { width: 100%; }
    .tabs { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
    .tab-btn { white-space: nowrap; }
    .tab-btn[aria-selected="true"] { color: #06202b; background: var(--cyan); border-color: var(--cyan); }
    .sheet {
      position: fixed; z-index: 80; inset: 0; display: grid; align-items: end; background: rgba(0,0,0,.62);
      padding: 18px; backdrop-filter: blur(5px);
    }
    .sheet[hidden] { display: none; }
    .sheet-panel {
      width: min(760px, 100%); max-height: min(86vh, 920px); overflow: auto; margin: 0 auto;
      border: 1px solid #365171; background: #0b192b; border-radius: 22px 22px 16px 16px; padding: 20px; box-shadow: var(--shadow);
    }
    .sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
    .sheet-head h3 { margin: 0; }
    .toast-stack {
      position: fixed; right: 18px; top: 90px; z-index: 120; display: grid; gap: 10px;
      width: min(390px, calc(100vw - 36px)); pointer-events: none;
    }
    .toast {
      border: 1px solid var(--line); border-left: 4px solid var(--cyan); background: var(--panel); color: var(--text);
      padding: 10px 10px 10px 14px; border-radius: 12px; box-shadow: var(--shadow); font-size: 13px;
      display: grid; grid-template-columns: minmax(0,1fr) 48px; gap: 8px; align-items: start;
      pointer-events: auto; animation: toast-enter .18s ease-out;
    }
    .toast-copy { min-width: 0; align-self: center; }
    .toast-title { display: block; margin-bottom: 2px; }
    .toast-message { color: var(--muted); overflow-wrap: anywhere; }
    .toast-close {
      width: 48px; height: 48px; min-height: 48px; border: 0; border-radius: 10px;
      color: var(--muted); background: transparent; font-size: 22px;
    }
    .toast-close:hover { color: var(--text); background: rgba(255,255,255,.06); }
    .toast.leaving { opacity: 0; transform: translateX(12px); transition: opacity .14s ease, transform .14s ease; }
    .toast.error { border-left-color: var(--red); }
    .toast.success { border-left-color: var(--green); }
    .toast.warn { border-left-color: var(--amber); }
    @keyframes toast-enter { from { opacity: 0; transform: translateX(16px); } }
    .notification-overview {
      display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center;
      margin: 2px 0 14px; padding: 14px; border: 1px solid var(--line); border-radius: 14px;
      background: color-mix(in srgb, var(--panel-2) 82%, transparent);
    }
    .notification-overview strong { display: block; font-size: 16px; }
    .notification-overview span { color: var(--muted); font-size: 12px; }
    .notification-filter-bar { display: flex; gap: 7px; overflow-x: auto; padding: 2px 0 5px; scrollbar-width: thin; }
    .notification-filter-bar .btn { min-height: 42px; white-space: nowrap; }
    .notification-filter-bar .btn[aria-pressed="true"] { color: #06202b; background: var(--cyan); border-color: var(--cyan); }
    .notification-center-actions { margin-top: 8px; }
    .notification-center-list { display: grid; gap: 9px; margin-top: 12px; }
    .notification-item {
      display: grid; grid-template-columns: 12px minmax(0,1fr); gap: 10px; align-items: start;
      padding: 13px; border: 1px solid var(--line); border-radius: 13px;
      background: color-mix(in srgb, var(--panel-2) 74%, transparent);
    }
    .notification-dot { width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--muted); }
    .notification-item.unread .notification-dot { background: var(--cyan); box-shadow: 0 0 0 4px rgba(34,211,238,.1); }
    .notification-item.success .notification-dot { background: var(--green); }
    .notification-item.warn .notification-dot { background: var(--amber); }
    .notification-item.error .notification-dot { background: var(--red); }
    .notification-item p { margin: 2px 0 4px; color: var(--muted); overflow-wrap: anywhere; }
    .notification-meta { display: flex; flex-wrap: wrap; gap: 5px 9px; align-items: center; }
    .notification-category { color: var(--cyan); font-size: 10px; font-weight: 850; letter-spacing: .065em; text-transform: uppercase; }
    .notification-result-filter {
      display: grid; grid-template-columns: minmax(0,1fr) minmax(210px,auto); gap: 10px; align-items: end;
      margin-top: 7px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px;
      background: color-mix(in srgb, var(--panel-2) 64%, transparent);
    }
    .notification-result-filter label { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
    .notification-result-filter select { width: 100%; min-height: 48px; }
    .notification-result-filter p { margin: 0; color: var(--muted); font-size: 12px; }
    .notification-result-card { position: relative; overflow: hidden; }
    .notification-result-card::after {
      content: ""; position: absolute; inset: 0 auto 0 0; width: 3px;
      background: linear-gradient(180deg,var(--magenta),var(--cyan)); opacity: .9;
    }
    .notification-result-head { display: flex; gap: 10px; align-items: center; justify-content: space-between; }
    .notification-result-hit {
      display: inline-grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
      color: white; background: var(--magenta); box-shadow: 0 0 0 4px color-mix(in srgb,var(--magenta) 15%,transparent);
      font-size: 16px; font-weight: 900; font-variant-numeric: tabular-nums;
    }
    .notification-result-hit.pending { color: #291700; background: var(--amber); box-shadow: 0 0 0 4px color-mix(in srgb,var(--amber) 16%,transparent); }
    .notification-result-hit.conflict { background: var(--red); box-shadow: 0 0 0 4px color-mix(in srgb,var(--red) 16%,transparent); }
    .notification-result-hit.none { color: var(--muted); background: color-mix(in srgb,var(--panel) 78%,var(--line)); box-shadow: 0 0 0 4px color-mix(in srgb,var(--line) 45%,transparent); }
    .notification-hit-ribbon { display: grid; grid-template-columns: repeat(5,minmax(40px,1fr)); gap: 5px; margin: 9px 0 7px; }
    .notification-hit-ribbon span {
      display: grid; grid-template-columns: auto auto; gap: 4px; justify-content: center; align-items: baseline;
      min-width: 0; padding: 5px 4px; border: 1px solid var(--line); border-radius: 8px;
      background: color-mix(in srgb,var(--panel) 74%,transparent); color: var(--muted); font-size: 10px;
    }
    .notification-hit-ribbon b { color: var(--text); font-size: 12px; font-variant-numeric: tabular-nums; }
    .notification-result-origin { color: var(--muted); font-size: 11px; }
    .notification-result-action { margin-top: 9px; }
    .notification-privacy-option { display: grid; gap: 7px; margin-top: 12px; }
    .notification-privacy-option .inline-check { margin: 0; }
    .notification-activity { margin-top: 16px; }
    .notification-activity > summary { min-height: 48px; display: flex; align-items: center; }
    .notification-activity-body { padding-top: 12px; }
    .notification-settings { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
    .notification-settings .btn[aria-pressed="true"] { color: #06202b; background: var(--cyan); border-color: var(--cyan); }
    @media (max-width:520px) {
      .notification-result-filter { grid-template-columns: 1fr; align-items: stretch; }
      .notification-hit-ribbon { gap: 3px; }
      .notification-hit-ribbon span { grid-template-columns: 1fr; gap: 0; text-align: center; }
      .notification-result-head { align-items: flex-start; }
    }
    .bottom-nav { display: none; }
    .sr-only {
      position: fixed !important; inset: 0 auto auto 0 !important; display: block !important; width: 1px !important; max-width: 1px !important; height: 1px !important; max-height: 1px !important; padding: 0 !important;
      margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
    }
    .empty { color: var(--muted); text-align: center; padding: 34px 14px; border: 1px dashed #2a4262; border-radius: 14px; }
    .divider { height: 1px; background: var(--line); margin: 18px 0; }
    details { border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; background: rgba(0,0,0,.08); }
    details + details { margin-top: 9px; }
    summary { cursor: pointer; font-weight: 780; min-height: 32px; }
    code { color: #bae6fd; background: rgba(2,8,23,.5); padding: 2px 5px; border-radius: 5px; }
    .audit-item { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; border-bottom: 1px solid rgba(35,55,84,.45); font-size: 12px; }
    html[data-theme="light-magenta"] body {
      background:
        radial-gradient(circle at 78% -10%, rgba(192,38,126,.16), transparent 34rem),
        radial-gradient(circle at -5% 65%, rgba(91,24,92,.10), transparent 28rem),
        var(--bg);
    }
    html[data-theme="light-magenta"] .skip-link { background: #3b1238; color: #fff9fc; }
    html[data-theme="light-magenta"] .sidebar {
      background: var(--sidebar-surface);
      border-right-color: var(--sidebar-border);
    }
    html[data-theme="light-magenta"] .brand-mark { color: #fff9fc; }
    html[data-theme="light-magenta"] .brand h1 { color: #ffffff; }
    html[data-theme="light-magenta"] .brand span,
    html[data-theme="light-magenta"] .sidebar .nav-btn { color: #ddbed2; }
    html[data-theme="light-magenta"] .sidebar .nav-btn:hover { color: #ffffff; background: rgba(255,255,255,.08); }
    html[data-theme="light-magenta"] .sidebar .nav-btn[aria-current="page"] {
      color: #ffffff; background: var(--sidebar-active-surface);
      border-color: var(--sidebar-active-border);
    }
    html[data-theme="light-magenta"] .connection-pill {
      border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: #ead7e4;
    }
    html[data-theme="light-magenta"] .connection-pill[data-state="checking"] .status-dot { box-shadow: 0 0 0 4px rgba(0,110,135,.14); }
    html[data-theme="light-magenta"] .connection-pill[data-state="available"] .status-dot { box-shadow: 0 0 0 4px rgba(23,138,85,.14); }
    html[data-theme="light-magenta"] .connection-pill[data-state="unavailable"] .status-dot { box-shadow: 0 0 0 4px rgba(190,41,55,.14); }
    html[data-theme="light-magenta"] .connection-pill[data-state="offline"] .status-dot { box-shadow: 0 0 0 4px rgba(183,107,0,.14); }
    html[data-theme="light-magenta"] .topbar {
      border-bottom-color: rgba(138,14,99,.14); background: rgba(255,249,252,.90);
    }
    html[data-theme="light-magenta"] .hero {
      border-color: rgba(138,14,99,.16);
      background: linear-gradient(125deg, rgba(192,38,126,.12), rgba(91,24,92,.07) 54%, rgba(255,255,255,.78));
    }
    html[data-theme="light-magenta"] .hero::after { background: rgba(192,38,126,.09); border-color: rgba(138,14,99,.12); }
    html[data-theme="light-magenta"] .card {
      background: linear-gradient(160deg, rgba(255,255,255,.98), rgba(255,249,252,.94));
      box-shadow: 0 12px 34px rgba(59,18,56,.08);
    }
    html[data-theme="light-magenta"] .btn { background: #ffffff; }
    html[data-theme="light-magenta"] .btn:hover { border-color: #b77a9d; background: #fff3f8; }
    html[data-theme="light-magenta"] .btn-primary {
      color: #ffffff; background: linear-gradient(135deg, #c0267e, #8a0e63);
      box-shadow: 0 10px 25px rgba(138,14,99,.20);
    }
    html[data-theme="light-magenta"] .btn-primary:hover { background: linear-gradient(135deg, #8a0e63, #5b185c); }
    html[data-theme="light-magenta"] .btn-danger { border-color: rgba(194,55,87,.35); color: #971b3b; background: rgba(194,55,87,.08); }
    html[data-theme="light-magenta"] input,
    html[data-theme="light-magenta"] select,
    html[data-theme="light-magenta"] textarea,
    html[data-theme="light-magenta"] select option { background: #fffdfd; }
    html[data-theme="light-magenta"] .tag { background: #fff4f9; }
    html[data-theme="light-magenta"] .tag.official { color: #0d6f43; border-color: rgba(23,138,85,.3); background: rgba(23,138,85,.08); }
    html[data-theme="light-magenta"] .tag.missing { color: #8a4d00; border-color: rgba(183,107,0,.3); background: rgba(183,107,0,.08); }
    html[data-theme="light-magenta"] .tag.conflict { color: #971b3b; border-color: rgba(194,55,87,.3); background: rgba(194,55,87,.08); }
    html[data-theme="light-magenta"] .notice { background: rgba(192,38,126,.045); }
    html[data-theme="light-magenta"] .notice.warn { background: rgba(183,107,0,.055); }
    html[data-theme="light-magenta"] .notice.error { background: rgba(194,55,87,.055); }
    html[data-theme="light-magenta"] .progress-track { background: #f1dce8; }
    html[data-theme="light-magenta"] .ball { color: #ffffff; background: linear-gradient(145deg, #c0267e, #8a0e63); }
    html[data-theme="light-magenta"] .ball.hit { color: #ffffff; background: linear-gradient(145deg, #22a869, var(--green)); }
    html[data-theme="light-magenta"] .ball.miss { color: #7a536d; background: #fae9f2; border-color: #e8c9da; }
    html[data-theme="light-magenta"] .ticket,
    html[data-theme="light-magenta"] th,
    html[data-theme="light-magenta"] td,
    html[data-theme="light-magenta"] .log-item,
    html[data-theme="light-magenta"] .audit-item { border-bottom-color: rgba(138,14,99,.12); }
    html[data-theme="light-magenta"] .game-session-card { background: linear-gradient(150deg, #fffdfd, #fff7fb); }
    html[data-theme="light-magenta"] .game-session-stat,
    html[data-theme="light-magenta"] .session-detail-game { background: rgba(251,234,243,.55); }
    html[data-theme="light-magenta"] th { color: #5b185c; background: #f7e5ef; }
    html[data-theme="light-magenta"] tbody tr:hover { background: rgba(192,38,126,.035); }
    html[data-theme="light-magenta"] .preflight-item { background: rgba(251,234,243,.60); border-color: var(--line); }
    html[data-theme="light-magenta"] .bar { background: linear-gradient(180deg, #c0267e, #5b185c); }
    html[data-theme="light-magenta"] .bar::after { background: #3b1238; color: #ffffff; }
    html[data-theme="light-magenta"] .tab-btn[aria-selected="true"] {
      color: #3b1238;
      background: #f3c6dc;
      border-color: #c0267e;
      box-shadow: inset 0 -3px 0 #c0267e;
    }
    html[data-theme="light-magenta"] .tab-btn[aria-selected="true"]:hover {
      color: #3b1238;
      background: #edb8d2;
      border-color: #8a0e63;
    }
    html[data-theme="light-magenta"] .sheet-panel { border-color: #d9b2c9; background: #fff9fc; }
    html[data-theme="light-magenta"] .empty { border-color: #cba4bc; }
    html[data-theme="light-magenta"] details { background: rgba(251,234,243,.45); }
    html[data-theme="light-magenta"] code { color: #6f0b50; background: #f4dce9; }
    @keyframes theme-view-old { from { opacity: 1; } to { opacity: 0; } }
    @keyframes theme-view-new { from { opacity: 0; } to { opacity: 1; } }
    @keyframes theme-fallback-reveal { from { opacity: .94; } to { opacity: 1; } }
    html.theme-transition-view::view-transition-old(root) {
      animation: none;
      opacity: 1;
      mix-blend-mode: normal;
    }
    html.theme-transition-view::view-transition-new(root) {
      animation: theme-view-new var(--theme-transition-duration) var(--theme-transition-easing) both;
      mix-blend-mode: normal;
    }
    html.theme-transition-fallback body { animation: none; }
    html.theme-transition-fallback body,
    html.theme-transition-fallback .sidebar,
    html.theme-transition-fallback .topbar,
    html.theme-transition-fallback .bottom-nav,
    html.theme-transition-fallback .card,
    html.theme-transition-fallback .hero,
    html.theme-transition-fallback .btn,
    html.theme-transition-fallback input,
    html.theme-transition-fallback select,
    html.theme-transition-fallback textarea,
    html.theme-transition-fallback .sheet-panel,
    html.theme-transition-fallback .notice,
    html.theme-transition-fallback .tag,
    html.theme-transition-fallback .ball,
    html.theme-transition-fallback .game-session-card,
    html.theme-transition-fallback .preflight-item,
    html.theme-transition-fallback th,
    html.theme-transition-fallback td,
    html.theme-transition-fallback .toast {
      transition-property: color, background-color, border-color, box-shadow, fill, stroke;
      transition-duration: var(--theme-transition-duration);
      transition-timing-function: var(--theme-transition-easing);
    }
    .audit-item:last-child { border-bottom: 0; }
    .audit-icon { width: 22px; color: var(--green); font-weight: 900; }

    /* V4.23 — dados orientados a revisões e consultas indexadas */
    .hero.hero-compact {
      --hero-actions-reserve: 301px;
      min-height: 152px; padding: clamp(16px,2.4vw,24px); display: flex; align-items: center;
      justify-content: space-between; gap: 18px;
    }
    .hero.hero-compact::after { width: 190px; height: 190px; right: -72px; top: -104px; }
    .hero.hero-compact h3 { margin-bottom: 5px; font-size: clamp(21px,2.6vw,30px); }
    .hero.hero-compact .hero-copy {
      position: relative; z-index: 1; min-width: 0; width: 100%;
      padding-inline-end: var(--hero-actions-reserve);
    }
    .hero.hero-compact .hero-actions {
      position: absolute; z-index: 1; right: clamp(16px,2.4vw,24px); bottom: 10px;
      flex: 0 0 auto; transform: none;
    }
    .hero.hero-compact .hero-actions.dashboard-actions { flex-wrap: nowrap; }
    .hero.hero-compact .hero-actions .btn { white-space: nowrap; }
    .global-operation-bar {
      position: sticky; top: 76px; z-index: 19; display: grid;
      grid-template-columns: minmax(180px,1fr) minmax(180px,420px) auto; align-items: center; gap: 14px;
      padding: 10px clamp(16px,4vw,42px); border-bottom: 1px solid var(--line);
      background: color-mix(in srgb, var(--panel) 94%, transparent); backdrop-filter: blur(18px);
      box-shadow: 0 10px 28px rgba(0,0,0,.12);
    }
    .global-operation-bar[hidden] { display: none; }
    .global-operation-copy { min-width: 0; display: grid; gap: 2px; }
    .global-operation-copy strong, .global-operation-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .global-operation-copy span { color: var(--muted); font-size: 12px; }
    .global-operation-bar .progress-wrap { margin: 0; }
    .dashboard-actions { display: flex; gap: 9px; flex-wrap: wrap; }
    .metric-value.metric-money { font-size: clamp(20px,3.2vw,29px); overflow-wrap: anywhere; }
    #games-cost.metric-money { max-width: 100%; font-size: clamp(18px,1.35vw,24px); line-height: 1.2; }
    .task-tabs { display: flex; gap: 7px; flex-wrap: wrap; margin: 0 0 16px; }
    .task-tabs .btn { min-height: 44px; }
    .task-tabs .btn[aria-selected="true"] { color: #06202b; background: var(--cyan); border-color: var(--cyan); }
    .task-panel[hidden], .history-panel[hidden], .checker-panel[hidden] { display: none !important; }
    .advanced-config {
      border: 1px solid var(--line); border-radius: 14px; overflow: clip;
      background: color-mix(in srgb, var(--panel-2) 72%, transparent);
    }
    .advanced-config > summary {
      min-height: 52px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between;
      gap: 12px; cursor: pointer; color: var(--text); font-weight: 850; list-style: none;
    }
    .advanced-config > summary::-webkit-details-marker { display: none; }
    .advanced-config > summary::after { content: "+"; color: var(--cyan); font-size: 20px; }
    .advanced-config[open] > summary::after { content: "−"; }
    .advanced-config .advanced-grid { padding: 0 14px 14px; }
    .filter-count { color: var(--muted); font-size: 12px; font-weight: 700; margin-left: auto; }
    .filter-profile-builder { margin: 0 14px 14px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-raised); }
    .filter-profile-builder h4 { margin: 0; }
    .filter-profile-builder p { margin: 4px 0 12px; }
    .filter-profile-grid { display: grid; grid-template-columns: minmax(150px,1.2fr) minmax(150px,1fr) auto; gap: 8px; align-items: end; }
    .filter-rule-list { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
    .filter-rule-chip { padding: 5px 8px; border: 1px solid color-mix(in srgb,var(--cyan) 28%,var(--line)); border-radius: 999px; background: color-mix(in srgb,var(--cyan) 7%,var(--surface-subtle)); color: var(--text); font-size: 11px; font-weight: 780; }
    .matrix-workbench { display: grid; gap: 16px; margin-top: 16px; }
    .matrix-identity-rail { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; margin: 12px 0; }
    .matrix-identity-rail span { min-width: 0; padding: 8px 4px; border: 1px solid color-mix(in srgb,var(--cyan) 30%,var(--line)); border-radius: 10px; text-align: center; background: color-mix(in srgb,var(--cyan) 7%,var(--surface-subtle)); }
    .matrix-identity-rail b { display: block; color: var(--cyan); font-size: 10px; letter-spacing: .08em; }
    .matrix-identity-rail strong { display: block; margin-top: 2px; font-size: 16px; }
    .matrix-catalog-list { display: grid; gap: 9px; max-height: 360px; overflow: auto; padding-right: 3px; }
    .matrix-card { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-subtle); }
    .matrix-card[aria-current="true"] { border-color: var(--cyan); box-shadow: 0 0 0 2px color-mix(in srgb,var(--cyan) 12%,transparent); }
    .matrix-card p { margin: 4px 0 0; }
    .matrix-proof { display: inline-flex; align-items: center; gap: 5px; color: var(--success); font-size: 11px; font-weight: 850; }
    .matrix-proof.unverified { color: var(--warning); }
    .matrix-assistant-result { min-height: 58px; }
    .matrix-replicator-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(260px,.8fr); gap: 14px; }
    .matrix-replicator-grid textarea { min-height: 148px; }
    .matrix-result-summary { display: grid; gap: 8px; align-content: start; }
    .matrix-result-actions { display: flex; flex-wrap: wrap; gap: 8px; }
    .session-history-timeline { display: grid; gap: 10px; }
    .session-history-item { position: relative; display: grid; grid-template-columns: 14px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-subtle); }
    .session-history-dot { width: 10px; height: 10px; margin-top: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px color-mix(in srgb,var(--cyan) 14%,transparent); }
    .session-history-item p { margin: 4px 0 0; }
    .operational-export-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 10px; }
    .remote-sync-optin { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: start; margin: 12px 0; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-subtle); }
    .remote-sync-optin > .inline-check, .remote-sync-optin > .btn { grid-column: 1 / -1; }
    .remote-sync-optin > .btn { justify-self: end; min-height: 48px; }
    @media (max-width: 520px) { .remote-sync-optin > .btn { width: 100%; } }
    .rule-builder { margin-top: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: color-mix(in srgb,var(--surface-raised) 82%,var(--cyan) 3%); }
    .rule-builder-head, .portfolio-analyzer-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
    .rule-builder-head h4, .portfolio-analyzer-head h3 { margin: 0; }
    .rule-builder-head p, .portfolio-analyzer-head p { margin: 4px 0 0; }
    .rule-root { display: grid; grid-template-columns: minmax(150px,.45fr) minmax(0,1fr); gap: 10px; margin-top: 12px; align-items: end; }
    .rule-list { display: grid; gap: 8px; margin-top: 10px; }
    .rule-row { display: grid; grid-template-columns: minmax(130px,1fr) minmax(110px,.7fr) minmax(120px,.8fr) 48px; gap: 7px; align-items: end; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-subtle); }
    .rule-row .btn { min-width: 48px; padding: 0; }
    .rule-natural-language { margin-top: 10px; min-height: 44px; }
    .portfolio-analyzer { margin-top: 16px; }
    .portfolio-analyzer-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
    .portfolio-method-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
    .portfolio-method-strip > div { padding: 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-subtle); }
    .portfolio-method-strip span { display: block; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
    .portfolio-method-strip strong { display: block; margin-top: 4px; font-size: 14px; }
    .portfolio-results { margin-top: 14px; }
    .portfolio-compare-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .portfolio-result-card { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-subtle); }
    .portfolio-result-card h4 { margin: 0 0 10px; }
    .portfolio-tier-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 6px; }
    .portfolio-tier-grid > span { display: grid; gap: 2px; padding: 8px 5px; border-radius: 9px; text-align: center; background: color-mix(in srgb,var(--cyan) 8%,var(--surface-raised)); }
    .portfolio-tier-grid small { color: var(--muted); font-size: 9px; }
    .matrix-import-config { display: grid; grid-template-columns: repeat(6,minmax(90px,1fr)); gap: 8px; margin: 12px 0; }
    .matrix-constructor { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
    .matrix-constructor-grid { display: grid; grid-template-columns: repeat(6,minmax(80px,1fr)); gap: 8px; align-items: end; }
    .matrix-constructor-status { margin-top: 10px; }
    @media (max-width: 760px) {
      .filter-profile-grid, .matrix-replicator-grid, .remote-sync-optin, .rule-root, .portfolio-analyzer-controls, .portfolio-compare-grid { grid-template-columns: 1fr; }
      .rule-row { grid-template-columns: 1fr 1fr; }
      .rule-row .field:nth-child(3) { grid-column: 1 / -1; }
      .rule-row .btn { grid-column: 2; justify-self: end; }
      .portfolio-method-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .portfolio-tier-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
      .matrix-import-config, .matrix-constructor-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .matrix-identity-rail { grid-template-columns: repeat(3,minmax(0,1fr)); }
      .matrix-card { grid-template-columns: 1fr; }
      .session-history-item { grid-template-columns: 14px minmax(0,1fr); }
      .session-history-item .btn { grid-column: 2; justify-self: start; }
    }
    @media (max-width: 390px) {
      .rule-row, .matrix-import-config, .matrix-constructor-grid { grid-template-columns: 1fr; }
      .rule-row .field:nth-child(3), .rule-row .btn { grid-column: auto; }
      .portfolio-method-strip { grid-template-columns: 1fr; }
    }
    .generator-preflight-card { align-self: start; position: sticky; top: 94px; }
    .generator-mode-summary {
      position: relative; overflow: hidden; display: grid; gap: 9px; margin-top: 12px; padding: 14px;
      border: 1px solid color-mix(in srgb, var(--cyan) 24%, var(--line)); border-radius: 14px;
      background: linear-gradient(135deg, color-mix(in srgb, var(--cyan) 8%, var(--surface-raised)), var(--surface-subtle));
    }
    .generator-mode-summary::before {
      content: ""; position: absolute; inset: 0 auto 0 0; width: 4px;
      background: linear-gradient(180deg, var(--cyan), color-mix(in srgb, var(--violet) 68%, var(--cyan)));
    }
    .generator-mode-head { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: center; gap: 7px 10px; }
    .generator-mode-symbol {
      width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px;
      color: var(--text-on-accent); background: var(--cyan); font-size: 19px; font-weight: 900;
      box-shadow: 0 7px 18px color-mix(in srgb, var(--cyan) 22%, transparent);
    }
    .generator-mode-kicker { display: block; color: var(--muted); font-size: 9px; font-weight: 900; letter-spacing: .105em; text-transform: uppercase; }
    .generator-mode-title { display: block; margin-top: 2px; color: var(--text); font-size: 14px; line-height: 1.25; }
    .generator-mode-badge { grid-column: 2; justify-self: start; min-height: 25px; padding: 4px 8px; color: var(--cyan); border-color: color-mix(in srgb, var(--cyan) 34%, var(--line)); font-weight: 850; }
    .generator-mode-description, .generator-mode-caveat { margin: 0; color: var(--muted); line-height: 1.5; }
    .generator-mode-description { font-size: 12px; }
    .generator-mode-caveat { padding-top: 8px; border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent); font-size: 10.5px; }
    .generator-mode-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
    .generator-mode-facts span {
      min-width: 0; padding: 6px 8px; border-radius: 9px; color: var(--text); background: var(--surface-subtle);
      border: 1px solid color-mix(in srgb, var(--line) 75%, transparent); font-size: 10px; font-weight: 750; line-height: 1.35;
    }
    .generator-message-list { display: grid; gap: 7px; margin-top: 10px; }
    .preflight-message {
      display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 9px; align-items: start;
      padding: 10px 11px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-subtle);
    }
    .preflight-message-icon {
      width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%;
      color: var(--text-on-accent); background: var(--cyan); font-size: 12px; font-weight: 900;
    }
    .preflight-message strong { display: block; color: var(--text); font-size: 11.5px; line-height: 1.3; }
    .preflight-message p { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.45; }
    .preflight-message[data-severity="success"] { border-color: color-mix(in srgb, var(--green) 34%, var(--line)); }
    .preflight-message[data-severity="success"] .preflight-message-icon { background: var(--green); }
    .preflight-message[data-severity="warning"] { border-color: color-mix(in srgb, var(--amber) 42%, var(--line)); }
    .preflight-message[data-severity="warning"] .preflight-message-icon { color: #291700; background: var(--amber); }
    .preflight-message[data-severity="error"] { border-color: color-mix(in srgb, var(--red) 45%, var(--line)); }
    .preflight-message[data-severity="error"] .preflight-message-icon { color: white; background: var(--red); }
    .mobile-generator-dock { display: none; }
    .empty-state { padding: clamp(24px,5vw,48px); text-align: center; display: grid; justify-items: center; gap: 10px; }
    .empty-state h4 { margin: 0; font-size: 20px; }
    .empty-state p { max-width: 520px; margin: 0; color: var(--muted); }
    .empty-state .toolbar { justify-content: center; margin-top: 5px; }
    [hidden].requires-games, [hidden].requires-check-result, [hidden].requires-generated,
    [hidden].requires-conflicts, [hidden].requires-reduction, [hidden].requires-backtest { display: none !important; }
    .history-filters { display: grid; grid-template-columns: minmax(180px,1fr) repeat(2,minmax(150px,auto)); gap: 10px; align-items: end; }
    .history-mobile-list { display: none; gap: 10px; }
    .history-contest-card { display: grid; gap: 12px; }
    .history-contest-head { display: flex; justify-content: space-between; align-items: start; gap: 10px; }
    .history-contest-meta { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--muted); font-size: 12px; }
    .sort-button { min-height: 36px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-transform: inherit; letter-spacing: inherit; }
    .sort-button::after { content: " ↕"; opacity: .55; }
    .sort-button[aria-sort="ascending"]::after { content: " ↑"; opacity: 1; }
    .sort-button[aria-sort="descending"]::after { content: " ↓"; opacity: 1; }
    .analysis-context {
      display: grid; grid-template-columns: minmax(180px,260px) minmax(0,1fr); gap: 14px;
      align-items: end; margin-top: 16px;
    }
    .analysis-context-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
    #more-panel-analysis details .table-wrap table { min-width: 0; }
    .analysis-sample-status { grid-column: 1 / -1; margin: 0; }
    .chart { overflow-x: hidden; gap: clamp(2px,.45vw,6px); }
    .bar-col { min-width: 0; }
    .bar-label { font-size: clamp(8px,.72vw,10px); }
    .analysis-advanced { margin-top: 16px; }
    .grouped-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; gap: 10px; }
    .tab-group { min-width: 0; padding: 10px; border: 1px solid var(--line); border-radius: 14px; background: color-mix(in srgb,var(--panel-2) 72%,transparent); }
    .tab-group-label { display: block; margin: 0 0 7px; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
    .tab-group-actions { display: flex; gap: 6px; flex-wrap: wrap; }
    .context-help { width: 48px; min-width: 48px; padding: 0; border-radius: 999px; }
    .diagnostic-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 16px; }
    .manual-update-panel {
      margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line);
      display: grid; gap: 10px;
    }
    .manual-update-panel p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }
    .manual-update-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: end; }
    .manual-update-row .field { min-width: 0; }
    .manual-update-row .btn { min-height: 48px; }
    .manual-update-consent {
      display: flex; align-items: flex-start; gap: 10px; min-height: 48px; padding: 11px 12px;
      border: 1px solid var(--line); border-radius: 12px; background: color-mix(in srgb, var(--surface-panel) 74%, transparent);
      color: var(--muted); font-size: 12px; line-height: 1.45;
    }
    .manual-update-consent input { flex: 0 0 20px; margin: 2px 0 0; }
    .manual-update-consent strong { color: var(--text); }
    details.diagnostic-section { margin-top: 12px; padding: 0; overflow: clip; }
    details.diagnostic-section > summary { min-height: 58px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; font-weight: 850; list-style: none; }
    details.diagnostic-section > summary::-webkit-details-marker { display: none; }
    details.diagnostic-section > summary::after { content: "+"; color: var(--cyan); font-size: 22px; }
    details.diagnostic-section[open] > summary::after { content: "−"; }
    .diagnostic-section-body { padding: 0 18px 18px; }
    .privacy-panel { display: grid; gap: 12px; }
    .usability-checklist { display: grid; gap: 6px; }
    .usability-checklist label { min-height: 44px; display: flex; align-items: center; gap: 10px; }
    .activity-log-section { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
    .help-target-flash { animation: help-flash .8s ease-out; }
    @keyframes help-flash { from { box-shadow: 0 0 0 4px color-mix(in srgb,var(--cyan) 30%,transparent); } }

    /* V4.34 — cobertura combinatória, regras declarativas e infraestrutura opcional */
    body {
      font-family: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      letter-spacing: -.005em;
    }
    h1, h2, h3, h4, h5,
    .metric-value,
    .game-session-heading h4 {
      font-family: "Montserrat Local", Montserrat, "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;
    }
    .topbar {
      box-shadow: 0 8px 30px rgba(3,12,24,.08);
    }
    .content {
      padding-top: clamp(20px, 2.4vw, 30px);
      padding-bottom: 56px;
    }
    .hero::after {
      background-color: var(--hero-halo-fill);
      border-color: var(--hero-halo-line);
      background-image: none;
    }
    .hero.hero-compact {
      box-shadow: 0 18px 42px rgba(3,12,24,.14);
    }
    .hero.hero-compact .hero-copy > p:last-child { max-width: 780px; }
    .section-head { align-items: center; }
    .section-head > .toolbar {
      justify-content: flex-end;
      max-width: min(100%, 760px);
    }
    .toolbar > select {
      width: auto;
      min-width: 178px;
      flex: 0 1 220px;
    }
    .card {
      background: linear-gradient(160deg,
        color-mix(in srgb, var(--panel-2) 94%, var(--cyan) 2%),
        color-mix(in srgb, var(--panel) 96%, transparent));
      box-shadow: 0 12px 30px rgba(3,12,24,.09);
    }
    #view-dashboard > .grid-4 > .card {
      position: relative;
      min-height: 156px;
      overflow: hidden;
    }
    #view-dashboard > .grid-4 > .card::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: 3px;
      border-radius: var(--radius) 0 0 var(--radius);
      background: linear-gradient(180deg, var(--cyan), color-mix(in srgb, var(--cyan) 22%, transparent));
      opacity: .72;
    }
    #view-dashboard > .grid-4 > .card:nth-child(2)::before { background: linear-gradient(180deg, var(--violet), color-mix(in srgb, var(--violet) 22%, transparent)); }
    #view-dashboard > .grid-4 > .card:nth-child(3)::before { background: linear-gradient(180deg, var(--amber), color-mix(in srgb, var(--amber) 22%, transparent)); }
    #view-dashboard > .grid-4 > .card:nth-child(4)::before { background: linear-gradient(180deg, var(--green), color-mix(in srgb, var(--green) 22%, transparent)); }
    #view-generator > .grid-3 > article.card { align-self: start; }
    .btn {
      transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .btn-primary { box-shadow: 0 11px 25px color-mix(in srgb, var(--cyan) 23%, transparent); }
    .game-session-card {
      box-shadow: 0 10px 26px rgba(3,12,24,.07);
      transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }
    .game-session-card:hover {
      box-shadow: 0 15px 34px rgba(3,12,24,.11);
    }
    .toast-stack {
      top: auto;
      bottom: 24px;
      width: min(420px, calc(100vw - 36px));
    }
    .toast {
      background: color-mix(in srgb, var(--panel) 96%, transparent);
      backdrop-filter: blur(18px);
    }
    html[data-theme="light-magenta"] .card {
      background: linear-gradient(160deg, rgba(255,255,255,.97), rgba(255,248,252,.94));
      box-shadow: 0 12px 30px rgba(89,22,67,.08);
    }
    html[data-theme="light-magenta"] .hero.hero-compact {
      box-shadow: 0 18px 42px rgba(89,22,67,.11);
    }
    html[data-theme="light-magenta"] .topbar {
      box-shadow: 0 8px 30px rgba(89,22,67,.07);
    }
    @media (hover:hover) and (prefers-reduced-motion:no-preference) {
      .btn:not(:disabled):hover { transform: translateY(-1px); }
      .game-session-card:hover { transform: translateY(-1px); }
    }

    /* Estilos responsivos */
    @media (max-width: 1350px) {
      .top-actions .action-label { display: none; }
      .top-actions .btn { min-width: 48px; padding-inline: 12px; }
    }
    @media (max-width: 1180px) {
      .grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .preflight { grid-template-columns: repeat(2, 1fr); }
      .version-identity { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .span-2, .span-3 { grid-column: span 4; }
      .span-4 { grid-column: span 6; }
      .next-summary-estimate { display: none; }
      .top-actions .action-label { display: none; }
    }
    @media (max-width: 740px) {
      .next-contest-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (min-width: 821px) and (max-width: 1023px) {
      body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
      .sidebar { display: none; }
      .main { margin-left: 0; padding-bottom: 24px; }
      .topbar { grid-template-columns: minmax(0,1fr) minmax(96px,34vw) auto; }
      .topbar .btn { min-width: 48px; padding-inline: 12px; }
      .responsive-brand-mark { display: grid; }
      .responsive-brand-name { display: block; }
      .page-context > .eyebrow { display: none; }
      .page-context h2 { font-size: 17px; }
      .bottom-nav {
        position: fixed; inset: auto 0 0; z-index: 60; min-height: calc(68px + env(safe-area-inset-bottom));
        padding: 6px 6px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--mobile-nav-border); background: var(--mobile-nav-surface);
      }
      .bottom-nav .nav-btn {
        min-height: 58px; padding: 5px 2px; display: grid; justify-items: center; align-content: center; gap: 2px;
        text-align: center; font-size: 10px;
      }
      .bottom-nav .nav-ico { font-size: 18px; }
      .content { padding-inline: 22px; }
      .tablet-two-column { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      .history-operation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .grouped-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }
    @media (max-width: 820px) {
      body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
      .sidebar { display: none; }
      .main { margin-left: 0; padding-bottom: 24px; }
      .topbar { min-height: 68px; padding-inline: 16px; grid-template-columns: minmax(0,1fr) minmax(68px,34vw) auto; gap: 8px; }
      .top-actions .action-label { display: none; }
      .topbar .btn { min-width: 48px; padding-inline: 12px; }
      .responsive-brand-mark { display: grid; }
      .responsive-brand-name { display: block; }
      .page-context > .eyebrow { display: none; }
      .page-context h2 { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      .next-contest-summary { min-width: 68px; padding-inline: 10px; gap: 6px; }
      .next-summary-label, .next-summary-date, .next-summary-chevron { display: none; }
      .next-summary-main { overflow: visible; }
      .content { padding-top: 18px; }
      .grid-3, .grid-2 { grid-template-columns: 1fr; }
      .version-identity { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .bottom-nav {
        position: fixed; inset: auto 0 0; z-index: 60; min-height: calc(68px + env(safe-area-inset-bottom));
        padding: 6px 6px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(5, 1fr);
        border-top: 1px solid var(--mobile-nav-border); background: var(--mobile-nav-surface);
      }
      .bottom-nav .nav-btn {
        min-height: 58px; padding: 5px 2px; display: grid; justify-items: center; align-content: center; gap: 2px;
        text-align: center; font-size: 10px;
      }
      .bottom-nav .nav-ico { font-size: 18px; }
      .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .form-grid > * { grid-column: span 1 !important; }
      .form-grid > .span-12, .form-grid > .wide-mobile { grid-column: span 2 !important; }
      .log-entry { grid-template-columns: 68px 72px minmax(0,1fr); gap: 8px; }
      .hero { border-radius: 18px; }
      .toast-stack {
        right: 12px; top: auto; bottom: calc(80px + env(safe-area-inset-bottom));
        width: calc(100vw - 24px);
      }
      .latest-numbers {
        --latest-ball-size: 44px;
        --latest-ball-gap: 8px;
      }
      :root,
      html[data-theme="dark-blue"],
      html[data-theme="light-magenta"] {
        --number-font-latest: 24.5px;
        --number-font-ticket: 20.5px;
        --number-font-checker: 21.5px;
        --number-font-contest: 22.5px;
      }
      .ticket-numbers .ball {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
      }
      .checker-numbers .ball {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
      }
      .contest-numbers .ball {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
      }
      .game-session-card { grid-template-columns: 1fr; }
      .game-session-actions { justify-content: flex-end; }
      .game-session-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .check-session-card .game-session-actions { justify-content: flex-end; }
      .session-identification { grid-template-columns:1fr; align-items:stretch; }
      .session-identification .btn { width:100%; }
      .caixa-assistant-launch, .caixa-assistant-hero, .caixa-current-card, .caixa-receipt { grid-template-columns:1fr; align-items:stretch; }
      .caixa-assistant-launch .btn, .caixa-receipt .btn { width:100%; }
      .caixa-preflight-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .session-card-pro { padding:13px; }
      .session-card-top { grid-template-columns:1fr; gap:7px; }
      .session-status-chip { max-width:100%; }
      .session-card-footer { grid-template-columns:minmax(0,1fr) auto; }
      .global-operation-bar { top: 68px; grid-template-columns: minmax(0,1fr) auto; padding: 9px 16px; }
      .global-operation-bar .progress-wrap { grid-column: 1 / -1; grid-row: 2; }
      .generator-preflight-card { position: static; }
      .analysis-context { grid-template-columns: 1fr; }
      .analysis-context-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .grouped-tabs { grid-template-columns: 1fr; }
      .diagnostic-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }
    @media (min-width: 600px) and (max-width: 820px) {
      .tablet-two-column, #more-panel-analysis > .grid-2 { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      .history-operation-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
      .content { padding-inline: 22px; }
    }
    @media (max-width: 520px) {
      .grid-4 { grid-template-columns: 1fr; }
      .preflight { grid-template-columns: 1fr 1fr; }
      .generator-mode-facts { grid-template-columns: 1fr; }
      .session-card-metrics, .session-card-pro.check-session-card .session-card-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .session-card-metric { padding:7px; }
      .session-card-footer { align-items:center; }
      .caixa-preflight-grid { grid-template-columns:1fr 1fr; }
      .caixa-assistant-hero h4 { font-size:18px; }
      .caixa-toolbar { grid-template-columns:1fr; }
      .version-identity { grid-template-columns: 1fr; }
      .form-grid > .wide-phone { grid-column: span 2 !important; }
      .top-actions .optional { display: none; }
      #quick-sync { display: none; }
      .toolbar { display: grid; grid-template-columns: 1fr; }
      .toolbar > select { width: 100%; min-width: 0; }
      .toolbar .btn { width: 100%; }
      .pager { display: grid; grid-template-columns: 1fr; }
      .pager input, .pager-controls, .pager-controls .btn { width: 100%; }
      .field-inline { display: grid; grid-template-columns: 1fr; }
      .field-inline select { width: 100%; min-width: 0; }
      .game-session-heading { display: grid; grid-template-columns: 1fr; }
      .game-session-date { white-space: normal; }
      .game-session-actions { display: flex; justify-content: flex-end; }
      .sheet { padding: 8px; }
      .sheet-panel { padding: 16px; }
      .ticket { grid-template-columns: 1fr; }
      .ticket > .btn { width: 100%; }
      .distribution { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .pool-action-row { grid-template-columns: 1fr; }
      .responsive-brand-name { display: none; }
      .responsive-brand-mark svg { width: 28px; height: 28px; }
      .page-context h2 {
        position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
        margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important;
        white-space: nowrap !important; border: 0 !important;
      }
      .topbar { grid-template-columns: 32px minmax(68px,1fr) auto; }
      .latest-numbers {
        --latest-ball-size: clamp(40px, 12vw, 48px);
        --latest-ball-gap: clamp(6px, 2vw, 10px);
      }
      :root,
      html[data-theme="dark-blue"],
      html[data-theme="light-magenta"] {
        --number-font-latest: clamp(22.5px, 6.6vw, 27px);
      }
      .financial-integrity-card > .btn {
        justify-self: stretch;
        width: 100% !important;
      }
      .hero.hero-compact { min-height: 0; align-items: stretch; flex-direction: column; }
      .hero.hero-compact .hero-copy { width: auto; padding-inline-end: 0; }
      .hero.hero-compact .hero-actions .btn { width: 100%; }
      .hero.hero-compact .hero-actions {
        position: relative; inset: auto; width: 100%; margin: 0; transform: none;
      }
      .hero.hero-compact .hero-actions.dashboard-actions { flex-direction: column; }
      .manual-update-row { grid-template-columns: 1fr; }
      .latest-prize-wrap { border: 0; border-radius: 0; overflow: visible; }
      .latest-prize-table,
      .latest-prize-table tbody,
      .latest-prize-table tr,
      .latest-prize-table td { display: block; width: 100%; }
      .latest-prize-table thead {
        position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important;
        margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important;
        clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important;
      }
      .latest-prize-table tbody { display: grid; gap: 9px; }
      .latest-prize-table tr {
        display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0;
        border: 1px solid var(--line); border-radius: 12px; overflow: hidden;
        background: rgba(255,255,255,.02);
      }
      .latest-prize-table td {
        min-width: 0; padding: 10px 11px; border-bottom: 1px solid var(--line);
        display: grid; align-content: start; gap: 4px;
      }
      .latest-prize-table td:nth-last-child(-n+2) { border-bottom: 0; }
      .latest-prize-table td::before {
        content: attr(data-label); color: var(--muted); font-size: 10px; font-weight: 750;
        line-height: 1.15; letter-spacing: .055em; text-transform: uppercase;
      }
      .history-filters { grid-template-columns: 1fr; }
      .history-desktop-table { display: none; }
      .history-mobile-list { display: grid; }
      .diagnostic-overview { grid-template-columns: 1fr; }
      .mobile-generator-dock {
        position: fixed; z-index: 58; left: 10px; right: 10px; bottom: calc(72px + env(safe-area-inset-bottom));
        display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center;
        padding: 8px; border: 1px solid var(--line); border-radius: 16px;
        background: color-mix(in srgb,var(--panel) 96%,transparent); box-shadow: var(--shadow); backdrop-filter: blur(18px);
      }
      .mobile-generator-dock[hidden] { display: none; }
      .mobile-generator-dock-copy { min-width: 0; padding-left: 5px; display: grid; }
      .mobile-generator-dock-copy strong, .mobile-generator-dock-copy span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      .mobile-generator-dock-copy span { color: var(--muted); font-size: 11px; }
      #view-generator { padding-bottom: 88px; }
    }
    @media (min-width: 380px) and (max-width: 520px) {
      #view-dashboard > .grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }
      #view-dashboard > .grid-4 > .card {
        min-height: 142px;
        padding: 15px 14px 15px 16px;
      }
      #view-dashboard > .grid-4 .metric-label {
        font-size: 10.5px;
        letter-spacing: .065em;
      }
      #view-dashboard > .grid-4 .metric-value {
        font-size: clamp(22px, 7vw, 29px);
        overflow-wrap: anywhere;
      }
      #view-dashboard > .grid-4 .metric-value.metric-money { font-size: clamp(18px, 5.9vw, 25px); }
    }
    @media (max-width: 360px) {
      .next-contest-facts { grid-template-columns: minmax(0, 1fr); }
      .next-contest-facts .next-contest-money strong { white-space: normal; overflow-wrap: anywhere; }
      #view-games > .section-head, #checker-check-panel .section-head, #checker-backtest-panel .section-head { align-items: stretch; flex-direction: column; }
      #view-games > .section-head .toolbar, #checker-check-panel .section-head .toolbar, #checker-backtest-panel .section-head .toolbar { width: 100%; }
      .task-tabs { display: grid; grid-template-columns: 1fr 1fr; }
      .analysis-context-summary { grid-template-columns: 1fr; }
    }
    @media (max-width: 360px) {
      .ticket-numbers { gap: 6px; }
      .ticket-numbers .ball {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
      }
      .checker-numbers { gap: 6px; }
      .checker-numbers .ball {
        width: 37px;
        height: 37px;
        flex-basis: 37px;
      }
      :root,
      html[data-theme="dark-blue"],
      html[data-theme="light-magenta"] {
        --number-font-ticket: 19.5px;
        --number-font-checker: 20.5px;
      }
    }
    @media (min-width: 1024px) {
      .financial-integrity-card > #financial-integrity {
        display: grid;
        grid-template-columns: repeat(4, minmax(96px, 1fr));
        gap: 8px 12px;
      }
      .financial-integrity-card > #financial-integrity .audit-item {
        min-height: 38px;
        border-bottom: 0;
      }
      .financial-integrity-card > #financial-integrity details {
        grid-column: 1 / -1;
        margin-top: 0 !important;
      }
    }
    @media (min-width: 1280px) {
      .financial-integrity-card {
        grid-template-columns: minmax(140px, auto) minmax(0, 1fr) minmax(210px, 230px);
        grid-template-areas: "financial-title financial-content financial-action";
        align-items: center;
        gap: 18px;
      }
      .financial-integrity-card > .btn {
        justify-self: stretch;
        width: 100% !important;
      }
    }
    /* Barra flutuante: cinco destinos legíveis, sem alterar a navegação desktop. */
    @media (max-width: 1023px) {
      :root { --mobile-nav-clearance: calc(100px + env(safe-area-inset-bottom, 0px)); }
      body { padding-bottom: var(--mobile-nav-clearance); }
      .bottom-nav {
        inset: auto auto calc(12px + env(safe-area-inset-bottom, 0px)) 50%;
        transform: translateX(-50%); width: min(480px, calc(100% - 24px));
        min-height: 74px; padding: 8px; gap: 2px; isolation: isolate;
        grid-template-columns: repeat(5, minmax(48px, 1fr));
        border: 1px solid var(--mobile-nav-border); border-radius: 999px;
        background: var(--mobile-nav-surface); box-shadow: var(--mobile-nav-shadow);
      }
      .bottom-nav .nav-btn {
        min-width: 48px; min-height: 56px; padding: 4px 0; margin: 0;
        gap: 3px; border: 1px solid transparent; border-radius: 999px;
        color: var(--mobile-nav-text); background: transparent;
        font-size: 10.5px; font-weight: 650; line-height: 1.15;
        transition: background-color .16s ease, color .16s ease, border-color .16s ease;
        -webkit-tap-highlight-color: transparent; touch-action: manipulation;
      }
      .bottom-nav .nav-btn[aria-current="page"] {
        color: var(--mobile-nav-active-text); background: var(--mobile-nav-active);
        border-color: var(--mobile-nav-border); font-weight: 800;
      }
      .bottom-nav .nav-btn:focus-visible { outline: 2px solid var(--sidebar-focus); outline-offset: 2px; }
      .bottom-nav .nav-ico { display: grid; place-items: center; width: 24px; height: 24px; }
      .bottom-nav .nav-ico svg { width: 24px; height: 24px; stroke-width: 1.8; }
      .bottom-nav .nav-caption { white-space: nowrap; }
      .bottom-nav .nav-btn:active { background-color: rgba(255,255,255,.09); }
      .toast-stack { bottom: var(--mobile-nav-clearance); }
      .mobile-generator-dock { bottom: var(--mobile-nav-clearance); }
      html.mobile-keyboard-open .bottom-nav,
      html.mobile-keyboard-open .mobile-generator-dock { display: none; }
      html.mobile-keyboard-open .toast-stack { bottom: 12px; }
    }
    @media (max-width: 1023px) and (hover: hover) {
      .bottom-nav .nav-btn:not([aria-current="page"]):hover { background: rgba(255,255,255,.07); }
    }
    @media (max-width: 520px) {
      html[data-route="generator"]:not(.mobile-keyboard-open) .toast-stack {
        bottom: calc(var(--mobile-nav-clearance) + 78px);
      }
    }
    @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
      .sidebar {
        background: var(--sidebar-glass-surface);
        -webkit-backdrop-filter: blur(22px) saturate(118%);
        backdrop-filter: blur(22px) saturate(118%);
      }
      @media (max-width: 1023px) {
        .bottom-nav {
          background: var(--mobile-nav-glass-surface);
          -webkit-backdrop-filter: blur(16px) saturate(112%);
          backdrop-filter: blur(16px) saturate(112%);
        }
      }
    }
    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
      .sidebar { background: var(--sidebar-surface); }
      .bottom-nav { background: var(--mobile-nav-surface); }
    }
    @media (prefers-reduced-transparency: reduce) {
      .sidebar {
        background: var(--sidebar-surface);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
      }
      .bottom-nav {
        background: var(--mobile-nav-surface);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
      }
      .sidebar::before { display: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; }
      html.theme-transition-view::view-transition-old(root),
      html.theme-transition-view::view-transition-new(root) { animation-duration: .001ms !important; }
    }
    #print-surface { display: none; }
    @media print {
      @page { size: A4 portrait; margin: 0; }
      body > :not(#print-surface) { display: none !important; }
      html, body { margin: 0 !important; background: #fff !important; }
      #print-surface {
        display: block;
        color: #241625;
        background: #fff;
        font-family: "Montserrat Local", Arial, sans-serif;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
      }
      #print-surface .card { box-shadow: none; border: 1px solid #dfc3d3; break-inside: avoid; }
      #print-surface button, #print-surface input, #print-surface select { display: none !important; }
      #print-surface .pdf-page {
        width: 209mm;
        height: 293mm;
        max-height: 293mm;
        min-height: 0;
        padding: 12mm 14mm;
        margin: 0;
        position: relative;
        box-sizing: border-box;
        background: #fff;
        color: #241625;
        break-inside: avoid;
        page-break-inside: avoid;
        overflow: hidden;
      }
      #print-surface .pdf-page:not(:last-child) { break-after: page; page-break-after: always; }
      #print-surface .pdf-header {
        margin: -12mm -14mm 8mm;
        padding: 11mm 14mm 9mm;
        background: #8a0e63;
        color: #fff;
      }
      #print-surface .pdf-brand { display: flex; align-items: center; gap: 4mm; margin-bottom: 7mm; }
      #print-surface .pdf-brand svg { width: 15mm; height: 15mm; flex: 0 0 auto; }
      #print-surface .pdf-brand-mark { display: flex; color: #fff; }
      #print-surface .pdf-brand strong { display: block; color: #fff; font-size: 17pt; line-height: 1.1; }
      #print-surface .pdf-brand .pdf-brand-text > span { display: block; margin-top: 1.5mm; color: #f5dbea; font-size: 9pt; font-weight: 700; }
      #print-surface .pdf-header h1 { margin: 0; color: #fff; font-size: 21pt; line-height: 1.15; }
      #print-surface .pdf-header p { margin: 2mm 0 0; color: #f5dbea; font-size: 8.5pt; }
      #print-surface .pdf-kicker { margin: 0 0 3mm; color: #765b70; font-size: 8pt; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
      #print-surface .pdf-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; margin-bottom: 7mm; }
      #print-surface .pdf-summary-item { padding: 4mm; border: 1px solid #ead3df; border-radius: 3mm; background: #fff7fb; }
      #print-surface .pdf-summary-item span { display: block; color: #765b70; font-size: 7.5pt; }
      #print-surface .pdf-summary-item strong { display: block; margin-top: 1.5mm; color: #241625; font-size: 13pt; line-height: 1.15; }
      #print-surface .pdf-game {
        position: relative;
        margin: 0 0 4mm;
        padding: 4mm 4mm 3.5mm 6mm;
        border: 1px solid #dfc3d3;
        border-radius: 3mm;
        background: #fff;
        break-inside: avoid;
        page-break-inside: avoid;
      }
      #print-surface .pdf-game::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 1.5mm; border-radius: 3mm 0 0 3mm; background: #c0267e; }
      #print-surface .pdf-game-head { display: flex; align-items: baseline; justify-content: space-between; gap: 3mm; margin-bottom: 3mm; }
      #print-surface .pdf-game-head strong { color: #5b185c; font-size: 10pt; }
      #print-surface .pdf-game-head span { color: #765b70; font-size: 7pt; text-align: right; }
      #print-surface .pdf-balls { display: flex; flex-wrap: wrap; gap: 1.7mm; }
      #print-surface .pdf-ball {
        display: inline-flex; align-items: center; justify-content: center;
        width: 8.5mm; height: 8.5mm; border-radius: 50%;
        background: #c0267e; color: #fff; font-size: var(--number-font-pdf-editorial); font-weight: 800;
        line-height: 1; letter-spacing: 0; font-variant-numeric: tabular-nums; white-space: nowrap;
      }
      #print-surface .pdf-game:nth-of-type(3n) .pdf-ball { background: #8a0e63; }
      #print-surface .pdf-game:nth-of-type(3n+1) .pdf-ball { background: #5b185c; }
      #print-surface .pdf-game-meta { margin-top: 3mm; color: #765b70; font-size: 7pt; }
      #print-surface .pdf-provenance { margin-top: 6mm; padding: 4mm; border: 1px solid #ead3df; border-radius: 3mm; background: #fff4f9; }
      #print-surface .pdf-provenance strong { display: block; margin-bottom: 1.5mm; color: #5b185c; font-size: 8pt; }
      #print-surface .pdf-provenance span { display: block; color: #241625; font-size: 7.2pt; }
      #print-surface .pdf-warning { margin-top: 3mm; color: #765b70; font-size: 6.8pt; }
      #print-surface .pdf-footer { position: absolute; left: 14mm; right: 14mm; bottom: 8mm; display: flex; justify-content: space-between; gap: 5mm; padding-top: 3mm; border-top: 1px solid #dfc3d3; color: #765b70; font-size: 6.5pt; }
      #print-surface .pdf-compact .pdf-header { padding-top: 7mm; padding-bottom: 6mm; }
      #print-surface .pdf-compact .pdf-brand { margin-bottom: 3mm; }
      #print-surface .pdf-compact .pdf-summary { margin-bottom: 4mm; }
      #print-surface .pdf-compact .pdf-game { padding-top: 2.6mm; padding-bottom: 2.4mm; margin-bottom: 2mm; }
      #print-surface .pdf-compact .pdf-game-head { margin-bottom: 1.5mm; }
      #print-surface .pdf-compact .pdf-ball { width: auto; height: auto; border-radius: 0; background: transparent !important; color: #241625; font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: var(--number-font-pdf-compact); }
      #print-surface .pdf-compact .pdf-balls { gap: 2.2mm; padding: 1mm 0; }
      #print-surface .pdf-compact .pdf-game-meta { margin-top: 1.5mm; }
    }
    @media (forced-colors: active) {
      .btn, .card, input, select, textarea { border: 1px solid CanvasText; }
      .ball { border: 1px solid CanvasText; }
    }
    @media (prefers-contrast: more) {
      :root { --line: color-mix(in srgb, currentColor 48%, transparent); }
      .muted, .metric-foot, .field label, .field .label { color: var(--text); }
      .btn, .card, input, select, textarea, .notice { border-width: 2px; }
    }
    @media (max-width: 760px) {
      .audit-trace-rail { grid-template-columns:1fr 1fr; }
      .audit-trace-step:not(:last-child)::after { display:none; }
      .audit-metrics { grid-template-columns:1fr 1fr; }
      .audit-compare-controls { grid-template-columns:1fr; }
      .audit-reason { grid-template-columns:92px minmax(0,1fr) auto; }
      .decision-map, .benchmark-grid { grid-template-columns:1fr 1fr; }
    }
    @media (max-width: 420px) {
      .decision-map, .benchmark-grid { grid-template-columns:1fr; }
    }
    .application-guard { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; padding:24px; background:var(--surface-page); color:var(--text); }
    .application-guard[hidden] { display:none; }
    .application-guard-content { width:min(100%,440px); padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface-panel); }
    .application-guard-content strong { display:block; font-size:1.15rem; margin-bottom:10px; }
    .application-guard-content p { color:var(--muted); margin:0; line-height:1.6; }