/* Pick 4 — p4-styles.css */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');
:root{--bg:#0d0d0d;--card:#1a1a1a;--card2:#1f1f1f;--border:#2a2a2a;--gold:#f5c518;--text:#e8e8e8;--muted:#888;--green:#4ade80;--red:#f87171;--blue:#60a5fa;--purple:#a78bfa;--radius:10px;}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;}
header{background:#111;border-bottom:1px solid var(--border);padding:16px 24px;display:flex;align-items:center;gap:16px;}
.lm-logo{font-size:1.3rem;font-weight:700;color:var(--gold);text-decoration:none;}
.p4-breadcrumb{color:var(--muted);font-size:.85rem;}
.p4-breadcrumb a{color:var(--gold);text-decoration:none;}
.p4-breadcrumb a:hover{text-decoration:underline;}
.p4-back{display:inline-flex;align-items:center;gap:6px;font-family:'DM Sans',sans-serif;font-size:.88rem;color:var(--muted);text-decoration:none;padding:10px 24px;border-bottom:1px solid var(--border);transition:color .2s;}
.p4-back:hover{color:var(--gold);}
.p4-ad-banner{background:var(--card);border-bottom:1px solid var(--border);padding:10px;text-align:center;}
.p4-ad-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);opacity:.55;margin-bottom:5px;}
.p4-ad-slot-728{background:#222;border-radius:4px;height:90px;max-width:728px;margin:0 auto;display:flex;align-items:center;justify-content:center;color:#444;font-size:.8rem;}
.p4-ad-rect{background:#222;border-radius:4px;height:250px;width:300px;display:flex;align-items:center;justify-content:center;color:#444;font-size:.8rem;margin:0 auto;}
.p4-ad-mid{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center;margin:28px 0;}
.p4-ad-side{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px;text-align:center;margin-bottom:20px;}
.p4-hero{background:linear-gradient(135deg,#111 0%,#0a001a 100%);padding:28px 24px 20px;border-bottom:1px solid var(--border);}
.p4-hero-inner{max-width:900px;margin:0 auto;}
.p4-hero h1{font-size:1.7rem;font-weight:700;color:var(--gold);}
.p4-hero p{color:var(--muted);font-size:.9rem;margin-top:4px;}
.p4-prize-badge{display:inline-block;margin-top:10px;background:#0a001a;border:1px solid #200040;border-radius:20px;padding:5px 16px;font-size:.82rem;color:var(--purple);font-weight:600;}
.p4-layout{max-width:900px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 300px;gap:24px;}
@media(max-width:720px){.p4-layout{grid-template-columns:1fr;}.p4-sidebar{display:none;}}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;}
.tab-btn{background:none;border:none;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.88rem;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.tab-btn:hover{color:var(--text);}
.tab-btn.active{color:var(--gold);border-bottom-color:var(--gold);}
.tab-panel{display:none;}
.tab-panel.active{display:block;}
/* Digit picker */
.p4-digits-row{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start;flex-wrap:wrap;}
.p4-digit-col{display:flex;flex-direction:column;align-items:center;gap:6px;}
.p4-digit-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);}
.p4-digit-display{width:64px;height:64px;border-radius:10px;background:var(--card2);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--gold);}
.p4-digit-btns{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;}
.p4-d-btn{width:28px;height:28px;border-radius:6px;background:var(--card2);border:1px solid var(--border);color:var(--text);font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.p4-d-btn:hover{border-color:var(--gold);color:var(--gold);}
.p4-d-btn.selected{background:var(--gold);color:#000;border-color:var(--gold);}
/* Play type selector */
.p4-play-types{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;}
.p4-type-btn{padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s;}
.p4-type-btn:hover{border-color:var(--purple);color:var(--purple);}
.p4-type-btn.active{background:var(--purple);color:#000;border-color:var(--purple);font-weight:600;}
.p4-btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;}
.p4-btn{padding:10px 20px;border-radius:8px;border:none;font-family:'DM Sans',sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;}
.p4-btn:hover{opacity:.85;}
.p4-btn-primary{background:var(--gold);color:#000;}
.p4-btn-secondary{background:var(--card2);color:var(--text);border:1px solid var(--border);}
.p4-btn-danger{background:#3a1010;color:var(--red);border:1px solid #5a2020;}
.p4-result-box{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:none;margin-bottom:20px;}
.p4-result-box.visible{display:block;}
.p4-result-title{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.p4-result-digits{display:flex;gap:10px;margin-bottom:10px;align-items:center;}
.p4-result-digit{width:48px;height:48px;border-radius:8px;background:#2a2a2a;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;}
.p4-result-digit.hit{background:var(--green);color:#000;border-color:var(--green);}
.p4-match-msg{font-size:.95rem;font-weight:600;color:var(--text);margin-top:8px;}
.p4-match-msg.winner{color:var(--green);}
/* Frequency — digits 0-9 */
.p4-freq-list{display:flex;flex-direction:column;gap:6px;}
.p4-freq-item{display:grid;grid-template-columns:36px 1fr 44px;align-items:center;gap:10px;}
.p4-freq-num{width:34px;height:34px;border-radius:8px;background:var(--card2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--gold);}
.p4-freq-bar-wrap{background:#1f1f1f;border-radius:4px;height:10px;overflow:hidden;}
.p4-freq-bar{height:100%;background:var(--gold);border-radius:4px;transition:width .6s ease;}
.p4-freq-bar.cold{background:var(--blue);}
.p4-freq-count{font-size:.8rem;color:var(--muted);text-align:right;}
.p4-toggle-row{display:flex;gap:8px;margin-bottom:16px;}
.p4-toggle-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:none;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s;}
.p4-toggle-btn.active{background:var(--gold);color:#000;border-color:var(--gold);font-weight:600;}
.p4-history-list{display:flex;flex-direction:column;gap:10px;}
.p4-history-item{background:var(--card2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;}
.p4-history-date{font-size:.8rem;color:var(--muted);}
.p4-history-draw{display:flex;gap:6px;align-items:center;}
.p4-h-digit{width:32px;height:32px;border-radius:6px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;}
.p4-history-type{font-size:.75rem;color:var(--purple);}
.p4-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:500px){.p4-stats-grid{grid-template-columns:1fr;}}
.p4-stat-card{background:var(--card2);border:1px solid var(--border);border-radius:var(--radius);padding:14px;}
.p4-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.p4-stat-value{font-size:1.3rem;font-weight:700;color:var(--gold);}
.p4-stat-sub{font-size:.78rem;color:var(--muted);margin-top:2px;}
.p4-sidebar-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px;margin-bottom:16px;}
.p4-sidebar-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;}
.p4-draw-info p{font-size:.85rem;color:var(--text);line-height:1.8;}
.p4-draw-info strong{color:var(--gold);}
.p4-number-chips{display:flex;flex-wrap:wrap;gap:6px;}
.p4-chip{background:var(--card2);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;color:var(--text);}
.p4-chip.hot{border-color:var(--gold);color:var(--gold);}
.p4-chip.cold{border-color:var(--blue);color:var(--blue);}
.p4-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:12px;}
.p4-notice{background:#111800;border:1px solid #2a2e00;border-radius:8px;padding:10px 14px;font-size:.8rem;color:#aab000;margin-bottom:16px;}