/* PIX da Mega — UI avançada */
:root {
  --caixa: #0033A0;
  --mega: #00A651;
  --glass: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.35);
  --shadow-soft: 0 8px 32px rgba(0, 51, 160, 0.08);
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

/* Page enter */
@keyframes page-in {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
main { animation: page-in 0.45s ease-out both; }

/* Glass cards */
.glass {
  background: var(--glass);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--glass-border);
  box-shadow: var(--shadow-soft);
}
.glass-dark {
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Hover elevation */
.card-hover {
  transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s ease, border-color 0.25s ease;
}
.card-hover:hover {
  transform: translateY(-8px) scale(1.01);
  box-shadow: 0 24px 48px -12px rgba(0, 51, 160, 0.18);
}

.pot-card {
  transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s ease;
}
.pot-card:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 20px 40px -10px rgba(0, 166, 81, 0.25);
}

/* Buttons */
.btn-glow {
  position: relative;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.btn-glow:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px -6px rgba(0, 166, 81, 0.45);
}
.btn-glow::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.25) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 0.6s ease;
}
.btn-glow:hover::after { transform: translateX(120%); }

/* Reveal on scroll */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.7s ease-out, transform 0.7s cubic-bezier(.22,1,.36,1);
}
.reveal.revealed { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }
.reveal-delay-4 { transition-delay: 0.4s; }

/* Attention pulse */
@keyframes attention-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5); }
  50% { box-shadow: 0 0 0 12px rgba(245, 158, 11, 0); }
}
.attention {
  animation: attention-pulse 2.2s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
.phone-float { animation: float 4.5s ease-in-out infinite; }

/* Nav underline */
.nav-link { position: relative; }
.nav-link::after {
  content: '';
  position: absolute;
  left: 0; bottom: -4px;
  height: 2px; width: 0;
  background: linear-gradient(90deg, var(--caixa), var(--mega));
  transition: width 0.3s ease;
}
.nav-link:hover::after { width: 100%; }

/* Form validation states */
.field-ok { border-color: #00A651 !important; box-shadow: 0 0 0 3px rgba(0, 166, 81, 0.15); }
.field-err { border-color: #ef4444 !important; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15); }
.field-hint { font-size: 11px; margin-top: 4px; min-height: 16px; }
.field-hint.err { color: #dc2626; }
.field-hint.ok { color: #059669; }

/* Input focus modern */
input, select, textarea {
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

/* Section gradient mesh */
.section-alt {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(0, 51, 160, 0.06), transparent),
    radial-gradient(ellipse 60% 40% at 90% 100%, rgba(0, 166, 81, 0.06), transparent),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

/* Pots carousel already in header */
.pots-track {
  display: flex;
  width: max-content;
  animation: pots-scroll 22s linear infinite;
}
.pots-track:hover { animation-play-state: paused; }
@keyframes pots-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@media (min-width: 768px) {
  .pots-track { animation: none; width: 100%; justify-content: center; flex-wrap: wrap; gap: 2rem; }
}

/* Wizard steps */
.wizard-step {
  transition: all 0.3s ease;
}
.wizard-step.active {
  background: linear-gradient(135deg, #0033A0, #00A651);
  color: white;
  transform: scale(1.05);
}

/* Skeleton shimmer */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.shimmer {
  background: linear-gradient(90deg, #e2e8f0 25%, #f8fafc 50%, #e2e8f0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  main { animation: none; }
}

/* P0-C CSP-safe extracted styles */
:root { --font-text: 'Inter', ui-sans-serif, system-ui, sans-serif; --font-numeric: 'Roboto Mono', ui-monospace, monospace; }
html, body { font-family: var(--font-text); }
.font-mono, .numeric, [data-numeric] { font-family: var(--font-numeric); font-variant-numeric: tabular-nums; }
.pots-track { display:flex; width:max-content; animation:pots-scroll 22s linear infinite; }
.pots-track:hover { animation-play-state:paused; }
@keyframes pots-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (min-width:768px) { .pots-track { animation:none; width:100%; justify-content:center; flex-wrap:wrap; gap:2rem; } }
.sidebar-link.active { background:rgba(0,166,81,.15); color:#00A651; border-left:3px solid #00A651; }
.sidebar-link:hover { background:rgba(255,255,255,.06); }
.access-denied { font-family:var(--font-text); text-align:center; padding:60px 20px; }

.attention:hover { animation-play-state: paused; }

/* ========================================================================== 
   PIXDAMEGA P1 — Experience System
   Visual layer only; no financial/domain behavior is implemented in CSS.
   ========================================================================== */
:root {
  --p1-blue: #1d3d8f;
  --p1-blue-2: #2453b8;
  --p1-blue-dark: #10275f;
  --p1-green: #0ba650;
  --p1-green-dark: #087d3e;
  --p1-ink: #0f172a;
  --p1-muted: #64748b;
  --p1-line: rgba(148,163,184,.24);
  --p1-surface: rgba(255,255,255,.86);
  --p1-surface-strong: #ffffff;
  --p1-soft: #f5f8fc;
  --p1-shadow: 0 24px 70px rgba(15,23,42,.10);
  --p1-shadow-sm: 0 10px 34px rgba(15,23,42,.08);
  --p1-radius: 24px;
  --p1-radius-sm: 16px;
}

* { box-sizing: border-box; }
html { scroll-padding-top: 92px; }
body.p1-body {
  min-height: 100vh;
  color: var(--p1-ink);
  background:
    radial-gradient(circle at 8% 2%, rgba(29,61,143,.06), transparent 26rem),
    radial-gradient(circle at 92% 16%, rgba(11,166,80,.05), transparent 24rem),
    #f8fafc;
}
.p1-container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
[data-numeric], .numeric { font-family: var(--font-numeric); font-variant-numeric: tabular-nums; letter-spacing: -.035em; }

/* Top market strip + header */
.p1-market-strip { background: #0d1f4e; color: #dbeafe; position: relative; z-index: 60; }
.p1-market-inner { min-height: 34px; display:flex; align-items:center; justify-content:space-between; gap:18px; font-size:11px; }
.p1-market-status, .p1-market-results, .p1-market-pot { display:flex; align-items:center; gap:7px; white-space:nowrap; }
.p1-market-status { font-weight:700; color:#fff; letter-spacing:.02em; }
.p1-live-dot { width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 5px rgba(34,197,94,.12); display:inline-block; flex:none; animation:p1-pulse 2.6s ease-in-out infinite; }
.p1-market-pots { display:flex; align-items:center; gap:22px; min-width:0; overflow:hidden; }
.p1-market-pot { color:#cbd5e1; transition:color .2s ease; }
.p1-market-pot:hover { color:#fff; }
.p1-market-pot strong { color:#fff; font-weight:600; }
.p1-market-results { color:#bfdbfe; font-weight:600; }

.p1-header { position:sticky; top:0; z-index:55; background:rgba(255,255,255,.84); backdrop-filter:blur(20px) saturate(140%); -webkit-backdrop-filter:blur(20px) saturate(140%); border-bottom:1px solid rgba(148,163,184,.20); box-shadow:0 8px 30px rgba(15,23,42,.04); }
.p1-header-inner { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
.p1-brand { display:flex; align-items:center; flex:none; }
.p1-brand img { width:auto; height:38px; max-width:215px; object-fit:contain; }
.p1-desktop-nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.p1-nav-link { color:#475569; font-size:13px; font-weight:650; position:relative; padding:9px 0; transition:color .2s ease; }
.p1-nav-link::after { content:""; position:absolute; left:0; right:100%; bottom:2px; height:2px; border-radius:2px; background:linear-gradient(90deg,var(--p1-blue),var(--p1-green)); transition:right .25s cubic-bezier(.22,1,.36,1); }
.p1-nav-link:hover, .p1-nav-link.is-active { color:var(--p1-blue); }
.p1-nav-link:hover::after, .p1-nav-link.is-active::after { right:0; }
.p1-header-actions { display:flex; align-items:center; gap:9px; }
.p1-avatar { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; color:#fff; font-weight:800; background:linear-gradient(135deg,var(--p1-blue),var(--p1-green)); box-shadow:0 8px 18px rgba(29,61,143,.20); }
.p1-menu-button { display:none; width:40px; height:40px; border-radius:12px; border:1px solid var(--p1-line); background:#fff; color:#334155; }
.p1-mobile-menu { background:rgba(255,255,255,.97); border-top:1px solid var(--p1-line); }
.p1-mobile-menu-inner { display:grid; padding-block:8px 14px; }
.p1-mobile-menu a { padding:12px 4px; color:#334155; font-size:14px; font-weight:600; border-bottom:1px solid rgba(226,232,240,.8); }
.p1-mobile-menu a.is-emphasis { color:var(--p1-blue); }
.p1-mobile-menu a.is-danger { color:#b91c1c; }

/* Buttons */
.p1-btn { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; border-radius:14px; padding:0 18px; font-size:14px; font-weight:750; line-height:1; transition:transform .2s cubic-bezier(.22,1,.36,1), box-shadow .2s ease, border-color .2s ease, background .2s ease; cursor:pointer; text-align:center; }
.p1-btn:hover { transform:translateY(-2px); }
.p1-btn:focus-visible, .p1-tool-btn:focus-visible, .p1-number-btn:focus-visible, .p1-menu-button:focus-visible { outline:3px solid rgba(37,99,235,.23); outline-offset:2px; }
.p1-btn-primary { background:linear-gradient(135deg,var(--p1-blue),#2d59bc); color:#fff; box-shadow:0 12px 28px rgba(29,61,143,.20); }
.p1-btn-primary:hover { box-shadow:0 16px 32px rgba(29,61,143,.27); }
.p1-btn-secondary { background:#fff; border-color:rgba(148,163,184,.32); color:#334155; box-shadow:0 6px 18px rgba(15,23,42,.05); }
.p1-btn-secondary:hover { border-color:rgba(29,61,143,.25); color:var(--p1-blue); }
.p1-btn-ghost { color:var(--p1-blue); background:transparent; border-color:rgba(29,61,143,.18); }
.p1-btn-light { background:#fff; color:var(--p1-blue); box-shadow:0 12px 30px rgba(0,0,0,.12); }
.p1-btn-lg { min-height:52px; border-radius:16px; padding-inline:22px; font-size:15px; }
.p1-btn-compact { min-height:38px; padding-inline:14px; border-radius:12px; font-size:12px; }
.p1-btn-block { width:100%; }
.p1-btn:disabled { opacity:.45; transform:none; cursor:not-allowed; box-shadow:none; }

/* Hero */
.p1-hero { position:relative; isolation:isolate; overflow:hidden; padding:76px 0 72px; background:linear-gradient(180deg,#fbfdff 0%,#f5f8fc 100%); }
.p1-hero::before { content:""; position:absolute; inset:0; z-index:-2; background-image:linear-gradient(rgba(29,61,143,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(29,61,143,.035) 1px, transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 84%); }
.p1-hero-orb { position:absolute; z-index:-1; width:460px; height:460px; border-radius:50%; filter:blur(15px); opacity:.24; }
.p1-hero-orb-a { background:radial-gradient(circle,rgba(29,61,143,.30),transparent 66%); top:-190px; right:-80px; }
.p1-hero-orb-b { background:radial-gradient(circle,rgba(11,166,80,.22),transparent 66%); bottom:-260px; left:-90px; }
.p1-hero-grid { display:grid; grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr); gap:62px; align-items:center; }
.p1-eyebrow, .p1-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--p1-blue); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.p1-eyebrow { padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.72); border:1px solid rgba(29,61,143,.10); box-shadow:0 6px 24px rgba(15,23,42,.05); margin-bottom:22px; }
.p1-display { max-width:760px; font-size:clamp(42px,5.4vw,72px); line-height:.99; letter-spacing:-.055em; font-weight:800; color:#0b1533; margin:0; text-wrap:balance; }
.p1-gradient-text { background:linear-gradient(100deg,var(--p1-blue) 5%,var(--p1-green) 92%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.p1-lead { max-width:660px; margin-top:24px; color:#526176; font-size:17px; line-height:1.75; }
.p1-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.p1-trust-row { display:flex; flex-wrap:wrap; gap:16px 22px; margin-top:25px; color:#64748b; font-size:12px; font-weight:600; }
.p1-trust-row i { color:var(--p1-green); margin-right:5px; }

.p1-live-panel { padding:22px; border-radius:28px; background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.84); box-shadow:0 35px 90px rgba(20,45,92,.16); backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.p1-live-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:4px 4px 18px; }
.p1-live-head h2 { font-size:21px; font-weight:800; color:#172033; margin-top:5px; letter-spacing:-.025em; }
.p1-online-pill { display:inline-flex; align-items:center; gap:8px; background:#f0fdf4; color:#15803d; border:1px solid #dcfce7; padding:7px 10px; border-radius:999px; font-size:11px; font-weight:750; }
.p1-pot-stack { display:grid; gap:10px; }
.p1-pot-row { --tone:#1d3d8f; display:grid; grid-template-columns:46px minmax(0,1fr) auto 18px; gap:12px; align-items:center; padding:15px; border-radius:18px; border:1px solid rgba(148,163,184,.20); background:rgba(255,255,255,.94); transition:transform .25s cubic-bezier(.22,1,.36,1), border-color .2s ease, box-shadow .25s ease; }
.p1-pot-row:hover { transform:translateX(4px); border-color:color-mix(in srgb,var(--tone) 26%,#fff); box-shadow:0 12px 30px rgba(15,23,42,.07); }
.p1-tone-pixsena { --tone:#0ba650; --tone-soft:#ebfbf2; }
.p1-tone-pixfacil { --tone:#1d3d8f; --tone-soft:#eff4ff; }
.p1-tone-pixquina { --tone:#7c3aed; --tone-soft:#f4ecff; }
.p1-pot-icon { width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--tone); background:var(--tone-soft); }
.p1-pot-meta { min-width:0; display:grid; gap:2px; }
.p1-pot-meta strong { font-size:14px; color:#172033; }
.p1-pot-meta span { font-size:11px; color:#7a8798; }
.p1-pot-value { display:grid; text-align:right; gap:2px; }
.p1-pot-value strong { color:#172033; font-size:16px; }
.p1-pot-value span { color:#7a8798; font-size:10px; }
.p1-pot-arrow { color:#a3afbf; font-size:11px; }
.p1-panel-note { margin-top:14px; display:flex; align-items:flex-start; gap:9px; color:#64748b; font-size:11px; line-height:1.5; padding:10px 12px; border-radius:14px; background:rgba(241,245,249,.7); }
.p1-panel-note i { color:var(--p1-blue); margin-top:2px; }

/* General sections */
.p1-section { padding:86px 0; }
.p1-section-soft { background:linear-gradient(180deg,#f2f6fb 0%,#f8fafc 100%); border-block:1px solid rgba(148,163,184,.13); }
.p1-section-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,460px); gap:42px; align-items:end; margin-bottom:36px; }
.p1-section-head h2 { font-size:clamp(30px,4vw,46px); line-height:1.06; letter-spacing:-.045em; font-weight:800; margin-top:8px; color:#10182d; }
.p1-section-head p { color:#64748b; line-height:1.7; font-size:14px; }
.p1-game-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.p1-game-card { --tone:#1d3d8f; --tone-soft:#eff4ff; position:relative; overflow:hidden; padding:24px; border-radius:24px; background:#fff; border:1px solid rgba(148,163,184,.18); box-shadow:var(--p1-shadow-sm); transition:transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, border-color .3s ease; }
.p1-game-card::before { content:""; position:absolute; width:150px; height:150px; border-radius:50%; background:var(--tone-soft); top:-75px; right:-45px; opacity:.85; }
.p1-game-card:hover { transform:translateY(-7px); box-shadow:0 28px 60px rgba(15,23,42,.12); border-color:color-mix(in srgb,var(--tone) 26%,#fff); }
.p1-game-top { position:relative; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.p1-game-badge { padding:6px 9px; border-radius:999px; background:var(--tone-soft); color:var(--tone); font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.p1-game-price { color:#64748b; font-size:11px; font-weight:650; }
.p1-game-card h3 { position:relative; margin-top:30px; font-size:22px; font-weight:800; letter-spacing:-.03em; color:#172033; }
.p1-game-pot { position:relative; margin-top:10px; font-size:31px; font-weight:750; letter-spacing:-.055em; color:var(--tone); }
.p1-game-card > p { color:#94a3b8; font-size:11px; margin-top:2px; }
.p1-game-rule { display:flex; gap:10px; margin-top:23px; }
.p1-game-rule span { min-width:96px; padding:10px 12px; border-radius:13px; background:#f8fafc; color:#64748b; font-size:11px; }
.p1-game-rule strong { display:block; color:#1e293b; font-size:15px; }
.p1-game-cta { margin-top:22px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eef2f7; padding-top:17px; color:var(--tone); font-size:13px; font-weight:800; }

.p1-step-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.p1-step { position:relative; min-height:250px; padding:24px; border-radius:22px; background:rgba(255,255,255,.8); border:1px solid rgba(148,163,184,.17); box-shadow:0 10px 30px rgba(15,23,42,.04); }
.p1-step > span { position:absolute; right:18px; top:15px; font:700 12px var(--font-numeric); color:#a6b1c2; }
.p1-step > i { width:50px; height:50px; border-radius:16px; display:grid; place-items:center; background:linear-gradient(135deg,rgba(29,61,143,.10),rgba(11,166,80,.09)); color:var(--p1-blue); font-size:19px; }
.p1-step h3 { font-size:18px; font-weight:800; margin-top:35px; color:#172033; }
.p1-step p { font-size:13px; line-height:1.7; color:#6b7789; margin-top:8px; }

.p1-transparency-grid { display:grid; grid-template-columns:1.06fr .94fr; gap:24px; align-items:stretch; }
.p1-transparency-card, .p1-result-preview { border-radius:28px; padding:34px; border:1px solid rgba(148,163,184,.18); }
.p1-transparency-card { background:#fff; box-shadow:var(--p1-shadow-sm); }
.p1-transparency-card h2 { font-size:34px; line-height:1.1; letter-spacing:-.04em; font-weight:800; margin-top:9px; max-width:620px; }
.p1-transparency-card > p { margin-top:15px; color:#64748b; line-height:1.75; font-size:14px; max-width:620px; }
.p1-feature-list { display:grid; gap:10px; margin-top:25px; }
.p1-feature-list span { display:flex; align-items:center; gap:11px; font-size:13px; color:#334155; font-weight:650; }
.p1-feature-list i { width:33px; height:33px; border-radius:11px; display:grid; place-items:center; color:var(--p1-green); background:#edfbf3; }
.p1-result-preview { background:linear-gradient(145deg,#12285d 0%,#1d3d8f 54%,#0a743e 135%); color:#fff; box-shadow:0 30px 70px rgba(29,61,143,.20); }
.p1-result-preview-head { display:flex; justify-content:space-between; gap:12px; font-size:11px; color:#bfdbfe; font-weight:700; }
.p1-result-preview-head a { color:#fff; }
.p1-result-brand { margin-top:55px; font-size:20px; font-weight:800; letter-spacing:-.02em; }
.p1-result-balls { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.p1-result-balls span { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.95); color:#173b8f; font:700 12px var(--font-numeric); box-shadow:0 8px 20px rgba(0,0,0,.12); }
.p1-result-preview p { color:#dbeafe; margin-top:24px; font-size:12px; line-height:1.7; }
.p1-cta-band { padding:58px 0; background:linear-gradient(105deg,#142e70,#1d3d8f 58%,#087d3e 140%); color:#fff; }
.p1-cta-band-inner { display:flex; align-items:center; justify-content:space-between; gap:36px; }
.p1-cta-band .p1-kicker { color:#bbf7d0; }
.p1-cta-band h2 { font-size:clamp(27px,3.8vw,42px); line-height:1.08; letter-spacing:-.04em; font-weight:800; margin-top:8px; max-width:760px; }

/* Account/dashboard */
.p1-account-wrap, .p1-results-wrap { padding:48px 0 88px; }
.p1-account-hero { padding:26px 30px; border-radius:26px; color:#fff; background:linear-gradient(115deg,#142f72,#1d3d8f 60%,#176144 150%); box-shadow:0 24px 60px rgba(29,61,143,.16); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.p1-account-hero .p1-kicker { color:#bfdbfe; }
.p1-account-hero h1 { font-size:30px; font-weight:800; letter-spacing:-.04em; margin-top:5px; }
.p1-account-hero p { color:#dbeafe; margin-top:5px; font-size:13px; }
.p1-account-hero .p1-btn-primary { background:#fff; color:var(--p1-blue); box-shadow:0 12px 30px rgba(0,0,0,.12); }
.p1-alert { margin-top:18px; display:flex; align-items:flex-start; gap:11px; padding:13px 15px; border-radius:14px; border:1px solid; font-size:13px; line-height:1.5; }
.p1-alert-success { background:#f0fdf4; border-color:#bbf7d0; color:#166534; }
.p1-alert-danger { background:#fff1f2; border-color:#fecdd3; color:#9f1239; }
.p1-alert-warning { background:#fffbeb; border-color:#fde68a; color:#92400e; }
.p1-alert a { font-weight:800; text-decoration:underline; }
.p1-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; }
.p1-stat-card { display:grid; gap:5px; padding:18px 20px; border-radius:18px; background:rgba(255,255,255,.90); border:1px solid rgba(148,163,184,.17); box-shadow:0 8px 28px rgba(15,23,42,.05); }
.p1-stat-card > span { color:#64748b; font-size:11px; font-weight:650; }
.p1-stat-card > strong { color:#172033; font-size:27px; font-weight:750; }
.p1-stat-card > small { color:#94a3b8; font-size:10px; }
.p1-stat-card.p1-stat-highlight > strong { color:var(--p1-green); }
.p1-dashboard-pots { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:12px; }
.p1-dashboard-pot { --tone:#1d3d8f; display:grid; grid-template-columns:minmax(0,1fr) auto 14px; align-items:center; gap:10px; padding:13px 16px; border-radius:16px; background:#fff; border:1px solid rgba(148,163,184,.17); transition:transform .2s ease,border-color .2s ease; }
.p1-dashboard-pot:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--tone) 28%,#fff); }
.p1-dashboard-pot > span { display:grid; color:var(--tone); font-size:12px; font-weight:800; }
.p1-dashboard-pot small { color:#94a3b8; font-size:9px; font-weight:500; }
.p1-dashboard-pot strong { font-size:13px; color:#172033; }
.p1-dashboard-pot i { color:#b2bdca; font-size:10px; }

.p1-panel { margin-top:20px; background:rgba(255,255,255,.94); border:1px solid rgba(148,163,184,.18); border-radius:24px; box-shadow:0 14px 42px rgba(15,23,42,.06); overflow:hidden; }
.p1-panel-heading { padding:25px 28px 20px; border-bottom:1px solid #edf1f6; position:relative; }
.p1-panel-heading h2 { font-size:23px; font-weight:800; letter-spacing:-.035em; margin-top:5px; }
.p1-panel-heading p { color:#738095; font-size:12px; margin-top:4px; }
.p1-panel-heading-row { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.p1-panel-close { position:absolute; top:20px; right:22px; width:36px; height:36px; display:grid; place-items:center; border:1px solid #e2e8f0; border-radius:12px; color:#64748b; }
.p1-bet-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; }
.p1-bet-main { padding:8px 28px 28px; }
.p1-form-section { padding-top:22px; }
.p1-form-section + .p1-form-section { border-top:1px solid #edf1f6; margin-top:24px; }
.p1-form-section-title { display:flex; align-items:center; gap:11px; }
.p1-form-section-title > span { width:30px; height:30px; border-radius:10px; display:grid; place-items:center; background:#eef3fc; color:var(--p1-blue); font:800 11px var(--font-numeric); }
.p1-form-section-title div { display:grid; gap:2px; }
.p1-form-section-title strong { font-size:14px; color:#172033; }
.p1-form-section-title small { font-size:10px; color:#94a3b8; }
.p1-game-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:15px; }
.p1-game-option { --tone:#1d3d8f; --tone-soft:#eff4ff; position:relative; display:grid; gap:2px; padding:15px; border:1.5px solid #e2e8f0; border-radius:16px; cursor:pointer; transition:border-color .2s ease, background .2s ease, transform .2s ease; }
.p1-game-option:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--tone) 28%,#fff); }
.p1-game-option input { position:absolute; opacity:0; pointer-events:none; }
.p1-game-option:has(input:checked) { border-color:var(--tone); background:var(--tone-soft); }
.p1-game-option-check { position:absolute; top:9px; right:9px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; border:1px solid #dbe3ed; color:transparent; font-size:9px; background:#fff; }
.p1-game-option:has(input:checked) .p1-game-option-check { color:#fff; border-color:var(--tone); background:var(--tone); }
.p1-game-option strong { color:#172033; font-size:13px; }
.p1-game-option small { color:#94a3b8; font-size:10px; }
.p1-game-option em { margin-top:8px; color:var(--tone); font-size:12px; font-style:normal; font-weight:750; }
.p1-number-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.p1-number-tools { display:flex; gap:7px; }
.p1-tool-btn { min-height:32px; display:inline-flex; align-items:center; gap:6px; padding:0 10px; border-radius:10px; background:#f8fafc; border:1px solid #e2e8f0; color:#526176; font-size:10px; font-weight:750; cursor:pointer; transition:all .2s ease; }
.p1-tool-btn:hover { color:var(--p1-blue); border-color:#c6d4ed; background:#f2f6fc; }
.p1-selection-progress { margin-top:15px; height:4px; border-radius:4px; overflow:hidden; background:#edf1f5; }
.p1-selection-progress > div { height:100%; width:0; border-radius:inherit; background:linear-gradient(90deg,var(--p1-blue),var(--p1-green)); transition:width .25s ease; }
.p1-selection-count { margin-top:7px; display:flex; align-items:baseline; justify-content:flex-end; gap:4px; color:#64748b; font-size:10px; }
.p1-selection-count strong { color:var(--p1-blue); font-size:16px; }
.p1-selection-count em { color:#a6b1c0; font-style:normal; }
.p1-number-grid { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:7px; margin-top:14px; }
.p1-number-btn { aspect-ratio:1; min-width:0; display:grid; place-items:center; border-radius:11px; border:1px solid #dde5ef; background:#fff; color:#475569; font:650 11px var(--font-numeric); cursor:pointer; transition:transform .12s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease; }
.p1-number-btn:hover { transform:translateY(-1px); border-color:#9bb0d8; color:var(--p1-blue); }
.p1-number-btn.is-selected { color:#fff; border-color:transparent; background:linear-gradient(135deg,var(--p1-blue),#2d59bc); box-shadow:0 6px 14px rgba(29,61,143,.19); }
.p1-bet-summary { position:sticky; top:116px; min-height:100%; padding:26px; background:#f7f9fc; border-left:1px solid #edf1f6; }
.p1-bet-summary h3 { margin-top:7px; font-size:20px; font-weight:800; color:#172033; }
.p1-bet-summary > p { color:#94a3b8; font-size:10px; margin-top:1px; }
.p1-summary-numbers { min-height:74px; display:flex; flex-wrap:wrap; gap:6px; align-content:flex-start; margin:20px 0; padding:13px; border-radius:14px; border:1px dashed #cad5e3; background:#fff; }
.p1-summary-numbers > span { color:#94a3b8; font-size:10px; }
.p1-summary-numbers .is-number { width:29px; height:29px; border-radius:9px; display:grid; place-items:center; color:#fff; background:var(--p1-blue); font:700 9px var(--font-numeric); }
.p1-summary-line { display:flex; align-items:center; justify-content:space-between; padding-top:14px; border-top:1px solid #e2e8f0; color:#64748b; font-size:11px; }
.p1-summary-line strong { color:#172033; font-size:17px; }
.p1-summary-security { display:flex; gap:9px; margin:18px 0 14px; color:#64748b; font-size:10px; line-height:1.55; }
.p1-summary-security i { color:var(--p1-green); margin-top:2px; }

.p1-entry-list { padding:8px 18px 18px; display:grid; gap:9px; }
.p1-entry-card { display:grid; grid-template-columns:minmax(0,1.4fr) auto 150px; align-items:center; gap:20px; padding:16px 10px; border-bottom:1px solid #edf1f6; }
.p1-entry-card:last-child { border-bottom:0; }
.p1-entry-main { display:flex; align-items:center; gap:22px; min-width:0; }
.p1-entry-title { width:105px; flex:none; display:grid; gap:2px; }
.p1-entry-game { font-size:12px; font-weight:800; }
.p1-entry-title small { font-size:9px; color:#94a3b8; }
.p1-tone-text-pixsena { color:#087d3e; }
.p1-tone-text-pixfacil { color:#173b8f; }
.p1-tone-text-pixquina { color:#6d28d9; }
.p1-entry-balls { display:flex; flex-wrap:wrap; gap:4px; }
.p1-entry-balls span { min-width:27px; height:27px; padding:0 4px; border-radius:8px; display:grid; place-items:center; background:#f1f5f9; color:#334155; font:650 9px var(--font-numeric); }
.p1-entry-meta { display:flex; gap:22px; }
.p1-entry-meta > span { display:grid; gap:2px; color:#94a3b8; font-size:9px; }
.p1-entry-meta strong { color:#475569; font-size:10px; font-weight:650; }
.p1-entry-status-wrap { display:grid; justify-items:end; gap:6px; }
.p1-status { display:inline-flex; align-items:center; gap:6px; padding:6px 9px; border-radius:999px; font-size:9px; font-weight:800; white-space:nowrap; }
.p1-status-pending { background:#fff7ed; color:#b45309; }
.p1-status-active { background:#ecfdf5; color:#047857; }
.p1-status-won { background:#fefce8; color:#a16207; }
.p1-status-muted { background:#f1f5f9; color:#64748b; }
.p1-status-danger { background:#fff1f2; color:#be123c; }
.p1-entry-pay { color:var(--p1-blue); font-size:10px; font-weight:800; }
.p1-empty-state { min-height:250px; display:grid; place-items:center; align-content:center; text-align:center; padding:35px 20px; }
.p1-empty-state > span { width:58px; height:58px; border-radius:20px; display:grid; place-items:center; background:#eff4fc; color:var(--p1-blue); font-size:20px; }
.p1-empty-state h3 { font-size:17px; font-weight:800; margin-top:13px; }
.p1-empty-state p { color:#7a8798; font-size:12px; margin:5px 0 16px; }

/* Checkout */
.p1-checkout-wrap { padding:45px 0 90px; }
.p1-checkout-container { max-width:1000px; }
.p1-checkout-head { text-align:center; max-width:650px; margin:0 auto; position:relative; }
.p1-checkout-head h1 { font-size:34px; letter-spacing:-.045em; font-weight:800; margin-top:7px; }
.p1-checkout-head p { color:#64748b; font-size:13px; margin-top:7px; }
.p1-back-link { position:absolute; left:-180px; top:5px; display:flex; gap:7px; align-items:center; color:#64748b; font-size:11px; font-weight:700; }
.p1-checkout-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; max-width:650px; margin:30px auto 28px; position:relative; }
.p1-checkout-steps::before { content:""; position:absolute; left:16%; right:16%; top:16px; height:1px; background:#dbe3ed; }
.p1-checkout-steps > div { position:relative; z-index:1; display:grid; justify-items:center; gap:6px; color:#94a3b8; font-size:9px; }
.p1-checkout-steps span { width:33px; height:33px; border-radius:50%; display:grid; place-items:center; background:#fff; border:1px solid #dbe3ed; font:750 10px var(--font-numeric); }
.p1-checkout-steps .is-done span { color:#fff; background:var(--p1-green); border-color:var(--p1-green); }
.p1-checkout-steps .is-current { color:var(--p1-blue); }
.p1-checkout-steps .is-current span { color:#fff; background:var(--p1-blue); border-color:var(--p1-blue); box-shadow:0 0 0 6px rgba(29,61,143,.09); }
.p1-checkout-grid { display:grid; grid-template-columns:320px minmax(0,1fr); gap:16px; align-items:start; }
.p1-order-card, .p1-pix-card { border-radius:24px; background:#fff; border:1px solid rgba(148,163,184,.18); box-shadow:var(--p1-shadow-sm); }
.p1-order-card { padding:24px; }
.p1-order-game { --tone:#1d3d8f; --tone-soft:#eff4ff; display:grid; gap:2px; padding:14px; border-radius:14px; background:var(--tone-soft); margin-top:13px; }
.p1-order-game strong { color:var(--tone); font-size:14px; }
.p1-order-game span { color:#64748b; font-size:10px; }
.p1-order-balls { display:flex; flex-wrap:wrap; gap:5px; margin:20px 0; }
.p1-order-balls span { min-width:30px; height:30px; padding:0 4px; display:grid; place-items:center; border-radius:9px; background:#eff3f8; color:#334155; font:700 9px var(--font-numeric); }
.p1-order-line { display:flex; justify-content:space-between; gap:12px; padding:11px 0; border-top:1px solid #eef2f6; color:#64748b; font-size:10px; }
.p1-order-line strong { color:#172033; font-size:12px; }
.p1-order-note { display:flex; gap:8px; margin-top:12px; color:#64748b; font-size:9px; line-height:1.55; }
.p1-order-note i { color:var(--p1-green); margin-top:2px; }
.p1-pix-card { padding:25px; }
.p1-pix-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; }
.p1-pix-card-head h2 { font-size:21px; font-weight:800; letter-spacing:-.03em; margin-top:4px; }
.p1-secure-pill { display:flex; align-items:center; gap:6px; padding:7px 9px; border-radius:999px; background:#f0fdf4; color:#15803d; font-size:9px; font-weight:750; }
.p1-qr-wrap { display:grid; place-items:center; margin:22px auto; }
.p1-qr-wrap img { width:220px; height:220px; border-radius:20px; padding:10px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 12px 30px rgba(15,23,42,.08); }
.p1-copy-box label { display:block; color:#64748b; font-size:10px; font-weight:750; margin-bottom:6px; }
.p1-copy-box textarea { width:100%; resize:none; border:1px solid #dce4ee; background:#f8fafc; border-radius:13px; padding:12px; color:#334155; font:500 9px/1.5 var(--font-numeric); outline:none; }
.p1-copy-box .p1-btn { margin-top:8px; }
.p1-payment-id { color:#94a3b8; font-size:9px; text-align:center; margin:12px 0; }
.p1-check-status-form { margin-top:12px; }
.p1-auto-note { display:flex; align-items:center; justify-content:center; gap:8px; color:#64748b; font-size:9px; margin-top:12px; }

/* Auth */
.p1-auth-wrap { min-height:calc(100vh - 102px); padding:58px 0 88px; display:flex; align-items:center; }
.p1-auth-grid { display:grid; grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr); gap:72px; align-items:center; max-width:1050px; }
.p1-auth-aside h1 { font-size:clamp(35px,4.4vw,50px); line-height:1.04; letter-spacing:-.05em; font-weight:800; margin-top:10px; color:#111a31; }
.p1-auth-aside > p { color:#64748b; font-size:14px; line-height:1.75; margin-top:17px; }
.p1-auth-benefits { display:grid; gap:10px; margin-top:27px; }
.p1-auth-benefits > span { display:grid; grid-template-columns:38px 1fr; column-gap:11px; align-items:center; padding:11px 0; }
.p1-auth-benefits i { grid-row:1/3; width:38px; height:38px; display:grid; place-items:center; border-radius:13px; background:#eef4fd; color:var(--p1-blue); }
.p1-auth-benefits strong { color:#334155; font-size:12px; }
.p1-auth-benefits small { color:#94a3b8; font-size:10px; margin-top:1px; }
.p1-auth-card { padding:30px; border-radius:26px; background:rgba(255,255,255,.90); border:1px solid rgba(255,255,255,.86); box-shadow:0 30px 80px rgba(15,23,42,.11); backdrop-filter:blur(20px); }
.p1-auth-card-wide { max-width:620px; }
.p1-auth-card-head h2 { font-size:25px; font-weight:800; letter-spacing:-.04em; margin-top:6px; }
.p1-auth-card-head p { color:#7a8798; font-size:11px; margin-top:4px; }
.p1-form-stack { display:grid; gap:15px; margin-top:22px; }
.p1-form-grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.p1-field-span-2 { grid-column:1/-1; }
.p1-field { display:grid; gap:6px; }
.p1-field label { color:#475569; font-size:10px; font-weight:750; }
.p1-field input, .p1-field select { width:100%; height:46px; border:1px solid #dce4ee; border-radius:13px; padding:0 13px; background:#fff; color:#172033; font-size:12px; outline:none; }
.p1-field input:focus, .p1-field select:focus { border-color:#8eacd8; box-shadow:0 0 0 4px rgba(29,61,143,.08); }
.p1-field small { color:#94a3b8; font-size:9px; line-height:1.5; }
.p1-input-icon { position:relative; }
.p1-input-icon > i { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:11px; pointer-events:none; }
.p1-input-icon input { padding-left:38px; }
.p1-form-divider { display:flex; align-items:center; gap:12px; color:#94a3b8; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; margin-top:4px; }
.p1-form-divider::before, .p1-form-divider::after { content:""; height:1px; flex:1; background:#edf1f5; }
.p1-terms-check { display:flex; align-items:flex-start; gap:9px; color:#64748b; font-size:10px; line-height:1.55; cursor:pointer; }
.p1-terms-check input { margin-top:2px; accent-color:var(--p1-blue); }
.p1-terms-check a { color:var(--p1-blue); font-weight:750; text-decoration:underline; }
.p1-auth-footer { text-align:center; color:#64748b; font-size:11px; border-top:1px solid #eef2f6; padding-top:16px; margin-top:18px; }
.p1-auth-footer a { color:var(--p1-blue); font-weight:800; }
.p1-auth-security { display:flex; align-items:center; justify-content:center; gap:6px; color:#94a3b8; font-size:9px; margin-top:12px; }

/* Results */
.p1-page-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:26px; }
.p1-page-head h1 { font-size:38px; line-height:1.04; letter-spacing:-.045em; font-weight:800; margin-top:7px; }
.p1-page-head p { color:#64748b; font-size:13px; margin-top:8px; max-width:660px; }
.p1-updated-pill { display:flex; align-items:center; gap:10px; padding:10px 13px; border-radius:14px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 6px 20px rgba(15,23,42,.04); }
.p1-updated-pill div { display:grid; gap:1px; }
.p1-updated-pill small { color:#94a3b8; font-size:8px; }
.p1-updated-pill strong { color:#475569; font-size:10px; }
.p1-results-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.p1-result-card { --tone:#1d3d8f; --tone-soft:#eff4ff; padding:20px; border-radius:22px; background:#fff; border:1px solid rgba(148,163,184,.18); box-shadow:var(--p1-shadow-sm); }
.p1-result-card-head { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:center; gap:10px; }
.p1-result-icon { width:40px; height:40px; border-radius:13px; display:grid; place-items:center; color:var(--tone); background:var(--tone-soft); }
.p1-result-card-head > div:nth-child(2) { display:grid; gap:1px; }
.p1-result-card-head strong { color:#172033; font-size:13px; }
.p1-result-card-head span { color:#94a3b8; font-size:9px; }
.p1-result-card-head em { font-style:normal; color:var(--tone); background:var(--tone-soft); border-radius:999px; padding:5px 7px; font:700 8px var(--font-numeric); }
.p1-result-number-grid { display:flex; flex-wrap:wrap; gap:6px; margin:22px 0; min-height:76px; align-content:flex-start; }
.p1-result-number-grid span { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--tone); color:#fff; font:700 9px var(--font-numeric); }
.p1-result-card-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid #eef2f6; color:#94a3b8; font-size:8px; }
.p1-result-card-foot span { display:flex; align-items:center; gap:5px; }
.p1-result-empty { min-height:76px; display:grid; place-items:center; color:#94a3b8; font-size:10px; margin:22px 0; }
.p1-history-panel { margin-top:18px; }
.p1-history-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; }
.p1-history-group { min-width:0; padding:20px; border-right:1px solid #edf1f6; }
.p1-history-group:last-child { border-right:0; }
.p1-history-title { display:flex; align-items:baseline; gap:7px; margin-bottom:12px; }
.p1-history-title strong { font-size:12px; }
.p1-history-title span { color:#94a3b8; font-size:9px; }
.p1-history-list { display:grid; gap:8px; }
.p1-history-row { padding:10px; border-radius:13px; background:#f8fafc; }
.p1-history-row > div:first-child { display:flex; justify-content:space-between; gap:8px; }
.p1-history-row strong { color:#475569; font-size:9px; }
.p1-history-row > div:first-child span { color:#94a3b8; font-size:8px; }
.p1-history-balls { display:flex; flex-wrap:wrap; gap:3px; margin-top:7px; }
.p1-history-balls span { min-width:22px; height:22px; padding-inline:3px; border-radius:7px; display:grid; place-items:center; background:#fff; color:#64748b; font:650 7px var(--font-numeric); border:1px solid #e8edf3; }
.p1-results-disclaimer { color:#94a3b8; font-size:9px; text-align:center; max-width:720px; margin:23px auto 0; }

/* Footer + mobile dock */
.p1-footer { background:#0c172f; color:#94a3b8; padding:58px 0 26px; }
.p1-footer-grid { display:grid; grid-template-columns:1.4fr .7fr 1fr 1fr; gap:42px; }
.p1-footer-brand img { height:38px; width:auto; filter:brightness(0) invert(1); opacity:.96; }
.p1-footer-brand > p { max-width:380px; margin-top:16px; font-size:11px; line-height:1.7; color:#8290a6; }
.p1-footer h4 { color:#fff; font-size:11px; font-weight:800; margin-bottom:14px; }
.p1-footer-grid > div:not(.p1-footer-brand) > a { display:block; color:#94a3b8; font-size:10px; padding:4px 0; transition:color .2s ease; }
.p1-footer-grid > div:not(.p1-footer-brand) > a:hover { color:#fff; }
.p1-footer-trust { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.p1-footer-trust span { display:inline-flex; align-items:center; gap:6px; padding:6px 8px; border:1px solid rgba(148,163,184,.16); border-radius:9px; color:#a8b4c7; font-size:8px; }
.p1-footer-pot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 0; border-bottom:1px solid rgba(148,163,184,.10); font-size:10px; }
.p1-footer-pot strong { color:#fff; font-size:9px; }
.p1-footer-small { font-size:10px; line-height:1.65; }
.p1-footer-whatsapp { margin-top:10px !important; color:#86efac !important; font-weight:750; }
.p1-footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 22px; margin-top:42px; padding-top:20px; border-top:1px solid rgba(148,163,184,.12); color:#61708a; font-size:8px; }
.p1-mobile-dock { display:none; }

/* P1 Admin skin */
.p1-admin-shell .sidebar-link { border-radius:11px; margin:2px 10px; padding-left:14px; }
.p1-admin-shell .sidebar-link.active { border-left:0; background:linear-gradient(90deg,rgba(29,61,143,.45),rgba(11,166,80,.12)); color:#fff; }
.p1-admin-shell .sidebar-link.active i { color:#86efac; opacity:1; }

@keyframes p1-pulse { 0%,100%{ box-shadow:0 0 0 4px rgba(34,197,94,.10); } 50%{ box-shadow:0 0 0 8px rgba(34,197,94,0); } }

@media (max-width: 1024px) {
  .p1-hero-grid { grid-template-columns:1fr 420px; gap:34px; }
  .p1-display { font-size:48px; }
  .p1-step-grid { grid-template-columns:repeat(2,1fr); }
  .p1-bet-layout { grid-template-columns:1fr; }
  .p1-bet-summary { position:static; border-left:0; border-top:1px solid #edf1f6; }
  .p1-entry-card { grid-template-columns:1fr auto; }
  .p1-entry-meta { display:none; }
  .p1-auth-grid { gap:38px; }
  .p1-back-link { position:static; justify-content:center; margin-bottom:15px; }
}

@media (max-width: 820px) {
  .p1-container { width:min(100% - 24px,1180px); }
  .p1-market-status, .p1-market-results { display:none; }
  .p1-market-inner { min-height:31px; justify-content:center; }
  .p1-market-pots { width:100%; justify-content:space-between; gap:8px; }
  .p1-market-pot { font-size:9px; gap:4px; }
  .p1-desktop-nav, .p1-header-actions > .p1-btn, .p1-avatar { display:none; }
  .p1-menu-button { display:grid; place-items:center; }
  .p1-header-inner { min-height:61px; }
  .p1-brand img { height:34px; }
  .p1-hero { padding:46px 0 54px; }
  .p1-hero-grid { grid-template-columns:1fr; gap:28px; }
  .p1-display { font-size:clamp(39px,12vw,54px); }
  .p1-lead { font-size:15px; }
  .p1-section { padding:58px 0; }
  .p1-section-head { grid-template-columns:1fr; gap:12px; margin-bottom:25px; }
  .p1-section-head h2 { font-size:34px; }
  .p1-game-grid, .p1-results-grid { grid-template-columns:1fr; }
  .p1-transparency-grid { grid-template-columns:1fr; }
  .p1-cta-band-inner { display:grid; }
  .p1-account-wrap, .p1-results-wrap { padding:26px 0 88px; }
  .p1-account-hero { align-items:flex-start; padding:22px; }
  .p1-account-hero .p1-btn { display:none; }
  .p1-stat-grid { grid-template-columns:repeat(2,1fr); }
  .p1-dashboard-pots { grid-template-columns:1fr; }
  .p1-game-options { grid-template-columns:1fr; }
  .p1-number-grid { grid-template-columns:repeat(8,minmax(0,1fr)); }
  .p1-entry-card { grid-template-columns:1fr; gap:11px; padding:15px 5px; }
  .p1-entry-main { display:grid; gap:10px; }
  .p1-entry-title { width:auto; }
  .p1-entry-status-wrap { justify-items:start; display:flex; justify-content:space-between; align-items:center; }
  .p1-panel-heading-row { align-items:flex-start; }
  .p1-checkout-grid { grid-template-columns:1fr; }
  .p1-order-card { order:2; }
  .p1-pix-card { order:1; }
  .p1-auth-wrap { padding:32px 0 92px; align-items:flex-start; }
  .p1-auth-grid { grid-template-columns:1fr; gap:24px; }
  .p1-auth-aside { text-align:center; }
  .p1-auth-aside h1 { font-size:38px; }
  .p1-auth-aside > p { max-width:650px; margin-inline:auto; }
  .p1-auth-benefits { display:none; }
  .p1-page-head { display:grid; align-items:start; }
  .p1-updated-pill { width:max-content; }
  .p1-history-tabs { grid-template-columns:1fr; }
  .p1-history-group { border-right:0; border-bottom:1px solid #edf1f6; }
  .p1-footer { padding:38px 0 94px; }
  .p1-footer-grid { grid-template-columns:1fr 1fr; gap:28px; }
  .p1-footer-brand { grid-column:1/-1; }
  .p1-mobile-dock { position:fixed; z-index:70; left:8px; right:8px; bottom:8px; height:65px; display:grid; grid-template-columns:repeat(5,1fr); align-items:center; padding:0 4px; border:1px solid rgba(148,163,184,.22); border-radius:20px; background:rgba(255,255,255,.94); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); box-shadow:0 12px 38px rgba(15,23,42,.16); }
  .p1-mobile-dock > a { min-width:0; display:grid; justify-items:center; gap:3px; color:#8a98ab; font-size:15px; }
  .p1-mobile-dock > a > span { font-size:8px; font-weight:700; }
  .p1-mobile-dock > a.is-active { color:var(--p1-blue); }
  .p1-mobile-dock-main { transform:translateY(-15px); }
  .p1-mobile-dock-main > span { width:49px; height:49px; border-radius:17px; display:grid; place-items:center; background:linear-gradient(135deg,var(--p1-blue),var(--p1-green)); color:#fff; box-shadow:0 12px 25px rgba(29,61,143,.24); font-size:17px !important; }
  .p1-mobile-dock-main small { color:var(--p1-blue); font-size:8px; font-weight:800; }
}

@media (max-width: 560px) {
  .p1-market-pots { overflow:hidden; justify-content:flex-start; }
  .p1-market-pot { flex:0 0 auto; }
  .p1-market-pot:nth-child(3) { display:none; }
  .p1-display { font-size:39px; }
  .p1-actions { display:grid; }
  .p1-actions .p1-btn { width:100%; }
  .p1-trust-row { display:grid; gap:9px; }
  .p1-live-panel { padding:14px; border-radius:22px; }
  .p1-live-head { padding:6px 4px 13px; }
  .p1-pot-row { grid-template-columns:42px 1fr 16px; padding:12px; }
  .p1-pot-value { grid-column:2; text-align:left; }
  .p1-pot-arrow { grid-column:3; grid-row:1/3; }
  .p1-game-card { padding:20px; }
  .p1-step-grid { grid-template-columns:1fr; }
  .p1-step { min-height:auto; }
  .p1-transparency-card, .p1-result-preview { padding:24px; }
  .p1-account-hero { padding:20px; }
  .p1-account-hero h1 { font-size:26px; }
  .p1-stat-card { padding:15px; }
  .p1-stat-card > strong { font-size:23px; }
  .p1-panel-heading { padding:21px 19px 17px; }
  .p1-panel-heading-row { display:grid; }
  .p1-bet-main { padding:4px 18px 22px; }
  .p1-number-head { display:grid; }
  .p1-number-tools { justify-content:flex-end; }
  .p1-number-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; }
  .p1-bet-summary { padding:20px; }
  .p1-entry-list { padding-inline:14px; }
  .p1-checkout-head h1 { font-size:29px; }
  .p1-checkout-steps strong { font-size:8px; }
  .p1-order-card, .p1-pix-card { padding:19px; }
  .p1-pix-card-head { display:grid; }
  .p1-auth-card { padding:22px 18px; border-radius:22px; }
  .p1-auth-aside h1 { font-size:33px; }
  .p1-form-grid-2 { grid-template-columns:1fr; }
  .p1-field-span-2 { grid-column:auto; }
  .p1-page-head h1 { font-size:31px; }
  .p1-footer-grid { grid-template-columns:1fr; }
  .p1-footer-brand { grid-column:auto; }
  .p1-footer-bottom { display:grid; }
}

@supports not (color: color-mix(in srgb, #000 50%, #fff)) {
  .p1-pot-row:hover, .p1-game-card:hover, .p1-dashboard-pot:hover, .p1-game-option:hover { border-color:#b9c8dd; }
}

@media (prefers-reduced-motion: reduce) {
  .p1-live-dot { animation:none; }
  .p1-btn:hover, .p1-game-card:hover, .p1-pot-row:hover, .p1-dashboard-pot:hover, .p1-game-option:hover, .p1-number-btn:hover { transform:none; }
}

/* AdminCP P1 shell polish */
.p1-admin-shell > .min-h-screen > aside { background:linear-gradient(180deg,#0b1731 0%,#101f3f 100%); border-right:1px solid rgba(148,163,184,.10); box-shadow:14px 0 40px rgba(15,23,42,.08); }
.p1-admin-shell > .min-h-screen > aside > div:first-child { min-height:68px; border-bottom-color:rgba(148,163,184,.12); }
.p1-admin-shell .md\:ml-64 > header { min-height:68px; background:rgba(255,255,255,.86); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); border-bottom-color:rgba(148,163,184,.18); box-shadow:0 8px 30px rgba(15,23,42,.04); }
.p1-admin-shell .md\:ml-64 > main { background:linear-gradient(180deg,#f7f9fc,#f8fafc); }
.p1-admin-shell .md\:ml-64 > footer { background:#fff; }
.p1-mfa-input { text-align:center; letter-spacing:.32em; font:700 22px var(--font-numeric) !important; }
.p1-auth-narrow { max-width:520px; }


/* P2 kickoff + requested polish */
#potes.p1-section {
  position: relative;
  margin-top: -18px;
  padding-top: 104px;
  background: linear-gradient(180deg, rgba(245,248,252,.98) 0%, rgba(250,252,255,.98) 18%, #ffffff 100%);
}
.p1-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 -1px 0;
  height: 110px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(245,248,252,0) 0%, rgba(248,250,252,.92) 62%, rgba(255,255,255,1) 100%);
}
.p1-footer-logo-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background: rgba(255,255,255,.96);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.p1-footer-brand img { filter: none; opacity: 1; }
.p1-roll-value {
  display: inline-flex;
  align-items: center;
  justify-content: inherit;
  min-height: 1.15em;
  overflow: hidden;
}
.p1-roll-shell {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  height: 1.25em;
  align-items: flex-start;
}
.p1-roll-track {
  display: inline-flex;
  flex-direction: column;
  transform: translateY(0%);
}
.p1-roll-track.is-rolling {
  transform: translateY(-50%);
  transition: transform .7s cubic-bezier(.22,1,.36,1);
}
.p1-roll-line {
  display: inline-flex;
  align-items: center;
  height: 1.25em;
  white-space: pre;
}
.p1-roll-updating {
  color: color-mix(in srgb, currentColor 86%, #fff);
}
.p1-market-pot strong,
.p1-pot-value strong,
.p1-game-pot,
.p1-dashboard-pot strong,
.p1-footer-pot strong { letter-spacing: -.04em; }
@media (max-width: 820px) {
  #potes.p1-section { margin-top: -10px; padding-top: 74px; }
  .p1-hero::after { height: 72px; }
}


/* P2 footer compliance extension */
.p1-footer-compliance {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid rgba(148,163,184,.12);
}
.p1-footer-compliance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 430px);
  gap: 20px;
  align-items: end;
}
.p1-footer-compliance-head h4 {
  margin: 8px 0 0;
  font-size: 18px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.02em;
}
.p1-footer-compliance-head p {
  color: #93a5bf;
  font-size: 11px;
  line-height: 1.7;
}
.p1-footer-badges {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.p1-info-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(255,255,255,.04);
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
}
.p1-info-badge-mark {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  flex: none;
  background: rgba(255,255,255,.96);
  color: #173b8f;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.03em;
}
.p1-info-badge-18 .p1-info-badge-mark {
  border-radius: 999px;
  border: 3px solid #dc2626;
  color: #dc2626;
  background: #fff;
}
.p1-info-badge-warm {
  background: linear-gradient(135deg, #fff7ed, #ffedd5);
  color: #ea580c;
}
.p1-info-badge-blue {
  background: linear-gradient(135deg, #eff6ff, #dbeafe);
  color: #1d4ed8;
  font-size: 14px;
}
.p1-info-badge strong {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}
.p1-info-badge small {
  display: block;
  margin-top: 3px;
  color: #93a5bf;
  font-size: 10px;
  line-height: 1.5;
}
.p1-footer-utility-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.p1-footer-utility-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(148,163,184,.12);
}
.p1-footer-utility-card > i {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  flex: none;
  background: rgba(255,255,255,.96);
  color: #0ba650;
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}
.p1-footer-utility-card strong {
  display: block;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.p1-footer-utility-card small {
  display: block;
  margin-top: 4px;
  color: #93a5bf;
  font-size: 10px;
  line-height: 1.55;
}
@media (max-width: 980px) {
  .p1-footer-compliance-head,
  .p1-footer-badges,
  .p1-footer-utility-grid {
    grid-template-columns: 1fr 1fr;
  }
  .p1-footer-compliance-head p {
    max-width: none;
  }
}

/* P5 final cascade — deliberately placed after legacy P4 glass rules. */
.p1-live-panel, .p1-game-card, .p1-step, .p1-transparency-card, .p1-stat-card,
.p1-dashboard-pot, .p1-pot-row, .p1-panel, .p1-order-card, .p1-pix-card,
.p4-auth-dialog, .p4-auth-draft, .p4-feedback-card, .p1-entry-card,
.p1-admin-card, .p1-result-card, .p1-mobile-dock, .p1-account-hero,
.p1-alert, .p1-number-toolbar, .p1-summary-card, .p1-bet-panel,
.p1-bet-builder, .p1-bet-summary, .p1-result-item, .p1-table-wrap,
.p1-checkout-steps > div, .p1-market-bar, .p1-header, .p1-live-head,
.p1-section-soft { background:#fff !important; border-color:#dce5f1 !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-result-preview, .p1-cta-band, .p1-account-hero { background:#064a9a !important; border-color:#064a9a !important; }
.p1-footer { background:#063a78 !important; border:0 !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-footer .p1-footer-utility-card { background:transparent !important; border:0 !important; box-shadow:none !important; }
.p1-footer .p1-footer-utility-card > i { background:transparent !important; border:0 !important; color:#fff !important; box-shadow:none !important; }
.p1-footer .p1-footer-brand img { filter:brightness(0) invert(1); }
.p1-hero-copy { min-height:510px; }
.p1-hero-copy-bg::after, .p1-hero-copy-fade { display:none; }
.p1-hero-copy-bg img { object-position:82% center; opacity:.14; }
@media (max-width:820px) { .p1-hero-copy { min-height:auto; } .p1-hero-copy-inner { padding:34px 25px; } }

/* P5.1 — campaign banner and reference logos */
.p1-hero-copy-bg { display:none; }
.p5-home-banner { padding:0 0 52px; background:#f6f8fc; }
.p5-home-banner-link { display:block; overflow:hidden; border-radius:26px; background:#064a9a; box-shadow:0 22px 54px rgba(16,36,74,.16); }
.p5-home-banner-link img { display:block; width:100%; aspect-ratio:2.22 / 1; object-fit:cover; object-position:center; transition:transform .35s ease; }
.p5-home-banner-link:hover img { transform:scale(1.015); }
.p1-footer-partners { align-items:center; }
.p1-footer-partner { min-height:35px; }
.p1-footer-partner img { display:block; width:auto; max-width:150px; height:30px; object-fit:contain; filter:brightness(0) invert(1); opacity:.96; }
.p1-footer-18 { display:grid; width:32px; height:32px; place-items:center; border:2px solid #fff; border-radius:50%; color:#fff; font-size:10px; font-weight:900; line-height:1; }
.p1-footer-adult { gap:9px; }
@media (max-width:640px) {
  .p5-home-banner { padding-bottom:36px; }
  .p5-home-banner-link { border-radius:18px; }
  .p5-home-banner-link img { aspect-ratio:1.25 / 1; object-position:60% center; }
  .p1-footer-partner img { max-width:142px; height:28px; }
}
@media (max-width: 640px) {
  .p1-footer-compliance-head,
  .p1-footer-badges,
  .p1-footer-utility-grid {
    grid-template-columns: 1fr;
  }
  .p1-info-badge,
  .p1-footer-utility-card {
    padding: 13px;
  }
}

/* P2 complete — legal, LiveOps and visual observability */
.p2-legal-wrap{padding:52px 0 92px;background:linear-gradient(180deg,#f7faff 0%,#fff 35%,#f8fafc 100%)}
.p2-legal-shell{max-width:980px}
.p2-legal-hero{padding:34px;border-radius:28px;background:linear-gradient(130deg,#fff,rgba(239,246,255,.92));border:1px solid rgba(148,163,184,.18);box-shadow:0 22px 60px rgba(15,23,42,.07)}
.p2-legal-hero h1{font-size:clamp(34px,5vw,54px);line-height:1.02;letter-spacing:-.05em;font-weight:800;color:#0f1934;margin-top:10px}
.p2-legal-hero>p{margin-top:16px;color:#5f6f84;line-height:1.75;font-size:15px;max-width:790px}
.p2-legal-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.p2-legal-meta span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e7edf5;color:#64748b;font-size:10px;font-weight:700}.p2-legal-meta i{color:#0ba650}
.p2-legal-warning{display:flex;gap:14px;margin:18px 0 0;padding:18px;border-radius:20px;background:#eff6ff;border:1px solid #dbeafe;color:#334155}.p2-legal-warning>i{color:#1d3d8f;margin-top:3px}.p2-legal-warning strong{color:#173b8f}.p2-legal-warning p{font-size:12px;line-height:1.7;margin-top:4px}
.p2-legal-content{margin-top:24px;display:grid;gap:12px}.p2-legal-content section{padding:24px 26px;border-radius:22px;background:#fff;border:1px solid rgba(148,163,184,.17);box-shadow:0 8px 28px rgba(15,23,42,.035)}.p2-legal-content h2{font-size:17px;font-weight:800;color:#172033;letter-spacing:-.02em}.p2-legal-content p,.p2-legal-content li{font-size:12px;line-height:1.8;color:#58677b}.p2-legal-content p{margin-top:9px}.p2-legal-content ul{margin:9px 0 0;padding-left:20px;list-style:disc}.p2-legal-content a{color:#1d3d8f;font-weight:750;text-decoration:underline;text-underline-offset:2px}
.p2-legal-final{display:flex;gap:14px;margin-top:20px;padding:20px;border-radius:20px;background:#0c172f;color:#dbeafe}.p2-legal-final>i{color:#4ade80;margin-top:3px}.p2-legal-final strong{color:#fff}.p2-legal-final p{font-size:11px;line-height:1.7;margin-top:4px}
.p2-responsible-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.p2-responsible-grid article{padding:24px;border-radius:22px;background:#fff;border:1px solid #e6edf5;box-shadow:0 10px 30px rgba(15,23,42,.05)}.p2-responsible-grid i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eef4ff;color:#1d3d8f}.p2-responsible-grid h2{font-size:16px;font-weight:800;margin-top:24px}.p2-responsible-grid p{font-size:12px;line-height:1.7;color:#64748b;margin-top:7px}.p2-support-box{margin-top:18px;padding:26px;border-radius:24px;background:#0c172f;color:#dbeafe}.p2-support-box h2{font-size:18px;font-weight:800;color:#fff}.p2-support-box>p{font-size:11px;color:#91a1ba;margin-top:5px}.p2-support-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.p2-support-links a{display:flex;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.p2-support-links i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff;color:#0ba650;flex:none}.p2-support-links strong{display:block;color:#fff;font-size:11px}.p2-support-links small{display:block;color:#91a1ba;font-size:9px;line-height:1.5;margin-top:3px}
.p2-admin-live-card{display:grid;gap:4px;padding:19px 20px;border-radius:18px;background:#fff;border:1px solid #e8edf4;box-shadow:0 8px 26px rgba(15,23,42,.045)}.p2-admin-live-card>span{font-size:10px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.p2-admin-live-card>strong{font-size:22px;font-weight:800;letter-spacing:-.04em}.p2-admin-live-card>small{font-size:9px;color:#94a3b8}
.p2-admin-health-card{padding:20px;border-radius:18px;background:#fff;border:1px solid #e8edf4;box-shadow:0 8px 26px rgba(15,23,42,.04)}.p2-admin-health-title{display:flex;align-items:center;gap:8px;color:#475569;font-size:11px;font-weight:800}.p2-admin-health-title i{color:#1d3d8f}.p2-admin-health-value{font:800 30px var(--font-numeric);color:#172033;margin-top:16px}.p2-admin-health-card p{font-size:10px;color:#64748b;margin-top:2px}.p2-admin-health-card a{display:inline-block;margin-top:14px;color:#1d3d8f;font-size:10px;font-weight:800}.p2-admin-draw-row{display:grid;grid-template-columns:minmax(120px,1fr) auto auto auto;gap:14px;align-items:center;padding:13px 18px}.p2-admin-draw-row>span{font-size:11px;font-weight:800}.p2-admin-draw-row strong{font:750 11px var(--font-numeric)}.p2-admin-draw-row em{font-style:normal;font-size:9px;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#64748b}.p2-admin-draw-row small{font-size:9px;color:#94a3b8}.p2-admin-task-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 18px}.p2-admin-task-row strong{display:block;font-size:11px}.p2-admin-task-row small{display:block;font-size:9px;color:#94a3b8;margin-top:2px}.p2-admin-task-row em{font-style:normal;font-size:9px;color:#64748b}.p2-status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.p2-status-dot.is-ok{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}.p2-status-dot.is-warn{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.1)}.p2-admin-quick{display:flex;align-items:center;padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f7;color:#475569;font-size:11px;font-weight:750}.p2-admin-quick:hover{border-color:#bfd0ef;color:#1d3d8f}.p2-mini-metric{padding:12px;border-radius:14px;background:#f8fafc;border:1px solid #eef2f7;text-align:center}.p2-mini-metric strong{display:block;font:800 21px var(--font-numeric);color:#172033}.p2-mini-metric span{display:block;font-size:8px;color:#94a3b8;margin-top:3px}.p2-status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:8px;font-weight:800}.p2-status-pill.is-ok{background:#ecfdf3;color:#15803d}.p2-status-pill.is-warn{background:#fffbeb;color:#b45309}.p2-status-pill.is-danger{background:#fff1f2;color:#be123c}
.p2-runtime-event{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;padding:11px 16px}.p2-runtime-event strong{font-size:10px;color:#334155}.p2-runtime-event small{display:block;font-size:8px;color:#94a3b8;margin-top:2px}.p2-log-level{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:7px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:800;text-transform:uppercase}.p2-log-level.is-warning{background:#fffbeb;color:#b45309}.p2-log-level.is-error,.p2-log-level.is-critical{background:#fff1f2;color:#be123c}.p2-backup-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px}.p2-backup-row strong{display:block;font-size:9px;font-family:var(--font-numeric);color:#334155}.p2-backup-row small{display:block;font-size:8px;color:#94a3b8;margin-top:3px}.p2-log-file-card{display:grid;gap:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e8edf4}.p2-log-file-card>div{display:flex;align-items:center;gap:7px}.p2-log-file-card i{color:#1d3d8f}.p2-log-file-card strong{font-size:10px}.p2-log-file-card span{font:750 15px var(--font-numeric);color:#334155}.p2-log-file-card small{font-size:8px;color:#94a3b8}.p2-admin-alert-button{position:relative;color:#64748b;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid #e2e8f0}.p2-admin-alert-button.has-alerts{color:#b45309;background:#fffbeb;border-color:#fde68a}.p2-admin-alert-button span{position:absolute;right:-5px;top:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-size:8px;display:grid;place-items:center;font-weight:800}
@media(max-width:820px){.p2-legal-hero{padding:24px}.p2-legal-content section{padding:20px}.p2-responsible-grid,.p2-support-links{grid-template-columns:1fr}.p2-admin-draw-row{grid-template-columns:1fr auto}.p2-admin-draw-row em,.p2-admin-draw-row small{grid-column:1/-1}.p2-mini-metric{padding:10px}}
.p1-info-badge{text-decoration:none}.p1-info-badge:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.065);transform:translateY(-1px);transition:.2s ease}

/* P5 — Caixa palette, legible hero, and uncluttered footer */
:root {
  --p1-blue: #064a9a;
  --p1-green: #079b50;
  --p1-orange: #e56b12;
  --p1-ink: #10244a;
}
.p1-test-banner { display:flex; align-items:center; justify-content:center; gap:8px; min-height:32px; padding:7px 16px; background:#e56b12; color:#fff; font-size:11px; font-weight:800; text-align:center; }
.p1-body { background:#f6f8fc; }
.p1-btn-primary, .p1-avatar, .p1-mobile-dock-main > span, .p1-number-btn.is-selected { background:#064a9a; }
.p1-nav-link::after, .p1-selection-progress > div, .p1-promo-dots button.is-active { background:#079b50; }
.p1-gradient-text { color:#079b50; background:none; -webkit-text-fill-color:currentColor; }
.p1-tone-pixsena { --tone:#079b50; --tone-soft:#e9f8ef; }
.p1-tone-pixfacil { --tone:#064a9a; --tone-soft:#eaf2ff; }
.p1-tone-pixquina { --tone:#e56b12; --tone-soft:#fff1e5; }

.p1-hero { padding:64px 0 62px; background:#f6f8fc; }
.p1-hero::before, .p1-hero::after, .p1-hero-orb { display:none; }
.p1-hero-grid { grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr); gap:38px; align-items:stretch; }
.p1-hero-copy { min-height:510px; overflow:hidden; border-radius:28px; background:#fff; border:1px solid #dce5f1; box-shadow:0 22px 60px rgba(16,36,74,.09); }
.p1-hero-copy-bg { overflow:hidden; }
.p1-hero-copy-bg img { object-position:82% center; opacity:.14; filter:saturate(.72) contrast(.94); transform:scale(1.03); }
.p1-hero-copy-bg::after, .p1-hero-copy-fade { display:none; }
.p1-hero-copy-inner { max-width:700px; padding:48px 52px; }
.p1-hero-copy .p1-eyebrow { background:#fff; border-color:#dce5f1; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-hero-copy .p1-display { color:#10244a; text-shadow:none; }
.p1-hero-copy .p1-gradient-text { color:#079b50; background:none; }
.p1-hero-copy .p1-lead { color:#4a607e; text-shadow:none; }
.p1-hero-copy .p1-btn-secondary { background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-live-panel { border:1px solid #dce5f1; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; box-shadow:0 22px 60px rgba(16,36,74,.09); }
.p1-section-soft, #potes.p1-section { background:#f0f5fb; }
.p1-step > i { background:#eaf2ff; color:#064a9a; }
.p1-result-preview, .p1-cta-band, .p1-account-hero { background:#064a9a; }

.p1-game-draw { display:grid; gap:8px; margin-top:18px; padding-top:14px; border-top:1px solid #e3eaf3; }
.p1-game-draw-head { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#6b7f9b; font-size:10px; font-weight:700; }
.p1-game-draw-head strong { color:var(--tone); font:800 10px var(--font-numeric); white-space:nowrap; }
.p1-game-draw-balls { display:flex; flex-wrap:wrap; gap:5px; min-height:27px; }
.p1-game-draw-balls span { display:grid; width:27px; height:27px; place-items:center; border-radius:50%; color:#fff; background:var(--tone); font:800 9px var(--font-numeric); }
.p1-game-draw small { color:#7487a0; font-size:9px; line-height:1.4; }

.p1-footer { background:#063a78 !important; color:#c7d9f0; padding:54px 0 24px; }
.p1-footer-logo-badge { padding:0; background:none; box-shadow:none; }
.p1-footer-wordmark { display:inline-flex; align-items:center; }
.p1-footer-brand img { height:38px; width:auto; filter:brightness(0) invert(1); opacity:1; }
.p1-footer-brand > p, .p1-footer-small, .p1-footer-grid > div:not(.p1-footer-brand) > a { color:#c7d9f0; }
.p1-footer h4, .p1-footer-pot strong { color:#fff; }
.p1-footer-grid > div:not(.p1-footer-brand) > a:hover { color:#fff; }
.p1-footer-trust span { padding:0; border:0; color:#d9e8fa; }
.p1-footer-compliance { margin-top:30px; padding-top:24px; border-top-color:rgba(255,255,255,.24); }
.p1-footer-compliance-head p, .p1-footer-utility-card small { color:#c7d9f0; }
.p1-footer-partners { display:flex; flex-wrap:wrap; gap:18px 24px; margin-top:21px; }
.p1-footer-partners a { display:inline-flex; align-items:center; gap:8px; color:#fff; font-size:11px; font-weight:750; }
.p1-footer-partners i { color:#fff; font-size:17px; }
.p1-footer-utility-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding-top:24px; margin-top:24px; border-top:1px solid rgba(255,255,255,.2); }
.p1-footer-utility-card { gap:10px; padding:0; border:0; border-radius:0; background:transparent; }
.p1-footer-utility-card > i { width:auto; height:auto; display:block; padding-top:2px; border-radius:0; background:transparent; color:#fff; box-shadow:none; font-size:17px; }
.p1-footer-utility-card strong { color:#fff; }
.p1-footer-bottom { border-top-color:rgba(255,255,255,.24); color:#b9cde7; }

@media (max-width:1024px) {
  .p1-hero-grid { grid-template-columns:1fr; }
  .p1-live-panel { max-width:none; }
}
@media (max-width:640px) {
  .p1-test-banner { font-size:10px; line-height:1.35; }
  .p1-hero { padding:36px 0 44px; }
  .p1-hero-copy { min-height:auto; }
  .p1-hero-copy-bg img { opacity:.09; object-position:75% center; }
  .p1-hero-copy-inner { padding:34px 25px; }
  .p1-hero-copy .p1-display { font-size:clamp(38px,12vw,52px); }
  .p1-footer-grid, .p1-footer-utility-grid { grid-template-columns:1fr; }
  .p1-footer-partners { display:grid; gap:13px; }
}


/* ========================================================================== 
   PIXDAMEGA P3 — Identity, Responsible Participation & Notification Center
   ========================================================================== */
.p3-header-bell { position:relative; width:38px; height:38px; border-radius:12px; display:grid; place-items:center; border:1px solid rgba(29,61,143,.14); color:var(--p1-blue); background:#fff; box-shadow:0 6px 18px rgba(15,23,42,.04); }
.p3-header-bell span { position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 4px; border-radius:999px; display:grid; place-items:center; background:#dc2626; color:#fff; font:700 8px var(--font-numeric); border:2px solid #fff; }
.p3-account-safety-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:14px; }
.p3-account-safety-card { display:grid; grid-template-columns:42px minmax(0,1fr) 14px; gap:12px; align-items:center; padding:15px; border-radius:18px; background:#fff; border:1px solid rgba(148,163,184,.17); box-shadow:0 8px 28px rgba(15,23,42,.04); transition:transform .2s ease,border-color .2s ease; }
.p3-account-safety-card:hover { transform:translateY(-2px); border-color:rgba(29,61,143,.22); }
.p3-account-safety-card > i:first-child { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#eef4ff; color:var(--p1-blue); }
.p3-account-safety-card > i:last-child { color:#b5c0cf; font-size:10px; }
.p3-account-safety-card div { min-width:0; display:grid; gap:2px; }
.p3-account-safety-card span { color:#7b8798; font-size:9px; text-transform:uppercase; font-weight:800; letter-spacing:.06em; }
.p3-account-safety-card strong { color:#172033; font-size:13px; }
.p3-account-safety-card small { color:#94a3b8; font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.p3-dashboard-notices { display:grid; gap:7px; margin-top:12px; }
.p3-dashboard-notice { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 13px; border-radius:14px; border:1px solid #e8edf4; background:rgba(255,255,255,.85); }
.p3-dashboard-notice > span { width:7px; height:7px; border-radius:50%; background:#cbd5e1; }
.p3-dashboard-notice.is-unread > span { background:var(--p1-green); box-shadow:0 0 0 4px rgba(11,166,80,.10); }
.p3-dashboard-notice div { display:grid; gap:1px; min-width:0; }
.p3-dashboard-notice strong { font-size:10px; color:#334155; }
.p3-dashboard-notice small { font-size:9px; color:#94a3b8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.p3-dashboard-notice time { font-size:8px; color:#a5afbd; font-family:var(--font-numeric); }
.p3-responsible-grid,.p3-kyc-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.p3-flat-panel { margin-top:20px; }
.p3-spend-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:20px; }
.p3-spend-card { padding:15px; border-radius:15px; background:#f8fafc; border:1px solid #eef2f6; display:grid; gap:4px; }
.p3-spend-card span,.p3-spend-card small { color:#94a3b8; font-size:9px; }
.p3-spend-card strong { color:#172033; font-size:18px; }
.p3-pause-actions { display:grid; gap:10px; padding:20px; }
.p3-current-blocks { display:grid; gap:6px; margin:0 20px 20px; padding:12px; border-radius:13px; background:#fff7ed; color:#9a3412; font-size:10px; }
.p3-limit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:20px 28px 28px; }
.p3-limit-form { display:grid; gap:9px; padding:14px; border-radius:16px; background:#f8fafc; border:1px solid #edf1f6; }
.p3-limit-form label,.p3-kyc-actions label { display:grid; gap:6px; color:#64748b; font-size:10px; font-weight:700; }
.p3-limit-form input,.p3-kyc-actions input,.p3-kyc-actions select { width:100%; min-height:40px; padding:0 11px; border:1px solid #dce4ed; border-radius:11px; background:#fff; color:#334155; }
.p3-pending-changes { margin:0 28px 28px; padding:13px; border-radius:14px; background:#fffbeb; border:1px solid #fde68a; display:grid; gap:5px; color:#92400e; font-size:10px; }
.p3-responsible-note { display:flex; gap:13px; margin-top:18px; padding:16px; border-radius:18px; background:#eff6ff; border:1px solid #dbeafe; color:#1e3a8a; }
.p3-responsible-note > i { width:38px; height:38px; border-radius:12px; display:grid; place-items:center; flex:none; background:#fff; color:var(--p1-blue); }
.p3-responsible-note strong { font-size:12px; }
.p3-responsible-note p { font-size:10px; margin-top:3px; line-height:1.55; color:#526b9f; }
.p3-responsible-note a { text-decoration:underline; font-weight:800; }
.p3-identity-list { display:grid; padding:20px; }
.p3-identity-list span { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:11px 0; border-bottom:1px solid #eef2f6; color:#7a8797; font-size:10px; }
.p3-identity-list span:last-child { border-bottom:0; }
.p3-identity-list strong { color:#334155; font-size:11px; text-align:right; }
.p3-kyc-actions { display:grid; gap:13px; padding:20px; }
.p3-kyc-actions form { display:grid; gap:10px; padding:13px; border-radius:14px; background:#f8fafc; }
.p3-ready-review { display:flex; gap:11px; align-items:flex-start; padding:14px; border-radius:14px; background:#f0fdf4; color:#166534; font-size:11px; line-height:1.6; }
.p3-notification-list { display:grid; }
.p3-notification { display:grid; grid-template-columns:42px minmax(0,1fr); gap:13px; padding:17px 20px; border-bottom:1px solid #edf1f6; background:#fff; }
.p3-notification:last-child { border-bottom:0; }
.p3-notification.is-unread { background:#f8fbff; }
.p3-notification-icon { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#eff4ff; color:var(--p1-blue); }
.p3-sev-success .p3-notification-icon { background:#edfbf3; color:#0b8d47; }
.p3-sev-warning .p3-notification-icon,.p3-sev-critical .p3-notification-icon { background:#fff7ed; color:#ea580c; }
.p3-notification-head { display:flex; justify-content:space-between; gap:12px; }
.p3-notification-head strong { color:#172033; font-size:12px; }
.p3-notification-head time { color:#9aa6b5; font:500 8px var(--font-numeric); }
.p3-notification p { margin-top:4px; color:#64748b; font-size:10px; line-height:1.6; }
.p3-notification-actions { display:flex; align-items:center; gap:12px; margin-top:8px; }
.p3-notification-actions a,.p3-notification-actions button { color:var(--p1-blue); font-size:9px; font-weight:800; }
@media(max-width:820px){.p3-account-safety-grid,.p3-responsible-grid,.p3-kyc-grid,.p3-limit-grid{grid-template-columns:1fr}.p3-spend-grid{grid-template-columns:1fr 1fr}.p3-header-bell{display:grid}.p3-dashboard-notice{grid-template-columns:8px 1fr}.p3-dashboard-notice time{display:none}}
@media(max-width:520px){.p3-spend-grid{grid-template-columns:1fr}}
.p3-responsible-live{margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#eef5ff,#edfdf4);border:1px solid #dce8f6}.p3-responsible-live h2{font-size:23px;font-weight:800;color:#172033;margin-top:5px;letter-spacing:-.03em}.p3-responsible-live p{max-width:760px;margin-top:7px;color:#64748b;font-size:12px;line-height:1.65}.p3-accept-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 28px}.p3-accept-summary>div{padding:16px;border-radius:16px;background:#f8fafc;border:1px solid #e9eef5}.p3-accept-summary i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;color:var(--p1-blue);margin-bottom:12px}.p3-accept-summary strong{display:block;font-size:12px;color:#172033}.p3-accept-summary p{margin-top:5px;font-size:10px;color:#64748b;line-height:1.55}.p3-accept-form{display:grid;gap:12px;padding:0 28px 28px}.p3-accept-form label{display:flex;align-items:flex-start;gap:9px;color:#526176;font-size:11px;line-height:1.55}.p3-accept-form a{color:var(--p1-blue);font-weight:800;text-decoration:underline}@media(max-width:820px){.p3-responsible-live{display:grid}.p3-accept-summary{grid-template-columns:1fr}}

/* === P4 guest flow, receipts, social proof === */
.p1-market-pots[data-market-carousel] {
  position: relative;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.p1-market-pots[data-market-carousel] .p1-market-pot {
  transition: opacity .28s ease, transform .28s ease;
}
@media (max-width: 980px) {
  .p1-market-pots[data-market-carousel] {
    width: 100%;
    overflow: hidden;
    min-height: 26px;
  }
  .p1-market-pots[data-market-carousel] .p1-market-pot {
    position: absolute;
    opacity: 0;
    transform: translateY(8px);
    pointer-events: none;
  }
  .p1-market-pots[data-market-carousel] .p1-market-pot.is-active {
    position: relative;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
.p1-footer-logo-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.4rem;
}
.p1-logo-chip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 88px;
  border-radius: 22px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  padding: 1rem 1.25rem;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}
.p1-logo-chip img { max-width: 100%; max-height: 42px; object-fit: contain; }
.p1-logo-chip-18 { background: linear-gradient(135deg, #173b8f, #19a463); color: #fff; font-size: 1.65rem; font-weight: 900; letter-spacing: .04em; }
.p4-feedback-section { padding-top: 0; }
.p4-feedback-carousel { position: relative; min-height: 280px; }
.p4-feedback-card {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .45s ease, transform .45s ease;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(23,59,143,.96), rgba(25,164,99,.92));
  color: #fff;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 20px 55px rgba(23,59,143,.16);
}
.p4-feedback-card.is-active { opacity: 1; transform: translateY(0); }
.p4-feedback-card h3 { font-size: 1.35rem; margin: .6rem 0; color: #fff; }
.p4-feedback-card p { font-size: 1.05rem; line-height: 1.75; color: rgba(255,255,255,.92); }
.p4-feedback-card footer { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; color: rgba(255,255,255,.92); }
.p4-feedback-card footer strong { font-size: 1rem; color: #fff; }
.p4-feedback-stars { display: flex; gap: .25rem; color: #ffd76a; font-size: 1rem; }
.p4-auth-modal {
  position: fixed; inset: 0; z-index: 140;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; pointer-events: none; transition: opacity .25s ease;
}
.p4-auth-modal.is-open { opacity: 1; pointer-events: auto; }
.p4-auth-backdrop {
  position: absolute; inset: 0;
  background: rgba(15, 23, 42, .42);
  backdrop-filter: blur(11px);
}
.p4-auth-dialog {
  position: relative; z-index: 2; width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 32px); overflow: auto;
  background: #fff; border-radius: 28px; padding: 2rem;
  box-shadow: 0 30px 85px rgba(15, 23, 42, .22);
}
.p4-auth-close {
  position: absolute; top: 18px; right: 18px; width: 42px; height: 42px; border-radius: 999px;
  border: 1px solid rgba(15,23,42,.1); background: #f8fafc; color: #0f172a;
}
.p4-auth-head p { margin-top: .5rem; color: #64748b; }
.p4-auth-draft {
  margin-top: 1rem; border-radius: 22px; padding: 1rem 1.2rem;
  background: linear-gradient(135deg, rgba(23,59,143,.06), rgba(25,164,99,.08));
  display: flex; justify-content: space-between; gap: 1rem; align-items: center; flex-wrap: wrap;
}
.p4-auth-draft strong { display: block; font-size: 1.05rem; color: #0f172a; }
.p4-auth-draft small { color: #64748b; }
.p4-auth-draft-balls { display: flex; gap: .45rem; flex-wrap: wrap; }
.p4-auth-draft-balls span, .p4-print-balls span, .p1-order-balls span {
  width: 42px; height: 42px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
  font-weight: 800; color: #173b8f; background: #eff6ff; border: 1px solid rgba(23,59,143,.14);
}
.p4-auth-tabs { display: flex; gap: .75rem; margin-top: 1.2rem; }
.p4-auth-tabs button {
  flex: 1; border: 1px solid rgba(15,23,42,.08); background: #f8fafc; color: #334155;
  border-radius: 18px; padding: .9rem 1rem; font-weight: 700;
}
.p4-auth-tabs button.is-active { background: #173b8f; color: #fff; box-shadow: 0 12px 30px rgba(23,59,143,.18); }
.p4-auth-panel { display: none; margin-top: 1rem; }
.p4-auth-panel.is-active { display: block; }
.p4-modal-open { overflow: hidden; }
.p4-bet-public .p1-bet-panel { margin-bottom: 0; }
.p1-terms-check { display: flex; gap: .7rem; align-items: flex-start; font-size: .95rem; color: #475569; }
.p1-terms-check input { margin-top: .25rem; }
.p1-checkout-wrap { padding: 3rem 0 4rem; }
.p1-checkout-head { max-width: 780px; margin-bottom: 1.5rem; }
.p1-back-link { display: inline-flex; gap: .5rem; align-items: center; margin-bottom: .8rem; color: #173b8f; font-weight: 700; }
.p1-checkout-head h1 { font-size: clamp(2rem, 2vw + 1rem, 2.7rem); margin: .25rem 0 .65rem; }
.p1-checkout-head p { color: #64748b; font-size: 1.03rem; line-height: 1.8; }
.p1-checkout-steps { display: flex; gap: 1rem; flex-wrap: wrap; margin: 1.25rem 0 1.8rem; }
.p1-checkout-steps > div { flex: 1 1 180px; min-width: 180px; background: #fff; border: 1px solid rgba(15,23,42,.07); border-radius: 20px; padding: .95rem 1rem; display: flex; align-items: center; gap: .75rem; }
.p1-checkout-steps span { width: 34px; height: 34px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; background: #e2e8f0; color: #0f172a; }
.p1-checkout-steps .is-current { border-color: rgba(23,59,143,.2); box-shadow: 0 16px 36px rgba(23,59,143,.08); }
.p1-checkout-steps .is-current span, .p1-checkout-steps .is-done span { background: #173b8f; color: #fff; }
.p1-checkout-grid { display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: 1.25rem; align-items: start; }
.p1-order-card, .p1-pix-card {
  background: #fff; border-radius: 28px; border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 20px 56px rgba(15,23,42,.06); padding: 1.45rem;
}
.p1-order-game { display: inline-flex; gap: .55rem; align-items: center; border-radius: 16px; padding: .7rem .9rem; margin: .6rem 0 1rem; background: #f8fafc; }
.p1-order-game strong { font-size: 1.05rem; }
.p1-order-game span { color: #64748b; }
.p1-order-balls { display: flex; gap: .45rem; flex-wrap: wrap; margin-bottom: 1rem; }
.p1-order-line { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(15,23,42,.08); padding: .85rem 0; }
.p1-order-line:first-of-type { border-top: 0; }
.p1-order-line span { color: #64748b; }
.p1-order-line strong { color: #0f172a; }
.p1-order-note { display: flex; gap: .65rem; margin-top: 1rem; color: #64748b; font-size: .95rem; }
.p1-pix-card-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; margin-bottom: 1rem; }
.p1-pix-card-head h2 { font-size: 1.6rem; margin-top: .2rem; }
.p1-secure-pill { display: inline-flex; gap: .5rem; align-items: center; border-radius: 999px; background: rgba(25,164,99,.12); color: #0d8a54; padding: .55rem .85rem; font-weight: 700; white-space: nowrap; }
.p1-qr-wrap { display: flex; justify-content: center; padding: 1rem; background: linear-gradient(135deg, rgba(23,59,143,.04), rgba(25,164,99,.06)); border-radius: 22px; }
.p1-qr-wrap img { border-radius: 20px; background: #fff; padding: 1rem; box-shadow: 0 12px 28px rgba(15,23,42,.08); }
.p1-copy-box { margin-top: 1rem; }
.p1-copy-box label { display: block; font-weight: 700; margin-bottom: .5rem; color: #0f172a; }
.p1-copy-box textarea {
  width: 100%; border-radius: 18px; border: 1px solid rgba(15,23,42,.08); background: #f8fafc;
  padding: 1rem; resize: vertical; font-size: .96rem; line-height: 1.5; margin-bottom: .75rem;
}
.p1-payment-id, .p1-auto-note { margin-top: 1rem; color: #64748b; font-size: .95rem; }
.p1-auto-note { display: flex; gap: .55rem; align-items: center; }
.p4-receipt-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 1rem 0 1.2rem; }
.p4-receipt-list { display: grid; gap: .75rem; }
.p4-receipt-list div { border-radius: 18px; background: #f8fafc; padding: .95rem 1rem; display: flex; justify-content: space-between; gap: 1rem; }
.p4-receipt-list strong { color: #0f172a; }
.p4-receipt-list span { color: #64748b; text-align: right; }
.p4-feedback-form { margin-bottom: 1rem; }
.p4-print-body { margin: 0; background: #e2e8f0; font-family: 'Inter', system-ui, sans-serif; color: #0f172a; }
.p4-print-toolbar { display: flex; justify-content: center; gap: .75rem; padding: 1rem; }
.p4-print-toolbar a, .p4-print-toolbar button { border: 0; border-radius: 999px; padding: .8rem 1.25rem; background: #173b8f; color: #fff; font-weight: 700; cursor: pointer; text-decoration: none; }
.p4-print-toolbar a { background: #0f172a; }
.p4-print-sheet {
  width: min(980px, calc(100vw - 40px)); margin: 0 auto 2rem; background: #fff; border-radius: 28px;
  box-shadow: 0 24px 70px rgba(15,23,42,.12); padding: 2rem;
}
.p4-print-header { display: flex; gap: 1.5rem; align-items: center; border-bottom: 1px solid rgba(15,23,42,.08); padding-bottom: 1.4rem; }
.p4-print-header img { width: 210px; max-width: 40%; }
.p4-print-header h1 { margin: .25rem 0 .4rem; font-size: 1.8rem; }
.p4-print-header p { color: #64748b; line-height: 1.65; }
.p4-print-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; margin: 1.4rem 0; }
.p4-print-card { border: 1px solid rgba(15,23,42,.08); border-radius: 20px; padding: 1rem; background: #f8fafc; }
.p4-print-card span { display: block; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748b; }
.p4-print-card strong { display: block; margin-top: .45rem; font-size: 1rem; line-height: 1.45; }
.p4-print-block { margin-top: 1.4rem; }
.p4-print-block-head h2 { margin-bottom: .3rem; font-size: 1.35rem; }
.p4-print-block-head p { color: #64748b; }
.p4-print-balls { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .9rem; }
.p4-print-table { width: 100%; border-collapse: collapse; margin-top: 1rem; overflow: hidden; border-radius: 18px; }
.p4-print-table th, .p4-print-table td { border-bottom: 1px solid rgba(15,23,42,.08); padding: .9rem .8rem; text-align: left; font-size: .95rem; }
.p4-print-table th { background: #173b8f; color: #fff; font-size: .82rem; text-transform: uppercase; letter-spacing: .08em; }
.p4-print-table tbody tr:nth-child(even) { background: #f8fafc; }
.p4-print-footer { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid rgba(15,23,42,.08); color: #64748b; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
@media (max-width: 900px) {
  .p1-footer-logo-row, .p1-checkout-grid, .p4-receipt-actions, .p4-print-grid { grid-template-columns: 1fr; }
  .p4-auth-dialog { padding: 1.2rem; }
  .p4-auth-draft { flex-direction: column; align-items: flex-start; }
  .p4-feedback-carousel { min-height: 330px; }
  .p4-print-sheet { width: calc(100vw - 18px); padding: 1.1rem; border-radius: 20px; }
  .p4-print-header { flex-direction: column; align-items: flex-start; }
  .p4-print-header img { max-width: 70%; width: 180px; }
}
@media print {
  .p4-print-toolbar { display: none !important; }
  .p4-print-body { background: #fff; }
  .p4-print-sheet { width: 100%; margin: 0; padding: 0; border-radius: 0; box-shadow: none; }
}

/* Homepage promotional slider */
.p1-promo-section { padding-top: 18px; }
.p1-promo-slider {
  border-radius: 32px;
  background: linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border: 1px solid rgba(148,163,184,.18);
  box-shadow: 0 24px 70px rgba(15,23,42,.08);
  padding: 18px;
}
.p1-promo-viewport { position: relative; min-height: 0; }
.p1-promo-slide {
  display: none;
  border-radius: 24px;
  overflow: hidden;
  background: #0f172a;
  position: relative;
}
.p1-promo-slide.is-active { display: block; animation: p1PromoFade .45s ease; }
@keyframes p1PromoFade { from { opacity: .25; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.p1-promo-slide img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  background: #e2e8f0;
}
.p1-promo-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  background: #fff;
  border-top: 1px solid rgba(148,163,184,.12);
}
.p1-promo-caption h3 { font-size: 1.12rem; font-weight: 800; letter-spacing: -.02em; color: #0f172a; }
.p1-promo-caption p { color: #64748b; max-width: 620px; }
.p1-promo-controls { display: flex; align-items: center; justify-content: center; gap: 1rem; padding-top: 1rem; }
.p1-promo-arrow {
  width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(148,163,184,.24);
  background: #fff; color: #173b8f; display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);
}
.p1-promo-dots { display: flex; align-items: center; justify-content: center; gap: .5rem; }
.p1-promo-dots button {
  width: 10px; height: 10px; border-radius: 999px; border: 0; background: rgba(29,61,143,.2); transition: all .2s ease;
}
.p1-promo-dots button.is-active { width: 32px; background: linear-gradient(90deg,#1d3d8f,#0ba650); }
@media (max-width: 820px) {
  .p1-promo-slider { padding: 12px; border-radius: 24px; }
  .p1-promo-caption { flex-direction: column; align-items: flex-start; padding: .9rem 1rem 1rem; }
  .p1-promo-caption p { font-size: .95rem; }
}

/* P4.1 production polish */
.p1-hero-grid {
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: 34px;
  align-items: stretch;
}
.p1-hero-visual { display: grid; gap: 18px; min-width: 0; }
.p1-hero-shot {
  position: relative;
  min-height: 540px;
  border-radius: 34px;
  overflow: hidden;
  background: rgba(255,255,255,.20);
  border: 1px solid rgba(255,255,255,.44);
  box-shadow: 0 36px 90px rgba(15,23,42,.13);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.p1-hero-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  display: block;
}
.p1-hero-fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0) 55%, rgba(247,250,252,.80) 82%, rgba(245,248,252,1) 100%);
  pointer-events: none;
}
.p1-hero-glassbar {
  padding: 22px 24px;
  border-radius: 28px;
  background: rgba(255,255,255,.46);
  border: 1px solid rgba(255,255,255,.54);
  box-shadow: 0 22px 60px rgba(15,23,42,.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.p1-hero-glassbar .p1-eyebrow { margin-bottom: 16px; }
.p1-hero-glassbar .p1-display { max-width: 680px; font-size: clamp(40px,4.9vw,64px); }
.p1-hero-glassbar .p1-lead { max-width: 760px; margin-top: 18px; }
.p1-live-panel,
.p1-game-card,
.p1-step,
.p1-transparency-card,
.p1-stat-card,
.p1-dashboard-pot,
.p1-pot-row,
.p1-panel,
.p1-order-card,
.p1-pix-card,
.p4-auth-dialog,
.p4-auth-draft,
.p4-feedback-card,
.p1-result-preview,
.p1-entry-card,
.p1-admin-card,
.p1-result-card {
  background: rgba(255,255,255,.48) !important;
  border: 1px solid rgba(255,255,255,.54) !important;
  box-shadow: 0 18px 55px rgba(15,23,42,.10) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.p1-pot-row,
.p1-game-rule span,
.p1-online-pill,
.p1-panel-note,
.p4-auth-tabs button,
.p1-result-balls span,
.p1-game-badge,
.p1-pot-icon,
.p1-feature-list i {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.p1-game-rule span,
.p1-panel-note,
.p4-auth-draft,
.p1-stat-card,
.p1-dashboard-pot,
.p1-pot-row,
.p1-transparency-card,
.p1-step {
  background: rgba(255,255,255,.34) !important;
}
.p1-result-preview {
  background: linear-gradient(145deg, rgba(18,40,93,.68) 0%, rgba(29,61,143,.62) 54%, rgba(10,116,62,.56) 135%) !important;
}
.p1-live-panel { padding: 24px; }
.p4-auth-modal { padding: 18px; }
.p4-auth-dialog {
  width: min(720px, calc(100vw - 36px));
  max-height: min(780px, calc(100vh - 36px));
  padding: 1.45rem;
  border-radius: 26px;
  margin: auto;
}
.p4-auth-head h2 { font-size: clamp(1.45rem, 1.6vw + 1rem, 2rem); margin-top: .2rem; }
.p4-auth-head p { max-width: 560px; }
.p4-auth-tabs { gap: .55rem; }
.p4-auth-tabs button { padding: .8rem .9rem; border-radius: 16px; }
.p4-auth-panel .p1-form-grid-2 { gap: .8rem; }
.p4-auth-panel .p1-field label { font-size: .87rem; }
.p4-auth-panel .p1-field input,
.p4-auth-panel .p1-field select { min-height: 46px; }
.p4-auth-draft-balls span { width: 38px; height: 38px; }
.p1-promo-section,
.p1-promo-slider,
[data-promo-slider] { display: none !important; }
@media (max-width: 1024px) {
  .p1-hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .p1-hero-shot { min-height: 430px; }
  .p1-live-panel { max-width: 720px; }
}
@media (max-width: 820px) {
  .p1-hero-shot { min-height: 270px; border-radius: 24px; }
  .p1-hero-glassbar { padding: 18px; border-radius: 22px; }
  .p1-hero-glassbar .p1-display { font-size: clamp(34px, 11vw, 48px); }
  .p4-auth-modal { align-items: center; padding: 12px; }
  .p4-auth-dialog { width: min(100%, 560px); max-height: calc(100vh - 24px); padding: 1rem; border-radius: 22px; }
  .p4-auth-head p { font-size: .95rem; }
  .p4-auth-draft { padding: .85rem 1rem; }
}

/* P4.2 hero layout reverted with production background */
.p1-hero-grid {
  grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr);
  gap: 36px;
  align-items: stretch;
}
.p1-hero-copy {
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
}
.p1-hero-copy-bg,
.p1-hero-copy-bg img,
.p1-hero-copy-fade { position: absolute; inset: 0; }
.p1-hero-copy-bg { z-index: 0; }
.p1-hero-copy-bg img {
  width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;
}
.p1-hero-copy-bg::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(247,250,252,.34), rgba(247,250,252,.32)),
    radial-gradient(circle at 24% 24%, rgba(255,255,255,.22), transparent 28%);
}
.p1-hero-copy-fade {
  background: linear-gradient(90deg, rgba(247,250,252,.02) 0%, rgba(247,250,252,.10) 35%, rgba(247,250,252,.56) 68%, rgba(245,248,252,.96) 92%, rgba(245,248,252,1) 100%);
  z-index: 1;
}
.p1-hero-copy-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 760px;
  padding: 42px 42px 42px 56px;
}
.p1-hero-copy .p1-eyebrow {
  margin-bottom: 22px;
  background: rgba(255,255,255,.36);
  border-color: rgba(255,255,255,.54);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.p1-hero-copy .p1-display {
  max-width: 640px;
  font-size: clamp(48px,5.4vw,74px);
  color: #0b1533;
  text-shadow: 0 4px 20px rgba(255,255,255,.24);
}
.p1-hero-copy .p1-gradient-text {
  background: linear-gradient(100deg, #254ea7 8%, #08a84c 92%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.p1-hero-copy .p1-lead {
  max-width: 560px;
  margin-top: 24px;
  color: #475569;
  text-shadow: 0 2px 12px rgba(255,255,255,.35);
}
.p1-hero-copy .p1-trust-row { color: #42546b; }
.p1-hero-copy .p1-btn-secondary {
  background: rgba(255,255,255,.42);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* liquid glass blocks site-wide */
.p1-live-panel,
.p1-game-card,
.p1-step,
.p1-transparency-card,
.p1-stat-card,
.p1-dashboard-pot,
.p1-pot-row,
.p1-panel,
.p1-order-card,
.p1-pix-card,
.p4-auth-dialog,
.p4-auth-draft,
.p4-feedback-card,
.p1-result-preview,
.p1-entry-card,
.p1-admin-card,
.p1-result-card,
.p1-mobile-dock,
.p1-account-hero,
.p1-alert,
.p1-number-toolbar,
.p1-summary-card,
.p1-bet-panel,
.p1-bet-builder,
.p1-bet-summary,
.p1-result-item,
.p1-table-wrap,
.p1-checkout-steps > div,
.p1-market-bar,
.p1-header,
.p1-footer,
.p1-live-head,
.p1-section-soft {
  background: rgba(255,255,255,.34) !important;
  border: 1px solid rgba(255,255,255,.46) !important;
  box-shadow: 0 18px 50px rgba(15,23,42,.08) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.p1-section-soft {
  background: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.32) 100%) !important;
}
.p1-market-bar { background: rgba(18,40,93,.82) !important; }
.p1-header { background: rgba(255,255,255,.68) !important; }
.p1-mobile-dock { background: rgba(255,255,255,.62) !important; }
.p1-footer { background: linear-gradient(180deg, rgba(8,22,56,.84), rgba(6,20,52,.88)) !important; }
.p1-cta-band {
  background: linear-gradient(105deg, rgba(20,46,112,.84), rgba(29,61,143,.82) 58%, rgba(8,125,62,.76) 140%) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.p1-game-rule span,
.p1-panel-note,
.p4-auth-draft,
.p1-stat-card,
.p1-dashboard-pot,
.p1-pot-row,
.p1-transparency-card,
.p1-step,
.p1-summary-note,
.p1-online-pill,
.p1-game-badge,
.p1-pot-icon,
.p1-feature-list i,
.p1-checkout-steps span,
.p1-result-balls span,
.p4-auth-tabs button {
  background: rgba(255,255,255,.28) !important;
  border-color: rgba(255,255,255,.42) !important;
}
.p1-result-preview {
  background: linear-gradient(145deg, rgba(18,40,93,.64) 0%, rgba(29,61,143,.56) 54%, rgba(10,116,62,.52) 135%) !important;
}

/* modal sizing */
.p4-auth-modal { padding: 18px; align-items: center; justify-content: center; }
.p4-auth-dialog {
  width: min(700px, calc(100vw - 36px));
  max-height: calc(100vh - 36px);
  padding: 1.35rem;
  margin: auto;
  border-radius: 26px;
}
.p4-auth-head h2 { font-size: clamp(1.4rem,1.3vw + 1rem,2rem); }
.p4-auth-panel .p1-form-grid-2 { gap: .8rem; }
.p4-auth-panel .p1-field input,
.p4-auth-panel .p1-field select { min-height: 46px; }

@media (max-width: 1024px) {
  .p1-hero-grid { grid-template-columns: 1fr; gap: 26px; }
  .p1-hero-copy { min-height: 460px; }
  .p1-live-panel { max-width: 760px; }
}
@media (max-width: 820px) {
  .p1-hero-copy { min-height: 360px; }
  .p1-hero-copy-inner { padding: 24px 20px 28px; }
  .p1-hero-copy .p1-display { font-size: clamp(38px,11vw,54px); max-width: 100%; }
  .p1-hero-copy .p1-lead { max-width: 100%; font-size: 15px; }
  .p1-hero-copy-fade {
    background: linear-gradient(180deg, rgba(247,250,252,.10) 0%, rgba(247,250,252,.36) 50%, rgba(245,248,252,.88) 100%);
  }
  .p4-auth-dialog {
    width: min(100%, 560px);
    max-height: calc(100vh - 24px);
    padding: 1rem;
    border-radius: 22px;
  }
}

/* P5 final cascade — placed after every legacy glass override. */
.p1-live-panel, .p1-game-card, .p1-step, .p1-transparency-card, .p1-stat-card, .p1-dashboard-pot, .p1-pot-row, .p1-panel, .p1-order-card, .p1-pix-card, .p4-auth-dialog, .p4-auth-draft, .p4-feedback-card, .p1-entry-card, .p1-admin-card, .p1-result-card, .p1-mobile-dock, .p1-account-hero, .p1-alert, .p1-number-toolbar, .p1-summary-card, .p1-bet-panel, .p1-bet-builder, .p1-bet-summary, .p1-result-item, .p1-table-wrap, .p1-checkout-steps > div, .p1-market-bar, .p1-header, .p1-live-head, .p1-section-soft { background:#fff !important; border-color:#dce5f1 !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-result-preview, .p1-cta-band, .p1-account-hero { background:#064a9a !important; border-color:#064a9a !important; }
.p1-footer { background:#063a78 !important; border:0 !important; backdrop-filter:none; -webkit-backdrop-filter:none; }
.p1-footer .p1-footer-utility-card { background:transparent !important; border:0 !important; box-shadow:none !important; }
.p1-footer .p1-footer-utility-card > i { background:transparent !important; border:0 !important; color:#fff !important; box-shadow:none !important; }
.p1-footer .p1-footer-brand img { filter:brightness(0) invert(1); }
.p1-hero-copy { min-height:510px; }
.p1-hero-copy-bg::after, .p1-hero-copy-fade { display:none; }
.p1-hero-copy-bg img { object-position:82% center; opacity:.14; }
@media (max-width:820px) { .p1-hero-copy { min-height:auto; } .p1-hero-copy-inner { padding:34px 25px; } .p1-hero-copy-bg img { opacity:.09; } }

/* P5.2 — Last draw rendered as lottery balls, never inline digits. */
.p1-game-draw { display:grid !important; gap:10px !important; margin-top:18px; padding:15px 0 2px; border-top:1px solid #dfe8f3; }
.p1-game-draw-head { display:flex !important; align-items:center; justify-content:space-between; gap:10px; color:#5d718e; font-size:10px; font-weight:800; line-height:1.2; }
.p1-game-draw-head > span { display:inline-flex; align-items:center; gap:6px; }
.p1-game-draw-head i { color:var(--tone); font-size:11px; }
.p1-game-draw-head strong { color:#17284a; font:800 11px var(--font-numeric); white-space:nowrap; }
.p1-game-draw-balls { display:flex !important; flex-wrap:wrap !important; align-items:center; gap:7px !important; min-height:34px; }
.p1-game-draw-balls span { display:grid !important; width:34px !important; height:34px !important; min-width:34px; place-items:center; border-radius:50% !important; background:var(--tone) !important; border:2px solid #fff !important; color:#fff !important; box-shadow:0 4px 10px color-mix(in srgb, var(--tone) 28%, transparent); font:800 10px var(--font-numeric) !important; line-height:1 !important; }
.p1-game-draw small { display:block; color:#71839d; font-size:9px; line-height:1.35; }
@media (max-width:640px) { .p1-game-draw-balls { gap:6px !important; } .p1-game-draw-balls span { width:32px !important; height:32px !important; min-width:32px; } }

/* P5.3 — One scrollbar language across public pages, panels and AdminCP. */
html, body, *, *::before, *::after { scrollbar-width:thin; scrollbar-color:#0b5cad #e7eff8; }
*::-webkit-scrollbar { width:11px; height:11px; }
*::-webkit-scrollbar-track { background:#e7eff8; border-radius:999px; }
*::-webkit-scrollbar-thumb { background:#0b5cad; border:3px solid #e7eff8; border-radius:999px; }
*::-webkit-scrollbar-thumb:hover { background:#079b50; }
*::-webkit-scrollbar-corner { background:#e7eff8; }
.p1-admin-shell aside, .p1-admin-shell nav, .p1-admin-shell [class*="overflow-y-auto"] { scrollbar-color:#4c8fd2 #071d42; }
.p1-admin-shell aside::-webkit-scrollbar-track, .p1-admin-shell nav::-webkit-scrollbar-track, .p1-admin-shell [class*="overflow-y-auto"]::-webkit-scrollbar-track { background:#071d42; }
.p1-admin-shell aside::-webkit-scrollbar-thumb, .p1-admin-shell nav::-webkit-scrollbar-thumb, .p1-admin-shell [class*="overflow-y-auto"]::-webkit-scrollbar-thumb { background:#4c8fd2; border-color:#071d42; }
.p1-admin-shell aside::-webkit-scrollbar-thumb:hover, .p1-admin-shell nav::-webkit-scrollbar-thumb:hover, .p1-admin-shell [class*="overflow-y-auto"]::-webkit-scrollbar-thumb:hover { background:#27b56e; }

/* P5.4 — full-width campaign, complete results and aligned footer structure. */
.p5-home-banner { width:100%; padding:0 0 56px; }
.p5-home-banner-link { width:100%; border-radius:0; box-shadow:none; }
.p5-home-banner-link img { width:100%; max-width:none; height:auto; aspect-ratio:auto; object-fit:contain; }

.p5-all-results { padding:25px 28px; }
.p5-all-results .p1-result-brand { margin-top:20px; font-size:19px; }
.p5-result-list { display:grid; gap:12px; margin-top:16px; }
.p5-result-row { padding:12px 0 11px; border-top:1px solid rgba(255,255,255,.22); }
.p5-result-row:first-child { padding-top:0; border-top:0; }
.p5-result-row-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.p5-result-row-head > div { display:grid; gap:2px; }
.p5-result-row-head strong { color:#fff; font-size:13px; font-weight:800; }
.p5-result-row-head span { color:#bcd3f3; font-size:9px; }
.p5-result-row-head b { color:#dceaff; font:800 9px var(--font-numeric); white-space:nowrap; }
.p5-result-balls { display:flex; flex-wrap:wrap; gap:5px; margin-top:9px; }
.p5-result-balls span { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:#fff; color:var(--tone); font:800 9px var(--font-numeric); }
.p5-result-row small { display:block; margin-top:7px; color:#bcd3f3; font-size:9px; }

.p1-footer { padding:60px 0 26px; }
.p1-footer-grid { display:grid; grid-template-columns:minmax(250px,1.42fr) minmax(145px,.72fr) minmax(180px,.9fr) minmax(245px,1.12fr); align-items:start; gap:44px; }
.p1-footer-brand, .p1-footer-nav, .p1-footer-pots, .p1-footer-contact { min-width:0; }
.p1-footer-nav { display:grid; align-content:start; gap:3px; }
.p1-footer-grid h4 { margin:0 0 14px; }
.p1-footer-nav a { display:inline-flex !important; width:max-content; padding:4px 0 !important; color:#c7d9f0; }
.p1-footer-nav a:hover { color:#fff; }
.p1-footer-pots { display:grid; align-content:start; }
.p1-footer-pot { min-height:31px; padding:7px 0; }
.p1-footer-contact { display:grid; align-content:start; gap:10px; }
.p1-footer-contact .p1-footer-small { margin:0; max-width:310px; }
.p1-footer-whatsapp { display:inline-flex !important; align-items:center; gap:7px; width:max-content; margin:0 !important; }
.p1-footer-compliance { margin-top:42px; padding-top:30px; }
.p1-footer-compliance-head { grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr); align-items:center; gap:56px; }
.p1-footer-compliance-head h4 { margin-top:7px; }
.p1-footer-compliance-head p { margin:0; }
.p1-footer-partners { min-height:38px; gap:18px 28px; margin-top:20px; }
.p1-footer-utility-grid { margin-top:28px; padding-top:27px; gap:25px; }
.p1-footer-bottom { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:18px; margin-top:38px; }
.p1-footer-bottom span:nth-child(2) { text-align:center; }
.p1-footer-bottom span:last-child { text-align:right; }
@media (max-width:980px) {
  .p1-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 48px; }
  .p1-footer-compliance-head { grid-template-columns:1fr; gap:14px; }
  .p1-footer-bottom { grid-template-columns:1fr; text-align:center; }
  .p1-footer-bottom span:last-child, .p1-footer-bottom span:nth-child(2) { text-align:center; }
}
@media (max-width:640px) {
  .p5-home-banner { padding-bottom:36px; }
  .p5-home-banner-link img { min-height:0; object-position:center; }
  .p5-all-results { padding:22px; }
  .p5-result-row-head { align-items:center; }
  .p1-footer-grid, .p1-footer-utility-grid { grid-template-columns:1fr; gap:25px; }
  .p1-footer { padding-top:44px; }
  .p1-footer-compliance { margin-top:32px; padding-top:24px; }
}

/* P5.5 — mandatory confirmations, richer live-draw metadata and final footer alignment. */
.p1-footer .p1-footer-brand img { filter:drop-shadow(0 8px 16px rgba(0,0,0,.32)) !important; opacity:1; }
.p1-footer .p1-footer-wordmark { display:inline-flex; align-items:center; border-radius:12px; }
.p1-footer .p1-kicker { color:#73dcab; }
.p1-footer-compliance-head { grid-template-columns:minmax(0,1fr) minmax(350px,.92fr); gap:64px; }
.p1-footer-compliance-head > div { min-width:0; }
.p1-footer-compliance-head p { max-width:560px; justify-self:end; color:#e0edff; line-height:1.65; }
.p1-footer-partners { align-items:center; }
.p1-footer-partner { color:#fff; }
.p1-footer-utility-card { align-items:flex-start; }

.p5-draw-meta { display:flex; flex-wrap:wrap; gap:5px 11px; color:#667b98; font-size:9px; line-height:1.4; }
.p5-draw-meta span { display:inline-flex; align-items:center; gap:4px; }
.p5-draw-meta span + span::before { content:''; width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.65; }
.p5-result-row .p5-draw-meta { margin-top:7px; color:#cfe0f7; }

body.p5-modal-open { overflow:hidden; }
.p5-required-modal,
.p5-confirm-modal { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; padding:24px; background:rgba(3,17,42,.78); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); overflow:auto; }
.p5-required-modal-card,
.p5-confirm-modal-card { width:min(100%, 620px); max-height:calc(100vh - 48px); overflow:auto; padding:34px; border:1px solid rgba(255,255,255,.55); border-radius:26px; background:#fff; box-shadow:0 30px 90px rgba(0,0,0,.42); color:#102142; }
.p5-required-modal-card { display:grid; gap:15px; }
.p5-required-modal-icon { display:grid; width:48px; height:48px; place-items:center; border-radius:14px; background:#eaf2ff; color:#0754ad; font-size:20px; }
.p5-required-modal-card h1,
.p5-confirm-modal-card h2 { margin:0; color:#102142; font-size:clamp(24px,3vw,34px); line-height:1.08; letter-spacing:-.035em; }
.p5-required-modal-card > p,
.p5-confirm-modal-card > p { margin:0; color:#5e728f; font-size:15px; line-height:1.62; }
.p5-required-modal-card small { color:#71839d; font-size:12px; line-height:1.45; }
.p5-required-modal-action { justify-self:start; margin-top:3px; }
.p5-required-modal-page { padding-top:32px; }
.p5-accept-modal-card { width:min(100%, 920px); }
.p5-accept-modal-card .p3-accept-summary { margin:2px 0 0; }
.p5-confirm-modal-card { width:min(100%, 490px); display:grid; gap:15px; }
.p5-confirm-modal-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:4px; }
@media (max-width:980px) {
  .p1-footer-compliance-head { grid-template-columns:1fr; gap:15px; }
  .p1-footer-compliance-head p { justify-self:start; max-width:680px; }
}
@media (max-width:640px) {
  .p5-required-modal,
  .p5-confirm-modal { padding:14px; align-items:end; }
  .p5-required-modal-card,
  .p5-confirm-modal-card { max-height:calc(100vh - 28px); padding:25px 21px; border-radius:22px; }
  .p5-required-modal-action { width:100%; justify-content:center; }
  .p5-confirm-modal-actions { display:grid; grid-template-columns:1fr; }
  .p5-confirm-modal-actions .p1-btn { justify-content:center; }
}

/* P6 — commercial journey: group, numbers, PIX confirmation and participation. */
.p6-journey { padding:0 0 68px; background:#f6f9fd; }
.p6-journey .p1-section-head { padding-top:0; margin-bottom:25px; }
.p6-journey-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin:0; padding:0; list-style:none; }
.p6-journey-steps li { position:relative; display:flex; align-items:flex-start; gap:12px; min-height:112px; padding:20px 17px; border:1px solid #dbe7f4; border-radius:18px; background:#fff; box-shadow:0 12px 26px rgba(20,53,101,.055); }
.p6-journey-steps li:not(:last-child)::after { content:'›'; position:absolute; z-index:1; right:-14px; top:50%; display:grid; width:28px; height:28px; place-items:center; transform:translateY(-50%); border-radius:50%; background:#0b5cad; color:#fff; font-size:23px; line-height:1; box-shadow:0 4px 11px rgba(11,92,173,.2); }
.p6-journey-steps li > span { display:grid; flex:0 0 auto; width:31px; height:31px; place-items:center; border-radius:50%; background:#e9f2ff; color:#0754ad; font:800 12px var(--font-numeric); }
.p6-journey-steps strong { display:block; color:#132545; font-size:14px; line-height:1.25; }
.p6-journey-steps small { display:block; margin-top:5px; color:#637896; font-size:11px; line-height:1.52; }
.p6-journey-note { display:flex; align-items:flex-start; gap:11px; max-width:900px; margin:22px auto 0; padding:15px 18px; border:1px solid #bfe8d2; border-radius:14px; background:#effaf4; color:#426179; font-size:12px; line-height:1.55; }
.p6-journey-note i { margin-top:2px; color:#079b50; font-size:16px; }
.p6-journey-note strong { color:#174b3c; }
.p6-payment-assurance { display:grid; gap:9px; margin:18px 0 0; padding:15px 0 0; border-top:1px solid #dce7f3; }
.p6-payment-assurance span { display:flex; align-items:flex-start; gap:8px; color:#5f7592; font-size:11px; line-height:1.4; }
.p6-payment-assurance i { width:15px; margin-top:1px; color:#079b50; text-align:center; }
@media (max-width:980px) {
  .p6-journey-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; }
  .p6-journey-steps li:nth-child(2)::after { display:none; }
}
@media (max-width:640px) {
  .p6-journey { padding-bottom:45px; }
  .p6-journey-steps { grid-template-columns:1fr; gap:12px; }
  .p6-journey-steps li { min-height:0; padding:17px; }
  .p6-journey-steps li::after { display:none; }
  .p6-journey-note { margin-top:15px; padding:14px; }
}

/* P7 — concise access/terms modal and autonomous PIX checkout feedback. */
.p6-auth-dialog { width:min(680px,calc(100vw - 32px)); max-height:calc(100vh - 32px); padding:28px 30px 30px; overflow-y:auto; }
.p6-auth-dialog .p4-auth-head { padding-right:54px; }
.p6-auth-dialog .p4-auth-head h2 { margin:6px 0 0; color:#102142; }
.p6-auth-dialog .p4-auth-head p { max-width:545px; font-size:14px; line-height:1.55; }
.p6-auth-dialog .p4-auth-draft { margin-top:18px; padding:15px 17px; border:1px solid #d5e5f7; border-radius:16px; background:#f5f9ff !important; box-shadow:none !important; }
.p6-auth-dialog .p4-auth-draft-balls span { width:35px; height:35px; font-size:11px; }
.p6-auth-journey { display:flex; align-items:center; gap:9px; margin:17px 0 3px; color:#647995; font-size:11px; font-weight:700; }
.p6-auth-journey span { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.p6-auth-journey b { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:#e4efff; color:#0754ad; font:800 9px var(--font-numeric); }
.p6-auth-journey i { flex:1; height:1px; min-width:12px; background:#d8e5f3; }
.p6-auth-dialog .p4-auth-tabs { margin-top:15px; gap:9px; }
.p6-auth-dialog .p4-auth-tabs button { border-radius:12px; padding:11px 13px; }
.p6-auth-dialog .p4-auth-panel { margin-top:14px; }
.p6-auth-dialog .p1-form-grid-2 { gap:10px 12px; }
.p6-auth-dialog .p1-field label { font-size:11px; }
.p6-auth-terms { margin-top:5px; padding:12px; border:1px solid #d8e5f3; border-radius:12px; background:#f8fbff; font-size:12px; line-height:1.5; }
.p6-auth-terms strong { display:block; margin-bottom:2px; color:#173b8f; font-size:11px; }
.p6-ticket-link { margin-top:12px; }
.p6-payment-watch { display:flex; align-items:flex-start; gap:10px; margin-top:16px; padding:13px 14px; border:1px solid #bfdaee; border-radius:14px; background:#f3f9ff; color:#41627f; }
.p6-payment-watch > i { margin-top:2px; color:#0754ad; animation:p6-payment-spin 1.5s linear infinite; }
.p6-payment-watch strong { display:block; color:#193e70; font-size:12px; }
.p6-payment-watch small { display:block; margin-top:3px; font-size:11px; line-height:1.45; }
.p6-payment-watch.is-confirmed { border-color:#a9e1c3; background:#effaf4; }
.p6-payment-watch.is-confirmed > i { color:#079b50; animation:none; }
@keyframes p6-payment-spin { to { transform:rotate(360deg); } }
@media (max-width:640px) {
  .p6-auth-dialog { width:min(100%,calc(100vw - 20px)); max-height:calc(100vh - 20px); padding:22px 18px; border-radius:22px; }
  .p6-auth-dialog .p4-auth-head { padding-right:42px; }
  .p6-auth-journey { gap:6px; font-size:10px; }
  .p6-auth-journey span { gap:4px; }
  .p6-auth-dialog .p4-auth-draft-balls { gap:5px; }
  .p6-auth-dialog .p4-auth-draft-balls span { width:31px; height:31px; }
}

/* P8 — dedicated legal acceptance screen: no header/footer can cover the controls. */
.p6-legal-main { min-height:100vh; }
.p6-legal-screen { display:grid; min-height:100vh; place-items:center; padding:48px 20px; background:radial-gradient(circle at 15% 12%,rgba(32,146,222,.16),transparent 33%),radial-gradient(circle at 88% 85%,rgba(7,155,80,.13),transparent 31%),#eff5fb; }
.p6-legal-card { width:min(100%,720px); padding:34px; border:1px solid #d7e4f1; border-radius:28px; background:#fff; box-shadow:0 28px 78px rgba(17,48,94,.16); }
.p6-legal-card > .p1-kicker { display:block; margin-top:17px; }
.p6-legal-card h1 { margin:7px 0 8px; color:#102142; font-size:clamp(28px,3vw,39px); letter-spacing:-.04em; line-height:1.06; }
.p6-legal-card > p { max-width:630px; margin:0; color:#5c718f; font-size:15px; line-height:1.6; }
.p6-legal-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:23px 0 17px; }
.p6-legal-summary span { display:flex; align-items:flex-start; gap:8px; padding:12px; border:1px solid #dce8f3; border-radius:13px; color:#55708e; font-size:11px; font-weight:650; line-height:1.42; }
.p6-legal-summary i { margin-top:1px; color:#079b50; }
.p6-legal-form { display:grid; gap:10px; padding-top:18px; border-top:1px solid #dde7f2; }
.p6-legal-form label { display:flex; align-items:flex-start; gap:10px; padding:13px 14px; border:1px solid #d4e1ef; border-radius:14px; background:#f8fbff; color:#3e5877; font-size:13px; line-height:1.5; cursor:pointer; transition:border-color .2s ease,background .2s ease; }
.p6-legal-form label:has(input:checked) { border-color:#72c99c; background:#f0faf4; }
.p6-legal-form input { width:18px; height:18px; flex:0 0 auto; margin:1px 0 0; accent-color:#079b50; cursor:pointer; }
.p6-legal-form a { color:#0754ad; font-weight:800; text-decoration:underline; }
.p6-legal-form .p1-btn { justify-self:start; margin-top:8px; }
.p6-legal-form small { color:#71839d; font-size:11px; }
@media (max-width:680px) {
  .p6-legal-screen { align-items:start; padding:22px 12px; }
  .p6-legal-card { padding:25px 19px; border-radius:22px; }
  .p6-legal-summary { grid-template-columns:1fr; gap:8px; margin:18px 0 14px; }
  .p6-legal-form .p1-btn { width:100%; justify-content:center; }
}

/* P9 — PIX is shown only after a usable QR/Copia e Cola was created. */
.p7-pix-retry { display:flex; align-items:flex-start; gap:13px; margin:22px 0 16px; padding:16px; border:1px solid #f1cf93; border-radius:15px; background:#fff9ec; color:#785a22; }
.p7-pix-retry > i { display:grid; flex:0 0 auto; width:34px; height:34px; place-items:center; border-radius:10px; background:#fff; color:#bb6b00; box-shadow:0 3px 10px rgba(122,83,19,.1); }
.p7-pix-retry strong { display:block; color:#654910; font-size:13px; }
.p7-pix-retry p { margin:4px 0 0; font-size:12px; line-height:1.55; }
.p7-pix-help { margin:13px 2px 0; color:#697f9d; font-size:11px; line-height:1.55; }
.p7-pix-help strong { color:#274a7d; }

/* P10 — active group draws shown directly below each home-market option. */
.p10-cycle-draw { display:grid; grid-column:1/-1; gap:7px; margin-top:1px; padding-top:10px; border-top:1px solid #e2eaf3; }
.p10-cycle-draw-head { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#607590; font-size:9px; font-weight:800; line-height:1.2; }
.p10-cycle-draw-head > span { display:inline-flex; align-items:center; gap:5px; text-transform:uppercase; letter-spacing:.06em; }
.p10-cycle-draw-head i { color:var(--tone); font-size:10px; }
.p10-cycle-draw-head strong { color:#263e60; font:800 9px var(--font-numeric); white-space:nowrap; }
.p10-cycle-balls { display:flex; align-items:center; gap:4px; min-width:0; overflow:hidden; }
.p10-cycle-balls span { display:grid; flex:0 0 auto; width:22px; height:22px; place-items:center; border:1px solid color-mix(in srgb,var(--tone) 24%,#fff); border-radius:50%; background:var(--tone-soft); color:var(--tone); font:800 8px var(--font-numeric); line-height:1; }
.p10-cycle-balls.is-provisional span { border-style:dashed; background:#f7f9fd; color:#72849e; }
.p10-cycle-balls em { display:grid; flex:0 0 auto; width:17px; height:22px; place-items:center; color:#7386a0; font:900 16px/1 var(--font-numeric); font-style:normal; letter-spacing:1px; }
.p10-cycle-draw small { display:block; overflow:hidden; color:#71839d; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:640px) {
  .p10-cycle-draw { gap:6px; padding-top:9px; }
  .p10-cycle-balls span { width:21px; height:21px; font-size:8px; }
}

/* P11 — editable full-width campaign carousel directly below the header. */
.p11-home-slider[data-home-carousel] { display:block !important; width:100%; padding:0; background:#062d62; }
.p11-home-slider-frame { position:relative; width:100%; overflow:hidden; }
.p11-home-slide { display:none; width:100%; }
.p11-home-slide.is-active { display:block; animation:p11-slide-in .42s ease; }
.p11-home-slide-link { position:relative; display:block; width:100%; color:#fff; }
.p11-home-slide-link img { display:block; width:100%; aspect-ratio:2172/724; object-fit:cover; object-position:center; }
.p11-home-slide-overlay { position:absolute; z-index:1; left:clamp(20px,6vw,115px); bottom:clamp(20px,4vw,64px); display:grid; max-width:min(380px,45vw); gap:8px; padding:18px 20px; border:1px solid rgba(255,255,255,.36); border-radius:16px; background:rgba(4,29,70,.82); box-shadow:0 15px 38px rgba(0,15,42,.25); }
.p11-home-slide-overlay strong { color:#fff; font-size:clamp(17px,2vw,27px); line-height:1.08; letter-spacing:-.03em; }
.p11-home-slide-overlay small { color:#dcecff; font-size:13px; line-height:1.45; }
.p11-home-slide-overlay b { display:inline-flex; align-items:center; gap:8px; margin-top:3px; color:#74e2aa; font-size:12px; }
.p11-home-slide-nav { position:absolute; z-index:2; top:50%; display:grid; width:42px; height:42px; place-items:center; transform:translateY(-50%); border:1px solid rgba(255,255,255,.52); border-radius:50%; background:rgba(3,24,62,.65); color:#fff; cursor:pointer; transition:background .2s ease,transform .2s ease; }
.p11-home-slide-nav:hover { background:#0754ad; transform:translateY(-50%) scale(1.06); }
.p11-home-slide-nav.is-prev { left:22px; }
.p11-home-slide-nav.is-next { right:22px; }
.p11-home-slide-dots { display:flex; justify-content:center; gap:7px; padding:10px; background:#fff; }
.p11-home-slide-dots button { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:#b9c7d8; cursor:pointer; transition:width .2s ease,background .2s ease; }
.p11-home-slide-dots button.is-active { width:29px; background:#079b50; }
@keyframes p11-slide-in { from { opacity:.3; } to { opacity:1; } }
@media (max-width:760px) {
  .p11-home-slide-link img { min-height:260px; aspect-ratio:1.52/1; object-position:60% center; }
  .p11-home-slide-nav { width:34px; height:34px; font-size:12px; }
  .p11-home-slide-nav.is-prev { left:10px; }
  .p11-home-slide-nav.is-next { right:10px; }
  .p11-home-slide-overlay { left:15px; right:15px; bottom:18px; max-width:calc(100% - 30px); padding:13px 15px; }
  .p11-home-slide-overlay small { font-size:11px; }
}

/* P12 — transparency, operational disclosure and consistent rounded cards. */
.p1-live-panel { border-radius:30px !important; overflow:hidden; }
.p1-live-head { border-radius:21px 21px 0 0; }
.p12-minimum-note { grid-column:2 / -1; display:block; margin:-3px 4px 5px; color:#526987; font-size:11px; line-height:1.35; }
.p12-minimum-note i, .p12-game-rule i { color:#06934c; margin-right:5px; }
.p12-game-rule { margin:14px 0 2px; min-height:38px; color:#526987; font-size:12px; line-height:1.5; }
.p12-option-minimum { display:block; margin-top:5px; color:#526987; font-size:10px; line-height:1.35; }
.p12-winner-comment { margin:24px 0 0; padding:18px 20px; border-radius:18px; background:#f0f7f4; border:1px solid #d8eee0; color:#23435a; }
.p12-winner-comment > i { color:#079b50; font-size:16px; }
.p12-winner-comment p { margin:8px 0; line-height:1.55; font-size:13px; }
.p12-winner-comment footer { font-size:12px; font-weight:750; color:#145b39; }
.p12-winner-pending { display:flex; gap:8px; align-items:flex-start; margin:22px 0 0 !important; padding:14px 0 0; border-top:1px solid #e4ebf3; font-size:12px !important; }
.p12-winner-pending i { color:#079b50; margin-top:2px; }
.p12-payment-disclosure { margin-top:15px; padding:14px; border-radius:14px; background:#f6f9fd; border:1px solid #dce5f1; color:#526987; font-size:12px; line-height:1.55; }
.p12-payment-disclosure strong { display:block; color:#123462; margin-bottom:4px; }
.p12-results-disclosure { display:flex; gap:10px; margin:0 0 22px; padding:14px 16px; border:1px solid #cfe0f6; border-radius:16px; background:#f5f9ff; color:#35587d; font-size:13px; line-height:1.5; }
.p12-results-disclosure i { color:#0754ad; margin-top:2px; }
@media (max-width:640px) { .p12-minimum-note { grid-column:1 / -1; margin:0 4px 5px; } .p1-live-panel { border-radius:24px !important; } }

/* P13 — touch-first bet and PIX flow. All actionable controls remain 44px+. */
@media (max-width:640px) {
  .p1-game-option { min-height:76px; padding:16px; border-radius:18px; }
  .p1-game-option strong { font-size:15px; }
  .p1-game-option small { font-size:11px; }
  .p1-game-option em { font-size:14px; }
  .p1-tool-btn { min-height:44px; padding:0 13px; font-size:12px; border-radius:13px; }
  .p1-number-tools { gap:8px; }
  .p1-number-btn { min-width:44px; min-height:44px; aspect-ratio:auto; border-radius:14px; font-size:13px; }
  .p1-number-grid { grid-template-columns:repeat(6,minmax(44px,1fr)); gap:7px; overflow-x:auto; padding-bottom:2px; }
  .p1-selection-count { font-size:13px; }
  .p1-bet-summary { padding:22px 18px; }
  .p1-bet-summary .p1-btn { min-height:52px; font-size:15px; }
  .p1-checkout-steps { flex-wrap:nowrap; overflow-x:auto; scroll-snap-type:x mandatory; padding:2px 2px 8px; }
  .p1-checkout-steps::before { display:none; }
  .p1-checkout-steps > div { flex:0 0 min(84vw,270px); min-width:0; scroll-snap-align:start; }
  .p1-copy-box textarea { min-height:90px; padding:13px; font-size:12px; line-height:1.5; }
  .p1-copy-box .p1-btn, .p1-pix-card .p1-btn { min-height:50px; font-size:14px; }
  .p1-order-balls { gap:7px; }
  .p1-order-balls span { width:40px; height:40px; font-size:12px; }
}