.homecard{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:16px 18px;margin:16px auto;max-width:950px;font-family:Poppins,sans-serif}
.homecard-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.homecard-header img{width:52px;border-radius:8px}
.homecard-title h3{font-size:1.2rem;font-weight:700;color:#426CE3;margin:0}
.homecard-title span{font-size:.8rem;color:#00bfa5;font-weight:500}
.homecard-draw{border-top:1px solid #e5e7eb;padding-top:10px;margin-top:10px}
.homecard-draw p{font-size:.9rem;font-weight:500;color:#444;margin-bottom:10px}
.homecard .balls{display:flex;gap:8px;flex-wrap:wrap}
.homecard .balls span{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;font-size:1.6rem;font-weight:700;color:#fff;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.homecard .balls span.tba{background:#f8fafc!important;color:#64748b!important;border:1.5px dashed #cbd5e1!important;width:auto!important;min-width:75px!important;height:42px!important;padding:0 18px!important;border-radius:999px!important;font-size:.85rem!important;letter-spacing:1.5px!important;box-shadow:none!important}
.homecard .balls .ball-2d{background:#ff4c4c}.homecard .balls .ball-3d{background:#0047ab}.homecard .balls .ball-4d{background:#01aafe}.homecard .balls .ball-6d{background:#ffbf00;color:#fff!important}.homecard .balls .ball-6-42{background:#b01c1f}.homecard .balls .ball-6-45{background:#9718ed}.homecard .balls .ball-6-49{background:#f52779}.homecard .balls .ball-6-55{background:#2754f5}.homecard .balls .ball-6-58{background:#00bfa5}
.homecard .balls span{transition:all .18s ease;cursor:pointer}
.homecard .balls span:hover{background:#fff!important;color:#000!important;transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.2)!important;border:1.5px solid #e5e7eb}
.homecard .balls span{transition:all .18s ease;cursor:pointer}
.homecard .balls span:hover{background:#fff!important;color:#000!important;transform:scale(1.08);box-shadow:0 4px 12px rgba(0,0,0,.2)!important;border:1.5px solid #e5e7eb}
.homecard .balls .ball-6-45{background:#9718ed}.homecard .balls .ball-6-49{background:#f52779}.homecard .balls .ball-6-55{background:#2754f5}.homecard .balls .ball-6-58{background:#00bfa5}
.stl-card{max-width:950px;margin:15px auto;padding:16px;background:#fff;border-radius:14px;border:1px solid #e5e7eb;border-top:6px solid;box-shadow:0 6px 18px rgba(0,0,0,.06)}
.stl-header{text-align:center;margin-bottom:10px}.stl-title{font-size:24px;font-weight:700}.stl-date{font-size:15px;color:#777}
.stl-draw{display:flex;justify-content:space-between;align-items:center;background:#f9fafb;border-radius:10px;padding:10px;margin-bottom:8px}
.stl-time{font-size:16px;font-weight:700;min-width:60px}
.stl-balls{display:flex;gap:6px}.stl-balls span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;font-weight:bold;border-radius:50%;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.stl-balls span.tba{background:#f8fafc!important;color:#64748b!important;border:1.5px dashed #cbd5e1!important;width:auto!important;min-width:68px!important;height:38px!important;padding:0 14px!important;border-radius:999px!important;font-size:13px!important;box-shadow:none!important}
.red-card span { background: #e74c3c; }
.red-card { border-top-color: #e74c3c; }
.orange-card span { background: #f39c12; }
.orange-card { border-top-color: #f39c12; }
.yellow-card span { background: #f1c40f; }
.yellow-card { border-top-color: #f1c40f; }
.green-card span { background: #27ae60; }
.green-card { border-top-color: #27ae60; }
.blue-card span { background: #2980b9; }
.blue-card { border-top-color: #2980b9; }
.purple-card span { background: #8e44ad; }
.purple-card { border-top-color: #8e44ad; }
.pink-card span { background: #ff6b81; }
.pink-card { border-top-color: #ff6b81; }
.teal-card span { background: #1abc9c; }
.teal-card { border-top-color: #1abc9c; }
.cyan-card span { background: #00bcd4; }
.cyan-card { border-top-color: #00bcd4; }
.lavender-card span { background: #b39ddb; }
.lavender-card { border-top-color: #b39ddb; }
.gray-card span { background: #808080; }
.gray-card { border-top-color: #808080; }
.navy-card span { background: #1e3a8a; }
.navy-card { border-top-color: #1e3a8a; }
.homecard-actions{display:none!important}
.btn-primary{background:#e3f2fd;color:#1565c0;border:1px solid #90caf9}.btn-secondary{background:#f1f5f9;color:#444;border:1px solid #e2e8f0}
.winner-summary{display:flex!important;flex-direction:column!important;gap:0!important;margin:14px -18px -16px -18px!important;padding:0!important;background:#fff!important;border-top:1px solid #e5e7eb!important;border-radius:0 0 12px 12px!important;overflow:hidden!important;width:auto!important}
.summary-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 18px!important;margin:0!important;border-radius:0!important;font-size:14px!important;width:100%!important;box-sizing:border-box!important;border-bottom:1px solid rgba(0,0,0,.06)!important}
.summary-row span{flex:1!important;font-weight:600!important}
.summary-row span:first-child{text-align:left!important;padding-left:6px!important}
.summary-row span:nth-child(2){text-align:center!important}
.summary-row span:last-child{text-align:right!important;padding-right:6px!important}
.summary-row.jackpot{background:#1f2937!important;color:#fff!important;font-weight:700!important;border:none!important}
.summary-row.jackpot span{color:#fff!important}
.summary-row.match5{background:#e0f2fe!important;border:none!important}.summary-row.match5 span{color:#0c4a6e!important}
.summary-row.match4{background:#f0f9ff!important;border:none!important}.summary-row.match4 span{color:#1e3a5f!important}
.summary-row.match3{background:#f8fafc!important;border:none!important}.summary-row.match3 span{color:#334155!important}
.summary-row:last-child{border-radius:0 0 12px 12px!important;border-bottom:none!important}
.winner-summary.type-42 .summary-row.jackpot{background:#b01c1f!important}
.winner-summary.type-45 .summary-row.jackpot{background:#9718ed!important}
.winner-summary.type-49 .summary-row.jackpot{background:#f52779!important}
.winner-summary.type-55 .summary-row.jackpot{background:#2754f5!important}
.winner-summary.type-58 .summary-row.jackpot{background:#00bfa5!important}
.winner-summary.type-4d .summary-row.jackpot{background:#01aafe!important}
.winner-summary.type-6d .summary-row.jackpot{background:#ffbf00!important;color:#111!important}
.winner-summary.type-6d .summary-row.jackpot span{color:#111!important}
.winner-summary.type-2d .summary-row.jackpot{background:#ff4c4c!important}
.winner-summary.type-3d .summary-row.jackpot{background:#0047ab!important}
/* ===============================
   Jackpot SUMMARY
================================ */
.jp-horizontal {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width:950px;
  margin:20px auto;
  font-family:Poppins,sans-serif;
}
.jp-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  padding: 10px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.jp-row img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.jp-info {
  flex: 1;
}
.jp-title {
  font-size: 19px;
  font-weight: 600;
  color: #444;
}
.jp-values {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  margin-top: 4px;
}
.start {
  color: #888;
}
.current {
  font-weight: bold;
  color: #0a7d2c;
  font-family: monospace;
}
.highlight {
  border-left: 4px solid #ffc107;
  background: #fff8e1;
}
/* ===============================
   Schedule SUMMARY
================================ */
.draw-schedule {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width:950px;
  margin:20px auto;
  font-family:Poppins,sans-serif;
}
.draw-row {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.draw-row img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.draw-info {
  flex: 1;
}
.draw-title {
  font-size: 19px;
  font-weight: 600;
  color: #444;
}
.draw-time {
  font-size: 16px;
  color: #888;
}
.draw-badge {
  background: #0a7d2c;
  color: #fff;
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 20px;
  font-weight: 600;
  text-align: center;
}
.live-flash {
  display: inline-block;
  background: #e60000;
  color: #fff;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  animation: liveFlash 2s infinite;
}
@keyframes liveFlash {
  0% {
    opacity: 1;
    box-shadow: 0 0 0px rgba(230,0,0,0.8);
  }
  50% {
    opacity: 0.5;
    box-shadow: 0 0 12px rgba(230,0,0,1);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0px rgba(230,0,0,0.8);
  }
}
/* HISTORY */
.history-wrap{max-width:950px;margin:20px auto;font-family:Poppins,sans-serif}
.history-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-search button{font-size:13px!important;color:inherit!important;min-width:70px}{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.history-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-search button{font-size:13px!important;color:inherit!important;min-width:70px} input,.history-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.history-search button{font-size:13px!important;color:inherit!important;min-width:70px} select{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:120px}
.history-table{width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);border-collapse:collapse}
.history-table th{background:#f8fafc;padding:10px;text-align:left;font-size:.85rem;color:#555}
.history-table td{padding:10px;border-top:1px solid #f1f5f9;font-size:.9rem}
.history-table tr:hover{background:#f9fafb}


/* Search form */

    .lotto-search-wrap{box-sizing:border-box;width:100%}
    .lotto-search-form{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px;font-family:Poppins,sans-serif;box-sizing:border-box}
    .lotto-search-form .lsf-group{flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}
    .lotto-search-form .lsf-group.lsf-btn{flex:0 0 auto;min-width:100px}
    .lotto-search-form .lsf-group label{font-size:14px;font-weight:600;color:#334155;font-family:Poppins,sans-serif}
    .lotto-search-form select,.lotto-search-form input{padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;font-family:Poppins,sans-serif;background:#fff;font-weight:500;color:#1e293b;width:100%;box-sizing:border-box;min-height:44px}
    .lotto-search-form input[type="date"], .lotto-search-form input[type="text"]#lsf_from, .lotto-search-form input[type="text"]#lsf_to{ -webkit-appearance:none; appearance:none; display:block; min-width:0; line-height:1.2; color-scheme:light; }
    .lotto-search-form input::placeholder{ color:#94a3b8; opacity:1; font-size:15px; }
    .lotto-search-form input[type="text"]#lsf_from, .lotto-search-form input[type="text"]#lsf_to{ color:#64748b; }
    .lotto-search-form input[type="date"]::-webkit-datetime-edit{ padding:0; }
    .lotto-search-form input[type="date"]::-webkit-datetime-edit-fields-wrapper{ padding:0; }
    .lotto-search-form input[type="date"]::-webkit-date-and-time-value{ text-align:left; min-height:20px; }
    .lotto-search-form input[type="date"]:invalid::-webkit-datetime-edit{ color:#94a3b8; }
    .lotto-search-form input[type="date"]::-webkit-calendar-picker-indicator{ opacity:0.7; cursor:pointer; }
    .lotto-search-form button.lsf-search{background:#426CE3;color:#fff;border:none;padding:11px 22px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:.2s;min-width:100px;min-height:44px;font-family:Poppins,sans-serif}
    .lotto-search-form button.lsf-clear{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:11px 18px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:.2s;min-width:80px;min-height:44px;font-family:Poppins,sans-serif}
    .lotto-search-wrap{box-sizing:border-box;width:100%;max-width:950px;margin:20px auto}
    .lotto-search-form{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.08);padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:18px;font-family:Poppins,sans-serif;box-sizing:border-box}
    .lotto-search-form .lsf-group{flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}
    .lotto-search-form .lsf-group.lsf-btn{flex:0 0 auto;min-width:100px}
    .lotto-search-form .lsf-group label{font-size:14px;font-weight:600;color:#334155}
    .lotto-search-form select,.lotto-search-form input{padding:11px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;background:#fff;font-weight:500;color:#1e293b;width:100%;box-sizing:border-box;min-height:44px}
    .lotto-search-form button.lsf-search{background:#426CE3;color:#fff;border:none;padding:11px 22px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;min-width:100px;min-height:44px}
    .lotto-search-form button.lsf-clear{background:#f1f5f9;color:#334155;border:1px solid #e2e8f0;padding:11px 18px;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;min-width:80px;min-height:44px}
    .lotto-result-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.08);font-family:Poppins,sans-serif;table-layout:auto}
    .lotto-result-table th{background:#1f2937;color:#fff;padding:10px 10px;font-size:14px;text-align:left;font-weight:700;white-space:nowrap}
    .lotto-result-table td{padding:10px 10px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:500;color:#1e293b;line-height:1.4;white-space:nowrap}
    .lotto-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;display:block;width:100%}
    @media(max-width:768px){
        .lotto-search-form{padding:14px;gap:10px;border-radius:10px}
        .lotto-search-form .lsf-group{flex:1 1 100%;min-width:100%!important;width:100%}
        .lotto-search-form .lsf-group.lsf-btn{flex:1 1 calc(50% - 5px);min-width:calc(50% - 5px)!important}
        .lotto-search-form .lsf-group.lsf-btn label{display:none}
        .lotto-search-form input[type="date"]{ font-size:16px; min-height:46px; } /* 16px prevents iOS zoom and shows mm/dd/yyyy */
        .lotto-search-form select{ font-size:16px; min-height:46px; }
        .lotto-result-table{font-size:14px;min-width:600px}
    }
    @media(max-width:480px){
        .lotto-search-wrap{padding:0 4px}
        .lotto-result-table{min-width:560px}
    }
    


/* === Hot & Cold Numbers === */
.pl-hotcold-card{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #e5eaf1;border-radius:16px;padding:14px 16px 12px;margin:12px 0;box-shadow:0 7px 22px rgba(15,23,42,.07)}
.pl-hotcold-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:40px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.pl-hotcold-head>strong{font-size:16px;line-height:1.25;color:#1f2937;font-weight:800;letter-spacing:-.1px}.pl-hotcold-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;line-height:1.15}.pl-hotcold-game{font-size:15px!important;color:#2563eb!important;font-weight:800!important}.pl-hotcold-meta span{font-size:11px;color:#16a34a;font-weight:800}
.pl-hotcold-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:11px;padding-bottom:11px;margin-top:0}.pl-hc-group{min-width:0}.pl-hc-group-title{font-size:11px;font-weight:800;letter-spacing:.04em;color:#64748b;margin-bottom:7px}.pl-hc-balls{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap}.pl-hc-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:36px}.pl-hc-ball{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;line-height:1;box-shadow:0 3px 8px rgba(15,23,42,.16)}.pl-hc-ball.ball-2d{background:#ff4c4c}.pl-hc-ball.ball-3d{background:#0047ab}.pl-hc-ball.ball-4d{background:#01aafe}.pl-hc-ball.ball-6d{background:#ffbf00}.pl-hc-ball.ball-6-42{background:#b01c1f}.pl-hc-ball.ball-6-45{background:#9718ed}.pl-hc-ball.ball-6-49{background:#f52779}.pl-hc-ball.ball-6-55{background:#2754f5}.pl-hc-ball.ball-6-58{background:#00bfa5}.pl-hc-freq{font-size:11px;color:#64748b;font-weight:700;line-height:1}
.pl-hotcold-master{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pl-hotcold-master .pl-hotcold-card{margin:0}
@media(max-width:700px){
  /* Mobile Hot & Cold: game title + period first, then Hot and Cold stacked */
  .pl-hotcold-card{padding:13px 12px 12px}
  .pl-hotcold-head{flex-direction:column;align-items:stretch;gap:2px;min-height:0;padding-bottom:8px}
  .pl-hotcold-head>strong{display:none}
  .pl-hotcold-meta{align-items:flex-start;text-align:left;gap:1px}
  .pl-hotcold-game{font-size:15px!important;line-height:1.2}
  .pl-hotcold-meta span{font-size:11px;line-height:1.15}
  .pl-hotcold-grid{grid-template-columns:1fr;gap:10px;padding-top:10px;padding-bottom:6px}
  .pl-hc-group{width:100%}
  .pl-hc-group-title{margin-bottom:6px}
  .pl-hc-balls{gap:5px;flex-wrap:nowrap;justify-content:flex-start;overflow:visible}
  .pl-hc-item{min-width:0;flex:0 0 auto}
  .pl-hc-ball{width:32px;height:32px;font-size:15px}
  .pl-hc-freq{font-size:11px}
}
@media(max-width:360px){
  .pl-hotcold-card{padding-left:10px;padding-right:10px}
  .pl-hc-balls{gap:4px}
  .pl-hc-ball{width:30px;height:30px;font-size:15px}
}

/* === Mobile 3D row: keep all three Swertres balls horizontal === */
@media(max-width:600px){
  .swertres-row{display:grid!important;grid-template-columns:72px minmax(0,1fr) 82px;align-items:center;gap:8px!important;width:100%;box-sizing:border-box}
  .swertres-time{min-width:0!important;width:auto!important;box-sizing:border-box;white-space:nowrap}
  .swertres-winners{min-width:0!important;width:auto!important;box-sizing:border-box;white-space:nowrap}
  .swertres-balls{min-width:0!important;width:100%!important;display:flex!important;justify-content:center!important;overflow:visible!important;box-sizing:border-box}
  .swertres-balls .balls{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:151px!important;min-width:151px!important;max-width:151px!important;justify-content:center!important;align-items:center!important}
  .swertres-balls .balls span{display:inline-flex!important;flex:0 0 45px!important;width:45px!important;min-width:45px!important;height:45px!important}
}
@media(max-width:360px){
  .swertres-row{grid-template-columns:1fr 1fr;grid-template-areas:"time winners" "balls balls";gap:9px 8px!important;padding-top:12px;padding-bottom:12px}
  .swertres-time{grid-area:time;justify-self:start}
  .swertres-winners{grid-area:winners;justify-self:end}
  .swertres-balls{grid-area:balls}
  .swertres-balls .balls{width:139px!important;min-width:139px!important;max-width:139px!important;gap:7px!important}
  .swertres-balls .balls span{flex-basis:41px!important;width:41px!important;min-width:41px!important;height:41px!important}
}

/* === Final mobile 3D result-row fix: keep Swertres numbers/status pills intact === */
@media(max-width:600px){
  .swertres-row{
    grid-template-columns:70px minmax(0,1fr) 76px!important;
    gap:6px!important;
  }
  .swertres-balls{
    min-width:0!important;
    width:100%!important;
    overflow:visible!important;
    justify-content:center!important;
  }
  .swertres-balls .balls{
    flex-wrap:nowrap!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .swertres-balls .balls span:not(.tba){
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
    font-size:1.45rem!important;
  }
  .swertres-balls .balls span.tba{
    min-width:78px!important;
    height:40px!important;
    padding:0 12px!important;
    font-size:.82rem!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .swertres-time,
  .swertres-winners{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .swertres-time{padding-left:10px!important;padding-right:10px!important}
  .swertres-winners{padding-left:9px!important;padding-right:9px!important;font-size:11px!important}
}