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