/* Approved data-page proportions. Frames contain decoration only; all content and controls stay live. */
.page-results{padding-inline:0}.page-results .page-intro{margin-inline:0}
.market-grid,.chart-directory{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(6 * var(--u));margin:calc(20 * var(--u)) calc(13 * var(--u)) calc(30 * var(--u))}
.market-card,.chart-directory article{position:relative;isolation:isolate;min-width:0;color:#fff5e5;background:#01354b url('/assets/website/exact/result-surface.webp') center/100% 100% no-repeat;border:0;border-radius:calc(62 * var(--u));box-shadow:none}
.market-card{padding:calc(40 * var(--u)) calc(36 * var(--u)) calc(34 * var(--u))}
.market-card::before,.chart-directory article::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(34 * var(--u)) calc(34 * var(--u)) calc(28 * var(--u));border-image-source:url('/assets/website/exact/result-card-frame.webp');border-image-slice:34 34 28 34;border-image-repeat:stretch}
/* The frame contains the ornament pixels, so duplicate decorative spans are suppressed. */
.market-card>.card-ornament{display:none}.market-card::after{content:none}
.market-card-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(18 * var(--u));min-width:0;min-height:calc(104 * var(--u));padding:0 0 calc(1 * var(--u)) calc(12 * var(--u));margin:0 0 calc(16 * var(--u));border-bottom:calc(1 * var(--u)) solid #1fc3d275}
.market-card-heading h2,.market-card-heading h3,.chart-directory h2{display:flex;align-items:center;gap:calc(31 * var(--u));min-width:0;margin:0;font:700 calc(50 * var(--u))/1.04 "Times New Roman",Times,serif;color:#ffdc77;text-transform:uppercase;text-shadow:0 calc(-1 * var(--u)) 0 #fffbc9,0 calc(2 * var(--u)) 0 #a75506,0 calc(4 * var(--u)) calc(2 * var(--u)) #000b}
.market-card-heading h2>span,.market-card-heading h3>span,.chart-directory h2>span{min-width:0;overflow-wrap:anywhere}
.market-card-heading .dimensional-icon,.chart-directory h2 .dimensional-icon{width:calc(115 * var(--u));height:calc(115 * var(--u));margin-block:calc(-6 * var(--u));flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 calc(3 * var(--u)) calc(2 * var(--u)) #0008)}
.market-card .status{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:calc(187 * var(--u));max-width:32%;min-height:calc(58 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border:calc(2 * var(--u)) solid #f7efc1;border-radius:calc(20 * var(--u));background:linear-gradient(140deg,#29353a,#16242d);box-shadow:inset 0 calc(1 * var(--u)) calc(3 * var(--u)) #ffffff5c;color:#fff8ef;font:700 calc(32 * var(--u))/1.04 "Times New Roman",Times,serif;text-transform:uppercase;text-align:center;overflow-wrap:anywhere}
.market-card .status[data-state="open"],.market-card .status[data-state="running"],.market-card .status[data-state="open_published"]{background:linear-gradient(130deg,#005f37,#003527);border-color:#e8ffd3;box-shadow:0 0 calc(18 * var(--u)) #13f5819c,inset 0 0 calc(12 * var(--u)) #0aca7c}
.market-times{display:flex;justify-content:space-between;align-items:start;gap:calc(24 * var(--u));margin:0}
.market-times>span{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(216 * var(--u));min-width:0;max-width:46%;min-height:calc(99 * var(--u));gap:calc(1 * var(--u));padding:calc(8 * var(--u));border:calc(2 * var(--u)) solid #efce55;border-radius:calc(20 * var(--u));background:linear-gradient(135deg,#032d40,#001d2f);color:#fff8ef;font:700 calc(29 * var(--u))/1.05 "Times New Roman",Times,serif;text-align:center}
.market-times b{font-size:calc(40 * var(--u));font-weight:700;white-space:nowrap}
.result-number{width:100%;margin:0;font:400 calc(114 * var(--u))/1.03 "Times New Roman",Times,serif;letter-spacing:-.035em;text-align:center;white-space:nowrap;color:#ffd45d;background:linear-gradient(180deg,#fffacd 4%,#ffe48c 24%,#f8cd51 34%,#ef9e00 55%,#ca7500 75%,#f3be44 88%,#a75608);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:calc(.9 * var(--u)) #fff5b7;filter:drop-shadow(calc(1 * var(--u)) calc(2 * var(--u)) 0 #b76609) drop-shadow(calc(1 * var(--u)) calc(4 * var(--u)) 0 #793408) drop-shadow(0 calc(5 * var(--u)) calc(3 * var(--u)) #000a);transform:scaleX(.94);transform-origin:center}
.result-placeholder{display:inline;letter-spacing:.12em;font-size:.85em;vertical-align:.12em;-webkit-text-fill-color:#ffd366;-webkit-text-stroke:calc(.6 * var(--u)) #ffed9e;text-shadow:0 calc(-10 * var(--u)) #fff2ac,0 calc(-8 * var(--u)) #ffe694,0 calc(-6 * var(--u)) #ffdf79,0 calc(-4 * var(--u)) #ffdb69,0 calc(-2 * var(--u)) #ffd467,0 calc(2 * var(--u)) #ffc644,0 calc(4 * var(--u)) #f4b62f,0 calc(6 * var(--u)) #e49d20,0 calc(8 * var(--u)) #c77d0a}
.result-date{position:relative;margin:0 0 calc(6 * var(--u));padding-top:calc(22 * var(--u));color:#fff8f0;font:400 calc(36 * var(--u))/1.1 "Times New Roman",Times,serif;text-align:center;overflow-wrap:anywhere}
.result-date::before{content:"";position:absolute;left:22%;right:22%;top:calc(3 * var(--u));height:calc(2 * var(--u));background:linear-gradient(90deg,transparent,#c89129 20%,#fff29b 47%,#d0ab40 80%,transparent)}
.result-date::after{content:"";position:absolute;left:50%;top:calc(-3 * var(--u));width:calc(13 * var(--u));height:calc(13 * var(--u));transform:translateX(-50%) rotate(45deg);border:calc(3 * var(--u)) solid #ffdf71;background:#013149;box-shadow:calc(-12 * var(--u)) calc(12 * var(--u)) 0 calc(-6 * var(--u)) #ffdf71,calc(12 * var(--u)) calc(-12 * var(--u)) 0 calc(-6 * var(--u)) #ffdf71}
.chart-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14 * var(--u));min-width:0;margin:0}
.chart-links a{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:calc(25 * var(--u));min-width:0;min-height:calc(108 * var(--u));padding:calc(10 * var(--u)) calc(22 * var(--u));border:0;border-radius:calc(33 * var(--u));background:transparent url('/assets/website/exact/blue-button-skin.webp') center/100% 100% no-repeat;box-shadow:none;color:#fff8ef;font:700 calc(44 * var(--u))/1.04 "Times New Roman",Times,serif;text-align:center;text-decoration:none}
.chart-links a::before,.result-filters .text-link::before{content:none;position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(17 * var(--u)) calc(21 * var(--u));border-image-source:url('/assets/website/exact/blue-button-frame.webp');border-image-slice:17 21 17 21;border-image-repeat:stretch}
.chart-links a>span{min-width:0}.chart-links .dimensional-icon{flex:0 0 auto;width:calc(88 * var(--u));height:calc(88 * var(--u));object-fit:contain;filter:drop-shadow(0 calc(2 * var(--u)) calc(2 * var(--u)) #0008)}
.chart-links a:nth-child(2) .dimensional-icon{width:calc(75 * var(--u))}.chart-links svg{flex:0 0 auto;width:calc(23 * var(--u));height:calc(34 * var(--u));color:#ffe17a;stroke-width:2.4}
.chart-links a:hover,.filters button:hover,.chart-periods a:hover{filter:brightness(1.06)}.chart-links a:focus-visible,.chart-switch a:focus-visible,.chart-periods a:focus-visible{outline:2px solid #fff1a0;outline-offset:2px}

/* Seven home rates retain the approved two-column card system. */
.rates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(18 * var(--u));min-width:0;margin:0}
.rate-card{position:relative;isolation:isolate;display:grid;align-items:center;grid-template-columns:calc(158 * var(--u)) minmax(0,1fr);grid-template-rows:min-content min-content;align-content:center;column-gap:calc(18 * var(--u));row-gap:calc(8 * var(--u));min-width:0;min-height:calc(166 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));border:0;border-radius:calc(32 * var(--u));background:#00293d url('/assets/website/exact/result-surface.webp') center/100% 100% no-repeat;box-shadow:none}
.rate-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(17 * var(--u)) calc(18 * var(--u));border-image-source:url('/assets/website/exact/rate-card-frame.webp');border-image-slice:17 18 17 18;border-image-repeat:stretch}
.rate-mark{grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;min-width:0;height:calc(134 * var(--u));border:0;background:none;box-shadow:none}
.rate-mark .dimensional-icon{width:calc(158 * var(--u));height:calc(158 * var(--u));max-width:none;object-fit:contain;filter:drop-shadow(0 calc(3 * var(--u)) calc(2 * var(--u)) #0008)}
.rate-copy{min-width:0;grid-column:2;grid-row:1;align-self:end}.rate-copy h2,.rate-copy h3{margin:0;color:#fff8ef;font:700 calc(44 * var(--u))/1.04 "Times New Roman",Times,serif;overflow-wrap:anywhere}
.rate-caption{display:block;margin-top:calc(5 * var(--u));color:#f2f3f2;font:400 calc(26 * var(--u))/1.08 "Times New Roman",Times,serif}
.home-page .rate-caption{display:none}
.rate-payout{grid-column:2;grid-row:2;align-self:start;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:start;gap:calc(7 * var(--u));min-width:0;margin:0;color:#ffe78d;font:700 calc(46 * var(--u))/1.1 "Times New Roman",Times,serif}
.rate-payout span,.rate-payout strong{color:inherit}.home-page .rate-payout>span:first-child{color:#fff9ed}
.home-page .rate-card:nth-child(2){grid-template-columns:calc(142 * var(--u)) minmax(0,1fr)}
.home-page .rate-card:nth-child(-n+2) .rate-payout{flex-wrap:nowrap;white-space:nowrap}
.home-page .rate-card:nth-child(n+3){grid-template-columns:calc(142 * var(--u)) minmax(0,1fr)}
.home-page .rate-card:nth-child(n+3) .rate-copy h3{font-size:calc(38 * var(--u))}
.home-page .rate-card:nth-child(n+3) .rate-payout{font-size:calc(37 * var(--u))}
/* Keep an unpaired final rate centered at the same width as the two-column cards. */
.home-page .rates-grid>.rate-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc((100% - 18 * var(--u)) / 2)}

/* Native reference panels: rates727px; chart832px. */
.page-game-rates,.page-jodi,.page-pana{padding-inline:calc(14 * var(--u))}
.page-game-rates .data-page-shell{--p:min(1px,calc((100vw - 28 * var(--u)) / 727));max-width:727px}
.page-jodi .data-page-shell,.page-pana .data-page-shell{--p:min(1px,calc((100vw - 28 * var(--u)) / 832));max-width:832px}
.data-page-shell{position:relative;isolation:isolate;min-width:0;margin:calc(10 * var(--u)) auto 0;padding:0 0 calc(17 * var(--p));background:transparent}
.data-page-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(43 * var(--p));border-image-source:url('/assets/website/exact/data-panel-skin.webp');border-image-slice:70 fill;border-image-repeat:stretch}
.data-page-shell>.page-intro{min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:none}.data-page-shell>.page-intro::before{content:none}
.data-page-shell .page-intro h1{color:#ffdd7a;font-family:"Times New Roman",Times,serif;line-height:1.02;text-shadow:0 calc(-1 * var(--p)) 0 #fff7bd,0 calc(2 * var(--p)) 0 #a35506,0 calc(4 * var(--p)) calc(3 * var(--p)) #0009}
.data-page-shell .page-intro-copy>p{margin:calc(4 * var(--p)) 0 0;color:#fff8ef;font-family:"Times New Roman",Times,serif;line-height:1.08}
.page-game-rates .data-page-shell>.page-intro{display:flex;justify-content:flex-end;align-items:center;gap:calc(25 * var(--p));min-height:calc(155 * var(--p));padding:calc(18 * var(--p)) calc(28 * var(--p)) calc(8 * var(--p)) calc(36 * var(--p))}
.page-game-rates .data-page-shell .page-intro-copy{order:1}.page-game-rates .data-page-shell .page-intro h1{font-size:calc(64 * var(--p))}
.page-game-rates .data-page-shell .page-intro-copy>p{font-size:calc(30 * var(--p))}.page-game-rates .data-page-shell .page-intro-art{order:2}
.page-game-rates .data-page-shell .page-intro-art .dimensional-icon{width:calc(214 * var(--p));height:calc(130 * var(--p));object-fit:contain;max-width:none}
.inner-page .rates-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(5 * var(--p));width:calc(678 * var(--p));max-width:100%;margin:0 auto;border:0;padding:0;background:none;box-shadow:none}
.inner-page .rate-card{display:grid;grid-template-columns:calc(171 * var(--p)) minmax(0,1fr) calc(235 * var(--p));grid-template-rows:auto;gap:calc(18 * var(--p));min-height:calc(87 * var(--p));padding:calc(5 * var(--p)) calc(9 * var(--p));border:0;border-radius:calc(24 * var(--p));background:#00263b;box-shadow:none}
.inner-page .rate-card::before{border-width:calc(13 * var(--p)) calc(24 * var(--p));border-image-source:url('/assets/website/exact/rate-row-frame.webp');border-image-slice:13 24 13 24}
.inner-page .rate-mark{position:relative;grid-column:1;grid-row:1;width:100%;height:calc(77 * var(--p))}
.inner-page .rate-mark .dimensional-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(140 * var(--p));height:calc(140 * var(--p));max-width:none;max-height:none}
.inner-page .rate-card:first-child .rate-mark .dimensional-icon{width:calc(111 * var(--p));height:calc(111 * var(--p))}
.inner-page .rate-card:last-child .rate-mark .dimensional-icon{width:calc(128 * var(--p));height:calc(128 * var(--p))}
.inner-page .rate-copy{grid-column:2;grid-row:1;align-self:center}.inner-page .rate-copy h2,.inner-page .rate-copy h3{font-size:calc(33 * var(--p));line-height:1.02}
.inner-page .rate-caption{margin-top:calc(5 * var(--p));font-size:calc(26 * var(--p))}
.inner-page .rate-payout{position:relative;isolation:isolate;grid-column:3;grid-row:1;align-self:center;justify-content:center;align-items:center;gap:calc(5 * var(--p));min-width:0;min-height:calc(76 * var(--p));padding:calc(8 * var(--p)) calc(9 * var(--p));border:0;border-radius:calc(20 * var(--p));background:#002433;color:#fff0ad;font-size:calc(34 * var(--p));line-height:1;white-space:nowrap;flex-wrap:nowrap;box-shadow:none}
.inner-page .rate-payout::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(14 * var(--p)) calc(18 * var(--p));border-image-source:url('/assets/website/exact/payout-frame.webp');border-image-slice:14 18 14 18;border-image-repeat:stretch}
.inner-page .rate-card:last-child .rate-payout{font-size:calc(31 * var(--p))}

/* Native date inputs remain accessible over the calendar/date display face. */
.filters,.market-picker{display:grid;align-items:end;min-width:0;padding:0;border:0;background:none;box-shadow:none;color:#fff8ef}
.filters label,.market-picker label{min-width:0;font-family:"Times New Roman",Times,serif;font-weight:700}.filters input,.market-picker select{min-width:0;width:100%;font-family:"Times New Roman",Times,serif}
.date-field{position:relative;display:block;min-width:0}.date-face{display:flex;align-items:center;justify-content:space-between;min-width:0;color:#fff8ef}
.date-face>span{min-width:0;white-space:nowrap}.date-face .dimensional-icon{flex:0 0 auto;object-fit:contain}.date-face svg{flex:0 0 auto;color:#ffdc7a;transform:rotate(90deg)}
.date-field .date-native{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;border:0}
.date-field:focus-within{outline:2px solid #7eeaff;outline-offset:2px}
.result-filters{--p:var(--u);grid-template-columns:410fr 277fr 177fr;align-items:center;gap:calc(10 * var(--u));margin:calc(12 * var(--u)) calc(28 * var(--u)) 0 calc(32 * var(--u))}
.result-filters .date-field{min-height:calc(104 * var(--u));padding:calc(12.5 * var(--u));border:calc(1 * var(--u)) solid #00bed7;border-radius:calc(28 * var(--u));background:#00273a;box-shadow:inset calc(2 * var(--u)) calc(2 * var(--u)) 0 #f3d675}
.result-filters .date-face{min-height:calc(78 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));gap:calc(19 * var(--u));border:calc(2 * var(--u)) solid #ecd56b;border-radius:calc(20 * var(--u));font:700 calc(39 * var(--u))/1 "Times New Roman",Times,serif}
.result-filters .date-face .dimensional-icon{width:calc(46 * var(--u));height:calc(46 * var(--u))}.result-filters .date-face svg{width:calc(29 * var(--u));height:calc(29 * var(--u))}
.result-filters input:not(.date-native){height:calc(104 * var(--u));font-size:calc(36 * var(--u));padding:calc(12 * var(--u));border:calc(2 * var(--u)) solid #e2c972;border-radius:calc(25 * var(--u));color:#fff6e8;background:#00273a}
.filters .small-button{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center;min-width:0;border:0;box-shadow:none;color:#061319;background:transparent url('/assets/website/exact/gold-button-skin.webp') center/100% 100% no-repeat;font-family:"Times New Roman",Times,serif;font-weight:700;text-align:center}
.filters .small-button::before{content:none;position:absolute;inset:0;z-index:-1;pointer-events:none;border:solid transparent;border-width:calc(20 * var(--p)) calc(30 * var(--p));border-image-source:url('/assets/website/exact/gold-button-frame.webp');border-image-slice:30 55 30 55;border-image-repeat:stretch;border-radius:0}
.result-filters .small-button{min-height:calc(96 * var(--u));padding:calc(16 * var(--u)) calc(12 * var(--u));border-radius:calc(31 * var(--u));font-size:calc(41 * var(--u));line-height:1}
.result-filters .small-button{background:transparent;box-shadow:0 0 calc(8 * var(--u)) #10eac68c}
.result-filters .small-button::before{content:"";border-width:calc(20 * var(--u)) calc(38 * var(--u));border-image-source:url('/assets/website/exact/gold-button-skin.webp');border-image-slice:55 260 55 260 fill}
.result-filters .text-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;min-height:calc(100 * var(--u));padding:calc(14 * var(--u));border:0;border-radius:calc(28 * var(--u));background:transparent url('/assets/website/exact/blue-button-skin.webp') center/100% 100% no-repeat;color:#fff8ef;font:700 calc(40 * var(--u))/1 "Times New Roman",Times,serif;text-decoration:none}

/* Chart controls, existing dated cells, captions and periods remain present. */
.page-jodi .data-page-shell>.page-intro,.page-pana .data-page-shell>.page-intro{justify-content:center;gap:calc(18 * var(--p));min-height:calc(167 * var(--p));padding:calc(25 * var(--p)) calc(25 * var(--p)) calc(20 * var(--p))}
.page-jodi .data-page-shell .page-intro h1,.page-pana .data-page-shell .page-intro h1{font-size:calc(72 * var(--p))}
.page-jodi .data-page-shell .page-intro-art .dimensional-icon,.page-pana .data-page-shell .page-intro-art .dimensional-icon{width:calc(110 * var(--p));height:calc(110 * var(--p))}
.page-jodi .data-page-shell .page-intro-copy>p,.page-pana .data-page-shell .page-intro-copy>p{font-size:calc(36 * var(--p));font-weight:700;text-align:center}
.chart-panel{min-width:0;width:calc(780 * var(--p));max-width:100%;margin:0 auto;padding:0;border:0;background:none;box-shadow:none}
.chart-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin:0 0 calc(19 * var(--p));border:calc(2 * var(--p)) solid #7e949f;border-radius:calc(20 * var(--p));background:#001d31}
.chart-switch a{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:calc(70 * var(--p));padding:calc(10 * var(--p));border:0;border-radius:calc(20 * var(--p));color:#fff8f0;font:700 calc(34 * var(--p))/1.05 "Times New Roman",Times,serif;text-decoration:none;text-align:center}
.chart-switch a[aria-current]{color:#ffdf7c;background:linear-gradient(180deg,#00609d,#003657 80%);box-shadow:inset 0 0 0 calc(2 * var(--p)) #ffe799,inset 0 0 0 calc(5 * var(--p)) #048eba,0 calc(2 * var(--p)) 0 #d9b250}
.market-picker{grid-template-columns:minmax(0,1fr) calc(233 * var(--p));gap:calc(29 * var(--p));align-items:center;margin:0 0 calc(21 * var(--p))}
.market-picker label{display:flex;flex-direction:row;align-items:center;gap:calc(20 * var(--p));font-size:calc(27 * var(--p));line-height:1}
.market-picker select{flex:1;min-width:0;height:calc(61 * var(--p));padding:calc(8 * var(--p)) calc(17 * var(--p));border:calc(1.5 * var(--p)) solid #f0d77c;border-radius:calc(12 * var(--p));color:#fff8ef;background:#001c2f;font-size:calc(26 * var(--p));font-weight:700;text-overflow:ellipsis;color-scheme:dark}
.market-picker option{background:#032b3e;color:#fff6df}
.market-picker .small-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--p));min-height:calc(63 * var(--p));padding:calc(9 * var(--p)) calc(12 * var(--p));border:calc(2 * var(--p)) solid #fff0a6;border-radius:calc(34 * var(--p));background:#002635;color:#ffe58f;box-shadow:inset 0 0 0 calc(3 * var(--p)) #94641c,0 0 calc(9 * var(--p)) #ffc95585;font:700 calc(28 * var(--p))/1.05 "Times New Roman",Times,serif}
.market-picker .small-button::before{content:none}.market-picker .small-button .dimensional-icon{width:calc(34 * var(--p));height:calc(34 * var(--p))}
.chart-filters{grid-template-columns:271fr 291fr 171fr;gap:calc(16 * var(--p)) calc(18 * var(--p));margin:0 0 calc(11 * var(--p))}
.chart-filters label{display:grid;gap:calc(8 * var(--p));font-size:calc(23 * var(--p));line-height:1}
.chart-filters .date-field,.chart-filters input:not(.date-native){min-height:calc(61 * var(--p));border:calc(1.5 * var(--p)) solid #edcf72;border-radius:calc(12 * var(--p));color:#fff7ed;background:#001e30}
.chart-filters .date-face{min-height:calc(58 * var(--p));gap:calc(10 * var(--p));padding:calc(4 * var(--p)) calc(10 * var(--p));font:700 calc(26 * var(--p))/1 "Times New Roman",Times,serif}
.chart-filters .date-face .dimensional-icon{width:calc(43 * var(--p));height:calc(49 * var(--p))}.chart-filters .date-face svg{width:calc(25 * var(--p));height:calc(25 * var(--p))}
.chart-filters input:not(.date-native){height:calc(61 * var(--p));padding:calc(5 * var(--p)) calc(10 * var(--p));font-size:calc(36 * var(--p));font-weight:700;text-align:center;color-scheme:dark}
.chart-filters input::placeholder{font-size:calc(24 * var(--p));font-weight:400}
.chart-filters .small-button{grid-column:1/-1;justify-self:center;gap:calc(16 * var(--p));width:calc(540 * var(--p));max-width:100%;min-height:calc(75 * var(--p));padding:calc(8 * var(--p)) calc(24 * var(--p));border-radius:calc(40 * var(--p));font-size:calc(40 * var(--p));line-height:1}
.chart-filters .small-button .dimensional-icon{width:calc(60 * var(--p));height:calc(60 * var(--p))}
.chart-table-wrap{width:100%;min-width:0;margin:0 0 calc(27 * var(--p));overflow:auto;overscroll-behavior-x:contain;border:calc(2 * var(--p)) solid #e7dca0;border-radius:calc(19 * var(--p));background:#001b2e;scrollbar-color:#c7a34c #002e44;scrollbar-width:thin}
.chart-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:fixed;color:#fff8ef;font-family:"Times New Roman",Times,serif;text-align:center}
.chart-table caption{caption-side:bottom;padding:calc(10 * var(--p));border-top:calc(1 * var(--p)) solid #16829c;color:#d7e5e8;font-size:max(10px,calc(20 * var(--p)));line-height:1.25;overflow-wrap:anywhere}
.chart-table th,.chart-table td{padding:calc(10 * var(--p)) calc(3 * var(--p));border-right:calc(1 * var(--p)) solid #00a9db;border-bottom:calc(1 * var(--p)) solid #c69b3c;vertical-align:middle}
.chart-table thead th{height:calc(62 * var(--p));padding-block:calc(8 * var(--p));background:linear-gradient(140deg,#003e60,#001d35);font-size:calc(27 * var(--p));line-height:1.1;font-weight:700;white-space:nowrap}
.chart-table tr>:first-child{width:20.6%}.chart-table tr>:last-child{border-right:0}.chart-table tbody tr:last-child>*{border-bottom:0}
.chart-table tbody th{color:#fff8ef;font-size:calc(25 * var(--p));line-height:1.15;font-weight:400}.chart-table tbody th small{display:inline;color:inherit;font-size:inherit;margin-left:.2em}
.chart-table .cell-date{display:block;margin:0 0 calc(3 * var(--p));color:#b2d5df;font-size:max(9px,calc(17 * var(--p)));line-height:1.1}
.chart-table .chart-value{display:block;color:#fff8ef;font-size:calc(34 * var(--p));line-height:1.1}
.chart-table .number-match{background:linear-gradient(155deg,#fff8b9,#ffcf48 45%,#f4b820);color:#071a20;box-shadow:inset 0 0 0 calc(1 * var(--p)) #ffe88a}.chart-table .number-match .chart-value{color:#071a20;font-weight:700}.chart-table .number-match .cell-date{color:#604806}
.chart-periods{display:grid;grid-template-columns:230fr 231fr 242fr;gap:calc(20 * var(--p));margin:0 calc(20 * var(--p));min-width:0}
.chart-periods a,.chart-periods>span{display:flex;align-items:center;justify-content:center;gap:calc(8 * var(--p));min-width:0;min-height:calc(64 * var(--p));padding:calc(8 * var(--p));border:calc(2 * var(--p)) solid #f0d98a;border-radius:calc(34 * var(--p));color:#fff6e8;background:linear-gradient(145deg,#023a50,#001b2e);box-shadow:0 calc(2 * var(--p)) calc(3 * var(--p)) #0008;font:700 calc(28 * var(--p))/1.05 "Times New Roman",Times,serif;text-decoration:none;text-align:center}
.chart-periods a:nth-child(2){position:relative;isolation:isolate;background:#ffcb48 url('/assets/website/exact/gold-button-surface.webp') center/100% 100% no-repeat;color:#06191d;border-color:#fff4b4;box-shadow:inset 0 0 0 calc(3 * var(--p)) #b97818,0 0 calc(5 * var(--p)) #ffca6d}
.chart-periods>span{color:#a4c3ce;border-color:#597f88}.chart-note{margin:calc(22 * var(--p)) 0 0;color:var(--muted);font-size:max(11px,calc(22 * var(--p)));line-height:1.4}
.chart-directory article{padding:calc(40 * var(--u)) calc(36 * var(--u))}.chart-directory h2{margin-bottom:calc(32 * var(--u))}
.empty-state{grid-column:1/-1;margin:calc(12 * var(--u)) 0;padding:max(16px,calc(30 * var(--u)));border:1px solid #c6bc78;border-radius:calc(25 * var(--u));background:#00283d;color:#e9f2f2;font-size:max(14px,calc(30 * var(--u)));line-height:1.4;text-align:center}
@media(prefers-reduced-motion:reduce){.chart-links a,.filters button,.chart-periods a{transition:none}}
/* Sharp live metallic type, not rasterized sample numbers. */
.result-number{font-weight:700;-webkit-text-stroke:0;background-image:linear-gradient(#fff6a5 8%,#ffe478 26%,#ffc32b 48%,#e78d00 73%,#d17a00 85%,#ffce55 94%);filter:drop-shadow(0 calc(1 * var(--u)) 0 #fff2a0) drop-shadow(calc(1 * var(--u)) calc(3 * var(--u)) 0 #934201) drop-shadow(0 calc(5 * var(--u)) calc(2 * var(--u)) #00151d)}
.market-card-heading h2>span,.market-card-heading h3>span{background:linear-gradient(#fff9c9 0%,#ffe68e 12%,#ffce44 32%,#f1a518 55%,#c97806 82%,#ffcd3b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:url(#gold-bevel)}
.home-page .rate-card:first-child .rate-mark .dimensional-icon{transform:translateY(calc(8 * var(--u))) scaleY(.9)}
/* Desktop reflow is explicitly separate from the approved mobile proportions. */
@media(min-width:1024px){
 .market-grid,.chart-directory{container-type:inline-size;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .market-grid>.market-card,.chart-directory>article{--u:calc((100cqw - 24px) / 1830)}
}
/* Clip only decorative button surfaces; card illustrations remain unclipped. */
.result-filters .small-button,.result-filters .text-link,.chart-links a,.chart-filters .small-button,.inner-page .rate-payout{overflow:hidden}
.inner-page .rate-card::before{clip-path:inset(0 round calc(24 * var(--p)))}
.page-game-rates .data-page-shell .page-intro h1{text-transform:capitalize}
.chart-filters>label:last-of-type{font-size:calc(22 * var(--p));white-space:nowrap}
.data-page-shell .page-intro h1{background:linear-gradient(#fff9c9 0%,#ffe68e 12%,#ffce44 32%,#f1a518 55%,#c97806 82%,#ffcd3b 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:url(#gold-bevel)}
.page-game-rates .data-page-shell .page-intro-art{position:relative;flex:0 0 auto;width:calc(214 * var(--p));height:calc(130 * var(--p))}
.page-game-rates .data-page-shell .page-intro-art .dimensional-icon{position:absolute;left:50%;top:50%;width:calc(192 * var(--p));height:calc(192 * var(--p));transform:translate(-50%,-50%);object-fit:contain}
/* The original row strip includes the sample payout's border. A clean cyan
   perimeter prevents those unrelated interior pixels from being repeated. */
.inner-page .rate-card::before{border-image:none;border:calc(1.5 * var(--p)) solid #05c9e7;border-radius:calc(24 * var(--p));background:radial-gradient(ellipse at 8% 0%,#00a1bd20,transparent 64%);box-shadow:inset 0 calc(1 * var(--p)) 0 #68e4ef7a,0 0 calc(5 * var(--p)) #00a7d033;clip-path:none}
.market-card-heading h2>span,.market-card-heading h3>span{-webkit-text-stroke:calc(.5 * var(--u)) #ffe9a5;filter:url(#gold-bevel) drop-shadow(calc(1 * var(--u)) calc(1.5 * var(--u)) 0 #783700)}
.data-page-shell .page-intro h1{-webkit-text-stroke:calc(.6 * var(--p)) #ffedac;filter:url(#gold-bevel) drop-shadow(calc(1 * var(--p)) calc(2 * var(--p)) 0 #783700)}
/* Reference calibration: plain supporting type and independently rounded date actions. */
.market-card .status,.market-times>span,.market-times b,.chart-links a,.result-filters .date-face,.result-filters .small-button,.result-filters .text-link{font-weight:400}
.result-filters .text-link{border:calc(2 * var(--u)) solid #2fe1ec;border-radius:calc(28 * var(--u));background:linear-gradient(140deg,#033b50,#001b2d 65%);box-shadow:inset 0 0 0 calc(4 * var(--u)) #001a29,inset 0 0 0 calc(6 * var(--u)) #e5c86a,inset 0 0 0 calc(8 * var(--u)) #124258}
/* Shared form defaults must not enlarge this scaled chart control. */
.market-picker select{min-height:0}
.market-picker label,.market-picker select,.market-picker .small-button,.chart-switch a,.chart-filters label,.chart-filters .date-face,.chart-filters .small-button,.chart-periods a,.chart-periods>span{font-weight:400}
.page-jodi .data-page-shell .page-intro-copy>.chart-market-name,.page-pana .data-page-shell .page-intro-copy>.chart-market-name{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--p));font-weight:400}
.chart-market-name::before,.chart-market-name::after{content:"";flex:1 0 calc(20 * var(--p));max-width:calc(75 * var(--p));height:calc(2 * var(--p));background:linear-gradient(90deg,transparent,#e6bb4b)}
.chart-market-name::after{transform:rotate(180deg)}
/* Fine highlight on the live numeral face, calibrated at the reference width. */
.result-number{-webkit-text-stroke:calc(.6 * var(--u)) #fff2a7;filter:drop-shadow(0 calc(-.7 * var(--u)) 0 #fff1a7) drop-shadow(calc(.8 * var(--u)) calc(2 * var(--u)) 0 #9e4402) drop-shadow(0 calc(4 * var(--u)) calc(2 * var(--u)) #00151d)}
.market-card::before,.chart-directory article::before{clip-path:inset(0 round 0 0 calc(62 * var(--u)) calc(62 * var(--u)))}

/* All seven published rates form one full-width list. Icons and live payouts
   are unchanged; small screens put the payout below its game name. */
.home-page .rates-grid,.inner-page .rates-grid {
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
}
.inner-page .rates-grid { width: calc(100% - 28px); }
.home-page .rate-card,.home-page .rate-card:nth-child(n),.inner-page .rate-card {
  display: grid;
  grid-template-columns: clamp(64px,18vw,100px) minmax(0,1fr);
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 6px;
  align-content: center;
  width: 100%;
  min-height: 120px;
  padding: 14px 12px;
  border-radius: 22px;
}
.home-page .rates-grid > .rate-card:last-child:nth-child(odd) {
  width: 100%;
  grid-column: 1;
  justify-self: stretch;
}
.home-page .rate-mark,.inner-page .rate-mark {
  position: relative;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 100%;
  height: 94px;
}
.home-page .rate-mark .dimensional-icon,
.home-page .rate-card:first-child .rate-mark .dimensional-icon,
.inner-page .rate-card .rate-mark .dimensional-icon,
.inner-page .rate-card:first-child .rate-mark .dimensional-icon,
.inner-page .rate-card:last-child .rate-mark .dimensional-icon {
  position: static;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  transform: none;
  object-fit: contain;
}
.home-page .rate-copy,.inner-page .rate-copy {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}
.home-page .rate-card .rate-copy h3,.inner-page .rate-copy h2,.inner-page .rate-copy h3 {
  font-size: clamp(22px,4.5vw,34px);
  line-height: 1.12;
  overflow-wrap: normal;
}
.inner-page .rate-caption { margin-top: 5px; font-size: 16px; line-height: 1.25; }
.home-page .rate-card .rate-payout,.inner-page .rate-card .rate-payout {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  justify-content: flex-start;
  align-items: baseline;
  gap: 5px;
  min-height: 0;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-size: clamp(20px,4.2vw,32px);
  line-height: 1.15;
  white-space: nowrap;
  flex-wrap: nowrap;
  overflow: visible;
}
.inner-page .rate-payout::before { content: none; }
.home-page .home-rates-section .rate-card::before,.inner-page .rate-card::before { border-radius: 22px; }
@media (min-width:700px) {
  .home-page .rate-card,.home-page .rate-card:nth-child(n),.inner-page .rate-card {
    grid-template-columns: 120px minmax(0,1fr) max-content;
    grid-template-rows: auto;
    gap: 20px;
    min-height: 144px;
    padding: 16px 24px;
  }
  .home-page .rate-mark,.inner-page .rate-mark { grid-row: 1; height: 112px; }
  .home-page .rate-copy,.inner-page .rate-copy { align-self: center; }
  .home-page .rate-card .rate-payout,.inner-page .rate-card .rate-payout {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    font-size: clamp(25px,3vw,34px);
  }
}

/* Long market names wrap at words. Both chart links retain one readable label. */
.market-card-heading { gap: max(8px,calc(14 * var(--u))); }
.market-card-heading h2,.market-card-heading h3,.chart-directory h2 {
  gap: max(8px,calc(20 * var(--u)));
  font-size: max(18px,calc(42 * var(--u)));
  line-height: 1.1;
}
.market-card-heading h2 > span,.market-card-heading h3 > span,.chart-directory h2 > span {
  overflow-wrap: normal;
  word-break: normal;
}
.market-card-heading .dimensional-icon,.chart-directory h2 .dimensional-icon {
  width: max(36px,calc(100 * var(--u)));
  height: max(36px,calc(100 * var(--u)));
}
.market-card .status {
  font-size: max(10px,calc(26 * var(--u)));
  min-width: 0;
  white-space: nowrap;
}
.chart-links a {
  gap: max(5px,calc(12 * var(--u)));
  min-height: max(48px,calc(104 * var(--u)));
  padding: max(8px,calc(12 * var(--u)));
  font-size: max(15px,calc(32 * var(--u)));
  line-height: 1.1;
  overflow: visible;
}
.chart-links a > span { white-space: nowrap; }
.chart-links .dimensional-icon,.chart-links a:nth-child(2) .dimensional-icon {
  width: max(26px,calc(68 * var(--u)));
  height: max(28px,calc(68 * var(--u)));
}
.chart-links svg { width: max(8px,calc(18 * var(--u))); }

/* Reflow real chart controls instead of squeezing three inputs into a scaled
   screenshot row. Date input overlays remain attached to their visible face. */
.chart-switch a { min-height: 44px; font-size: clamp(18px,3vw,28px); }
.chart-filters { gap: 14px 16px; margin-bottom: 18px; }
.chart-filters label,.chart-filters > label:last-of-type {
  gap: 7px;
  font-size: clamp(15px,2.2vw,19px);
  line-height: 1.2;
  white-space: normal;
}
.chart-filters .date-field,.chart-filters input:not(.date-native) { min-height: 46px; }
.chart-filters .date-face {
  min-height: 44px;
  padding: 6px 10px;
  gap: 8px;
  font-size: clamp(16px,2.3vw,22px);
}
.chart-filters .date-face .dimensional-icon { width: 28px; height: 32px; }
.chart-filters .date-face svg { width: 16px; height: 18px; }
.chart-filters input:not(.date-native) { height: 46px; padding: 6px 10px; font-size: 21px; }
.chart-filters input::placeholder { font-size: 17px; }
.chart-filters .small-button { min-height: 50px; gap: 12px; padding: 8px 20px; font-size: clamp(22px,3.8vw,32px); }
.chart-filters .small-button .dimensional-icon { width: 34px; height: 34px; }
.chart-panel { width: calc(100% - 28px); }
.chart-table { min-width: 0; }
.chart-table tr > :first-child { width: 18%; }
.chart-table th,.chart-table td { padding: max(8px,calc(10 * var(--p))) 4px; }
.chart-table thead th { min-height: 40px; font-size: clamp(15px,2.7vw,23px); }
.chart-table tbody th { font-size: clamp(13px,2.25vw,20px); line-height: 1.25; }
.chart-table .cell-date { margin-bottom: 6px; font-size: clamp(11px,1.6vw,14px); line-height: 1.2; }
.chart-table .chart-value { font-size: clamp(19px,3vw,29px); line-height: 1.25; }
.page-pana .chart-table .chart-value { font-size: clamp(17px,2.7vw,25px); color: #dcecf1; }
.page-pana .chart-table .chart-value:nth-of-type(3) {
  margin: 3px 0;
  color: #ffe28a;
  font-size: clamp(20px,3.2vw,30px);
  font-weight: 700;
}
.page-pana .chart-table .number-match .chart-value { color: #071a20; }
.chart-table caption { padding: 10px 8px; font-size: clamp(12px,1.8vw,16px); }
.chart-periods { gap: 10px; margin-inline: 0; }
.chart-periods a,.chart-periods > span { min-height: 44px; padding: 8px 6px; font-size: clamp(14px,2.4vw,21px); }
.chart-note { font-size: clamp(13px,1.8vw,17px); line-height: 1.5; }
@media (max-width:640px) {
  .market-picker { grid-template-columns: minmax(0,1fr); gap: 10px; margin-bottom: 18px; }
  .market-picker label { display: grid; gap: 7px; font-size: 16px; }
  .market-picker select { width: 100%; min-height: 46px; height: 46px; padding: 6px 10px; font-size: 17px; }
  .market-picker .small-button { min-height: 44px; gap: 8px; font-size: 18px; }
  .market-picker .small-button .dimensional-icon { width: 26px; height: 26px; }
  .chart-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .chart-filters > label:last-of-type { grid-column: 1 / -1; }
  .chart-filters .small-button { width: 100%; }
}
@media (max-width:479px) {
  .chart-filters { gap: 12px 10px; }
  .chart-filters .date-face { padding-inline: 6px; gap: 4px; font-size: 15px; }
  .chart-filters .date-face .dimensional-icon { width: 21px; height: 26px; }
  .chart-filters .date-face svg { width: 12px; }
  .chart-table th,.chart-table td { padding-inline: 2px; }
  .chart-table thead th { font-size: 12px; }
  .chart-table tbody th { font-size: 11px; }
  .chart-table .chart-value { font-size: 19px; }
  .page-pana .chart-table .chart-value { font-size: 16px; }
  .page-pana .chart-table .chart-value:nth-of-type(3) { font-size: 19px; }
}
@media (max-width:359px) {
  .chart-filters { grid-template-columns: minmax(0,1fr); }
  .chart-filters .date-face { font-size: 18px; }
}