.dxd-prediction-html{font-size:14px;line-height:1.5;color:inherit}.dxd-prediction-html *{box-sizing:border-box}.dxd-prediction-html .prediction-period-title{font-size:18px;margin:14px 0}.dxd-prediction-html #prediction-output{display:grid;gap:10px}.dxd-prediction-html .prediction-card{border:1px solid #8885;border-radius:6px;padding:9px 10px;min-width:0;background:transparent}.dxd-prediction-html .prediction-card small{display:block;font-size:12px;margin-bottom:6px}.dxd-prediction-html .prediction-card strong{display:block;font-size:16px}.dxd-prediction-html .prediction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dxd-prediction-html .prediction-combinations{display:grid;gap:8px}.dxd-prediction-html .prediction-chips,.dxd-prediction-html #prediction-digits,.dxd-prediction-html #prediction-seed{display:flex;flex-wrap:wrap;gap:5px}.dxd-prediction-html .prediction-chips>span{font-size:13px;border:1px solid #8885;border-radius:4px;min-width:30px;padding:4px 7px;text-align:center}.dxd-prediction-html #prediction-digits>b{display:grid;place-items:center;width:32px;height:32px;border:1px solid #8885;border-radius:4px;font-size:17px}.dxd-prediction-html .prediction-ball{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#be254e;color:#fff;box-shadow:inset -3px -4px 5px #0005;font-size:16px}.dxd-prediction-html .prediction-history-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin:20px 0}.dxd-prediction-html .prediction-history-nav>a,.dxd-prediction-html .prediction-history-nav>span{font-size:13px;min-width:32px;min-height:32px;padding:4px 8px;border:1px solid #8887;border-radius:5px;text-align:center;text-decoration:none;color:inherit}.dxd-prediction-html .prediction-history-nav [aria-current=page]{background:#b62058;border-color:#b62058;color:#fff}.dxd-prediction-html .prediction-history-nav [aria-disabled=true]{opacity:.4}.dxd-prediction-html .prediction-history-nav .prediction-ellipsis{border:0;min-width:16px}.dxd-prediction-html .prediction-market-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dxd-prediction-html .prediction-market-form select,.dxd-prediction-html .prediction-market-form button{font:inherit;padding:5px 9px}@media(max-width:600px){.dxd-prediction-html .prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dxd-prediction-html .prediction-card{padding:8px}.dxd-prediction-html .prediction-chips>span{font-size:12px;padding:4px 6px;min-width:28px}}

.dxd-prediction-html .prediction-analysis{display:grid;gap:8px}.dxd-prediction-html .prediction-analysis h3{font-size:16px;margin:8px 0 0}.dxd-prediction-html .prediction-analysis h4{font-size:14px;margin:0 0 6px}.dxd-prediction-html .prediction-analysis-note{font-size:12px;margin:0 0 6px;opacity:.85}.dxd-prediction-html .prediction-analysis-note strong{display:inline;font-size:inherit}.dxd-prediction-html .prediction-table-wrap{overflow-x:auto}.dxd-prediction-html table{width:100%;border-collapse:collapse;font-size:12px}.dxd-prediction-html th,.dxd-prediction-html td{text-align:left;padding:5px 8px;border-bottom:1px solid #8884}.dxd-prediction-html .prediction-selected-shio{background:#b6205815;font-weight:700}

.dxd-prediction-html .prediction-bars{display:grid;gap:9px}.dxd-prediction-html .prediction-bar-row{display:grid;grid-template-columns:64px minmax(0,1fr) 100px;align-items:center;gap:8px;font-size:12px;padding:3px 0;border-radius:4px}.dxd-prediction-html .prediction-bar-label{font-weight:600}.dxd-prediction-html .prediction-bar-track{display:block;height:7px;overflow:hidden;border-radius:8px;background:#8883}.dxd-prediction-html .prediction-bar-fill{display:block;height:100%;border-radius:8px;background:#d72d70}.dxd-prediction-html .prediction-bar-value{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dxd-prediction-html .prediction-selected-shio .prediction-bar-fill{background:#1976d2}@media(max-width:600px){.dxd-prediction-html .prediction-bar-row{grid-template-columns:55px minmax(0,1fr) 92px;gap:6px;font-size:11px}}
/* Responsive cards follow available space; cap at five per row. */
.dxd-prediction-html .prediction-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(64px,calc((100% - 32px)/5))),1fr));gap:8px}
.dxd-prediction-html #prediction-positions .prediction-card,.dxd-prediction-html #prediction-special .prediction-card{text-align:center;padding:8px 6px}
.dxd-prediction-html #prediction-output>.prediction-card{text-align:center}
.dxd-prediction-html #prediction-seed,.dxd-prediction-html #prediction-digits{justify-content:center;align-items:center}
.dxd-prediction-html #prediction-digits>b{border-color:#c52a8259;background:linear-gradient(145deg,#ce247d,#28101f 85%);color:#fff;box-shadow:inset 0 1px 1px #ffb2df33,0 2px 4px #0004}
.dxd-prediction-html .prediction-ball{background:radial-gradient(circle at 30% 23%,#ff8fd0 0%,#e52b99 26%,#a60b65 53%,#250b1b 81%,#080609 100%);color:#fff;box-shadow:inset -3px -4px 6px #000a,0 2px 4px #0007;border:1px solid #bd1a78}
.dxd-prediction-html .prediction-ball b{text-shadow:0 1px 2px #000c}
@media(max-width:600px){.dxd-prediction-html .prediction-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(60px,calc((100% - 24px)/5))),1fr))}.dxd-prediction-html #prediction-positions .prediction-card,.dxd-prediction-html #prediction-special .prediction-card{padding:7px 4px}.dxd-prediction-html #prediction-special .prediction-card strong{font-size:14px;overflow-wrap:anywhere}}
/* BBFS uses the same neutral card treatment as AS/KOP. */
.dxd-prediction-html #prediction-digits>b{background:transparent;color:inherit;border:1px solid #8885;border-radius:6px;box-shadow:none;font-size:16px}
.dxd-prediction-html #prediction-seed .prediction-ball{background:radial-gradient(circle at 30% 24%,#f43fb0 0%,#cf1687 38%,#8c0758 65%,#11050e 100%);border:1px solid #b81277;color:#fff;box-shadow:inset -3px -4px 6px #000b,0 2px 4px #0006}
.dxd-prediction-html #prediction-seed .prediction-ball b{color:#fff!important;background:transparent;text-shadow:0 1px 2px #000b}
.dxd-prediction-html .prediction-history-nav{gap:6px;margin:24px 0;padding:0;background:transparent;border:0;box-shadow:none}
.dxd-prediction-html .prediction-history-nav>a,.dxd-prediction-html .prediction-history-nav>span{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:34px;min-height:36px;padding:6px 10px;border:1px solid #8c9fb95c;border-radius:5px;background:transparent;box-shadow:none;color:inherit;font-size:13px;line-height:1.3;font-weight:400;text-decoration:none}
.dxd-prediction-html .prediction-history-nav [aria-current=page]{background:#397ff0;color:#fff;border-color:#397ff0;font-weight:600}
.dxd-prediction-html .prediction-history-nav>a:hover{background:#397ff012;border-color:#397ff0}
.dxd-prediction-html .prediction-history-nav .prediction-ellipsis{border:1px solid #8c9fb95c;min-width:34px}
.dxd-prediction-html .prediction-history-nav [aria-disabled=true]{display:none}

/* HTML column charts; all values and labels are server-rendered. */
.dxd-prediction-html .prediction-columns{display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:24px 5px 8px;scrollbar-width:thin}
.dxd-prediction-html .prediction-column{flex:1 0 44px;min-width:44px;display:flex;flex-direction:column;align-items:stretch;text-align:center;font-size:11px}
.dxd-prediction-html .prediction-column-plot{position:relative;display:flex;align-items:flex-end;justify-content:center;height:180px;border-bottom:1px solid #8887;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#8882 calc(25% - 1px),#8882 25%)}
.dxd-prediction-html .prediction-column-fill{position:relative;display:block;width:65%;max-width:40px;background:linear-gradient(to top,#a50c62,#e52a94);border-radius:3px 3px 0 0}
.dxd-prediction-html .prediction-column-value{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);padding-bottom:4px;white-space:nowrap;font-size:11px;font-weight:600;color:inherit}
.dxd-prediction-html .prediction-column-label{font-weight:600;padding-top:8px;white-space:nowrap}
.dxd-prediction-html .prediction-column-percent{font-size:10px;opacity:.75;padding-top:2px}
.dxd-prediction-html .prediction-selected-column .prediction-column-fill{background:linear-gradient(to top,#1456a1,#438ef1)}
@media(max-width:600px){.dxd-prediction-html .prediction-columns{gap:6px}.dxd-prediction-html .prediction-column{flex-basis:40px;min-width:40px}.dxd-prediction-html .prediction-column-plot{height:150px}}

/* Theme-coloured horizontal prediction table. */
.dxd-prediction-html{--prediction-line:color-mix(in srgb,currentColor 22%,transparent);--prediction-tint:color-mix(in srgb,currentColor 4%,transparent);--prediction-accent:var(--accent-color,var(--primary-color,currentColor))}
.dxd-prediction-html .prediction-table-panel{border:1px solid var(--prediction-line);border-radius:8px;overflow:hidden;color:inherit;background:transparent}
.dxd-prediction-html .prediction-bbfs-row{display:flex;align-items:center;gap:24px;padding:14px 18px;background:var(--prediction-tint);border-bottom:1px solid var(--prediction-line);font-size:12px;font-weight:700}
.dxd-prediction-html .prediction-bbfs-row #prediction-digits{justify-content:flex-start;gap:7px}
.dxd-prediction-html .prediction-bbfs-row #prediction-digits>b{width:auto;min-width:0;height:auto;padding:0;border:0;border-radius:0;background:none;color:inherit;box-shadow:none;font-size:21px;line-height:1.3}
.dxd-prediction-html .prediction-position-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--prediction-line)}
.dxd-prediction-html .prediction-position-row>div{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 16px;border-right:1px solid var(--prediction-line)}
.dxd-prediction-html .prediction-position-row>div:last-child{border-right:0}.dxd-prediction-html .prediction-position-row span{font-size:11px}.dxd-prediction-html .prediction-position-row strong{font-size:18px}
.dxd-prediction-html .prediction-data-table{width:100%;table-layout:fixed;border:0;border-collapse:collapse;margin:0;color:inherit;background:transparent;font-size:12px}
.dxd-prediction-html .prediction-data-table tr,.dxd-prediction-html .prediction-data-table th,.dxd-prediction-html .prediction-data-table td{color:inherit;box-shadow:none;background:transparent;border:0;border-bottom:1px solid var(--prediction-line);padding:9px 14px;text-align:left;vertical-align:middle}
.dxd-prediction-html .prediction-data-table th{width:170px;font-size:12px;font-weight:600;background:var(--prediction-tint);border-right:1px solid var(--prediction-line);overflow-wrap:anywhere}
.dxd-prediction-html .prediction-data-table tr:last-child>*{border-bottom:0}
.dxd-prediction-html .prediction-data-table .prediction-chips{gap:6px;align-items:center}
.dxd-prediction-html .prediction-data-table .prediction-chips>span{font-size:12px;padding:4px 7px;border:1px solid var(--prediction-line);border-radius:3px;background:transparent;color:inherit;line-height:1.3;min-width:28px}
.dxd-prediction-html .prediction-data-table em{font-size:12px;font-style:normal;margin-left:3px}
.dxd-prediction-html .prediction-history-nav [aria-current=page]{background:var(--prediction-tint);color:inherit;border-color:var(--prediction-accent)}
.dxd-prediction-html .prediction-column-fill{background:var(--prediction-accent)}
@media(max-width:600px){.dxd-prediction-html .prediction-data-table th{width:125px;font-size:11px}.dxd-prediction-html .prediction-data-table th,.dxd-prediction-html .prediction-data-table td{padding:8px}.dxd-prediction-html .prediction-position-row>div{padding:10px 8px}.dxd-prediction-html .prediction-data-table .prediction-chips{gap:4px}.dxd-prediction-html .prediction-data-table .prediction-chips>span{font-size:11px;padding:4px 6px}.dxd-prediction-html .prediction-bbfs-row{padding:12px;gap:18px}}

/* Plain prediction numbers; positions use labelled result balls. */
.dxd-prediction-html .prediction-data-table .prediction-chips>span{border:0;background:none;box-shadow:none;border-radius:0;min-width:0;padding:2px 0;color:inherit;font-size:14px;line-height:1.6}
.dxd-prediction-html .prediction-data-table .prediction-chips{column-gap:12px;row-gap:2px}
.dxd-prediction-html .prediction-position-row>div{flex-direction:column;justify-content:center;gap:7px;text-align:center}
.dxd-prediction-html .prediction-position-row>div>span:first-child{display:block;font-size:11px;font-weight:600}
.dxd-prediction-html .prediction-position-row .prediction-ball{display:grid;place-items:center;width:30px;height:30px;flex:none;background:radial-gradient(circle at 30% 24%,#f43fb0 0%,#cf1687 38%,#8c0758 65%,#11050e 100%);border:1px solid #b81277;color:#fff;box-shadow:inset -3px -4px 6px #000b,0 2px 4px #0006;border-radius:50%}
.dxd-prediction-html .prediction-position-row .prediction-ball b{color:#fff!important;background:transparent;font-size:16px;text-shadow:0 1px 2px #000b;line-height:1}
@media(max-width:600px){.dxd-prediction-html .prediction-data-table .prediction-chips>span{font-size:13px;padding:2px 0}.dxd-prediction-html .prediction-data-table .prediction-chips{column-gap:10px}}

/* Compact coloured analytics and content-width pagination. */
.dxd-prediction-html .prediction-analysis{gap:6px}.dxd-prediction-html .prediction-analysis .prediction-card{padding:8px}.dxd-prediction-html .prediction-analysis h3{font-size:14px;margin:6px 0 0}.dxd-prediction-html .prediction-analysis h4{font-size:12px;margin:0 0 3px}.dxd-prediction-html .prediction-analysis-note{font-size:10px;margin:0;line-height:1.4}
.dxd-prediction-html .prediction-columns{gap:4px;padding:18px 2px 4px}.dxd-prediction-html .prediction-column{flex-basis:36px;min-width:36px;font-size:10px}.dxd-prediction-html .prediction-column-plot{height:105px}.dxd-prediction-html .prediction-column-value{font-size:9px;padding-bottom:2px}.dxd-prediction-html .prediction-column-label{font-size:10px;padding-top:5px}.dxd-prediction-html .prediction-column-percent{font-size:9px}
.dxd-prediction-html .prediction-column:nth-child(6n+1) .prediction-column-fill{background:#e22c92}.dxd-prediction-html .prediction-column:nth-child(6n+2) .prediction-column-fill{background:#3683ed}.dxd-prediction-html .prediction-column:nth-child(6n+3) .prediction-column-fill{background:#1aa998}.dxd-prediction-html .prediction-column:nth-child(6n+4) .prediction-column-fill{background:#f0a128}.dxd-prediction-html .prediction-column:nth-child(6n+5) .prediction-column-fill{background:#9260db}.dxd-prediction-html .prediction-column:nth-child(6n+6) .prediction-column-fill{background:#ef6452}
.dxd-prediction-html .prediction-history-nav{display:flex!important;flex-direction:row;justify-content:center;align-items:center;justify-self:center;align-self:center;width:fit-content!important;max-width:100%;margin:16px auto!important;gap:5px;padding:0;background:none;border:0}
.dxd-prediction-html .prediction-history-nav>a,.dxd-prediction-html .prediction-history-nav>span{flex:0 0 auto!important;width:auto!important;min-width:30px;min-height:32px;margin:0;padding:5px 8px;font-size:12px}
.dxd-prediction-html .prediction-history-nav [aria-disabled=true]{display:none!important}
@media(max-width:600px){.dxd-prediction-html .prediction-column-plot{height:85px}.dxd-prediction-html .prediction-column{flex-basis:32px;min-width:32px}.dxd-prediction-html .prediction-history-nav{gap:4px}.dxd-prediction-html .prediction-history-nav>a,.dxd-prediction-html .prediction-history-nav>span{min-width:28px;padding:5px 7px;font-size:11px}}

/* Scale column heights against each chart peak, keeping actual percentages in labels. */
.dxd-prediction-html .prediction-columns{padding-top:22px}.dxd-prediction-html .prediction-column-plot{height:180px}@media(max-width:600px){.dxd-prediction-html .prediction-column-plot{height:145px}}
/* Original-style market selector: right aligned, label above the control. */
.dxd-prediction-html .prediction-market-form{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;width:225px;max-width:100%;margin:0 0 22px auto;padding:0;border:0;background:transparent;box-shadow:none}
.dxd-prediction-html .prediction-market-form>label{display:block;margin:0;padding:0;font-size:13px;line-height:1.4;font-weight:400;color:inherit;opacity:.72;text-align:left}
.dxd-prediction-html .prediction-market-form #prediction-market{display:block;box-sizing:border-box;width:100%;min-width:0;height:52px;margin:0;padding:0 15px;font:inherit;font-size:16px;font-weight:400;line-height:normal;border:1px solid var(--prediction-line,#8885);border-radius:7px;background-color:var(--panel,var(--card-bg,color-mix(in srgb,currentColor 5%,transparent)));color:inherit;box-shadow:none;appearance:auto;cursor:pointer}
.dxd-prediction-html .prediction-market-form #prediction-market:focus-visible{outline:2px solid var(--prediction-accent,currentColor);outline-offset:2px}
.dxd-prediction-html .prediction-market-form #prediction-market option{background:var(--panel,var(--card-bg,Canvas));color:var(--text,CanvasText)}
@media(max-width:600px){.dxd-prediction-html .prediction-market-form{width:200px;margin-bottom:18px}.dxd-prediction-html .prediction-market-form #prediction-market{height:46px;font-size:14px;padding:0 12px}}
/* Match the compact original control and keep the module clear of the page edge. */
.dxd-prediction-html{box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:20px 24px}
.dxd-prediction-html .prediction-market-form{box-sizing:border-box;flex:none;width:150px!important;max-width:100%;margin:0 0 18px auto!important;gap:5px}
.dxd-prediction-html .prediction-market-form>label{font-size:11px;line-height:1.4}
.dxd-prediction-html .prediction-market-form #prediction-market{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%;height:40px!important;min-height:0!important;padding:0 12px!important;font-size:14px!important;border-radius:6px}
@media(max-width:600px){.dxd-prediction-html{padding:14px 12px}.dxd-prediction-html .prediction-market-form{width:145px!important;margin-bottom:16px!important}.dxd-prediction-html .prediction-market-form #prediction-market{height:38px!important;font-size:13px!important;padding:0 10px!important}}

/* Only shio uses horizontal bars. */
.dxd-prediction-html .prediction-shio-bars{display:grid;gap:8px;padding:6px 0}
.dxd-prediction-html .prediction-shio-row{display:grid;grid-template-columns:66px minmax(0,1fr) 100px;align-items:center;gap:8px;font-size:11px;line-height:1.4}
.dxd-prediction-html .prediction-shio-name{font-weight:600}.dxd-prediction-html .prediction-shio-track{display:block;height:7px;border-radius:6px;background:#8883;overflow:hidden}.dxd-prediction-html .prediction-shio-fill{display:block;height:100%;border-radius:6px;background:#e22c92}.dxd-prediction-html .prediction-shio-value{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.dxd-prediction-html .prediction-shio-row:nth-child(6n+2) .prediction-shio-fill{background:#3683ed}.dxd-prediction-html .prediction-shio-row:nth-child(6n+3) .prediction-shio-fill{background:#1aa998}.dxd-prediction-html .prediction-shio-row:nth-child(6n+4) .prediction-shio-fill{background:#f0a128}.dxd-prediction-html .prediction-shio-row:nth-child(6n+5) .prediction-shio-fill{background:#9260db}.dxd-prediction-html .prediction-shio-row:nth-child(6n+6) .prediction-shio-fill{background:#ef6452}
@media(max-width:600px){.dxd-prediction-html .prediction-shio-row{grid-template-columns:55px minmax(0,1fr) 90px;gap:6px;font-size:10px}}

.dxd-prediction-html .prediction-analysis-header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.dxd-prediction-html .prediction-range-form{display:flex;align-items:center;gap:7px;margin:0;font-size:11px}.dxd-prediction-html #prediction-range{font:inherit;color:inherit;background-color:var(--prediction-tint);border:1px solid var(--prediction-line);border-radius:5px;height:32px;min-width:105px;padding:3px 7px}.dxd-prediction-html #prediction-range option,.dxd-prediction-html #prediction-range optgroup{background:var(--panel,Canvas);color:var(--text,CanvasText)}

.dxd-prediction-html .prediction-auto-note{display:block;box-sizing:border-box;width:100%;height:auto;min-height:0;margin:0;padding:9px 12px;font-size:12px;line-height:1.5;text-align:center;color:inherit;background:var(--prediction-tint);border:1px solid var(--prediction-line);border-radius:6px}