:root{
  --peach:#f6c9a6;
  --peach2:#f4bf96;
  --pink:#ff1aa8;
  --pink2:#ff52c0;
  --red:#c50000;
  --blue:#0837c5;
  --navy:#18358f;
  --yellow:#ffe34a;
  --border:#d33;
  --text:#111;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Arial,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--peach);color:var(--text)}
a{color:inherit;text-decoration:none}

.dp-top{background:var(--peach);border:2px solid var(--border);border-radius:0 0 10px 10px}
.dp-top-inner{max-width:980px;margin:0 auto;padding:10px 12px;display:flex;align-items:center;justify-content:center}
.dp-brand{display:flex;align-items:center;gap:10px}
.dp-logo{height:34px;width:auto;display:block}
.dp-brand-text{font-weight:900;font-size:22px;letter-spacing:.3px}

.dp-wrap{max-width:980px;margin:0 auto;padding:10px}
.dp-section{background:transparent;border:2px solid var(--border);border-radius:10px;overflow:hidden}
.dp-bar{background:linear-gradient(0deg,var(--pink),var(--pink2));color:#fff;text-align:center;font-weight:900;letter-spacing:.4px;padding:6px 10px;text-transform:uppercase;border-bottom:2px solid #b70070}
.dp-sub{text-align:center;font-style:italic;font-weight:700;padding:6px 10px}

.dp-live{display:flex;flex-direction:column}
.dp-live-item{padding:10px 10px;text-align:center;border-top:1px solid var(--border)}
.dp-live-item:first-child{border-top:none}
.dp-market{font-weight:900;color:var(--blue);text-transform:uppercase}
.dp-result{margin-top:3px;font-weight:900;color:var(--red);font-size:20px}
.dp-live-item .dp-result{font-size:22px}
.dp-pill{display:inline-block;margin-top:6px;background:var(--navy);color:#fff;border:none;border-radius:999px;padding:4px 10px;font-weight:900;font-size:12px;cursor:pointer}
.dp-pill:disabled{opacity:.6;cursor:not-allowed}
.dp-live-actions{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-top:2px solid var(--border)}

.dp-updated{animation:dpflash 1.2s ease-in-out 1}
@keyframes dpflash{0%{background:rgba(255,255,0,.45)}100%{background:transparent}}

.dp-notice-head{background:#b40000;color:#fff;text-align:center;font-weight:900;padding:6px 10px;letter-spacing:.6px}
.dp-notice{background:var(--peach2);border-top:2px solid var(--border)}
.dp-marquee{white-space:nowrap;overflow:hidden;padding:8px 10px;animation:dpscroll 18s linear infinite;font-size:13px;font-weight:700}
.dp-sep{margin:0 12px}
@keyframes dpscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.dp-market-list{border-top:2px solid var(--border)}
.dp-row{display:grid;grid-template-columns:70px 1fr 70px;align-items:stretch;border-top:1px solid var(--border)}
.dp-row:first-child{border-top:none}
.dp-side{display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:900;font-size:12px}
.dp-center{padding:8px 6px;text-align:center}
.dp-time{margin-top:2px;font-size:12px;font-weight:700;color:#111}

.dp-lucky{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--border)}
.dp-lucky-box{padding:10px 10px;text-align:center;border-left:1px solid var(--border)}
.dp-lucky-box:first-child{border-left:none}
.dp-lucky-title{color:var(--blue);font-weight:900;font-style:italic}
.dp-lucky-value{margin-top:4px;font-size:20px;font-weight:900}
.dp-lucky-list{margin-top:6px;font-size:12px;font-weight:800}

.dp-footer{margin:12px auto 0;max-width:980px;padding:0 10px 14px}
.dp-footer-inner{border:2px solid var(--border);border-radius:10px;padding:10px;background:var(--peach2);display:flex;justify-content:space-between;align-items:center}
.dp-admin{background:var(--navy);color:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}
.dp-footnote{font-weight:800;font-size:12px}

.dp-market-card{padding:10px;text-align:center;border-top:2px solid var(--border);background:rgba(255,255,255,.08)}
.dp-market-title{font-weight:900;color:var(--blue);font-size:20px;text-transform:uppercase}
.dp-market-result{margin-top:4px;font-weight:900;color:var(--red);font-size:26px}
.dp-small{margin-top:4px;font-size:12px;font-weight:800}
.dp-jodi{color:var(--red);font-weight:900}
.dp-go{display:inline-block;margin:10px auto 0;background:#8cc8ff;border:2px solid #3b6ea5;color:#003b70;font-weight:900;padding:8px 14px;border-radius:2px}
.dp-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.dp-side-btn{background:var(--navy);color:#fff;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}
.dp-back{display:inline-block;margin-top:12px;background:#fff;border:2px solid var(--border);border-radius:999px;padding:6px 12px;font-weight:900}

.dp-table-head{margin-top:10px;background:#2f4aa8;color:#fff;text-align:center;font-weight:900;padding:8px 10px;text-transform:uppercase}
.dp-table-wrap{overflow:auto;border-top:2px solid var(--border)}
.dp-table,.dp-panel-table{width:100%;border-collapse:collapse;background:transparent}
.dp-table th,.dp-table td,.dp-panel-table th,.dp-panel-table td{border:1px solid #000}
.dp-table th{background:var(--yellow);padding:6px 4px;font-weight:900}
.dp-table td{padding:10px 6px;text-align:center;background:rgba(255,255,255,.12)}
.dp-cell{font-weight:900;font-size:22px}
.dp-rep .dp-cell{color:var(--red)}
.dp-empty{padding:12px 8px;text-align:center;font-weight:800}

.dp-panel-table th{background:var(--yellow);padding:6px 4px;font-weight:900}
.dp-panel-table td{padding:6px 4px;text-align:center;background:rgba(255,255,255,.12)}
.dp-date{width:140px}
.dp-date-text{font-weight:900;font-size:12px}
.dp-panel-cell{position:relative;min-height:48px;display:flex;align-items:center;justify-content:center}
.dp-panel-main{font-weight:900;font-size:22px}
.dp-rep .dp-panel-main{color:var(--red)}
.dp-c{position:absolute;color:var(--red);font-weight:900;font-size:12px;line-height:1}
.dp-c.tl{left:4px;top:4px}
.dp-c.ml{left:4px;top:18px}
.dp-c.bl{left:4px;bottom:4px}
.dp-c.tr{right:4px;top:4px}
.dp-c.mr{right:4px;top:18px}
.dp-c.br{right:4px;bottom:4px}

.dp-keywords{padding:6px 10px;text-align:center;border-top:2px solid var(--border);font-weight:800}
.dp-small{font-size:12px}

@media (max-width:520px){
  .dp-row{grid-template-columns:62px 1fr 62px}
  .dp-result{font-size:18px}
  .dp-market-result{font-size:24px}
  .dp-lucky{grid-template-columns:1fr}
  .dp-lucky-box{border-left:none;border-top:1px solid var(--border)}
  .dp-lucky-box:first-child{border-top:none}
}