:root {
  --lpph-v12-bg: #000410;
  --lpph-v12-panel: #000818;
  --lpph-v12-panel-2: #041424;
  --lpph-v12-panel-3: #081424;
  --lpph-v12-line: #0a1f45;
  --lpph-v12-line-soft: #011238;
  --lpph-v12-line-strong: #0f3a78;
  --lpph-v12-copy: #fff;
  --lpph-v12-muted: #9aa6b8;
  --lpph-v12-dim: #6b7a90;
  --lpph-v12-blue: #4d9bf7;
  --lpph-v12-green: #00ea72;
  --lpph-v12-amber: #f8c512;
  --lpph-v12-gray: #6b7a90;
  --lpph-v12-radius: 14px;
}

.pilot-shell .sps-nav { box-sizing: border-box; }

.lpph-v12-live-board,
.lpph-v12-directory,
.lpph-v12-room-events,
.lpph-v12-about {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  min-width: 0;
  min-height: calc(100vh - 70px);
  margin: 0 auto;
  flex-direction: column;
  color: var(--lpph-v12-copy);
}

.lpph-v12-live-board,
.lpph-v12-directory,
.lpph-v12-room-events,
.lpph-v12-about { max-width: 760px; }

.lpph-v12-live-board :is(a, button, summary, input):focus-visible,
.lpph-v12-directory :is(a, button, summary, input):focus-visible,
.lpph-v12-room-events :is(a, button):focus-visible,
.lpph-v12-about a:focus-visible { outline: 2px solid #82bbff; outline-offset: 2px; }

.lpph-v12-live-board > .pilot-footer,
.lpph-v12-directory > .pilot-footer,
.lpph-v12-room-events > .pilot-footer,
.lpph-v12-about > .pilot-footer { margin-top: auto; }

.lpph-v12-page-heading { padding: 16px 10px 13px; }
.lpph-v12-page-heading h1 { margin: 3px 0 0; font: 760 clamp(23px, 6.5vw, 34px)/1.06 var(--font-ui, system-ui); letter-spacing: -.025em; }
.lpph-v12-eyebrow { margin: 0; color: var(--lpph-v12-blue); font: 760 9px/1.2 var(--lpph-v11-mono, ui-monospace); letter-spacing: .14em; }
.lpph-v12-supporting { margin: 5px 0 0; color: var(--lpph-v12-muted); font-size: 11px; line-height: 1.3; }
.lpph-v12-empty { margin: 10px 0; padding: 22px 14px; border: 1px solid var(--lpph-v12-line); border-radius: 12px; color: var(--lpph-v12-muted); text-align: center; }

/* Live Board: three intentionally different Claude-derived presentation tiers. */
.lpph-v12-live-stack { display: grid; min-width: 0; padding: 0 10px 10px; gap: 12px; }
.lpph-v12-featured-card,
.lpph-v12-paid-group,
.lpph-v12-free-table { min-width: 0; border: 1px solid var(--lpph-v12-line); border-radius: var(--lpph-v12-radius); background: var(--lpph-v12-panel); overflow: hidden; }
.lpph-v12-featured-card { position: relative; padding: 12px; box-shadow: 0 0 0 1px rgb(0 90 230 / 18%), 0 8px 22px rgb(0 50 140 / 18%); }
.lpph-v12-featured-row { display: flex; min-width: 0; gap: 11px; }
.lpph-v12-featured-identity { display: grid; width: 72px; height: 72px; flex: 0 0 auto; place-items: center; border: 1px solid var(--lpph-v12-line); border-radius: 10px; background: linear-gradient(160deg, #04122e, #000814); color: #f4bb05; font: 800 23px/1 system-ui; overflow: hidden; }
.lpph-v12-room-logo { width: 100%; height: 100%; object-fit: contain; }
.lpph-v12-featured-copy { min-width: 0; flex: 1; }
.lpph-v12-featured-name,
.lpph-v12-paid-top { display: flex; min-width: 0; align-items: center; gap: 5px; }
.lpph-v12-room-link { min-width: 0; color: #fff; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-featured-name .lpph-v12-room-link { font-size: 18px; font-weight: 700; line-height: 1.15; }
.lpph-v12-featured-location { margin: 4px 0 0; color: var(--lpph-v12-muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-platform-check { display: inline-grid; width: 16px; height: 16px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #0370fb; color: #fff; font: 800 10px/1 system-ui; }
.lpph-v12-paid-top .lpph-v12-platform-check,
.lpph-v12-event-identity .lpph-v12-platform-check { width: 12px; height: 12px; font-size: 8px; }
.lpph-v12-featured-status { display: flex; min-width: 0; margin-top: 3px; align-items: center; color: var(--lpph-v12-amber); font-size: 12px; font-weight: 600; }
.lpph-v12-featured-table-total { margin-left: 5px; color: #e5e7eb; white-space: nowrap; }
.lpph-v12-freshness { display: inline-flex; min-width: 0; flex: 0 0 auto; align-items: center; gap: 5px; font: 650 10px/1.2 var(--font-ui, system-ui); white-space: nowrap; }
.lpph-v12-freshness-dot { display: inline-block; box-sizing: border-box; width: 7px; height: 7px; flex: 0 0 auto; border: 1px solid transparent; border-radius: 50%; background: currentColor; }
[data-freshness-tone="green"] > .lpph-v12-freshness-dot { background: #00ea72; background: radial-gradient(circle at 34% 30%, #d8ffe9 0 12%, #20ff8b 24%, #00ea72 54%, #007a3d 100%); border-color: rgb(143 255 197 / 78%); box-shadow: 0 0 2px rgb(0 234 114 / 90%), 0 0 5px rgb(0 234 114 / 58%); }
[data-freshness-tone="amber"] > .lpph-v12-freshness-dot { background: #f8c512; background: radial-gradient(circle at 34% 30%, #fff8c7 0 12%, #ffe157 24%, #f8c512 54%, #8b6300 100%); border-color: rgb(255 236 139 / 80%); box-shadow: 0 0 2px rgb(248 197 18 / 90%), 0 0 5px rgb(248 197 18 / 56%); }
[data-freshness-tone="gray"] > .lpph-v12-freshness-dot { background: #6b7a90; background: radial-gradient(circle at 36% 32%, #929fb0 0 10%, #6b7a90 42%, #323c4b 100%); border-color: rgb(166 179 197 / 32%); box-shadow: inset 0 1px 1px rgb(255 255 255 / 14%), inset 0 -1px 2px rgb(0 0 0 / 68%); }
[data-freshness-tone="green"] { color: var(--lpph-v12-green); }
[data-freshness-tone="amber"] { color: var(--lpph-v12-amber); }
[data-freshness-tone="gray"] { color: var(--lpph-v12-gray); }

.lpph-v12-game-rail { position: relative; min-width: 0; margin-top: 8px; }
.lpph-v12-game-pills { display: grid; min-width: 0; grid-auto-flow: column; grid-auto-columns: max-content; gap: 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; }
.lpph-v12-game-pills::-webkit-scrollbar { display: none; }
.lpph-v12-game-rail.is-2-row .lpph-v12-game-pills { grid-template-rows: repeat(2, auto); }
.lpph-v12-game-rail.is-1-row .lpph-v12-game-pills { grid-template-rows: auto; }
.lpph-v12-game-pill { padding: 5px 9px; border-radius: 6px; color: #fff; font-size: 10.5px; font-weight: 600; letter-spacing: -.1px; white-space: nowrap; }
.lpph-v12-game-pill.is-two-blind { box-sizing: border-box; width: 116px; text-align: center; }
.lpph-v12-game-pill.is-nlh { border: 1px solid #044c93; background: linear-gradient(180deg, #001c48, #012358); }
.lpph-v12-game-pill.is-plo { border: 1px solid #7a0d11; background: linear-gradient(180deg, #561414, #4e1013); }
.lpph-v12-game-track { display: block; height: 2px; margin-top: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--lpph-v12-line-strong) 0 38%, var(--lpph-v12-panel-2) 38% 100%); }

.lpph-v12-promotion-rail { display: flex; min-width: 0; margin-top: 8px; gap: 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.lpph-v12-promotion-rail::-webkit-scrollbar { display: none; }
.lpph-v12-promotion-banner { display: flex; box-sizing: border-box; min-width: 100%; padding: 5px 8px; flex: 0 0 100%; align-items: center; gap: 6px; border: 1px solid #00bbe2; border-radius: 7px; box-shadow: 0 0 8px rgb(0 187 226 / 20%); color: #e5e7eb; font-size: 9px; font-weight: 600; scroll-snap-align: start; }
.lpph-v12-promotion-banner > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-promotion-chip { display: grid; width: 18px; height: 18px; flex: 0 0 auto; place-items: center; border: 1px solid #dfe3e8; border-radius: 50%; background: radial-gradient(circle, #1a1a1a 55%, #c8102e 56%); color: #fff; font: 700 4px/1 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-promotion-dots { display: flex; margin-top: 5px; justify-content: center; gap: 4px; }
.lpph-v12-promotion-dots i { display: block; width: 4px; height: 4px; border: 1px solid var(--lpph-v12-line); border-radius: 50%; background: var(--lpph-v12-panel-2); }
.lpph-v12-promotion-dots i.is-active { border-color: #0060ff; background: #0060ff; }

.lpph-v12-paid-room { min-width: 0; padding: 7px 10px; }
.lpph-v12-paid-room + .lpph-v12-paid-room { border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-paid-top .lpph-v12-room-link { font-size: 13.5px; font-weight: 700; line-height: 1.2; }
.lpph-v12-paid-top .lpph-v12-freshness { margin-left: auto; font-size: 9.5px; }
.lpph-v12-paid-sub { display: flex; min-width: 0; margin-top: 1px; align-items: center; gap: 4px; color: var(--lpph-v12-muted); font-size: 10px; }
.lpph-v12-paid-sub span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-paid-sub strong { margin-left: auto; color: #e5e7eb; font-weight: 600; white-space: nowrap; }
.lpph-v12-paid-room .lpph-v12-game-rail { margin-top: 5px; }
.lpph-v12-paid-room .lpph-v12-game-pill { padding: 3px 8px; font-size: 10px; }
.lpph-v12-paid-room .lpph-v12-game-track { margin-top: 3px; }

.lpph-v12-free-head,
.lpph-v12-free-row { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) 46px 66px 15px; gap: 10px; align-items: center; }
.lpph-v12-free-head { padding: 7px 12px; background: var(--lpph-v12-panel-2); color: var(--lpph-v12-dim); font: 600 9px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-free-head .is-2 { text-align: center; }
.lpph-v12-free-head .is-3 { text-align: right; }
.lpph-v12-free-row { padding: 8px 12px; border-top: 1px solid var(--lpph-v12-line-soft); color: #fff; text-decoration: none; }
.lpph-v12-free-who { min-width: 0; }
.lpph-v12-free-who b,
.lpph-v12-free-who small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-free-who b { font-size: 13px; font-weight: 600; }
.lpph-v12-free-who small { color: var(--lpph-v12-muted); font-size: 10px; }
.lpph-v12-free-tables { text-align: center; line-height: 1.05; }
.lpph-v12-free-tables b { display: block; }
.lpph-v12-free-tables b { font-size: 16px; }
.lpph-v12-free-row > .lpph-v12-freshness { justify-content: flex-end; font-size: 10px; }
.lpph-v12-free-chevron { color: var(--lpph-v12-dim); font-size: 17px; text-align: right; }

/* All Rooms: elevated regions with distinct inset city slabs only while open. */
.lpph-v12-directory-heading h1 { font-size: clamp(21px, 6vw, 30px); }
.lpph-v12-directory-search { display: flex; margin-top: 11px; gap: 7px; }
.lpph-v12-directory-search input { box-sizing: border-box; width: 100%; min-width: 0; height: 36px; padding: 0 11px; border: 1px solid #193e6c; border-radius: 9px; outline: none; background: #030d1c; color: #fff; font: 500 12px/1 var(--font-ui, system-ui); }
.lpph-v12-directory-search input:focus-visible { border-color: #58a5ff; box-shadow: 0 0 0 2px rgb(88 165 255 / 25%); }
.lpph-v12-search-clear { min-width: 48px; border: 1px solid #193e6c; border-radius: 9px; background: #07162a; color: #aab9cc; font-size: 10px; }
.lpph-v12-directory-groups { display: grid; padding: 0 10px 10px; gap: 8px; }
.lpph-v12-region { border: 1px solid #17477f; border-radius: 13px; background: #07172b; overflow: hidden; }
.lpph-v12-region-summary { display: grid; min-height: 46px; padding: 0 11px; grid-template-columns: 1fr auto 18px; gap: 8px; align-items: center; cursor: pointer; list-style: none; }
.lpph-v12-region-summary::-webkit-details-marker,
.lpph-v12-city-summary::-webkit-details-marker { display: none; }
.lpph-v12-region-name { font-size: 15px; font-weight: 800; letter-spacing: .02em; }
.lpph-v12-count { display: inline-grid; min-width: 20px; height: 20px; padding: 0 4px; place-items: center; border-radius: 999px; background: rgb(33 95 167 / 35%); color: #9ccaff; font: 750 9px/1 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-chevron { color: #7692b5; text-align: center; transition: transform 160ms ease; }
details[open] > summary > .lpph-v12-chevron { transform: rotate(180deg); }
.lpph-v12-city-stack { display: grid; margin: 0 8px 8px; gap: 4px; background: transparent; }
.lpph-v12-city { min-width: 0; overflow: hidden; }
.lpph-v12-city + .lpph-v12-city { border-top: 1px solid #112c4e; }
.lpph-v12-city[open] { border-radius: 10px; background: linear-gradient(180deg, #050c1b, #00030c); box-shadow: inset 0 1px rgb(255 255 255 / 2%); }
.lpph-v12-city-summary { display: grid; min-height: 36px; padding: 0 8px 0 13px; grid-template-columns: 1fr auto 18px; gap: 7px; align-items: center; color: #d8e2ef; cursor: pointer; list-style: none; }
.lpph-v12-city:not([open]) .lpph-v12-city-summary { color: #8595aa; background: transparent; }
.lpph-v12-city-name { font-size: 13px; font-weight: 720; }
.lpph-v12-room-list { margin: 0; padding: 0 0 0 23px; list-style: none; }
.lpph-v12-room-list li { border-top: 1px solid #0b2342; }
.lpph-v12-room-row { display: grid; min-height: 48px; padding: 5px 7px 5px 0; grid-template-columns: 31px minmax(0, 1fr) 16px; gap: 8px; align-items: center; color: #fff; text-decoration: none; }
.lpph-v12-room-thumb { display: grid; width: 29px; height: 29px; place-items: center; border: 1px solid #24466f; border-radius: 7px; background: #071a33; color: #88bfff; font-size: 10px; font-weight: 800; }
.lpph-v12-room-copy { display: grid; min-width: 0; gap: 2px; }
.lpph-v12-room-name { min-width: 0; font-size: 13px; font-weight: 720; overflow-wrap: anywhere; }
.lpph-v12-room-status { color: #8797ac; font-size: 9px; }
.lpph-v12-row-chevron { color: #5c7697; font-size: 17px; text-align: center; }

/* Room Events: V1.1 tabs plus a Claude-derived poster rail and typed body library. */
.lpph-v12-room-events > .lpph-v11-room-tabs { flex: 0 0 auto; }
.lpph-v12-events-panel { min-width: 0; }
.lpph-v12-poster-rail { --lpph-v12-poster-gutter: 10px; display: flex; box-sizing: border-box; width: 100%; min-width: 0; padding: 8px var(--lpph-v12-poster-gutter) 0; gap: calc(2 * var(--lpph-v12-poster-gutter)); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; scrollbar-width: none; }
.lpph-v12-poster-rail::-webkit-scrollbar { display: none; }
.lpph-v12-poster { box-sizing: border-box; width: 100%; min-width: 100%; margin: 0; flex: 0 0 100%; border: 1px solid var(--lpph-v12-line); border-radius: 14px; background: var(--lpph-v12-panel); scroll-snap-align: center; overflow: hidden; }
.lpph-v12-poster-frame { display: grid; width: 100%; aspect-ratio: 85 / 110; place-items: center; background: #01030b; overflow: hidden; }
.lpph-v12-poster-frame img { width: 100%; height: 100%; object-fit: contain; }
.lpph-v12-poster-frame.is-a4 img { width: auto; aspect-ratio: 210 / 297; }
.lpph-v12-poster figcaption { display: flex; min-width: 0; padding: 7px 10px; gap: 8px; align-items: baseline; border-top: 1px solid var(--lpph-v12-line-soft); color: var(--lpph-v12-dim); font-size: 8.5px; }
.lpph-v12-poster figcaption strong { min-width: 0; margin-right: auto; color: #fff; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-poster figcaption span { white-space: nowrap; }
.lpph-v12-poster-controls { display: flex; height: 20px; margin: 5px 10px 0; align-items: center; color: var(--lpph-v12-dim); font: 600 8.5px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-poster-dots { display: flex; margin-left: auto; gap: 4px; }
.lpph-v12-poster-dots a { width: 5px; height: 5px; border-radius: 50%; background: rgb(255 255 255 / 28%); color: transparent; overflow: hidden; }
.lpph-v12-poster-dots a.is-active { background: #fff; }
.lpph-v12-event-identity { position: sticky; z-index: 6; top: 0; display: flex; box-sizing: border-box; height: 40px; margin-top: 9px; padding: 0 10px; align-items: center; gap: 6px; border-block: 1px solid var(--lpph-v12-line-soft); background: rgb(0 4 16 / 94%); }
.lpph-v12-event-identity b { min-width: 0; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-event-identity em { margin-left: auto; color: var(--lpph-v12-dim); font: 400 8.5px/1 var(--lpph-v11-mono, ui-monospace); font-style: normal; white-space: nowrap; }
.lpph-v12-event-blocks { display: grid; min-width: 0; gap: 9px; padding-top: 9px; }
.lpph-v12-event-card,
.lpph-v12-event-empty-card { min-width: 0; margin: 0 10px; border: 1px solid var(--lpph-v12-line); border-radius: 14px; background: var(--lpph-v12-panel); overflow: hidden; }
.lpph-v12-event-head { display: flex; width: 100%; padding: 10px 11px; align-items: center; gap: 9px; border: 0; background: transparent; color: #fff; text-align: left; }
.lpph-v12-event-icon { display: grid; width: 28px; height: 28px; flex: 0 0 auto; place-items: center; border: 1px solid var(--lpph-v12-line); border-radius: 6px; background: var(--lpph-v12-panel-2); color: var(--lpph-v12-blue); font-size: 12px; }
.lpph-v12-event-head-copy { min-width: 0; }
.lpph-v12-event-head-copy b { display: block; color: var(--lpph-v12-blue); font: 600 9.5px/1.2 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-event-head-copy small { display: block; margin-top: 1px; color: var(--lpph-v12-muted); font-size: 10.5px; }
.lpph-v12-event-caret { margin-left: auto; color: var(--lpph-v12-dim); transition: transform .18s ease; }
.lpph-v12-event-head[aria-expanded="false"] .lpph-v12-event-caret { transform: rotate(180deg); }
.lpph-v12-event-body { border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-event-body[hidden] { display: none; }
.lpph-v12-series-head,
.lpph-v12-series-row { display: grid; grid-template-columns: 42px minmax(0, 1fr) 68px; gap: 8px; }
.lpph-v12-series-head { padding: 7px 11px; background: var(--lpph-v12-panel-2); color: var(--lpph-v12-dim); font: 600 7.5px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-series-head span:last-child { text-align: right; }
.lpph-v12-series-row { padding: 9px 11px; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-series-row:first-of-type { border-top: 0; }
.lpph-v12-series-date b,
.lpph-v12-series-date small,
.lpph-v12-series-main b,
.lpph-v12-series-main small,
.lpph-v12-series-value b,
.lpph-v12-series-value small { display: block; }
.lpph-v12-series-date b { color: #e5e7eb; font: 700 11px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-series-date small { color: var(--lpph-v12-dim); font: 400 8px/1.2 var(--lpph-v11-mono, ui-monospace); text-transform: uppercase; }
.lpph-v12-series-main { min-width: 0; }
.lpph-v12-series-main b { font-size: 12.5px; line-height: 1.25; }
.lpph-v12-series-main small { margin-top: 2px; color: var(--lpph-v12-muted); font-size: 10px; line-height: 1.4; }
.lpph-v12-series-value { text-align: right; }
.lpph-v12-series-value b { color: #e5e7eb; font: 700 11.5px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-series-value small { margin-top: 2px; color: var(--lpph-v12-amber); font: 400 8.5px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-weekly-row { display: grid; padding: 8px 11px; grid-template-columns: 30px minmax(0, 1fr) 66px; gap: 9px; align-items: center; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-weekly-row:first-child { border-top: 0; }
.lpph-v12-weekly-day { color: var(--lpph-v12-blue); font: 700 9px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .08em; }
.lpph-v12-weekly-main { min-width: 0; }
.lpph-v12-weekly-main b,
.lpph-v12-weekly-main small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-weekly-main b { font-size: 12px; }
.lpph-v12-weekly-main small { margin-top: 1px; color: var(--lpph-v12-dim); font: 400 8.5px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-weekly-value { color: #e5e7eb; font: 700 10.5px/1 var(--lpph-v11-mono, ui-monospace); text-align: right; }
.lpph-v12-weekly-row.is-off :is(.lpph-v12-weekly-main b, .lpph-v12-weekly-value) { color: var(--lpph-v12-dim); }
.lpph-v12-promotion-section { margin: 0; padding: 6px 11px; border-top: 1px solid var(--lpph-v12-line-soft); background: var(--lpph-v12-panel-2); color: var(--lpph-v12-dim); font: 600 7.5px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-promotion-section:first-child { border-top: 0; }
.lpph-v12-promotion-row { display: grid; padding: 9px 11px; grid-template-columns: minmax(0, 1fr) 74px; gap: 8px; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-promotion-row b,
.lpph-v12-promotion-row small { display: block; }
.lpph-v12-promotion-row b { font-size: 12.5px; }
.lpph-v12-promotion-row small { margin-top: 2px; color: var(--lpph-v12-muted); font-size: 10.5px; line-height: 1.45; }
.lpph-v12-promotion-when { color: #e5e7eb; font: 600 9px/1.4 var(--lpph-v11-mono, ui-monospace); text-align: right; }
.lpph-v12-highlight { padding: 12px 11px; }
.lpph-v12-highlight > p { margin: 0; }
.lpph-v12-highlight-eyebrow { color: var(--lpph-v12-amber); font: 600 8.5px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-highlight h3 { margin: 5px 0 0; font-size: 19px; line-height: 1.1; }
.lpph-v12-highlight-date { margin-top: 5px !important; color: #e5e7eb; font: 700 11px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-highlight-copy { margin-top: 7px !important; color: var(--lpph-v12-muted); font-size: 11.5px; line-height: 1.55; }
.lpph-v12-highlight-stats { display: grid; margin: 10px 0 0; padding-top: 9px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-highlight-stats dt { color: var(--lpph-v12-dim); font: 400 7.5px/1.2 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-highlight-stats dd { margin: 2px 0 0; color: #e5e7eb; font: 700 12px/1.2 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-event-list-row { display: flex; margin: 0; padding: 9px 11px; gap: 9px; border-top: 1px solid var(--lpph-v12-line-soft); color: #e5e7eb; font-size: 11.5px; line-height: 1.5; }
.lpph-v12-event-list-row:first-child { border-top: 0; }
.lpph-v12-event-list-row i { width: 5px; height: 5px; margin-top: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--lpph-v12-blue); }
.lpph-v12-event-note { margin: 0; padding: 11px; color: #e5e7eb; font-size: 11.5px; line-height: 1.55; }
.lpph-v12-event-stamp { margin: 0; padding: 8px 11px; border-top: 1px solid var(--lpph-v12-line-soft); color: var(--lpph-v12-dim); font: 400 8.5px/1.3 var(--lpph-v11-mono, ui-monospace); letter-spacing: .05em; }
.lpph-v12-event-empty-card { display: grid; padding: 15px 13px; gap: 4px; }
.lpph-v12-event-empty-card b { font-size: 12.5px; }
.lpph-v12-event-empty-card small { color: var(--lpph-v12-muted); font-size: 10.5px; line-height: 1.55; }
.lpph-v12-event-provenance { margin: 9px 10px 14px; padding: 9px 11px; border: 1px dashed var(--lpph-v12-line); border-radius: 10px; color: var(--lpph-v12-dim); font-size: 10px; line-height: 1.55; }
.lpph-v12-event-provenance b { color: #e5e7eb; }

/* Ralph's current Room reference governs only this scoped Live Games and action treatment. */
.lpph-v12-room .lpph-v11-action,
.lpph-v12-room .lpph-v11-action-disclosure,
.lpph-v12-room .lpph-v11-action-disclosure > summary { border-radius: 8px; }
.lpph-v12-room .lpph-v11-action-contact,
.lpph-v12-room .lpph-v11-action-socials { background: transparent; }
.lpph-v12-room .lpph-v11-action-contact > summary { background: var(--lpph-v11-red); }
.lpph-v12-room .lpph-v11-action-socials > summary { background: var(--lpph-v11-blue); }
.lpph-v12-room-live-content { padding: 0 0 12px; }
.lpph-v12-room-live-content > .lpph-v11-live-heading,
.lpph-v12-room-live-content > .lpph-v11-live-freshness { margin-inline: 14px; }
.lpph-v12-room .lpph-v12-room-freshness { display: flex; align-items: center; gap: 5px; }
.lpph-v12-room-live-table { margin-top: 11px; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-room-live-head,
.lpph-v12-room-live-row { display: grid; min-width: 0; padding-inline: 11px; grid-template-columns: 46px minmax(0, 1fr) 56px 62px; gap: 6px; align-items: center; }
.lpph-v12-room-live-head { padding-block: 6px; border-bottom: 1px solid var(--lpph-v12-line-soft); background: #041424; }
.lpph-v12-room-live-head > span { color: var(--lpph-v12-dim); font: 600 7.5px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .12em; text-transform: uppercase; }
.lpph-v12-room-live-head .is-count,
.lpph-v12-room-live-head .is-waiting { text-align: center; }
.lpph-v12-room-live-row { min-height: 42px; padding-block: 8px; border-top: 1px solid var(--lpph-v12-line-soft); }
.lpph-v12-room-live-row:first-child { border-top: 0; }
.lpph-v12-room-game-tag { width: 46px; padding: 4px 0; border: 1px solid #044c93; border-radius: 6px; background: linear-gradient(180deg, #001c48, #012358); color: #fff; font-size: 9px; font-weight: 750; letter-spacing: .03em; line-height: 1; text-align: center; white-space: nowrap; }
.lpph-v12-room-game-tag.is-plo { border-color: #7a0d11; background: linear-gradient(180deg, #561414, #4e1013); }
.lpph-v12-room-live-stake { min-width: 0; overflow: hidden; color: #fff; font-size: 15px; font-weight: 800; letter-spacing: -.2px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-room-live-count,
.lpph-v12-room-live-waiting { color: #e5e7eb; font: 700 13px/1 var(--lpph-v11-mono, ui-monospace); text-align: center; white-space: nowrap; }
.lpph-v12-room-live-count[data-reported="false"],
.lpph-v12-room-live-waiting[data-reported="false"] { color: var(--lpph-v12-gray); font-weight: 600; }

/* Aggregate room-supplied Promotions remain visually separate from Live Games freshness. */
.lpph-v12-live-promotion { display: grid; min-width: 0; padding: 8px 10px; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 7px; align-items: center; border-top: 1px solid rgb(55 161 255 / 18%); background: linear-gradient(90deg, rgb(16 109 209 / 12%), rgb(4 12 27 / 20%)); }
.lpph-v12-live-promotion-mark { color: var(--lpph-v12-blue); font-size: 11px; text-align: center; }
.lpph-v12-live-promotion-copy { display: block; min-width: 0; }
.lpph-v12-live-promotion-copy > b,
.lpph-v12-live-promotion-copy > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lpph-v12-live-promotion-copy > b { color: #f8fafc; font-size: 10px; line-height: 1.3; }
.lpph-v12-live-promotion-copy > span { margin-top: 1px; color: var(--lpph-v12-muted); font: 600 8.5px/1.3 var(--lpph-v11-mono, ui-monospace); }
.lpph-v12-promotion-time { color: var(--lpph-v12-dim); font: 500 7.5px/1.2 var(--lpph-v11-mono, ui-monospace); white-space: nowrap; }
.lpph-v12-free-row > .lpph-v12-live-promotion { margin: 6px -10px -9px; grid-column: 1 / -1; }
.lpph-v12-room-promotions { margin: 0; border-block: 1px solid var(--lpph-v12-line-soft); background: linear-gradient(180deg, #051020, #030a16); }
.lpph-v12-room-promotions-head { display: flex; min-height: 40px; padding: 0 14px; align-items: center; gap: 9px; color: var(--lpph-v12-blue); }
.lpph-v12-room-promotions-head > span { font-size: 12px; }
.lpph-v12-room-promotions-head h2 { margin: 0; font: 700 9px/1 var(--lpph-v11-mono, ui-monospace); letter-spacing: .13em; }
.lpph-v12-room-promotion-list { display: grid; padding: 0 11px 11px; gap: 7px; }
.lpph-v12-room-promotion { min-width: 0; padding: 10px 11px; border: 1px solid var(--lpph-v12-line); border-radius: 10px; background: rgb(3 12 27 / 88%); }
.lpph-v12-room-promotion h3 { margin: 0; color: #f8fafc; font-size: 13px; line-height: 1.3; }
.lpph-v12-room-promotion-value { display: block; margin-top: 4px; color: var(--lpph-v12-blue); font: 750 11px/1.35 var(--lpph-v11-mono, ui-monospace); overflow-wrap: anywhere; }
.lpph-v12-room-promotion p { margin: 5px 0 0; color: var(--lpph-v12-muted); font-size: 10.5px; line-height: 1.45; }
.lpph-v12-room-promotion > .lpph-v12-promotion-time { display: block; margin-top: 6px; }

/* About freshness legend uses explicit dot backgrounds so inherited card color cannot flatten them. */
.lpph-v12-board-key { display: grid; gap: 8px; }
.lpph-v12-about-freshness-row { display: flex; min-width: 0; align-items: center; justify-content: flex-start; column-gap: clamp(14px, 5vw, 20px); row-gap: 0; flex-wrap: nowrap; }
.lpph-v12-about-freshness { display: inline-flex; min-width: 0; margin: 0; align-items: center; gap: 6px; color: #e5e7eb; font-size: 11px; white-space: nowrap; }
.lpph-v12-about-freshness > .lpph-v12-freshness-dot { width: 9px; height: 9px; }
.lpph-v12-about-freshness strong { font-weight: 750; }
.lpph-v12-about :is(.lpph-v12-board-key, .lpph-v12-update-methods) > h2 { margin-top: 0; }
.lpph-v12-submit { display: inline-flex; margin-top: 10px; padding: 10px 14px; border-radius: 8px; background: #146dd1; color: #fff; font-weight: 750; text-decoration: none; }

@media (min-width: 720px) {
  .lpph-v12-live-stack,
  .lpph-v12-directory-groups { padding-inline: 16px; }
  .lpph-v12-page-heading { padding-inline: 18px; }
  .lpph-v12-poster-rail { --lpph-v12-poster-gutter: 18px; }
  .lpph-v12-event-card,
  .lpph-v12-event-empty-card,
  .lpph-v12-event-provenance { margin-inline: 18px; }
}

@media (max-width: 370px) {
  .lpph-v12-featured-name .lpph-v12-room-link { font-size: 16px; }
  .lpph-v12-free-head,
  .lpph-v12-free-row { grid-template-columns: minmax(0, 1fr) 42px 61px 11px; gap: 7px; }
  .lpph-v12-free-head,
  .lpph-v12-free-row { padding-inline: 9px; }
  .lpph-v12-series-head,
  .lpph-v12-series-row { grid-template-columns: 37px minmax(0, 1fr) 61px; gap: 6px; }
  .lpph-v12-live-promotion { grid-template-columns: 14px minmax(0, 1fr); }
  .lpph-v12-live-promotion > .lpph-v12-promotion-time { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  .lpph-v12-chevron,
  .lpph-v12-event-caret { transition: none; }
  .lpph-v12-poster-rail { scroll-behavior: auto; }
}