/* ── CT Play3 — LottoMom.com ── */
:root {
  --bg:#080f08;--surface:#0c160c;--card:#101e10;--border:#1a361a;
  --gold:#d4a017;--gold2:#b8880f;--accent:#22c55e;--accent2:#4ade80;
  --text:#e8ffe8;--muted:#3a6e3a;--green:#22c55e;--red:#f87171;
  --radius:14px;--font-head:'Oswald',sans-serif;--font-body:'DM Sans',sans-serif;--font-mono:'DM Mono',monospace;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased;}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 50% -5%,rgba(34,197,94,0.15) 0%,transparent 55%);}
.p3-wrap{max-width:640px;margin:0 auto;position:relative;z-index:1;}
.p3-nav{display:flex;justify-content:center;gap:20px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,0.07);background:rgba(8,15,8,0.95);backdrop-filter:blur(8px);flex-wrap:wrap;}
.p3-nav a{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.4);text-decoration:none;}
.p3-nav a.active,.p3-nav a:hover{color:var(--accent);}
.p3-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.4);text-decoration:none;padding:14px 20px 0;transition:color 0.15s;}
.p3-back:hover{color:var(--gold);}
.lm-ad-banner,.lm-ad-midpage,.lm-ad-badge{display:none;text-align:center;padding:10px 16px;}
.lm-ad-banner-inner,.lm-ad-mid-inner{background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.1);border-radius:8px;padding:8px;display:inline-block;max-width:100%;}
.lm-ad-label{display:block;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.2);margin-bottom:5px;}
.lm-ad-sponsor-label{display:block;font-size:10px;color:rgba(255,255,255,0.25);margin-top:5px;}
.lm-ad-badge-inner{font-size:11px;color:rgba(255,255,255,0.3);}
.lm-ad-badge-inner a{color:var(--gold);text-decoration:none;}
.p3-header{text-align:center;padding:30px 20px 10px;}
.p3-state-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--accent2);border:1px solid rgba(74,222,128,0.3);padding:4px 14px;border-radius:100px;background:rgba(34,197,94,0.08);margin-bottom:12px;}
.p3-title{font-family:var(--font-head);font-size:46px;font-weight:700;line-height:1;letter-spacing:0.02em;color:#fff;margin-bottom:6px;}
.p3-title span{color:var(--accent2);}
.p3-subtitle{font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:18px;}
.p3-divider{width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 20px;}
.p3-draw-selector{display:flex;gap:10px;margin:0 16px 16px;background:rgba(255,255,255,0.04);border-radius:10px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;}
.p3-draw-btn{flex:1;padding:11px 8px;background:none;border:none;font-family:var(--font-body);font-size:13px;font-weight:700;color:rgba(255,255,255,0.35);cursor:pointer;transition:all 0.2s;letter-spacing:0.04em;}
.p3-draw-btn.active{background:rgba(34,197,94,0.15);color:var(--accent2);}
.p3-banner{margin:0 16px 20px;background:linear-gradient(135deg,rgba(0,40,0,0.6),rgba(0,20,0,0.8));border:1px solid rgba(34,197,94,0.25);border-radius:var(--radius);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.p3-banner-label{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.p3-top-prize{font-family:var(--font-head);font-size:32px;color:var(--accent2);line-height:1;}
.p3-banner-meta{font-size:11px;color:rgba(255,255,255,0.35);margin-top:4px;}
.p3-next{text-align:right;}
.p3-next-label{font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;}
.p3-next-day{font-family:var(--font-head);font-size:20px;color:var(--accent2);line-height:1;}
.p3-next-time{font-size:11px;color:rgba(255,255,255,0.35);margin-top:3px;}
.tabs{display:flex;gap:0;margin:0 16px 20px;background:rgba(255,255,255,0.04);border-radius:10px;border:1px solid rgba(255,255,255,0.08);overflow:hidden;}
.tab-btn{flex:1;padding:11px 6px;background:none;border:none;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:rgba(255,255,255,0.35);cursor:pointer;transition:all 0.2s;}
.tab-btn.active{background:rgba(34,197,94,0.12);color:var(--accent2);}
.tab-btn:hover:not(.active){color:rgba(255,255,255,0.6);}
.tab-panel{display:none;}.tab-panel.active{display:block;}
.p3-play-area{padding:0 16px 20px;display:flex;flex-direction:column;gap:16px;}
.p3-section-label{font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
/* 3-digit display */
.p3-digit-display{display:flex;gap:12px;justify-content:center;margin:12px 0;}
.p3-digit{width:70px;height:90px;background:linear-gradient(145deg,#0c1a0c,#060e06);border:2px solid rgba(34,197,94,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:44px;font-weight:700;color:rgba(255,255,255,0.2);transition:all 0.4s;position:relative;}
.p3-digit.revealed{border-color:var(--accent2);color:#fff;box-shadow:0 4px 24px rgba(34,197,94,0.35);background:linear-gradient(145deg,#0f2e0f,#061806);animation:p3Pop 0.35s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes p3Pop{0%{transform:scale(0.7);opacity:0}100%{transform:scale(1);opacity:1}}
.p3-pick-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;}
.p3-digit-input{display:flex;gap:12px;justify-content:center;margin-bottom:14px;}
.p3-digit-btn-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;}
.p3-digit-sel{width:70px;height:90px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:44px;font-weight:700;color:rgba(255,255,255,0.25);cursor:pointer;transition:all 0.15s;user-select:none;}
.p3-digit-sel.set{border-color:var(--accent);color:#fff;background:linear-gradient(145deg,#0f2e0f,#061806);box-shadow:0 2px 12px rgba(34,197,94,0.25);}
.p3-digit-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.15em;color:var(--muted);}
.p3-btn-row{display:flex;gap:10px;flex-wrap:wrap;}
.p3-btn{flex:1;min-width:100px;padding:12px 16px;border-radius:10px;border:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;transition:all 0.2s;}
.p3-btn-primary{background:linear-gradient(135deg,#0f5e0f,#063306);color:#fff;border:1px solid rgba(34,197,94,0.3);box-shadow:0 4px 16px rgba(34,197,94,0.15);}
.p3-btn-primary:hover{box-shadow:0 6px 24px rgba(34,197,94,0.35);transform:translateY(-1px);}
.p3-btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#080f08;box-shadow:0 4px 16px rgba(212,160,23,0.3);}
.p3-btn-gold:hover{box-shadow:0 6px 24px rgba(212,160,23,0.5);transform:translateY(-1px);}
.p3-btn-ghost{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.1);}
.p3-btn-ghost:hover{border-color:rgba(255,255,255,0.25);color:rgba(255,255,255,0.8);}
.p3-result-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;text-align:center;display:none;}
.p3-result-card.show{display:block;animation:p3Fade 0.3s ease;}
@keyframes p3Fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.p3-result-title{font-family:var(--font-head);font-size:28px;margin-bottom:4px;}
.p3-result-sub{font-size:12px;color:var(--muted);}
.p3-win{color:var(--accent2);}.p3-lose{color:rgba(255,255,255,0.4);}
.p3-prize-table{width:100%;border-collapse:collapse;font-size:12px;}
.p3-prize-table th{font-family:var(--font-mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);}
.p3-prize-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,0.04);}
.p3-prize-table tr:last-child td{border-bottom:none;}
.p3-prize-match{font-weight:600;}.p3-prize-odds{color:var(--muted);font-family:var(--font-mono);font-size:11px;}.p3-prize-amt{color:var(--accent2);font-weight:700;font-family:var(--font-mono);font-size:11px;}
.p3-freq-area{padding:0 16px 20px;}
.p3-freq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.p3-freq-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;}
.p3-freq-title{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-weight:700;}
.p3-freq-ball-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;}
.p3-freq-ball{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace;font-size:16px;font-weight:700;flex-shrink:0;}
.p3-freq-ball.hot{background:linear-gradient(145deg,#7c1d1d,#450f0f);border:1px solid rgba(239,68,68,0.4);color:#fca5a5;}
.p3-freq-ball.cold{background:linear-gradient(145deg,#0a2e0a,#050e05);border:1px solid rgba(34,197,94,0.2);color:rgba(74,222,128,0.5);}
.p3-freq-bar-wrap{flex:1;background:rgba(255,255,255,0.06);border-radius:100px;height:5px;overflow:hidden;}
.p3-freq-bar{height:100%;border-radius:100px;transition:width 0.6s ease;}
.p3-freq-bar.hot{background:linear-gradient(90deg,#ef4444,#f97316);}
.p3-freq-bar.cold{background:linear-gradient(90deg,#22c55e,#16a34a);}
.p3-freq-count{font-family:var(--font-mono);font-size:11px;color:var(--muted);flex-shrink:0;width:28px;text-align:right;}
.p3-history-area{padding:0 16px 20px;}
.p3-history-row{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.p3-history-date{font-family:var(--font-mono);font-size:11px;color:var(--muted);min-width:80px;}
.p3-history-draw-type{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;padding:2px 7px;border-radius:100px;font-weight:600;}
.p3-history-draw-type.day{background:rgba(255,200,0,0.1);color:#ffc800;border:1px solid rgba(255,200,0,0.2);}
.p3-history-draw-type.eve{background:rgba(34,197,94,0.1);color:var(--accent2);border:1px solid rgba(34,197,94,0.2);}
.p3-history-number{font-family:'Courier New',monospace;font-size:22px;font-weight:700;color:#fff;letter-spacing:0.12em;}
.p3-stats-area{padding:0 16px 20px;display:flex;flex-direction:column;gap:14px;}
.p3-stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;}
.p3-stat-title{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-weight:700;}
.p3-stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(255,255,255,0.04);font-size:13px;}
.p3-stat-row:last-child{border-bottom:none;}
.p3-stat-key{color:rgba(255,255,255,0.5);}.p3-stat-val{font-weight:700;color:var(--text);font-family:var(--font-mono);font-size:12px;}
.p3-footer{text-align:center;padding:24px 20px 52px;margin-top:8px;border-top:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.22);font-size:11px;line-height:1.9;}
.p3-footer a{color:var(--gold);text-decoration:none;}
.p3-footer nav{display:flex;justify-content:center;gap:16px;margin-bottom:8px;flex-wrap:wrap;}
@media(max-width:440px){.p3-title{font-size:36px;}.p3-freq-grid{grid-template-columns:1fr;}}