/* Remaining Top Prizes page-specific styling. Requires global.css first. */
.remaining-page .container{max-width:1200px}
.remaining-page .remaining-updated{display:flex;justify-content:flex-end;margin:24px 0 22px}
.remaining-page .remaining-updated .last-updated{font-weight:400;margin:0}
.remaining-page #games{padding-top:0}
.remaining-price-section{margin:26px 0 30px}
.remaining-price-section:first-child{margin-top:0}
.remaining-price-heading{font:400 26px/1.3 var(--show-font);color:var(--brand-deep);margin:0 0 12px;letter-spacing:.025em}
.remaining-table-wrap{background:white;border:1px solid #d5ddea;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #111d4a08}
.remaining-table{width:100%;border-collapse:collapse;table-layout:fixed}
.remaining-table thead{background:#e9eefb}
.remaining-table th{text-align:left;padding:13px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#536080}
.remaining-table td{padding:15px 10px;border-top:1px solid #e2e7f0;vertical-align:middle}
.remaining-table .r-art{width:7%}
.remaining-table .r-name{width:25%;padding-right:5px}
.remaining-table .r-watch{width:19%;padding-left:5px}
.remaining-table .r-overall{width:11%}
.remaining-table .r-prize{width:12%}
.remaining-table .r-jackpot{width:12%;padding-right:6px}
.remaining-table .r-left{width:14%;padding-left:6px}
.remaining-table .r-details{display:none}
.r-artwork{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:80px;aspect-ratio:646/403;overflow:hidden;border-radius:5px;background:#eef2f9}
.r-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.r-artwork:has(img){box-shadow:0 2px 7px #10234c29,0 0 0 1px #10234c14}
.r-name h3{font:700 18px/1.3 Arial,sans-serif;margin:0;overflow-wrap:normal;color:#111d4a}
.r-game-number{display:block;color:#617088;font-size:11px;margin-top:7px;line-height:1.4}
.r-price{display:none}
.remaining-table .watch{min-height:43px;border-radius:12px;padding:8px;box-shadow:0 0 0 1px #222}
.remaining-table .watch-artwork{width:185px;max-width:100%;height:auto}
.r-number{font-size:18px;font-weight:800;white-space:nowrap}
.r-jackpot{font-size:13px;white-space:nowrap}
.r-count{font-size:17px;font-weight:700;white-space:nowrap;line-height:1.25}
.r-label{display:none}
.r-left .progress-track{height:7px;width:126px;max-width:100%;margin-top:9px}
.exhausted{background:#fff2f2}
.remaining-table .exhausted td{border-top-color:#efd9dd}
.exhausted .r-count{color:#a9233b}
.remaining-explanation{margin:30px 0 24px;padding:20px;background:white;border:1px solid #d9deea;border-radius:12px;font-size:13px;line-height:1.6;color:#536080}
.remaining-explanation h2{font-size:17px;color:#111d4a;margin:0 0 9px}
.remaining-explanation p{margin:6px 0}
@media(max-width:1100px) and (min-width:851px){
.r-name h3,.r-number{font-size:15px}.r-jackpot{font-size:12px}.remaining-table th{font-size:9px}
}
@media(max-width:850px){
.remaining-page .container{padding:0 16px}
.remaining-price-heading{display:none}.remaining-price-section,.remaining-price-section:first-child{margin:0 0 15px}
.remaining-table-wrap{background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.remaining-table,.remaining-table tbody{display:block;width:100%}.remaining-table thead{display:none}
.remaining-table tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}
.remaining-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 10px;padding:20px;background:white;border:1px solid #d9deea;border-radius:16px;box-shadow:0 3px 12px #111d4a12}
.remaining-row.exhausted{background:#fff2f2}
.remaining-table td{display:block;padding:0;border:0;width:auto!important;min-width:0}
.remaining-table .r-art{grid-column:1/3;grid-row:1;line-height:0;min-height:0}
.r-artwork{width:100%;max-width:none;height:auto;aspect-ratio:646/403;border-radius:8px;margin-bottom:14px}
.remaining-table .r-name{grid-column:1/3;grid-row:2;position:relative;padding:0 52px 0 0;margin:0 0 14px;min-height:36px}
.r-name h3{font-size:21px;line-height:1.25}
.r-game-number{display:none}
.r-price{display:block;position:absolute;right:0;top:0;background:#e9eeff;color:#1536b8;font-size:14px;font-weight:bold;line-height:1.25;padding:7px 10px;border-radius:6px}
.remaining-table .r-watch{grid-column:1/3;grid-row:3;margin:0 2px 16px;padding:0}
.remaining-table .watch{min-height:64px;border-radius:16px;padding:10px}
.remaining-table .watch-artwork{width:240px;max-width:100%;height:auto}
.remaining-table .r-prize{grid-column:1;grid-row:4;text-align:center;padding:6px 3px;align-self:start}
.remaining-table .r-left{grid-column:2;grid-row:4;text-align:center;padding:6px 3px;align-self:start}
.r-label{display:block;font-size:10px;color:#69758a;text-transform:uppercase;font-weight:400;margin:0 0 5px;line-height:1.3}
.r-number,.r-count{font-size:17px;font-weight:800}.r-count{display:block}
.r-left .progress-track{height:9px;width:100%;max-width:none;margin-top:7px}
.remaining-table .r-overall,.remaining-table .r-jackpot{display:none}
.remaining-table .r-details{display:block;grid-column:1/3;grid-row:5;padding:0;margin-top:15px}
.r-details details{border-top:1px solid #d9deea;padding-top:12px}
.r-details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font:700 14px/1.4 Arial,sans-serif;color:#071c80;list-style:none;min-height:28px}
.r-details summary::-webkit-details-marker{display:none}
.r-details summary::after{content:'+';font-size:22px;line-height:1}
.r-details details[open] summary::after{content:'−'}
.r-details .hide-text{display:none}.r-details details[open] .show-text{display:none}.r-details details[open] .hide-text{display:inline}
.r-details summary:focus-visible{outline:2px solid #153dcc;outline-offset:3px}
.r-details dl{margin:12px 0 0;font-size:13px;line-height:1.5;color:#56657e}
.r-details dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.r-details dt,.r-details dd{font-weight:400;color:#56657e}.r-details dd{margin:0;text-align:right}
}
/* Ensure filtered rows and price sections remain hidden */
.remaining-page [hidden] {
  display: none !important;
}