/* ==========================================================================
   Prediction markets — /predictions/ (template-predictions.php,
   assets/js/predictions.js). Same system as /live/bets/ (.lvb): type scale
   12.5 / 13.5 / 15 / 17 / 19 / 22 / 30, numbers in Inter with tabular
   figures, cards on --card. Scoped under .pmk so it layers on the live theme
   without touching it. Venue accents come from inc/predictions.php
   (Polymarket blue); polarity uses the site's --up / --down.
   ========================================================================== */

.pmk{
	--mid:#4FC7EA; --hi:#A78BFA; --max:#F5C451;
	--card:var(--surface,#1B2030);
	--card-2:var(--surface-2,#212739);
	--card-3:var(--surface-3,#293046);
	--ink:var(--text,#ECEEF6);
	--ink-2:var(--text-2,#CDD2E1);
	--ink-3:var(--muted,#A9AFC4);
	--ink-4:var(--dim,#7E849C);
	--hair:var(--line,rgba(255,255,255,.075));
	--hair-2:var(--line-2,rgba(255,255,255,.14));
	--rad:14px;
	--font-num:var(--font-body,"Inter",system-ui,sans-serif);
	--up-c:var(--up,#2ED47F); --down-c:var(--down,#FF5C7A);
	font-size:15px;line-height:1.5;color:var(--ink);
	padding:18px 0 clamp(40px,5vw,72px);
}
.pmk *{box-sizing:border-box}
.pmk h1,.pmk h2,.pmk h3,.pmk h4{margin:0;font-family:var(--font-display,"Sora","Inter",sans-serif);letter-spacing:-.02em;line-height:1.15}
.pmk p{margin:0}
.pmk a{color:inherit;text-decoration:none}
.pmk button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.pmk img,.pmk svg{display:block;max-width:100%}
.pmk .num,.pmk b,.pmk td,.pmk dd{font-variant-numeric:tabular-nums lining-nums}
/* the site-wide .num helper switches to the mono face; this board keeps Inter */
.pmk .num{font-family:var(--font-num);letter-spacing:0}
.pmk :focus-visible{outline:2px solid var(--mid);outline-offset:2px;border-radius:8px}
.pmk .up{color:var(--up-c)}
.pmk .down{color:var(--down-c)}
.pmk .flat{color:var(--ink-3)}
.pmk .soon{color:var(--max)}
.pmk .past{color:var(--ink-4);text-decoration:underline dotted;text-underline-offset:3px}
.pmk [hidden]{display:none!important}
.pmk .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.pmk-wrap{max-width:var(--wrap,1420px);margin:0 auto;padding-inline:var(--pad,clamp(18px,2.6vw,36px))}

/* ---------- shared: cards, labels, buttons, marks ---------- */
.pmk-card{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--card);border:1px solid var(--hair);border-radius:var(--rad);box-shadow:0 14px 40px -28px rgba(0,0,0,.7)}
.pmk-card-head{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap;padding:14px 18px 0}
.pmk-card-head h3{font-size:16px;font-weight:700}
.pmk-card-head p{font-size:13px;color:var(--ink-3)}
.pmk .pmk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;line-height:1;padding:11px 16px;border-radius:999px;border:1px solid transparent;white-space:nowrap;transition:transform .16s,background .16s,border-color .16s,box-shadow .16s}
.pmk .pmk-btn:hover{transform:translateY(-1px)}
.pmk .pmk-btn-ghost{background:var(--card-2);border-color:var(--hair-2);color:var(--ink)}
.pmk .pmk-btn-ghost:hover{background:var(--card-3)}
.pmk .pmk-btn-primary{background:var(--grad,linear-gradient(115deg,#4FC7EA,#2F97EE 45%,#7B4DF2));color:#fff;box-shadow:0 8px 20px -12px rgba(79,150,242,.9)}
.pmk .pmk-btn-sm{padding:8px 12px;font-size:13px}
.pmk-vdot{--accent:var(--mid);display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);vertical-align:0;margin-right:5px;flex:0 0 auto}
.pmk-vmark{--accent:var(--mid);display:inline-flex;align-items:center;gap:5px;font-style:normal;font-weight:700;color:var(--ink-2)}
.pmk-vmark::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:0 0 auto}

/* ---------- page head ---------- */
.pmk-head{display:flex;align-items:center;justify-content:space-between;gap:16px 28px;padding:4px 0 18px}
.pmk-ident{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto}
.pmk-mark{width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border-radius:16px;color:#fff;background:var(--grad,linear-gradient(135deg,#4FC7EA,#2F97EE 45%,#7B4DF2));border:1px solid var(--hair-2);box-shadow:0 10px 24px -12px rgba(47,151,238,.8)}
.pmk-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pmk-head h1{font-size:30px;font-weight:800;letter-spacing:-.03em;color:#fff}
.pmk-tag{font-size:12.5px;font-weight:600;color:var(--ink-3);padding:4px 10px;border-radius:999px;background:var(--card-2);border:1px solid var(--hair)}
.pmk-live{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 8px;border-radius:999px;font-size:12.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;background:rgba(46,212,127,.1);color:var(--up-c);border:1px solid rgba(46,212,127,.28)}
.pmk-live i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(46,212,127,.18);animation:pmkPulse 1.8s infinite}
.pmk-live.stale{background:rgba(245,196,81,.1);color:var(--max);border-color:rgba(245,196,81,.3)}
.pmk-live.stale i{box-shadow:0 0 0 3px rgba(245,196,81,.18);animation:none}
.pmk-live.dead{background:rgba(255,92,122,.1);color:var(--down-c);border-color:rgba(255,92,122,.3)}
.pmk-live.dead i{box-shadow:0 0 0 3px rgba(255,92,122,.18);animation:none}
@keyframes pmkPulse{0%,100%{box-shadow:0 0 0 3px rgba(46,212,127,.18)}50%{box-shadow:0 0 0 7px rgba(46,212,127,.04)}}
.pmk-facts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--ink-3)}
.pmk-facts li{white-space:nowrap}
.pmk-facts li+li::before{content:"·";margin:0 9px;color:var(--ink-4)}
.pmk-facts b{font-weight:700;color:#fff;font-size:15px}
.pmk-venues{display:inline-flex;padding:3px;border-radius:999px;background:var(--card-2);border:1px solid var(--hair-2);gap:2px}
.pmk-venue{--accent:var(--mid);display:inline-flex;align-items:center;gap:0;padding:6px 12px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-3);transition:background .16s,color .16s}
.pmk-venue .pmk-vdot{opacity:.7;margin-right:7px}
.pmk-venue:hover{color:#fff}
.pmk-venue.is-on{background:var(--card-3);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}
.pmk-venue.is-on .pmk-vdot{opacity:1}
.pmk-venue[data-venue="all"].is-on{background:var(--grad,linear-gradient(115deg,#4FC7EA,#2F97EE 45%,#7B4DF2));box-shadow:0 6px 16px -10px rgba(79,150,242,.8)}

.pmk-banner{margin:0 0 14px;padding:8px 14px;border-radius:10px;font-size:13px;border:1px solid rgba(245,196,81,.3);background:rgba(245,196,81,.08);color:#E8D5A0}
.pmk-banner.err{border-color:rgba(255,92,122,.32);background:rgba(255,92,122,.08);color:#FFB3C0}
.pmk-banner.info{border-color:rgba(79,199,234,.25);background:rgba(79,199,234,.06);color:#B9DDEC}

/* ---------- tiles ---------- */
.pmk-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:0 0 18px;background:var(--hair);border:1px solid var(--hair);border-radius:var(--rad);overflow:hidden}
.pmk-tile{background:var(--card);padding:16px 18px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.pmk-tile b{font-size:24px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1;font-family:var(--font-num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmk-tile b.up{color:var(--up-c)}
.pmk-tile b.down{color:var(--down-c)}
.pmk-tile[data-tile="hot"] b{color:var(--mid)}
.pmk-tile[data-tile="closing"] b{color:var(--max)}
.pmk-tile-l{font-size:13px;font-weight:600;color:var(--ink-2)}
.pmk-tile-s{font-size:12.5px;color:var(--ink-4);line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pmk-tile-s .pmk-vdot{width:7px;height:7px;margin-right:4px}

/* ---------- board grid ---------- */
.pmk-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:18px;align-items:start}
.pmk-rail{display:grid;gap:14px;align-content:start}

/* ---------- board card ---------- */
.pmk-board{display:flex;flex-direction:column;min-width:0;container-type:inline-size}
.pmk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 14px 0}
.pmk-tabs{display:inline-flex;padding:3px;border-radius:999px;background:var(--card-2);border:1px solid var(--hair-2);gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pmk-tabs::-webkit-scrollbar{display:none}
.pmk-tab{padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink-3);transition:background .16s,color .16s;white-space:nowrap}
.pmk-tab:hover{color:#fff}
.pmk-tab.is-on{background:var(--grad,linear-gradient(115deg,#4FC7EA,#2F97EE 45%,#7B4DF2));color:#fff;box-shadow:0 6px 16px -10px rgba(79,150,242,.8)}
.pmk-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pmk-search{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 11px;border-radius:999px;background:var(--card-2);border:1px solid var(--hair-2);font-size:13px;color:var(--ink-4)}
.pmk-search input{background:transparent;border:0;color:#fff;font:inherit;width:170px;outline:0}
.pmk-search input::placeholder{color:var(--ink-4)}
.pmk-search:focus-within{border-color:rgba(79,199,234,.5)}
/* category tiles — icon buttons in a scrolling strip (same as the sports strip on /live/sports/) */
.pmk-strip{position:relative;padding:12px 18px 0}
.pmk-cats{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 4px;scroll-snap-type:x proximity}
.pmk-cats::-webkit-scrollbar{display:none}
.pmk-cat{--accent:var(--hi);flex:0 0 auto;width:72px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:0;scroll-snap-align:start;color:var(--ink-3);cursor:pointer}
.pmk-cat .pmk-cat-ico{position:relative;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:var(--card-2);border:1px solid var(--hair);color:var(--ink-2);transition:background .16s,border-color .16s,transform .16s,box-shadow .16s}
.pmk-cat .pmk-cat-ico svg{width:26px;height:26px}
.pmk-cat .pmk-cat-lbl{font-size:12px;font-weight:600;line-height:1.2;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;transition:color .16s}
.pmk-cat em{position:absolute;top:-6px;right:-6px;font-style:normal;font-size:10px;font-weight:800;line-height:1;padding:3px 5px;border-radius:999px;background:var(--card-3);border:1px solid var(--hair-2);color:var(--ink-3)}
.pmk-cat:hover .pmk-cat-ico{border-color:var(--hair-2);color:#fff;transform:translateY(-1px)}
.pmk-cat:hover .pmk-cat-lbl{color:#fff}
.pmk-cat.is-on .pmk-cat-ico{background:color-mix(in srgb,var(--accent) 16%,var(--card-2));border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.pmk-cat.is-on .pmk-cat-lbl{color:color-mix(in srgb,var(--accent) 80%,#fff)}
.pmk-cat.is-on em{background:var(--accent);border-color:transparent;color:#0B0B13}
/* scroll arrows — the .pmk button reset outranks a single class, hence the .pmk prefix */
.pmk .pmk-strip-btn{position:absolute;top:18px;right:10px;width:44px;height:56px;border-radius:12px;display:grid;place-items:center;padding:0;background:linear-gradient(90deg,rgba(27,32,48,0),var(--card) 45%);color:#fff;z-index:3;opacity:0;pointer-events:none;transition:opacity .16s}
.pmk .pmk-strip-btn svg{width:20px;height:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.pmk .pmk-strip-btn.is-show{opacity:1;pointer-events:auto}
.pmk .pmk-strip-btn.is-left{right:auto;left:10px;background:linear-gradient(270deg,rgba(27,32,48,0),var(--card) 45%)}
.pmk-view-note{padding:8px 18px 0;font-size:12.5px;color:var(--ink-4)}

.pmk-table-wrap{overflow:hidden;padding:6px 6px 0}
.pmk-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:14px}
.pmk-table th{position:sticky;top:0;z-index:1;text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);padding:8px 12px 10px;border-bottom:1px solid var(--hair);background:var(--card)}
.pmk-table th.num,.pmk-table td.num{text-align:right}
.pmk-table td{padding:9px 12px;border-bottom:1px solid var(--hair);vertical-align:middle;white-space:nowrap}
.pmk-table tbody tr:last-child td{border-bottom:0}
.pmk-row{transition:background .16s;cursor:pointer}
.pmk-row:hover{background:rgba(255,255,255,.025)}
.pmk-row.is-open{background:rgba(79,199,234,.05)}
.pmk-row.is-open td{border-bottom-color:transparent}
.pmk-empty td{padding:34px 16px;text-align:center;color:var(--ink-3);white-space:normal}

.c-rank{width:34px;color:var(--ink-4);font-size:12.5px;font-weight:700}
.c-market{width:auto;min-width:0;overflow:hidden}
.c-chance{width:158px}
.c-chg{width:60px}
.c-vol{width:104px}
.c-trend{width:104px;display:none}
.c-ends{width:80px;color:var(--ink-3);font-size:13px}
.c-go{width:42px;text-align:center}
/* the board is a container: columns come and go with ITS width, whatever the
   sidebar / rail state — the market title always keeps ~40 % of the row */
@container (min-width:840px){.c-trend{display:table-cell}.c-chance{width:176px}.c-chg{width:70px}.c-vol{width:116px}}
@container (min-width:1040px){.c-chance{width:200px}.c-trend{width:120px}.c-ends{width:92px}}
.c-go a{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--card-2);border:1px solid var(--hair-2);color:#fff;font-weight:700;font-size:13px;transition:transform .16s,background .16s}
.c-go a:hover{transform:translate(1px,-1px);background:var(--card-3)}
td.c-vol{font-weight:700;color:#fff}
td.c-vol small{display:block;font-size:11px;font-weight:500;color:var(--ink-4)}

.pmk-m{display:flex;align-items:center;gap:11px;min-width:0}
.pmk-icon{width:36px;height:36px;border-radius:9px;object-fit:cover;background:var(--card-2);border:1px solid var(--hair);flex:0 0 auto}
.pmk-icon.is-sm{width:30px;height:30px;border-radius:8px}
.pmk-icon.is-letter{display:grid;place-items:center;font-size:14px;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 55% 42%),hsl(var(--h) 45% 26%));border-color:transparent}
.pmk-icon.is-broken{visibility:hidden}
.pmk-m-text{min-width:0;flex:1 1 auto;overflow:hidden;line-height:1.3}
.pmk-m-title{display:block;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmk-m-meta{display:block;font-size:12px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}
.pmk-m-meta em{font-style:normal;margin:0 6px;color:var(--ink-4)}
.pmk-m-meta .pmk-vmark{font-size:12px;color:var(--ink-3);vertical-align:top}
.pmk-m-meta .pmk-sub{color:var(--ink-3)}
.pmk-m-meta .pmk-flag{vertical-align:1px}
.pmk-flag{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:5px}
.pmk-flag.is-new{background:rgba(245,196,81,.15);color:#FFE7A8}
.pmk-flag.is-live{background:rgba(46,212,127,.15);color:var(--up-c)}

.pmk-chance{display:flex;flex-direction:column;gap:5px;min-width:0}
.pmk-chance-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.pmk-lead{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.pmk-chance-top b{font-size:15px;font-weight:800;color:#fff;flex:0 0 auto}
.pmk-bar{display:block;height:5px;border-radius:999px;background:var(--card-3);overflow:hidden}
.pmk-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2F97EE,var(--mid))}
.pmk-chance.is-ladder .pmk-bar i{background:linear-gradient(90deg,#7B4DF2,var(--hi))}
.pmk-chg{font-weight:700}
.pmk-chg.flat{font-weight:500}

.pmk-spark{display:block;overflow:visible}
.pmk-spark-line{fill:none;stroke:var(--ink-3);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.pmk-spark-fill{fill:var(--ink-3);opacity:.1}
.pmk-spark-dot{fill:var(--ink-2)}
.pmk-spark.up .pmk-spark-line{stroke:var(--up-c)}
.pmk-spark.up .pmk-spark-fill{fill:var(--up-c)}
.pmk-spark.up .pmk-spark-dot{fill:var(--up-c)}
.pmk-spark.down .pmk-spark-line{stroke:var(--down-c)}
.pmk-spark.down .pmk-spark-fill{fill:var(--down-c)}
.pmk-spark.down .pmk-spark-dot{fill:var(--down-c)}
.pmk-spark-none{color:var(--ink-4);font-size:12px}

.pmk-board-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 12px;font-size:12.5px;color:var(--ink-4);border-top:1px solid var(--hair)}

/* ---------- detail row ---------- */
.pmk-detail td{white-space:normal;padding:0 12px 16px 62px;background:rgba(79,199,234,.05);border-bottom:1px solid var(--hair)}
.pmk-d{display:grid;grid-template-columns:minmax(0,1fr);gap:18px 26px;padding:6px 6px 0;align-items:start}
@container (min-width:640px){.pmk-d{grid-template-columns:minmax(0,1fr) 264px}.pmk-d-side{grid-column:2}.pmk-d-chart{grid-column:2;grid-row:1}.pmk-d-outcomes{grid-row:1/3}}
@container (min-width:1000px){.pmk-d{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 230px}.pmk-d-chart{grid-column:2;grid-row:1}.pmk-d-side{grid-column:3;grid-row:1}.pmk-d-outcomes{grid-row:1}}
.pmk-d h4{font-size:13px;font-weight:700;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
.pmk-d h4 span{color:var(--ink-4);text-transform:none;letter-spacing:0;font-weight:600}
.pmk-d-note{font-size:12px;color:var(--ink-4);margin:-4px 0 8px}
.pmk-outs{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.pmk-outs li{display:grid;grid-template-columns:minmax(0,1fr) minmax(56px,100px) 44px 38px;gap:8px;align-items:center;font-size:13.5px;padding:3px 6px;border-radius:8px}
.pmk-outs li.is-head{background:rgba(255,255,255,.04)}
.pmk-o-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}
.pmk-outs li.is-head .pmk-o-label{color:#fff;font-weight:700}
.pmk-o-bar{display:block;height:6px;border-radius:999px;background:var(--card-3);overflow:hidden}
.pmk-o-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2F97EE,var(--mid))}
.pmk-outs.is-ladder .pmk-o-bar i{background:linear-gradient(90deg,#7B4DF2,var(--hi))}
.pmk-o-p{text-align:right;color:#fff;font-weight:700}
.pmk-o-chg{text-align:right;font-size:12px;font-weight:600}
.pmk-o-chg.flat{color:var(--ink-4);font-weight:500}
.pmk-o-more{font-size:12.5px;color:var(--ink-4);margin-top:8px}
.pmk-chart{position:relative;padding:0 34px 18px 0}
.pmk-chart .pmk-spark{width:100%;height:auto;max-height:110px}
.pmk-chart .pmk-spark-line{stroke-width:2}
.pmk-chart-scale{position:absolute;right:0;top:0;bottom:18px;width:30px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:11px;color:var(--ink-4);pointer-events:none}
.pmk-chart-axis{position:absolute;left:0;right:34px;bottom:0;display:flex;justify-content:space-between;font-size:11px;color:var(--ink-4)}
.pmk-chart-none{font-size:13px;color:var(--ink-4)}
.pmk-d-side{display:grid;gap:12px}
.pmk-d-meta{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.pmk-d-meta div{display:flex;flex-direction:column-reverse;gap:1px;min-width:0}
.pmk-d-meta dt{font-size:11px;color:var(--ink-4);text-transform:uppercase;letter-spacing:.05em}
.pmk-d-meta dd{margin:0;font-size:13px;color:#fff;font-weight:600;overflow-wrap:anywhere}
.pmk-d-side .pmk-btn{width:100%}

/* ---------- rail: venues ---------- */
.pmk-houses{list-style:none;margin:0;padding:8px 10px 10px;display:grid;gap:6px}
.pmk-house{--accent:var(--mid);display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:8px 12px;align-items:center;padding:10px 10px 10px 14px;border-radius:12px;background:var(--card-2);border:1px solid var(--hair);position:relative;overflow:hidden}
.pmk-house::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent);opacity:.9}
.pmk-house-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,#000),color-mix(in srgb,var(--accent) 40%,#000));border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}
.pmk-house-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pmk-house-top b{font-size:15px;color:#fff}
.pmk-dot{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4)}
.pmk-dot i{width:7px;height:7px;border-radius:50%;background:var(--ink-4)}
.pmk-dot.ok{color:var(--up-c)}.pmk-dot.ok i{background:currentColor;box-shadow:0 0 0 3px rgba(46,212,127,.15)}
.pmk-dot.stale{color:var(--max)}.pmk-dot.stale i{background:currentColor}
.pmk-dot.dead{color:var(--down-c)}.pmk-dot.dead i{background:currentColor}
.pmk-house-facts{grid-column:1/-1;grid-row:2;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;padding-top:8px;border-top:1px solid var(--hair)}
.pmk-house-facts div{display:flex;flex-direction:column-reverse;gap:1px;min-width:0}
.pmk-house-facts dt{font-size:11px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmk-house-facts dd{margin:0;font-size:14px;color:#fff;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmk-house-bar{grid-column:1/-1;grid-row:3;height:4px;border-radius:999px;background:var(--card-3);overflow:hidden}
.pmk-house-bar i{display:block;height:100%;width:0;border-radius:999px;background:var(--accent);transition:width .4s}
.pmk-house-go{grid-column:3;grid-row:1;display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--card-3);border:1px solid var(--hair-2);color:#fff;font-weight:700;transition:transform .16s,background .16s}
.pmk-house-go:hover{transform:translateX(2px);background:color-mix(in srgb,var(--accent) 30%,var(--card-3))}

/* ---------- rail: categories ---------- */
.pmk-catbars{list-style:none;margin:0;padding:8px 10px 10px;display:grid;gap:2px}
.pmk-catbar{display:grid;gap:5px;width:100%;text-align:left;padding:7px 8px;border-radius:10px;transition:background .16s}
.pmk-catbar:hover{background:rgba(255,255,255,.03)}
.pmk-catbar.is-on{background:rgba(79,199,234,.08)}
.pmk-catbar-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:13px}
.pmk-catbar-top b{color:#fff;font-weight:700}
.pmk-catbar-top span{color:var(--ink-4);font-size:12px;white-space:nowrap}
.pmk-catbar-track{display:block;height:5px;border-radius:999px;background:var(--card-3);overflow:hidden}
.pmk-catbar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2F97EE,var(--mid))}

/* ---------- rail: mini lists ---------- */
.pmk-mini{list-style:none;margin:0;padding:6px 8px 8px;display:grid;gap:1px}
.pmk-mini-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;text-align:left;padding:6px 8px;border-radius:10px;transition:background .16s}
.pmk-mini-row:hover{background:rgba(255,255,255,.03)}
.pmk-mini-text{min-width:0;line-height:1.25}
.pmk-mini-text b{display:block;font-size:13.5px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmk-mini-text span{display:flex;align-items:center;font-size:12px;color:var(--ink-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmk-mini-right{font-size:13.5px;font-weight:700;color:#fff;white-space:nowrap}
.pmk-list-empty{color:var(--ink-4);text-align:center;padding:14px}

/* ---------- rail: about ---------- */
.pmk-about-body{padding:8px 18px 16px;display:grid;gap:8px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}

/* ---------- responsive ---------- */
@media (max-width:1240px){
	.pmk-grid{grid-template-columns:minmax(0,1fr) 296px}
	.pmk-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
	.pmk-grid{grid-template-columns:minmax(0,1fr)}
	.pmk-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pmk-venues-card,.pmk-about{grid-column:1/-1}
}
@media (max-width:820px){
	.pmk-head{flex-wrap:wrap}
	.pmk-head h1{font-size:26px}
	.pmk-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pmk-tile b{font-size:21px}
	.pmk-rail{grid-template-columns:minmax(0,1fr)}
	.pmk-search input{width:130px}
	.c-ends{display:none}
	.pmk-detail td{padding-left:12px}
}
@media (max-width:640px){
	.pmk{font-size:14px}
	.pmk-ident{align-items:flex-start}
	.pmk-mark{width:48px;height:48px;border-radius:13px}
	.pmk-tag{display:none}
	.pmk-facts{font-size:13px}
	.pmk-fact-venues{display:none}
	/* two-line rows: title · chance / meta · change · volume */
	.pmk-table,.pmk-table tbody{display:block;font-size:13px}
	.pmk-table thead{display:none}
	.pmk-table tr.pmk-row{display:grid;grid-template-columns:minmax(0,1fr) 50px 66px;grid-template-rows:auto auto;gap:2px 8px;align-items:center;padding:9px 8px;border-bottom:1px solid var(--hair)}
	.pmk-table tbody tr:last-child{border-bottom:0}
	.pmk-table tr.pmk-row td{display:block;padding:0;border:0;overflow:hidden;text-overflow:ellipsis;width:auto}
	.pmk-table tr.pmk-row td.c-rank,.pmk-table tr.pmk-row td.c-trend,.pmk-table tr.pmk-row td.c-ends,.pmk-table tr.pmk-row td.c-go{display:none}
	.pmk-table tr.pmk-row td.c-market{grid-row:1/3;grid-column:1}
	.pmk-table tr.pmk-row td.c-chance{grid-row:1;grid-column:2/4}
	.pmk-table tr.pmk-row td.c-chg{grid-row:2;grid-column:2;text-align:left;font-size:12.5px}
	.pmk-table tr.pmk-row td.c-vol{grid-row:2;grid-column:3;text-align:right;font-size:12.5px}
	.pmk-table tr.pmk-row td.c-vol small{display:none}
	.pmk-chance-top b{font-size:14px}
	.pmk-icon{width:32px;height:32px;border-radius:8px}
	.pmk-m{gap:8px}
	.pmk-m-meta .pmk-sub{display:none}
	.pmk-empty td{grid-column:1/-1}
	.pmk-detail{display:block;padding:0 0 12px}
	.pmk-detail td{display:block;padding:8px 8px 4px}
	.pmk-outs li{grid-template-columns:minmax(0,1fr) 80px 44px 40px;gap:8px}
	.pmk-toolbar{padding:10px 10px 0}
	.pmk-tabs{width:100%}
	.pmk-filters{width:100%}
	.pmk-search{flex:1 1 auto}
	.pmk-search input{width:100%}
	.pmk-strip{padding:10px 10px 0}
	.pmk-cat{width:62px}
	.pmk-cat .pmk-cat-ico{width:50px;height:50px;border-radius:12px}
	.pmk-cat .pmk-cat-ico svg{width:23px;height:23px}
	.pmk-cat .pmk-cat-lbl{max-width:62px;font-size:11.5px}
}
@media (prefers-reduced-motion:reduce){
	.pmk-live i{animation:none}
	.pmk-house-bar i{transition:none}
}