
.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{transition:all .18s ease;cursor:pointer}

.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}
}

/* ============================================================
   PCSO LOTTO RESULTS - PREMIUM CARD + 3D BALL REDESIGN v1.2
   Visual-only layer. Existing data, shortcodes, saving, history,
   hot/cold and admin functions remain unchanged.
   ============================================================ */
.homecard{
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #e5eaf2!important;
  border-radius:18px!important;
  box-shadow:0 10px 30px rgba(15,23,42,.08)!important;
  padding:0!important;
  margin:20px auto!important;
  max-width:950px!important;
  font-family:Poppins,sans-serif!important;
}
.homecard::before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;height:4px;
  background:#2563eb;
  z-index:2;
}
.homecard-type-2d::before{background:#ef4444}
.homecard-type-3d::before{background:#2563eb}
.homecard-type-4d::before{background:#0ea5e9}
.homecard-type-6d::before{background:#eab308}
.homecard-type-42::before{background:#b91c1c}
.homecard-type-45::before{background:#9333ea}
.homecard-type-49::before{background:#ec4899}
.homecard-type-55::before{background:#315cf5}
.homecard-type-58::before{background:#0d9488}

.homecard-header{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:82px!important;
  padding:18px 20px!important;
  margin:0!important;
  border-bottom:1px solid #edf1f6!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;
  box-sizing:border-box!important;
}
.homecard-header>div:first-child{min-width:0!important}
.homecard-header img{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  flex:0 0 50px!important;
  border-radius:14px!important;
  background:#fff!important;
  border:1px solid #e5eaf2!important;
  box-shadow:0 5px 14px rgba(15,23,42,.10)!important;
  padding:5px!important;
  box-sizing:border-box!important;
}
.homecard-title h3{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:#0f172a!important;
  margin:0 0 4px!important;
  letter-spacing:-.2px!important;
}
.homecard-title span{
  display:block!important;
  font-size:12px!important;
  line-height:1.3!important;
  color:#64748b!important;
  font-weight:600!important;
}
.homecard-header>div:last-child{
  flex:0 0 auto!important;
  text-align:right!important;
  color:#64748b!important;
}
.homecard-header>div:last-child>div:first-child{
  font-size:12px!important;
  color:#64748b!important;
  font-weight:600!important;
}
.homecard-header>div:last-child>div:last-child{
  font-size:15px!important;
  font-weight:800!important;
}

.homecard-draw{
  border:1px solid #edf1f6!important;
  background:#f8fafc!important;
  border-radius:14px!important;
  padding:18px!important;
  margin:16px 20px!important;
  min-height:78px!important;
  box-sizing:border-box!important;
}
.homecard-draw>p{color:#64748b!important}
.homecard .balls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  min-height:52px!important;
}
.homecard .balls > span[class*="ball-"]{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  flex:0 0 56px!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
  border:3px solid #fff!important;
  color:#fff!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.25)!important;
  box-shadow:0 5px 10px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
  cursor:default!important;
  transform:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.homecard .balls > span[class*="ball-"]:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  border:3px solid #fff!important;
  box-shadow:0 8px 15px rgba(15,23,42,.20)!important;
}
.homecard .balls .ball-2d{background:linear-gradient(145deg,#ff6b6b,#dc2626)!important}
.homecard .balls .ball-3d{background:linear-gradient(145deg,#3b82f6,#1d4ed8)!important}
.homecard .balls .ball-4d{background:linear-gradient(145deg,#38bdf8,#0284c7)!important}
.homecard .balls .ball-6d{background:linear-gradient(145deg,#facc15,#d97706)!important}
.homecard .balls .ball-6-42{background:linear-gradient(145deg,#ef4444,#991b1b)!important}
.homecard .balls .ball-6-45{background:linear-gradient(145deg,#c084fc,#7e22ce)!important}
.homecard .balls .ball-6-49{background:linear-gradient(145deg,#f472b6,#db2777)!important}
.homecard .balls .ball-6-55{background:linear-gradient(145deg,#60a5fa,#1d4ed8)!important}
.homecard .balls .ball-6-58{background:linear-gradient(145deg,#2dd4bf,#0f766e)!important}
/* Clean lotto balls: no glossy highlight, shine, or inset reflection */
.homecard .balls > span[class*="ball-"]::before,
.homecard .balls > span[class*="ball-"]::after{
  content:none!important;
  display:none!important;
}
.homecard .balls > span[class*="ball-"]{
  box-shadow:0 5px 10px rgba(15,23,42,.16)!important;
}
.homecard .balls > span[class*="ball-"]:hover{
  box-shadow:0 8px 15px rgba(15,23,42,.20)!important;
}
 .homecard .balls .ball-2d{background:linear-gradient(180deg,#f05252,#dc2626)!important}
 .homecard .balls .ball-3d{background:linear-gradient(180deg,#4b7ff0,#2563eb)!important}
 .homecard .balls .ball-4d{background:linear-gradient(180deg,#28a9df,#0284c7)!important}
 .homecard .balls .ball-6d{background:linear-gradient(180deg,#f2c94c,#d97706)!important}
 .homecard .balls .ball-6-42{background:linear-gradient(180deg,#d94848,#991b1b)!important}
 .homecard .balls .ball-6-45{background:linear-gradient(180deg,#b06de0,#7e22ce)!important}
 .homecard .balls .ball-6-49{background:linear-gradient(180deg,#ef65a0,#db2777)!important}
 .homecard .balls .ball-6-55{background:linear-gradient(180deg,#5b82e8,#1d4ed8)!important}
 .homecard .balls .ball-6-58{background:linear-gradient(180deg,#31b9aa,#0f766e)!important}
.homecard .balls > span.tba{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:88px!important;
  width:auto!important;
  height:42px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  background:#fff!important;
  border:1px dashed #cbd5e1!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.8px!important;
  box-shadow:none!important;
}

/* 2D / 3D three-draw rows become individual modern result tiles. */
.homecard .ez2-row,
.homecard .swertres-row{
  display:grid!important;
  grid-template-columns:88px minmax(0,1fr) 104px!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px 0!important;
  margin:0 0 8px!important;
  border:1px solid #e8edf4!important;
  border-radius:12px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
.homecard .ez2-row:last-child,
.homecard .swertres-row:last-child{margin-bottom:0!important}
.homecard .ez2-time,
.homecard .swertres-time{
  min-width:0!important;
  width:auto!important;
  margin-left:8px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.homecard .ez2-balls,
.homecard .swertres-balls{
  min-width:0!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
}
.homecard .ez2-winners,
.homecard .swertres-winners{
  min-width:0!important;
  width:auto!important;
  margin-right:8px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.homecard .swertres-row .balls > span[class*="ball-"],
.homecard .ez2-row .balls > span[class*="ball-"]{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  flex-basis:48px!important;
  font-size:18px!important;
}

/* Winner/prize section */
.homecard .winner-summary{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  margin:0!important;
  padding:0 20px 20px!important;
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.homecard .summary-row{
  display:grid!important;
  grid-template-columns:minmax(95px,1fr) minmax(90px,1fr) minmax(90px,1fr)!important;
  align-items:center!important;
  min-height:42px!important;
  padding:9px 12px!important;
  margin:0 0 5px!important;
  border:1px solid #e8edf4!important;
  border-radius:9px!important;
  background:#f8fafc!important;
  color:#334155!important;
  font-size:12px!important;
  box-sizing:border-box!important;
}
.homecard .summary-row span{font-weight:700!important;color:#475569!important}
.homecard .summary-row span:first-child{text-align:left!important;padding-left:0!important}
.homecard .summary-row span:nth-child(2){text-align:center!important}
.homecard .summary-row span:last-child{text-align:right!important;padding-right:0!important}
.homecard .summary-row.jackpot{border-color:transparent!important;color:#fff!important}
.homecard .summary-row.jackpot span{color:#fff!important}
.homecard .summary-row.match5{background:#f0f9ff!important}
.homecard .summary-row.match5 span{color:#0369a1!important}
.homecard .summary-row.match4{background:#f8fafc!important}
.homecard .summary-row.match4 span{color:#334155!important}
.homecard .summary-row.match3{background:#fafafa!important}
.homecard .summary-row.match3 span{color:#475569!important}
.homecard .summary-row:last-child{margin-bottom:0!important;border-radius:9px!important}

/* Mobile */
@media(max-width:600px){
  .homecard{border-radius:15px!important;margin:14px 0!important}
  .homecard-header{min-height:72px!important;padding:15px 14px!important;gap:10px!important}
  .homecard-header img{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:12px!important}
  .homecard-title h3{font-size:16px!important}
  .homecard-title span{font-size:11px!important}
  .homecard-header>div:last-child>div:first-child{font-size:10px!important}
  .homecard-header>div:last-child>div:last-child{font-size:13px!important}
  .homecard-draw{margin:12px 12px!important;padding:12px!important;border-radius:12px!important}
  .homecard .balls{gap:7px!important}
  .homecard .balls > span[class*="ball-"]{width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important;font-size:18px!important}
  .homecard .ez2-row,
  .homecard .swertres-row{
    grid-template-columns:70px minmax(0,1fr) 78px!important;
    gap:5px!important;
    padding:8px 0!important;
  }
  .homecard .ez2-time,
  .homecard .swertres-time{margin-left:5px!important;font-size:10px!important;padding:5px 5px!important}
  .homecard .ez2-winners,
  .homecard .swertres-winners{margin-right:5px!important;font-size:9px!important;padding:5px 4px!important}
  .homecard .swertres-row .balls > span[class*="ball-"],
  .homecard .ez2-row .balls > span[class*="ball-"]{width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;font-size:16px!important}
  .homecard .winner-summary{padding:0 12px 12px!important}
  .homecard .summary-row{grid-template-columns:minmax(72px,1fr) minmax(72px,1fr) minmax(72px,1fr)!important;min-height:39px!important;padding:8px 8px!important;font-size:10px!important}
}
@media(max-width:370px){
  .homecard .ez2-row,
  .homecard .swertres-row{grid-template-columns:64px minmax(0,1fr) 70px!important}
  .homecard .ez2-row .balls > span[class*="ball-"],
  .homecard .swertres-row .balls > span[class*="ball-"]{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;font-size:14px!important}
  .homecard .balls{gap:5px!important}
}

/* === Premium Card Header Readability v1.5 ===
   Make draw day and date easier to notice without changing plugin logic. */
.homecard .homecard-title span{
  color:#16a34a!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.05px!important;
}
.homecard .homecard-header>div:last-child>div:first-child{
  color:#334155!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.15px!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}

/* ==========================================================
   v1.6 — Distinct lotto ball palette
   Visual-only: result/database/plugin functions unchanged.
   ========================================================== */
.homecard .balls .ball-2d,
.pl-hc-ball.ball-2d{
  background:linear-gradient(180deg,#fb923c,#ea580c)!important;
}
.homecard .balls .ball-3d,
.pl-hc-ball.ball-3d{
  background:linear-gradient(180deg,#4f7df3,#2563eb)!important;
}
.homecard .balls .ball-4d,
.pl-hc-ball.ball-4d{
  background:linear-gradient(180deg,#22d3ee,#0891b2)!important;
}
.homecard .balls .ball-6d,
.pl-hc-ball.ball-6d{
  background:linear-gradient(180deg,#fbbf24,#d97706)!important;
}
.homecard .balls .ball-6-42,
.pl-hc-ball.ball-6-42{
  background:linear-gradient(180deg,#f05252,#b91c1c)!important;
}
.homecard .balls .ball-6-45,
.pl-hc-ball.ball-6-45{
  background:linear-gradient(180deg,#a78bfa,#6d28d9)!important;
}
.homecard .balls .ball-6-49,
.pl-hc-ball.ball-6-49{
  background:linear-gradient(180deg,#f472b6,#db2777)!important;
}
.homecard .balls .ball-6-55,
.pl-hc-ball.ball-6-55{
  background:linear-gradient(180deg,#6366f1,#4338ca)!important;
}
.homecard .balls .ball-6-58,
.pl-hc-ball.ball-6-58{
  background:linear-gradient(180deg,#2dd4bf,#0f766e)!important;
}

/* STL uses one consistent emerald palette across all 12 areas.
   STL is a daily-only result and is intentionally not given a
   history/game-specific ball color. */
.stl-balls > span:not(.result-status):not(.tba){
  background:linear-gradient(180deg,#34d399,#059669)!important;
  color:#fff!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 4px 10px rgba(5,150,105,.22)!important;
}
.stl-balls > span:not(.result-status):not(.tba):hover{
  background:linear-gradient(180deg,#34d399,#059669)!important;
  color:#fff!important;
  transform:none!important;
}

/* v1.7.3 — Final result status treatment.
   Status text is NOT a lotto ball, badge, pill, or pending indicator. */
.homecard .balls > .result-status,
.stl-balls > .result-status{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  padding:4px 8px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#64748b!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.1px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  cursor:default!important;
  transform:none!important;
  text-shadow:none!important;
}
.homecard .balls > .result-status:hover,
.stl-balls > .result-status:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#64748b!important;
  transform:none!important;
}
.homecard .balls > .result-status-standby,
.stl-balls > .result-status-standby{color:#b45309!important}
.homecard .balls > .result-status-updating,
.stl-balls > .result-status-updating{color:#2563eb!important}

/* Never allow status elements to match number-ball pseudo-elements. */
.homecard .balls > .result-status::before,
.homecard .balls > .result-status::after,
.stl-balls > .result-status::before,
.stl-balls > .result-status::after{
  content:none!important;
  display:none!important;
}

@media(max-width:600px){
  .homecard .balls > .result-status,
  .stl-balls > .result-status{
    font-size:12px!important;
    padding:4px 6px!important;
  }
}

/* === v1.7.4 YESTERDAY CARD POLISH === */
.homecard .homecard-title > span{color:#16a34a!important;font-weight:700!important}
.homecard .yesterday-card-date{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
  font-size:.88rem!important;font-weight:800!important;letter-spacing:.15px!important;color:#475569!important
}

/* ==========================================================
   v1.7.5 — Jackpot + Draw Schedule premium UI
   Visual-only: shortcode/data/functionality unchanged.
   ========================================================== */
.jp-horizontal{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:950px!important;
  margin:20px auto!important;
  font-family:Poppins,sans-serif!important;
}
.jp-horizontal .jp-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:88px!important;
  padding:14px 16px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e8edf3!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.07)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.jp-horizontal .jp-row:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:5px!important;
  background:linear-gradient(180deg,#2563eb,#60a5fa)!important;
}
.jp-horizontal .jp-row:nth-child(1):before{background:linear-gradient(180deg,#ef4444,#f87171)!important}
.jp-horizontal .jp-row:nth-child(2):before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)!important}
.jp-horizontal .jp-row:nth-child(3):before{background:linear-gradient(180deg,#ec4899,#f472b6)!important}
.jp-horizontal .jp-row:nth-child(4):before{background:linear-gradient(180deg,#2563eb,#60a5fa)!important}
.jp-horizontal .jp-row:nth-child(5):before{background:linear-gradient(180deg,#0f766e,#2dd4bf)!important}
.jp-horizontal .jp-row:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(15,23,42,.11)!important}
.jp-horizontal .jp-row img{
  width:52px!important;height:52px!important;flex:0 0 52px!important;object-fit:contain!important;
  padding:6px!important;border-radius:14px!important;background:#fff!important;
  border:1px solid #e5e7eb!important;box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
}
.jp-horizontal .jp-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important}
.jp-horizontal .jp-title{font-size:15px!important;font-weight:700!important;color:#1e293b!important;line-height:1.2!important}
.jp-horizontal .jp-values{display:flex!important;align-items:baseline!important;justify-content:flex-start!important;gap:12px!important;margin:0!important;font-size:12px!important}
.jp-horizontal .jp-values .start{color:#94a3b8!important;font-weight:600!important;font-size:11px!important}
.jp-horizontal .jp-values .current{font-family:Poppins,sans-serif!important;font-size:21px!important;font-weight:800!important;line-height:1!important;color:#0f766e!important;letter-spacing:-.3px!important}
.jp-horizontal .jp-row:nth-child(1) .current{color:#b91c1c!important}
.jp-horizontal .jp-row:nth-child(2) .current{color:#7c3aed!important}
.jp-horizontal .jp-row:nth-child(3) .current{color:#db2777!important}
.jp-horizontal .jp-row:nth-child(4) .current{color:#1d4ed8!important}
.jp-horizontal .jp-row:nth-child(5) .current{color:#0f766e!important}
.jp-horizontal .jp-row.highlight{background:linear-gradient(145deg,#ecfdf5,#f0fdfa)!important;border-color:#b7eadf!important}
.jp-horizontal + div{max-width:950px!important;margin:10px auto 0!important;padding:0 4px!important;font-size:12px!important;color:#94a3b8!important;line-height:1.6!important}

.draw-schedule{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:950px!important;
  margin:20px auto!important;
  font-family:Poppins,sans-serif!important;
}
.draw-schedule .draw-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:13px!important;
  min-height:78px!important;
  padding:12px 14px!important;
  margin:0!important;
  border:1px solid #e8edf3!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.draw-schedule .draw-row:before{
  content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;
  background:#2563eb!important;
}
.draw-schedule .draw-row:nth-child(1):before{background:#ef4444!important}
.draw-schedule .draw-row:nth-child(2):before{background:#8b5cf6!important}
.draw-schedule .draw-row:nth-child(3):before{background:#ec4899!important}
.draw-schedule .draw-row:nth-child(4):before{background:#2563eb!important}
.draw-schedule .draw-row:nth-child(5):before{background:#0f766e!important}
.draw-schedule .draw-row:nth-child(6):before{background:#f97316!important}
.draw-schedule .draw-row:nth-child(7):before{background:#2563eb!important}
.draw-schedule .draw-row:nth-child(8):before{background:#0891b2!important}
.draw-schedule .draw-row:nth-child(9):before{background:#d97706!important}
.draw-schedule .draw-row:nth-child(10):before{background:#16a34a!important}
.draw-schedule .draw-row:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(15,23,42,.10)!important}
.draw-schedule .draw-row img{
  width:50px!important;height:50px!important;object-fit:contain!important;padding:5px!important;
  border-radius:14px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;
}
.draw-schedule .draw-info{min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important}
.draw-schedule .draw-title{font-size:14px!important;font-weight:750!important;color:#1e293b!important;line-height:1.25!important}
.draw-schedule .draw-time{font-size:11px!important;color:#94a3b8!important;font-weight:600!important;line-height:1.3!important}
.draw-schedule .draw-badge{
  min-width:88px!important;padding:8px 10px!important;border-radius:12px!important;
  background:#f1f5f9!important;color:#334155!important;border:1px solid #e2e8f0!important;
  font-size:11px!important;font-weight:800!important;line-height:1.25!important;text-align:center!important;
}
.draw-schedule .draw-row.highlight{background:linear-gradient(145deg,#ecfdf5,#ffffff)!important;border-color:#b7eadf!important}
.draw-schedule .draw-row.highlight .draw-badge{background:#dcfce7!important;color:#166534!important;border-color:#bbf7d0!important}
.draw-schedule > div:last-child{
  grid-column:1/-1!important;margin-top:0!important;padding:9px 12px!important;
  color:#94a3b8!important;font-size:11px!important;line-height:1.55!important;
  border-top:1px dashed #e2e8f0!important;
}
@media(max-width:700px){
  .jp-horizontal,.draw-schedule{grid-template-columns:1fr!important;gap:11px!important;margin:14px 0!important}
  .jp-horizontal .jp-row{min-height:82px!important;border-radius:16px!important;padding:12px 13px!important}
  .jp-horizontal .jp-row img{width:48px!important;height:48px!important;flex-basis:48px!important}
  .jp-horizontal .jp-title{font-size:14px!important}
  .jp-horizontal .jp-values .current{font-size:19px!important}
  .draw-schedule .draw-row{grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important;border-radius:16px!important;padding:11px 12px!important}
  .draw-schedule .draw-row img{width:46px!important;height:46px!important}
  .draw-schedule .draw-badge{min-width:78px!important;font-size:10px!important;padding:7px 8px!important}
}
@media(max-width:380px){
  .draw-schedule .draw-row{grid-template-columns:42px minmax(0,1fr)!important}
  .draw-schedule .draw-badge{grid-column:2!important;justify-self:start!important;margin-top:-4px!important}
}


/* Keep nested interactive/status elements from inheriting the card lift. */
.homecard .balls > .result-status:hover,
.stl-balls > .result-status:hover {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .homecard { transition: none; }
  .homecard:hover { transform: none; }
}







/* === v1.8.1 JACKPOT WINNER SUMMARY ROW HOVER === */
.homecard .winner-summary .summary-row{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;
  position:relative;
}
.homecard .winner-summary .summary-row:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.10)!important;
  z-index:2;
}
@media (prefers-reduced-motion: reduce){
  .homecard .winner-summary .summary-row{transition:none}
  .homecard .winner-summary .summary-row:hover{transform:none!important}
}

/* v1.8.2 search by number */
.lsf-number-group{flex:1.25;min-width:240px}.lsf-number-group input{width:100%;box-sizing:border-box}@media(max-width:700px){.lsf-number-group{flex-basis:100%;min-width:100%}}

/* === v1.8.3 RESPONSIVE CARD TYPOGRAPHY === */
/* Keep lotto card titles unchanged. Increase supporting text for readability. */

.homecard .draw-day,
.homecard .draw-date,
.homecard .draw-time,
.homecard .result-label,
.homecard .result-status,
.homecard .result-meta,
.homecard .winner-label,
.homecard .winner-count,
.homecard .winner-amount,
.homecard .summary-label,
.homecard .summary-value,
.homecard .jackpot-label,
.homecard .jackpot-amount,
.homecard .card-footer,
.homecard .history-link {
  font-size: 14px;
}

.homecard .draw-day {
  font-weight: 700;
}

.homecard .draw-date {
  font-size: 13px;
}

.homecard .result-status {
  font-size: 13px;
  font-weight: 600;
}

.homecard .winner-label,
.homecard .summary-label,
.homecard .jackpot-label {
  font-size: 13px;
}

.homecard .winner-count,
.homecard .winner-amount,
.homecard .summary-value {
  font-size: 14px;
  font-weight: 600;
}

.homecard .jackpot-amount {
  font-size: 15px;
  font-weight: 700;
}

/* Mobile: noticeably larger supporting text, while title remains untouched. */
@media (max-width: 767px) {
  .homecard .draw-day {
    font-size: 15px;
  }

  .homecard .draw-date {
    font-size: 14px;
  }

  .homecard .draw-time,
  .homecard .result-label,
  .homecard .result-meta,
  .homecard .winner-label,
  .homecard .winner-count,
  .homecard .winner-amount,
  .homecard .summary-label,
  .homecard .summary-value,
  .homecard .jackpot-label,
  .homecard .card-footer,
  .homecard .history-link {
    font-size: 15px;
  }

  .homecard .result-status {
    font-size: 14px;
  }

  .homecard .jackpot-amount {
    font-size: 16px;
  }
}

/* === v1.8.4 WINNER SUMMARY MOBILE TYPOGRAPHY === */
/* Make every individual winner/summary row clearly readable on phones. */

.homecard .winner-row,
.homecard .jackpot-winner-row,
.homecard .winner-summary-row,
.homecard .match-row,
.homecard .jackpot-row,
.homecard .winners-summary .winner-item,
.homecard .winner-summary .winner-item,
.homecard .match-summary .match-item,
.homecard .winners-box .winner-item,
.homecard .summary-row {
  font-size: 15px;
}

.homecard .winner-row *,
.homecard .jackpot-winner-row *,
.homecard .winner-summary-row *,
.homecard .match-row *,
.homecard .jackpot-row *,
.homecard .winners-summary .winner-item *,
.homecard .winner-summary .winner-item *,
.homecard .match-summary .match-item *,
.homecard .winners-box .winner-item *,
.homecard .summary-row * {
  font-size: inherit;
}

@media (max-width: 767px) {
  .homecard .winner-row,
  .homecard .jackpot-winner-row,
  .homecard .winner-summary-row,
  .homecard .match-row,
  .homecard .jackpot-row,
  .homecard .winners-summary .winner-item,
  .homecard .winner-summary .winner-item,
  .homecard .match-summary .match-item,
  .homecard .winners-box .winner-item,
  .homecard .summary-row {
    font-size: 17px !important;
    line-height: 1.35;
    min-height: 42px;
  }

  .homecard .winner-row *,
  .homecard .jackpot-winner-row *,
  .homecard .winner-summary-row *,
  .homecard .match-row *,
  .homecard .jackpot-row *,
  .homecard .winners-summary .winner-item *,
  .homecard .winner-summary .winner-item *,
  .homecard .match-summary .match-item *,
  .homecard .winners-box .winner-item *,
  .homecard .summary-row * {
    font-size: inherit !important;
    line-height: inherit;
  }
}

/* === v1.8.5 UNIFIED WINNER SUMMARY TYPOGRAPHY === */
/*
 * Normalize winner-summary text across 2D/3D and all jackpot lotto cards.
 * This intentionally does not affect lotto titles or winning balls.
 */

/* Every summary row uses the same base typography. */
.homecard .winner-summary,
.homecard .winners-summary,
.homecard .winners-box,
.homecard .jackpot-winners,
.homecard .summary-box,
.homecard .winner-summary-box,
.homecard .summary-row,
.homecard .winner-row,
.homecard .winner-summary-row,
.homecard .jackpot-winner-row,
.homecard .match-row,
.homecard .jackpot-row,
.homecard .winner-item,
.homecard .match-item {
  font-size: 15px;
  line-height: 1.4;
}

/* Normalize all text nested inside those areas. */
.homecard .winner-summary *,
.homecard .winners-summary *,
.homecard .winners-box *,
.homecard .jackpot-winners *,
.homecard .summary-box *,
.homecard .winner-summary-box *,
.homecard .summary-row *,
.homecard .winner-row *,
.homecard .winner-summary-row *,
.homecard .jackpot-winner-row *,
.homecard .match-row *,
.homecard .jackpot-row *,
.homecard .winner-item *,
.homecard .match-item * {
  font-size: inherit;
  line-height: inherit;
}

/* Keep important winner values slightly stronger, but same size. */
.homecard .winner-summary strong,
.homecard .winners-summary strong,
.homecard .winners-box strong,
.homecard .summary-box strong,
.homecard .winner-summary-box strong,
.homecard .summary-row strong,
.homecard .winner-row strong,
.homecard .winner-summary-row strong,
.homecard .jackpot-winner-row strong,
.homecard .match-row strong,
.homecard .jackpot-row strong,
.homecard .winner-item strong,
.homecard .match-item strong {
  font-weight: 700;
}

@media (max-width: 767px) {
  /* One consistent mobile size for every game's winner summary. */
  .homecard .winner-summary,
  .homecard .winners-summary,
  .homecard .winners-box,
  .homecard .jackpot-winners,
  .homecard .summary-box,
  .homecard .winner-summary-box,
  .homecard .summary-row,
  .homecard .winner-row,
  .homecard .winner-summary-row,
  .homecard .jackpot-winner-row,
  .homecard .match-row,
  .homecard .jackpot-row,
  .homecard .winner-item,
  .homecard .match-item {
    font-size: 17px !important;
    line-height: 1.4 !important;
  }

  .homecard .winner-summary *,
  .homecard .winners-summary *,
  .homecard .winners-box *,
  .homecard .jackpot-winners *,
  .homecard .summary-box *,
  .homecard .winner-summary-box *,
  .homecard .summary-row *,
  .homecard .winner-row *,
  .homecard .winner-summary-row *,
  .homecard .jackpot-winner-row *,
  .homecard .match-row *,
  .homecard .jackpot-row *,
  .homecard .winner-item *,
  .homecard .match-item * {
    font-size: inherit !important;
    line-height: inherit !important;
  }
}

/* === v1.8.6 EXACT WINNER TEXT MATCH: 2D / 3D === */
/* 2D and 3D use .ez2-winners/.swertres-winners rather than .summary-row.
   Normalize them to the same typography as the jackpot winner summaries. */

.homecard .ez2-winners,
.homecard .swertres-winners {
  font-family: inherit !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  .homecard .ez2-winners,
  .homecard .swertres-winners {
    font-size: 17px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
  }
}

/* Make the actual text node inherit the same size even if older
   inline/shortcode CSS tries to override it. */
.homecard .ez2-winners *,
.homecard .swertres-winners * {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* === v1.8.7 2D/3D WINNER SUMMARY MATCH JACKPOT SIZE === */
/* 2D/3D winner summary must use the same size as jackpot winner summary. */
.homecard .ez2-winners,
.homecard .swertres-winners {
  font-size: 15px !important;
  line-height: 1.4 !important;
}

.homecard .ez2-winners *,
.homecard .swertres-winners * {
  font-size: inherit !important;
  line-height: inherit !important;
}

@media (max-width: 767px) {
  .homecard .ez2-winners,
  .homecard .swertres-winners {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
}

/* === v1.8.8 TRUE WINNER SUMMARY MATCH === */
/* Do not enlarge 2D/3D independently. Match the existing jackpot
   summary typography by inheriting its computed card styles. */
.homecard .ez2-winners,
.homecard .swertres-winners {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

.homecard .ez2-winners *,
.homecard .swertres-winners * {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}

/* Winner count itself should have the same visual scale as jackpot
   winner counts, without increasing mobile typography. */
@media (max-width: 767px) {
  .homecard .ez2-winners,
  .homecard .swertres-winners,
  .homecard .ez2-winners *,
  .homecard .swertres-winners * {
    font-size: inherit !important;
  }
}

/* === v1.8.9 WINNER SUMMARY SIZE CORRECTION === */
/* 2D/3D must match the visible jackpot-game winner count,
   not inherit the larger 2D/3D row typography. */
.homecard .ez2-winners,
.homecard .swertres-winners {
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.homecard .ez2-winners *,
.homecard .swertres-winners * {
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

@media (max-width: 767px) {
  .homecard .ez2-winners,
  .homecard .swertres-winners,
  .homecard .ez2-winners *,
  .homecard .swertres-winners * {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
}


/* ==========================================================
   v1.9.0 — MOBILE LOTTO CARD LAYOUT FIX
   - 2D/3D winner text matches jackpot summary typography
   - winner boxes get enough width on phones
   - no clipping/overlap
   - 3D TBA/Stand by/Updating status stays compact
   - desktop card layout remains unchanged
   ========================================================== */

/* Desktop: 2D/3D winner text matches the jackpot summary size. */
.homecard .ez2-winners,
.homecard .swertres-winners {
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  box-sizing: border-box !important;
}

/* Mobile: use the same readable size as the jackpot winner-summary rows. */
@media (max-width: 600px) {
  .homecard .ez2-row,
  .homecard .swertres-row {
    grid-template-columns: 70px minmax(0,1fr) 108px !important;
    gap: 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .homecard .ez2-time,
  .homecard .swertres-time {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .homecard .ez2-winners,
  .homecard .swertres-winners {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    margin-right: 5px !important;
    padding: 6px 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }

  .homecard .ez2-balls,
  .homecard .swertres-balls {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    justify-content: center !important;
  }

  /* Keep all three 3D balls together without pushing into the winner box. */
  .homecard .swertres-balls .balls,
  .homecard .ez2-balls .balls {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .homecard .swertres-balls .balls > span[class*="ball-"],
  .homecard .ez2-balls .balls > span[class*="ball-"] {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
    font-size: 16px !important;
  }

  /* TBA / Stand by... / Updating... is a compact status, not a large ball. */
  .homecard .swertres-balls .balls > .result-status,
  .homecard .ez2-balls .balls > .result-status {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 88px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 4px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
  }
}

/* Very narrow phones: give the winner column priority over clipping. */
@media (max-width: 370px) {
  .homecard .ez2-row,
  .homecard .swertres-row {
    grid-template-columns: 64px minmax(0,1fr) 104px !important;
  }

  .homecard .ez2-winners,
  .homecard .swertres-winners {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    font-size: 16px !important;
  }

  .homecard .swertres-balls .balls > span[class*="ball-"],
  .homecard .ez2-balls .balls > span[class*="ball-"] {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex-basis: 38px !important;
    font-size: 14px !important;
  }
}


/* ==========================================================
   v1.9.1 — FINAL CARD TYPOGRAPHY + RESPONSIVE LAYOUT
   Do not enlarge winner-summary text. All winner counts use
   the same compact hierarchy as draw-time text.
   ========================================================== */

/* One typography rule for ALL winner-summary/count text. */
.homecard .ez2-winners,
.homecard .swertres-winners,
.homecard .winner-summary .summary-row,
.homecard .winner-summary .summary-row span,
.homecard .winner-summary .winner-item,
.homecard .winner-summary .winner-item span,
.homecard .winner-summary .match-row,
.homecard .winner-summary .match-row span {
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}

/* 2D/3D winner boxes must have the same visual scale as the time boxes. */
.homecard .ez2-winners,
.homecard .swertres-winners {
  min-width: 95px !important;
  width: 95px !important;
  padding: 6px 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-align: center !important;
}

/* 2D/3D status is plain text, matching the other lotto TBA display. */
.homecard .ez2-balls > .result-status,
.homecard .swertres-balls > .result-status,
.homecard .ez2-balls .balls > .result-status,
.homecard .swertres-balls .balls > .result-status {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

@media (max-width: 767px) {
  /* Jackpot summary rows: same compact size as the draw-time text. */
  .homecard .winner-summary,
  .homecard .winner-summary .summary-row,
  .homecard .winner-summary .summary-row span,
  .homecard .winner-summary .winner-item,
  .homecard .winner-summary .winner-item span,
  .homecard .winner-summary .match-row,
  .homecard .winner-summary .match-row span,
  .homecard .winners-summary,
  .homecard .winners-summary *,
  .homecard .winners-box,
  .homecard .winners-box *,
  .homecard .jackpot-winners,
  .homecard .jackpot-winners * {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  .homecard .winner-summary .summary-row {
    min-height: 0 !important;
    height: auto !important;
    padding: 9px 12px !important;
    box-sizing: border-box !important;
  }

  /* 2D/3D rows use an actual 3-column grid on mobile.
     This prevents the winner text from being clipped/overlapped. */
  .homecard .ez2-row,
  .homecard .swertres-row {
    display: grid !important;
    grid-template-columns: 78px minmax(0,1fr) 95px !important;
    align-items: center !important;
    column-gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 10px 8px !important;
    overflow: visible !important;
  }

  .homecard .ez2-time,
  .homecard .swertres-time {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    padding: 6px 5px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
  }

  .homecard .ez2-balls,
  .homecard .swertres-balls {
    min-width: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .homecard .ez2-balls .balls,
  .homecard .swertres-balls .balls {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .homecard .ez2-balls .balls > span[class*="ball-"],
  .homecard .swertres-balls .balls > span[class*="ball-"] {
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  .homecard .ez2-winners,
  .homecard .swertres-winners {
    justify-self: end !important;
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
    padding: 6px 4px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
  }

  .homecard .ez2-balls > .result-status,
  .homecard .swertres-balls > .result-status,
  .homecard .ez2-balls .balls > .result-status,
  .homecard .swertres-balls .balls > .result-status {
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
}

@media (max-width: 380px) {
  .homecard .ez2-row,
  .homecard .swertres-row {
    grid-template-columns: 70px minmax(0,1fr) 88px !important;
    column-gap: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .homecard .ez2-time,
  .homecard .swertres-time {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    font-size: 12px !important;
  }

  .homecard .ez2-winners,
  .homecard .swertres-winners {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    font-size: 12px !important;
  }

  .homecard .ez2-balls .balls,
  .homecard .swertres-balls .balls {
    gap: 4px !important;
  }

  .homecard .ez2-balls .balls > span[class*="ball-"],
  .homecard .swertres-balls .balls > span[class*="ball-"] {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    font-size: 14px !important;
  }
}


/* ==========================================================
   v1.9.2 — DESKTOP TYPOGRAPHY CORRECTION
   Mobile layout from v1.9.1 is intentionally untouched.

   Desktop target:
   - Draw time = 11px
   - 2D/3D winner count = 11px
   - Jackpot winner-summary rows = 12px
   - Compact hierarchy; winner text must not dominate the card
   - TBA = same compact scale as draw-time text
   ========================================================== */
@media (min-width: 768px) {

  /* 2D / 3D: winner count matches the draw-time typography. */
  .homecard .ez2-winners,
  .homecard .swertres-winners {
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    padding: 6px 8px !important;
  }

  .homecard .ez2-winners *,
  .homecard .swertres-winners * {
    font-size: 11px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
  }

  /* All jackpot-game winner/prize summary text stays compact. */
  .homecard .winner-summary,
  .homecard .winners-summary,
  .homecard .winners-box,
  .homecard .jackpot-winners,
  .homecard .summary-box,
  .homecard .winner-summary-box,
  .homecard .summary-row,
  .homecard .winner-row,
  .homecard .winner-summary-row,
  .homecard .jackpot-winner-row,
  .homecard .match-row,
  .homecard .jackpot-row,
  .homecard .winner-item,
  .homecard .match-item {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .homecard .winner-summary *,
  .homecard .winners-summary *,
  .homecard .winners-box *,
  .homecard .jackpot-winners *,
  .homecard .summary-box *,
  .homecard .winner-summary-box *,
  .homecard .summary-row *,
  .homecard .winner-row *,
  .homecard .winner-summary-row *,
  .homecard .jackpot-winner-row *,
  .homecard .match-row *,
  .homecard .jackpot-row *,
  .homecard .winner-item *,
  .homecard .match-item * {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  /* Preserve emphasis without making the text larger. */
  .homecard .winner-summary strong,
  .homecard .winners-summary strong,
  .homecard .winners-box strong,
  .homecard .summary-box strong,
  .homecard .winner-summary-box strong,
  .homecard .summary-row strong,
  .homecard .winner-row strong,
  .homecard .winner-summary-row strong,
  .homecard .jackpot-winner-row strong,
  .homecard .match-row strong,
  .homecard .jackpot-row strong,
  .homecard .winner-item strong,
  .homecard .match-item strong {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  /* Status text uses the same compact desktop scale. */
  .homecard .ez2-balls > .result-status,
  .homecard .swertres-balls > .result-status,
  .homecard .ez2-balls .balls > .result-status,
  .homecard .swertres-balls .balls > .result-status {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}

/* ==========================================================
   v1.9.3 — UNIFIED RESULT STATUS
   TBA / Stand by... / Updating...
   One consistent typography across every lotto card.
   ========================================================== */

/* All main lotto cards: one shared status scale. */
.homecard .balls > .result-status,
.homecard .balls > .result-status.result-status-tba,
.homecard .balls > .result-status.result-status-standby,
.homecard .balls > .result-status.result-status-updating,
.stl-balls > .result-status,
.stl-balls > .result-status.result-status-tba,
.stl-balls > .result-status.result-status-standby,
.stl-balls > .result-status.result-status-updating {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  transform: none !important;
  text-shadow: none !important;
}

/* Status colors remain meaningful without changing the size. */
.homecard .balls > .result-status-tba,
.stl-balls > .result-status-tba {
  color: #64748b !important;
}
.homecard .balls > .result-status-standby,
.stl-balls > .result-status-standby {
  color: #b45309 !important;
}
.homecard .balls > .result-status-updating,
.stl-balls > .result-status-updating {
  color: #2563eb !important;
}

/* Never let status text acquire ball/pill pseudo-elements. */
.homecard .balls > .result-status::before,
.homecard .balls > .result-status::after,
.stl-balls > .result-status::before,
.stl-balls > .result-status::after {
  content: none !important;
  display: none !important;
}

/* Same 13px status text on phones. The row layout may resize, but
   the status itself does not become smaller or larger by lotto type. */
@media (max-width: 767px) {
  .homecard .balls > .result-status,
  .homecard .balls > .result-status.result-status-tba,
  .homecard .balls > .result-status.result-status-standby,
  .homecard .balls > .result-status.result-status-updating,
  .stl-balls > .result-status,
  .stl-balls > .result-status.result-status-tba,
  .stl-balls > .result-status.result-status-standby,
  .stl-balls > .result-status.result-status-updating {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
  }
}

/* ==========================================================
   v1.9.4 — MOBILE JACKPOT BALLS: NATURAL HORIZONTAL WRAP
   Keep the current 50px mobile jackpot balls. Give the ball
   row the full available width so six balls can sit in one
   horizontal line when they fit, and wrap naturally only
   when the viewport is genuinely too narrow.
   2D/3D row layout is intentionally untouched.
   ========================================================== */
@media (max-width: 600px) {
  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw {
    padding: 10px !important;
  }

  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: visible !important;
  }

  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls > span[class*="ball-"] {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 370px) {
  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls {
    gap: 5px !important;
  }
}

/* ==========================================================
   v1.9.5 — KEEP SIX JACKPOT BALLS ON ONE MOBILE ROW
   The mobile ball size remains 50px. The previous wrap rule
   allowed the sixth ball to fall to a second line because the
   available row width was being consumed by gaps/padding.
   ========================================================== */
@media (max-width: 600px) {
  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw {
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: visible !important;
  }

  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    overflow: visible !important;
  }

  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls > span[class*="ball-"] {
    flex: 0 0 50px !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Very narrow phones: reduce only the gap, not the ball size. */
@media (max-width: 350px) {
  .homecard:not(.homecard-type-2d):not(.homecard-type-3d) .homecard-draw > .balls {
    gap: 1px !important;
  }
}

/* v1.9.6 semantic headings: h2 replaces visual h3 without changing appearance */
.homecard-title h2{font-size:1.2rem;font-weight:700;color:#426CE3;margin:0}
@media (max-width:767px){.homecard-title h2{font-size:16px!important}}

/* =========================================================
   RESPONSIBLE GAMING REMINDER
   Same content/design as supplied, scoped to the shortcode.
   Width follows the Draw Schedule container (950px).
   ========================================================= */
.pcso-rg{--rg-blue:#1456a0;--rg-blue-dark:#0d3f78;--rg-blue-light:#eef5ff;--rg-text:#1f2937;--rg-muted:#667085;--rg-border:#e4e7ec;--rg-white:#fff;--rg-danger:#c81e1e;--rg-danger-bg:#fff5f5;--rg-warning-bg:#fff8e7;--rg-warning-border:#f3cd69;--rg-warning-text:#9a5a00;--rg-success:#087443;max-width:950px;margin:20px auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--rg-text);box-sizing:border-box}
.pcso-rg *, .pcso-rg *::before, .pcso-rg *::after{box-sizing:border-box}
.pcso-rg-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;background:linear-gradient(135deg,#f4f8ff 0%,#fff 100%);border:1px solid #d5e3f5;border-radius:18px;box-shadow:0 8px 20px rgba(16,24,40,.05)}
.pcso-rg-title-wrap{display:flex;align-items:flex-start;gap:18px;flex:1;min-width:0}.pcso-rg-icon{width:70px;height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:center;background:var(--rg-blue-light);border-radius:50%;font-size:34px}.pcso-rg h2{margin:0;color:#101828;font-size:30px;line-height:1.2;font-weight:800}.pcso-rg h3{margin:6px 0 12px;color:var(--rg-blue);font-size:20px;line-height:1.4;font-weight:700}.pcso-rg p{margin:0;color:var(--rg-muted);font-size:14px;line-height:1.7}
.pcso-age{min-width:125px;padding-left:25px;border-left:1px solid #d5e3f5;text-align:center}.pcso-age-circle{width:72px;height:72px;margin:0 auto 9px;display:flex;align-items:center;justify-content:center;background:var(--rg-danger-bg);border:3px solid #f4b4b4;border-radius:50%;color:var(--rg-danger);font-size:27px;font-weight:900}.pcso-age strong{display:block;margin-bottom:3px;color:var(--rg-danger);font-size:12px;line-height:1.3}.pcso-age p{font-size:11px;line-height:1.45}
.pcso-section-title{margin:40px 0 20px;text-align:center;color:#101828;font-size:23px;line-height:1.3;font-weight:800}
.pcso-card{display:flex;align-items:flex-start;gap:18px;margin-bottom:14px;padding:18px 20px;background:var(--rg-white);border:1px solid var(--rg-border);border-radius:14px;box-shadow:0 3px 10px rgba(16,24,40,.04);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pcso-card:hover{transform:translateY(-2px);border-color:#bfd4f1;box-shadow:0 8px 20px rgba(16,24,40,.08)}.pcso-card-icon{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;background:var(--rg-blue-light);border-radius:12px;font-size:25px}.pcso-card-content{flex:1;min-width:0}.pcso-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.pcso-card-top h4{margin:0;color:#1f2937;font-size:18px;line-height:1.35;font-weight:750}.pcso-number{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;background:#e8f1ff;border-radius:50%;color:var(--rg-blue);font-size:12px;font-weight:800}.pcso-card p{color:var(--rg-muted);font-size:13.5px;line-height:1.65}
.pcso-reminder{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:24px;background:var(--rg-warning-bg);border:1px solid var(--rg-warning-border);border-radius:16px}.pcso-reminder-left{display:flex;align-items:flex-start;gap:15px;flex:1;min-width:0}.pcso-reminder-icon{width:50px;height:50px;flex:0 0 50px;display:flex;align-items:center;justify-content:center;background:#ffe6a8;border-radius:50%;font-size:24px}.pcso-reminder h4{margin:0 0 6px;color:var(--rg-warning-text);font-size:19px;line-height:1.35;font-weight:800}.pcso-reminder p{font-size:13.5px;line-height:1.65}.pcso-reminder-right{min-width:170px;padding-left:22px;border-left:1px solid #e8c567;text-align:center}.pcso-reminder-right strong{display:block;margin-bottom:3px;color:var(--rg-success);font-size:15px;line-height:1.5}.pcso-reminder-right span{color:var(--rg-muted);font-size:12px}
@media(max-width:768px){.pcso-rg{max-width:none;width:100%;margin:14px 0;padding:0}.pcso-rg-header{display:block;padding:22px 18px;border-radius:15px}.pcso-rg-title-wrap{gap:14px}.pcso-rg-icon{width:48px;height:48px;flex-basis:48px;border-radius:12px;font-size:23px}.pcso-rg h2{font-size:23px}.pcso-rg h3{margin:5px 0 8px;font-size:16px}.pcso-rg p{font-size:13px;line-height:1.55}.pcso-age{display:flex;align-items:center;width:100%;min-width:0;gap:12px;margin-top:20px;padding:15px 0 0;border-left:0;border-top:1px solid #d5e3f5;text-align:left}.pcso-age-circle{width:52px;height:52px;flex-basis:52px;margin:0;border-width:2px;font-size:20px}.pcso-age strong{margin-bottom:2px;font-size:12px}.pcso-age p{margin:0;font-size:11px;line-height:1.45}.pcso-section-title{margin:28px 0 15px;font-size:19px}.pcso-card{gap:13px;margin-bottom:10px;padding:15px;border-radius:12px}.pcso-card-icon{width:42px;height:42px;flex-basis:42px;border-radius:10px;font-size:20px}.pcso-card-top{align-items:flex-start;gap:8px;margin-bottom:5px}.pcso-card-top h4{font-size:15px;line-height:1.3}.pcso-number{width:23px;height:23px;flex-basis:23px;font-size:10px}.pcso-card p{font-size:12.5px;line-height:1.55}.pcso-reminder{display:block;margin-top:22px;padding:18px;border-radius:13px}.pcso-reminder-left{gap:12px}.pcso-reminder-icon{width:42px;height:42px;flex-basis:42px;font-size:20px}.pcso-reminder h4{margin-bottom:5px;font-size:16px;line-height:1.3}.pcso-reminder p{font-size:12.5px;line-height:1.55}.pcso-reminder-right{width:100%;min-width:0;margin-top:15px;padding:14px 0 0;border-left:0;border-top:1px solid #e8c567;text-align:center}.pcso-reminder-right strong{font-size:14px}.pcso-reminder-right span{font-size:12px}}
@media(max-width:380px){.pcso-rg-header{padding:18px 15px}.pcso-rg-title-wrap{gap:11px}.pcso-rg-icon{width:43px;height:43px;flex-basis:43px;font-size:21px}.pcso-rg h2{font-size:21px}.pcso-rg h3{font-size:15px}.pcso-card{gap:10px;padding:13px}.pcso-card-icon{width:38px;height:38px;flex-basis:38px;font-size:18px}.pcso-card-top h4{font-size:14px}.pcso-card p{font-size:12px}.pcso-number{width:21px;height:21px;flex-basis:21px;font-size:9px}}
@media(max-width:320px){.pcso-rg h2{font-size:19px}.pcso-card{padding:12px}.pcso-card-icon{width:35px;height:35px;flex-basis:35px;font-size:16px}.pcso-card-top h4{font-size:13px}.pcso-card p{font-size:11.5px}}

/* === v2.0.6 JACKPOT SUMMARY AMOUNT MOBILE WRAP FIX ===
/* Keep long jackpot amounts on one line without changing the existing design. */
.homecard .winner-summary .summary-row{
  grid-template-columns:minmax(0,1fr) minmax(max-content,1.35fr) minmax(0,1fr)!important;
  column-gap:10px!important;
}
.homecard .winner-summary .summary-row span:nth-child(2){
  white-space:nowrap!important;
  min-width:max-content!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}
.homecard .winner-summary .summary-row span:first-child,
.homecard .winner-summary .summary-row span:last-child{
  min-width:0!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .homecard .winner-summary .summary-row{
    grid-template-columns:minmax(64px,1fr) minmax(max-content,auto) minmax(72px,1fr)!important;
    column-gap:6px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .homecard .winner-summary .summary-row span:nth-child(2){
    font-size:15px!important;
    letter-spacing:-.1px!important;
  }
}
@media(max-width:370px){
  .homecard .winner-summary .summary-row{
    grid-template-columns:minmax(58px,1fr) minmax(max-content,auto) minmax(66px,1fr)!important;
    column-gap:4px!important;
  }
  .homecard .winner-summary .summary-row span:nth-child(2){
    font-size:14px!important;
    letter-spacing:-.2px!important;
  }
}


/* =========================================================
   v2.0.13 — UNIQUE TICKET-LINE CARD + FLAT RING BALLS
   Visual layer only. Existing shortcodes/data/status logic untouched.
   ========================================================= */
.homecard{
  --pl-accent:#2457d6;
  --pl-accent-dark:#173b98;
  --pl-soft:#eef3ff;
  position:relative!important;
  overflow:hidden!important;
  max-width:950px!important;
  margin:18px auto!important;
  padding:0!important;
  background:#ffffff!important;
  border:1px solid #dfe5ef!important;
  border-radius:16px!important;
  box-shadow:0 8px 26px rgba(21,35,67,.08)!important;
  font-family:Poppins,sans-serif!important;
}
.homecard::before{
  content:"";
  display:block;
  height:5px;
  background:var(--pl-accent)!important;
}
.homecard::after{
  content:"";
  position:absolute;
  top:calc(100% - 74px);
  left:0;
  width:100%;
  border-top:1px dashed #d9e0eb;
  pointer-events:none;
}
.homecard .homecard-header{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0!important;
  padding:16px 18px 14px!important;
  border:0!important;
  background:#fff!important;
}
.homecard .homecard-header > div:first-child{min-width:0!important}
.homecard .homecard-header img{
  width:48px!important;height:48px!important;object-fit:contain!important;
  padding:7px!important;border-radius:12px!important;
  background:var(--pl-soft)!important;border:1px solid #dbe4f5!important;
}
.homecard .homecard-title h2,.homecard .homecard-title h3{
  margin:0!important;color:#172033!important;font-size:19px!important;
  line-height:1.25!important;font-weight:800!important;letter-spacing:-.2px!important;
}
.homecard .homecard-title span{
  display:block!important;margin-top:3px!important;color:#7a8496!important;
  font-size:11px!important;line-height:1.3!important;font-weight:600!important;
  text-transform:uppercase!important;letter-spacing:.65px!important;
}
.homecard .homecard-header time{color:#657083!important;font-size:12px!important;font-weight:700!important}
.homecard .homecard-header [style*="font-size:1rem"],
.homecard .homecard-header [style*="font-size:.95rem"]{
  color:var(--pl-accent)!important;font-size:15px!important;font-weight:900!important;
}
.homecard .homecard-draw{
  position:relative!important;z-index:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:104px!important;margin:0!important;padding:18px 18px 22px!important;
  border:0!important;background:#f8faff!important;
}
.homecard .homecard-draw::before{
  content:"WINNING NUMBERS";
  position:absolute;left:18px;top:7px;color:#9aa5b5;font-size:8px;
  font-weight:800;letter-spacing:1.3px;
}
.homecard .balls{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-wrap:wrap!important;gap:10px!important;width:100%!important;
}
.homecard .balls > span[class*="ball-"]{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:52px!important;height:52px!important;min-width:52px!important;
  border-radius:50%!important;border:3px solid #fff!important;
  outline:2px solid currentColor!important;outline-offset:1px!important;
  color:#fff!important;font-size:19px!important;font-weight:900!important;
  line-height:1!important;box-shadow:0 3px 9px rgba(22,35,61,.16), inset 0 0 0 3px rgba(255,255,255,.18)!important;
  text-shadow:none!important;transition:transform .16s ease,box-shadow .16s ease!important;
}
.homecard .balls > span[class*="ball-"]:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 6px 13px rgba(22,35,61,.18), inset 0 0 0 3px rgba(255,255,255,.18)!important;
}
/* Distinct, flat game palettes */
.homecard .balls .ball-2d{background:#e23b45!important;color:#fff!important}
.homecard .balls .ball-3d{background:#2457d6!important;color:#fff!important}
.homecard .balls .ball-4d{background:#008b9a!important;color:#fff!important}
.homecard .balls .ball-6d{background:#e39a18!important;color:#fff!important}
.homecard .balls .ball-6-42{background:#b52a34!important;color:#fff!important}
.homecard .balls .ball-6-45{background:#7042c8!important;color:#fff!important}
.homecard .balls .ball-6-49{background:#d63b78!important;color:#fff!important}
.homecard .balls .ball-6-55{background:#3567cf!important;color:#fff!important}
.homecard .balls .ball-6-58{background:#008f78!important;color:#fff!important}
.homecard .balls > span.tba,
.homecard .result-status{
  outline:none!important;box-shadow:none!important;
}
.homecard .balls > span.tba{width:auto!important;min-width:76px!important;height:40px!important;padding:0 16px!important}
.homecard .winner-summary{
  position:relative!important;z-index:1!important;
  margin:0!important;border:0!important;border-radius:0!important;background:#fff!important;
  overflow:hidden!important;
}
.homecard .summary-row{
  display:grid!important;grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;gap:10px!important;margin:0!important;
  padding:10px 18px!important;border-bottom:1px solid #edf0f5!important;
  font-size:12px!important;line-height:1.25!important;background:#fff!important;
}
.homecard .summary-row span:first-child{text-align:left!important;color:#687386!important;font-weight:700!important;padding:0!important}
.homecard .summary-row span:nth-child(2){text-align:center!important;color:#1b2435!important;font-weight:900!important;white-space:nowrap!important}
.homecard .summary-row span:last-child{text-align:right!important;color:#778195!important;font-weight:700!important;padding:0!important;white-space:nowrap!important}
.homecard .summary-row.jackpot{
  background:var(--pl-soft)!important;border-top:1px solid #dfe7f7!important;border-bottom:1px solid #dfe7f7!important;
}
.homecard .summary-row.jackpot span{color:var(--pl-accent-dark)!important}
/* Accent per card */
.homecard-type-2d{--pl-accent:#e23b45;--pl-accent-dark:#9e1f2a;--pl-soft:#fff1f2}
.homecard-type-3d{--pl-accent:#2457d6;--pl-accent-dark:#173b98;--pl-soft:#eef3ff}
.homecard-type-4d{--pl-accent:#008b9a;--pl-accent-dark:#00606a;--pl-soft:#eaf9fb}
.homecard-type-6d{--pl-accent:#e39a18;--pl-accent-dark:#8d5c0b;--pl-soft:#fff7e7}
.homecard-type-42{--pl-accent:#b52a34;--pl-accent-dark:#7c1b23;--pl-soft:#fff0f1}
.homecard-type-45{--pl-accent:#7042c8;--pl-accent-dark:#4d2990;--pl-soft:#f3effd}
.homecard-type-49{--pl-accent:#d63b78;--pl-accent-dark:#92244f;--pl-soft:#fff0f6}
.homecard-type-55{--pl-accent:#3567cf;--pl-accent-dark:#234b9b;--pl-soft:#eef3ff}
.homecard-type-58{--pl-accent:#008f78;--pl-accent-dark:#006453;--pl-soft:#eaf9f6}
/* 2D/3D schedule rows */
.ez2-card .homecard-draw,.swertres-card .homecard-draw{display:block!important;padding:7px 14px 8px!important;min-height:0!important;background:#fff!important}
.ez2-card .homecard-draw::before,.swertres-card .homecard-draw::before{display:none!important}
.ez2-row,.swertres-row{
  display:grid!important;grid-template-columns:72px 1fr 82px!important;align-items:center!important;
  gap:8px!important;padding:10px 2px!important;border-bottom:1px solid #edf0f5!important;
}
.ez2-row:last-child,.swertres-row:last-child{border-bottom:0!important}
.ez2-balls,.swertres-balls{display:flex!important;justify-content:center!important;align-items:center!important}
.ez2-time,.swertres-time,.ez2-winners,.swertres-winners{
  min-width:0!important;border-radius:8px!important;padding:6px 7px!important;
  font-size:10px!important;font-weight:800!important;text-align:center!important;
}
.ez2-time,.ez2-winners{background:#fff5f6!important;border:1px solid #f4d7da!important;color:#9e1f2a!important}
.swertres-time,.swertres-winners{background:#eef3ff!important;border:1px solid #d7e1fb!important;color:#2457d6!important}
.ez2-row .balls,.swertres-row .balls{width:auto!important;gap:8px!important}
.ez2-row .balls > span[class*="ball-"],.swertres-row .balls > span[class*="ball-"]{width:42px!important;height:42px!important;min-width:42px!important;font-size:16px!important}
/* Yesterday cards follow the same visual system */
.yesterday-card-date{color:#657083!important;font-size:12px!important;font-weight:700!important}
/* Keep all three waiting states visually consistent */
.homecard .result-status,
.homecard .balls .result-status{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:38px!important;padding:0 16px!important;border-radius:999px!important;
  background:#f1f4f8!important;color:#687386!important;border:1px dashed #b9c2cf!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.7px!important;
}
@media(max-width:600px){
  .homecard{margin:12px 0!important;border-radius:13px!important}
  .homecard .homecard-header{gap:9px!important;padding:13px 13px 11px!important}
  .homecard .homecard-header img{width:40px!important;height:40px!important;padding:6px!important;border-radius:10px!important}
  .homecard .homecard-title h2,.homecard .homecard-title h3{font-size:16px!important}
  .homecard .homecard-title span{font-size:9px!important;letter-spacing:.5px!important}
  .homecard .homecard-header time{font-size:10px!important}
  .homecard .homecard-header [style*="font-size:1rem"],.homecard .homecard-header [style*="font-size:.95rem"]{font-size:12px!important}
  .homecard .homecard-draw{min-height:82px!important;padding:17px 10px 19px!important}
  .homecard .homecard-draw::before{left:11px;top:6px;font-size:7px}
  .homecard .balls{gap:7px!important}
  .homecard .balls > span[class*="ball-"]{width:43px!important;height:43px!important;min-width:43px!important;font-size:16px!important}
  .homecard .summary-row{grid-template-columns:minmax(65px,1fr) auto minmax(70px,1fr)!important;padding:9px 11px!important;font-size:10px!important}
  .ez2-row,.swertres-row{grid-template-columns:58px 1fr 63px!important;gap:5px!important;padding:8px 0!important}
  .ez2-row .balls,.swertres-row .balls{gap:6px!important}
  .ez2-row .balls > span[class*="ball-"],.swertres-row .balls > span[class*="ball-"]{width:36px!important;height:36px!important;min-width:36px!important;font-size:14px!important}
  .ez2-time,.swertres-time,.ez2-winners,.swertres-winners{padding:5px 3px!important;font-size:8px!important}
}
@media(max-width:360px){
  .homecard .balls > span[class*="ball-"]{width:39px!important;height:39px!important;min-width:39px!important;font-size:15px!important}
  .homecard .balls{gap:5px!important}
  .homecard .summary-row{grid-template-columns:minmax(58px,1fr) auto minmax(64px,1fr)!important;padding-left:8px!important;padding-right:8px!important}
  .ez2-row,.swertres-row{grid-template-columns:54px 1fr 59px!important}
  .ez2-row .balls > span[class*="ball-"],.swertres-row .balls > span[class*="ball-"]{width:33px!important;height:33px!important;min-width:33px!important;font-size:13px!important}
}

/* ==========================================================
   v2.0.14 — NEW ORIGINAL JACKPOT SUMMARY + DRAW SCHEDULE
   Visual-only redesign. Shortcodes/data/functionality unchanged.
   ========================================================== */

/* ---------- Jackpot Summary: Jackpot Board ---------- */
.jp-horizontal{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:950px!important;
  margin:28px auto 16px!important;
  padding:52px 14px 14px!important;
  border:1px solid #e6eaf0!important;
  border-radius:22px!important;
  background:#f7f9fc!important;
  box-shadow:0 14px 38px rgba(15,23,42,.08)!important;
  font-family:Poppins,sans-serif!important;
}
.jp-horizontal:before{
  content:'JACKPOT SUMMARY'!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border-radius:22px 22px 0 0!important;
  background:#fff!important;
  color:#1e293b!important;
  border-bottom:1px solid #e6eaf0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
}
.jp-horizontal:after{
  content:'Current estimated prizes'!important;
  position:absolute!important;
  right:16px!important;top:15px!important;
  color:#94a3b8!important;
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
}
.jp-horizontal .jp-row{
  position:relative!important;
  min-width:0!important;
  min-height:112px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:14px 12px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e5e7eb!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(15,23,42,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.jp-horizontal .jp-row:after{
  content:''!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:3px!important;
  background:#64748b!important;
}
.jp-horizontal .jp-row:nth-child(1):after{background:#f59e0b!important}
.jp-horizontal .jp-row:nth-child(2):after{background:#ef4444!important}
.jp-horizontal .jp-row:nth-child(3):after{background:#8b5cf6!important}
.jp-horizontal .jp-row:nth-child(4):after{background:#ec4899!important}
.jp-horizontal .jp-row:nth-child(5):after{background:#2563eb!important}
.jp-horizontal .jp-row:nth-child(6):after{background:#0f9f8f!important}
.jp-horizontal .jp-row:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.10)!important;
}
.jp-horizontal .jp-row.highlight{
  background:#f0fdfa!important;
  border-color:#99f6e4!important;
}
.jp-horizontal .jp-row img{
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  object-fit:contain!important;
  padding:5px!important;
  border-radius:13px!important;
  background:#f8fafc!important;
  border:1px solid #edf0f3!important;
}
.jp-horizontal .jp-info{
  min-width:0!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  gap:6px!important;
}
.jp-horizontal .jp-title{
  font-size:12px!important;
  font-weight:800!important;
  color:#334155!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.jp-horizontal .jp-values{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  margin:0!important;
}
.jp-horizontal .jp-values .start{
  order:2!important;
  color:#94a3b8!important;
  font-size:9px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.jp-horizontal .jp-values .current{
  order:1!important;
  font-family:Poppins,sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:-.45px!important;
  line-height:1.05!important;
  color:#111827!important;
  white-space:nowrap!important;
}
.jp-horizontal .jp-row:nth-child(1) .current{color:#b45309!important}
.jp-horizontal .jp-row:nth-child(2) .current{color:#dc2626!important}
.jp-horizontal .jp-row:nth-child(3) .current{color:#7c3aed!important}
.jp-horizontal .jp-row:nth-child(4) .current{color:#db2777!important}
.jp-horizontal .jp-row:nth-child(5) .current{color:#1d4ed8!important}
.jp-horizontal .jp-row:nth-child(6) .current{color:#087f70!important}
.jp-horizontal + div{
  max-width:950px!important;
  margin:7px auto 0!important;
  padding:0 6px!important;
  color:#94a3b8!important;
  font-size:10px!important;
  line-height:1.6!important;
}

/* ---------- Draw Schedule: Daily Timeline ---------- */
.draw-schedule{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  max-width:950px!important;
  margin:28px auto 16px!important;
  padding:52px 14px 14px!important;
  border:1px solid #e6eaf0!important;
  border-radius:22px!important;
  background:#f7f9fc!important;
  box-shadow:0 14px 38px rgba(15,23,42,.08)!important;
  font-family:Poppins,sans-serif!important;
}
.draw-schedule:before{
  content:'PCSO DRAW SCHEDULE'!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:42px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 16px!important;
  border-radius:22px 22px 0 0!important;
  background:#fff!important;
  color:#1e293b!important;
  border-bottom:1px solid #e6eaf0!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:1px!important;
}
.draw-schedule:after{
  content:'Official draw times may vary by game'!important;
  position:absolute!important;
  right:16px!important;top:15px!important;
  color:#94a3b8!important;
  font-size:9px!important;
  font-weight:700!important;
}
.draw-schedule .draw-row{
  position:relative!important;
  min-width:0!important;
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px!important;
  padding:11px 12px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid #e5e7eb!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(15,23,42,.05)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.draw-schedule .draw-row:before{
  content:''!important;
  position:absolute!important;
  left:0!important;top:10px!important;bottom:10px!important;
  width:3px!important;
  border-radius:0 4px 4px 0!important;
  background:#64748b!important;
}
.draw-schedule .draw-row:nth-child(1):before{background:#ef4444!important}
.draw-schedule .draw-row:nth-child(2):before{background:#f59e0b!important}
.draw-schedule .draw-row:nth-child(3):before{background:#8b5cf6!important}
.draw-schedule .draw-row:nth-child(4):before{background:#ec4899!important}
.draw-schedule .draw-row:nth-child(5):before{background:#2563eb!important}
.draw-schedule .draw-row:nth-child(6):before{background:#ef4444!important}
.draw-schedule .draw-row:nth-child(7):before{background:#0f766e!important}
.draw-schedule .draw-row:nth-child(8):before{background:#f97316!important}
.draw-schedule .draw-row:nth-child(9):before{background:#eab308!important}
.draw-schedule .draw-row:nth-child(10):before{background:#16a34a!important}
.draw-schedule .draw-row:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.09)!important;
}
.draw-schedule .draw-row.highlight{
  background:#f0fdfa!important;
  border-color:#99f6e4!important;
}
.draw-schedule .draw-row img{
  width:44px!important;height:44px!important;
  object-fit:contain!important;
  padding:4px!important;
  border-radius:12px!important;
  background:#f8fafc!important;
  border:1px solid #edf0f3!important;
}
.draw-schedule .draw-info{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.draw-schedule .draw-title{
  font-size:12px!important;
  font-weight:800!important;
  color:#334155!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.draw-schedule .draw-time{
  font-size:9px!important;
  color:#94a3b8!important;
  font-weight:700!important;
  line-height:1.3!important;
}
.draw-schedule .draw-badge{
  min-width:76px!important;
  padding:7px 8px!important;
  border-radius:10px!important;
  background:#111827!important;
  color:#fff!important;
  border:0!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.25!important;
  text-align:center!important;
  box-shadow:none!important;
}
.draw-schedule .draw-row.highlight .draw-badge{
  background:#0f766e!important;
  color:#fff!important;
}
.draw-schedule > div:last-child{
  grid-column:1/-1!important;
  margin:1px 0 0!important;
  padding:8px 4px 0!important;
  color:#94a3b8!important;
  font-size:9px!important;
  line-height:1.55!important;
  border-top:1px dashed #dbe1e8!important;
}

@media(max-width:760px){
  .jp-horizontal{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin:18px 0 12px!important;
    padding:48px 10px 10px!important;
    border-radius:18px!important;
  }
  .jp-horizontal:before,.draw-schedule:before{
    height:38px!important;
    border-radius:18px 18px 0 0!important;
    font-size:10px!important;
  }
  .jp-horizontal:after,.draw-schedule:after{
    top:13px!important;
    right:12px!important;
    font-size:8px!important;
  }
  .jp-horizontal .jp-row{
    min-height:92px!important;
    padding:10px!important;
    gap:8px!important;
    border-radius:14px!important;
  }
  .jp-horizontal .jp-row img{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:10px!important}
  .jp-horizontal .jp-title{font-size:10px!important}
  .jp-horizontal .jp-values .current{font-size:14px!important}
  .jp-horizontal .jp-values .start{font-size:8px!important}

  .draw-schedule{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin:18px 0 12px!important;
    padding:48px 10px 10px!important;
    border-radius:18px!important;
  }
  .draw-schedule .draw-row{
    min-height:68px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:9px 10px!important;
    border-radius:14px!important;
  }
  .draw-schedule .draw-row img{width:40px!important;height:40px!important;border-radius:10px!important}
  .draw-schedule .draw-title{font-size:11px!important}
  .draw-schedule .draw-time{font-size:8px!important}
  .draw-schedule .draw-badge{min-width:72px!important;padding:6px!important;font-size:8px!important;border-radius:9px!important}
}
@media(max-width:390px){
  .jp-horizontal{grid-template-columns:1fr!important}
  .jp-horizontal .jp-row{min-height:78px!important}
  .jp-horizontal .jp-row img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .draw-schedule .draw-row{grid-template-columns:38px minmax(0,1fr)!important}
  .draw-schedule .draw-badge{grid-column:2!important;justify-self:start!important;margin-top:-2px!important}
}


/* ==========================================================
   v2.0.15 — LIGHT HEADERS FOR JACKPOT + DRAW SCHEDULE
   Header-only visual correction; functionality unchanged.
   ========================================================== */
.jp-horizontal:before,
.draw-schedule:before{
  background:#fff!important;
  color:#1e293b!important;
  border-bottom:1px solid #e6eaf0!important;
  box-shadow:none!important;
}
.jp-horizontal:after,
.draw-schedule:after{
  color:#94a3b8!important;
}

/* v2.0.16 — Keep Today Result game titles on one line */
.homecard .homecard-title{min-width:0!important;flex:1 1 auto!important;white-space:nowrap!important}
.homecard .homecard-title h2,.homecard .homecard-title h3{white-space:nowrap!important;word-break:keep-all!important;overflow:visible!important;text-overflow:clip!important}
.homecard .homecard-header>div:first-child{flex:1 1 auto!important;min-width:0!important}
.homecard .homecard-header>div:last-child{flex:0 0 auto!important}
@media(max-width:600px){
  .homecard .homecard-header{gap:7px!important}
  .homecard .homecard-header>div:first-child{gap:7px!important}
  .homecard .homecard-header img{width:42px!important;height:42px!important;flex-basis:42px!important;padding:6px!important}
  .homecard .homecard-title h2,.homecard .homecard-title h3{font-size:15px!important;line-height:1.15!important;letter-spacing:-.25px!important}
  .homecard .homecard-title span{font-size:9px!important;letter-spacing:.45px!important}
  .homecard .homecard-header>div:last-child>div:first-child{font-size:9px!important}
  .homecard .homecard-header>div:last-child>div:last-child{font-size:12px!important}
}
