@font-face { font-family: 'Inter'; src: url('/assets/fonts/inter-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/inter-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/inter-latin-800-normal.woff2') format('woff2'); font-weight: 800; font-style: normal; font-display: swap; }
/* GameStatusNow — source-first dark status system. No framework and no JavaScript required.
   This CSS deliberately forces dark rendering regardless of OS preference. */
:root {
  color-scheme: dark;
  --bg: #0D151B;
  --surface: #162129;
  --surface-raised: #1A2831;
  --surface-deep: #101C22;
  --ink: #EDF4F6;
  --ink-soft: #D2E0E5;
  --muted: #B0C0C9;
  --subtle: #93A7B2;
  --border: #34464F;
  --border-soft: #293A43;
  --accent: #B5EBC9;
  --accent-dark: #173E32;
  --ok: #B5EBC9;
  --ok-bg: #163D31;
  --ok-border: #316C55;
  --warn: #FFE0A3;
  --warn-bg: #4B381F;
  --warn-border: #8A6740;
  --down: #FFB1A9;
  --down-bg: #512D31;
  --down-border: #8C5053;
  --unknown: #D4E0E8;
  --unknown-bg: #303D48;
  --unknown-border: #60717D;
  --focus: #B9E7FF;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --content: 1172px;
  --radius: 11px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px;
  --s6: 32px; --s7: 48px; --s8: 64px;
}
*, *::before, *::after {box-sizing: border-box;}
html {scroll-behavior: smooth; background: var(--bg);}
body {margin: 0; min-width: 0; overflow-x: clip; background: var(--bg); color: var(--ink); font-family: var(--font-sans); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
img, svg {max-width: 100%;}
a {color: inherit; text-decoration: none;}
a:hover {color: var(--accent);}
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible {outline: 3px solid var(--focus); outline-offset: 3px;}
button, input {font: inherit;}
button {cursor: pointer;}
::selection {background: var(--accent); color: #0D151B;}
h1,h2,h3,p {margin-top: 0;}
.container {width: min(var(--content), calc(100% - 72px)); margin-inline: auto;}
.sr-only {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.skip-link {position:absolute; z-index:90; left:12px; top:-100px; padding:10px 16px; background:#FFF; color:#111; border-radius:5px;}
.skip-link:focus {top:10px;}
.period,.hero-stop,.brand-period {color:var(--accent);}
/* Verified content and sample-only values are intentionally separated in HTML. */
.demo-ribbon {background:#2D2A21; border-bottom:1px solid #5B5236; color:#F8E9C7; font-size:11px; font-weight:500; letter-spacing:.018em;}
.demo-ribbon .container {display:flex; align-items:center; gap:12px; min-height:34px;}
.ribbon-badge {display:inline-block; padding:2px 7px; border:1px solid #9F8C5C; border-radius:3px; color:#FFE4A5; font:600 10px/1.4 var(--font-mono); white-space:nowrap;}
.site-header {border-bottom:1px solid var(--border-soft); background:var(--bg);}
.header-inner {height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px;}
.brand {display:inline-flex; flex:0 0 auto; align-items:center; gap:11px; color:var(--ink); font-size:21px; font-weight:800; letter-spacing:-.07em; line-height:1; white-space:nowrap;}
.brand img {width:37px; height:37px;}
.brand-highlight,.footer-brand span {color:var(--accent);}
.top-nav {display:flex; align-items:center; gap:35px; margin-left:auto; margin-right:17px;}
.top-nav a {font-weight:600; color:var(--muted); font-size:13px; transition:color .15s; white-space:nowrap;}
.top-nav a:hover,.top-nav a.active {color:var(--ink);}
.header-action {border:1px solid var(--border); border-radius:6px; height:38px; padding:0 13px; display:inline-flex; align-items:center; gap:9px; color:var(--ink); font-size:12px; font-weight:700; white-space:nowrap;}
.header-action:hover {border-color:var(--accent);}
.tiny-square,.meta-square {display:inline-block; flex:0 0 auto; width:7px; height:7px; background:var(--accent); border-radius:1px;}
.header-action .tiny-square {width:6px; height:6px;}
.eyebrow,.section-index,.hero-meta-right,.context-label,.data-label,.ad-caption,.author-tag {font:600 11px/1.45 var(--font-mono); letter-spacing:.09em;}
.eyebrow {display:inline-flex; align-items:center; gap:10px; color:var(--accent);}
.section-index {display:block; color:var(--accent); margin-bottom:15px;}
/* Home hero: search is the primary input, not decorative artwork. */
.home-hero {padding-top:46px; padding-bottom:42px;}
.hero-meta {display:flex; justify-content:space-between; align-items:center; gap:20px;}
.hero-meta-right {color:var(--subtle); font-size:10px;}
.home-hero h1 {max-width:1075px; margin:20px 0 17px; font-size:clamp(39px,4.35vw,56px); font-weight:800; letter-spacing:-.058em; line-height:1.075;}
.hero-soft {color:var(--ink-soft);}
.dim-em {color:var(--accent); font-weight:500;}
.hero-description {max-width:700px; margin:0 0 22px; color:var(--muted); font-size:17px; line-height:1.65;}
.search-form {width:min(760px,100%); height:66px; padding:7px 8px 7px 20px; display:flex; gap:13px; align-items:center; background:var(--surface-raised); border:1px solid #4C656C; border-radius:9px; box-shadow:0 10px 28px rgba(0,0,0,.09);}
.search-icon {color:var(--accent); flex:0 0 auto;}
.search-form input {flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:17px; font-weight:500; appearance:none;}
.search-form input::placeholder {color:#AABAC2; opacity:1;}
.search-form input:focus {outline:none;}
.search-form:focus-within {border-color:var(--focus); box-shadow:0 0 0 3px #B9E7FF22;}
.search-form button {border:0; flex:0 0 auto; height:50px; padding:0 22px; background:var(--accent); color:#11241C; border-radius:5px; font-weight:800; font-size:14px; letter-spacing:-.015em;}
.search-form button:hover {background:#D5FFE5;}
.search-form button span {margin-left:12px;}
.quick-links {display:flex; gap:16px; align-items:center; flex-wrap:wrap; margin-top:18px; font-size:12px;}
.quick-links > span {color:var(--subtle); font:600 10px var(--font-mono); letter-spacing:.06em;}
.quick-links a {color:var(--ink-soft); text-decoration:underline; text-decoration-color:#55656C; text-underline-offset:4px;}
.quick-links a span {color:var(--accent); margin-left:2px;}
/* Shared section typography */
.games-section {padding-bottom:75px;}
.section-heading {display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px;}
.section-heading h2,.content-section h2,.related-section h2,.method-card h2 {margin:0; color:var(--ink); font-size:31px; font-weight:800; letter-spacing:-.055em; line-height:1.14;}
.section-heading.tight {margin-bottom:22px;}
.section-side {padding-bottom:3px; color:var(--subtle); font-size:12px; line-height:1.6; text-align:right;}
/* Compact data cards, no game IP/artwork. */
.game-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;}
.game-card {position:relative; min-width:0; min-height:251px; display:flex; flex-direction:column; padding:19px 19px 15px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); transition:border-color .14s,transform .14s,background .14s;}
.game-card:hover {transform:translateY(-2px); border-color:#718C87; background:#1B2A32;}
.card-top {display:flex; justify-content:space-between; align-items:flex-start; gap:9px;}
.game-icon {width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:7px; border:1px solid #FFFFFF22; font-size:15px; font-weight:800; letter-spacing:-.04em; color:#F6FBFC;}
.tile-fn {background:#365248;}.tile-ar {background:#655340;}.tile-mr {background:#3E566F;}.tile-cs {background:#725447;}.tile-rl {background:#505B72;}.tile-ap {background:#655047;}
.status-pill {display:inline-flex; gap:7px; align-items:center; justify-content:center; width:max-content; max-width:100%; min-height:28px; padding:4px 9px; border:1px solid; border-radius:5px; white-space:nowrap; line-height:1; font-size:11px; font-weight:800; letter-spacing:.01em;}
.status-symbol {display:inline-flex; align-items:center; justify-content:center; width:15px; height:15px; border:1px solid currentColor; border-radius:50%; flex:0 0 auto; font:800 10px/1 var(--font-sans);}
.status-pill--ok {background:var(--ok-bg); color:var(--ok); border-color:var(--ok-border);}
.status-pill--warn {background:var(--warn-bg); color:var(--warn); border-color:var(--warn-border);}
.status-pill--down {background:var(--down-bg); color:var(--down); border-color:var(--down-border);}
.status-pill--unknown {background:var(--unknown-bg); color:var(--unknown); border-color:var(--unknown-border);}
.card-name-row {margin-top:17px; display:flex; justify-content:space-between; align-items:center; gap:10px;}
.card-name-row h3 {margin:0; font-size:20px; font-weight:800; letter-spacing:-.045em; line-height:1.25;}
.card-name-row h3 a:hover {text-decoration:underline; text-underline-offset:4px;}
.card-arrow {color:var(--accent); font-size:19px;}
.card-description {margin:3px 0 15px; color:var(--subtle); font-size:12px;}
.card-metric {border-top:1px solid var(--border-soft); padding-top:12px; display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-top:auto;}
.metric-name {color:var(--muted); font-size:11px; font-weight:600;}
.metric-name small {font-size:10px; color:var(--subtle);}
.metric-value {font-family:var(--font-mono); color:var(--ink); font-size:18px; font-weight:600; line-height:1.4; text-align:right; white-space:nowrap;}
.metric-unavailable {font:600 12px var(--font-sans); color:var(--subtle);}
.metric-value sup {font:600 9px var(--font-sans); color:var(--warn); text-transform:uppercase; vertical-align:top; margin-left:2px;}
.card-bottom {border-top:1px solid var(--border-soft); padding-top:10px; margin-top:13px; display:flex; justify-content:space-between; align-items:center; gap:8px; font:500 10px/1.45 var(--font-mono); color:var(--muted);}
.card-bottom em {font-style:normal; color:var(--warn);}
.card-bottom a {flex:0 0 auto; text-decoration:underline; text-underline-offset:3px; color:var(--accent);}
.inline-source-note {display:flex; gap:10px; align-items:baseline; margin:18px 0 0; color:var(--muted); font-size:12px; line-height:1.6;}
.info-mark {display:inline-flex; flex:0 0 17px; width:17px; height:17px; align-items:center; justify-content:center; border:1px solid var(--subtle); border-radius:50%; color:var(--ink-soft); font:700 11px var(--font-sans);}
/* Outage log + methodology: historically verified entries, not current claims. */
.lower-grid {display:grid; grid-template-columns:minmax(0,1fr) 325px; gap:30px; padding-bottom:81px;}
.lower-main {min-width:0;}
.table-scroll {width:100%; max-width:100%; overflow-x:auto; border:1px solid var(--border); border-radius:9px; background:var(--surface); scrollbar-color:#5F777E var(--surface);}
.data-table {width:100%; min-width:650px; border-collapse:collapse; text-align:left; font-size:13px; line-height:1.55;}
.data-table thead {background:#202E36;}
.data-table thead th {padding:13px 17px; color:var(--muted); font:600 10px/1.4 var(--font-mono); letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;}
.data-table tbody th,.data-table tbody td {padding:16px 17px; border-top:1px solid var(--border-soft); font-weight:500; vertical-align:middle;}
.data-table tbody th {color:var(--ink); font-weight:700;}
.data-table strong {font-weight:700; color:var(--ink); white-space:nowrap;}
.data-table tbody tr:nth-child(even) {background:#19252D;}
.table-game,.table-date {display:block; font-weight:700; white-space:nowrap;}
.table-muted {display:block; color:var(--subtle); font-size:10px; font-weight:500; margin-top:3px;}
.table-caption {margin-top:12px; color:var(--subtle); font-size:11px; line-height:1.7;}
.table-caption a,.data-table td a {color:var(--accent); text-decoration:underline; text-underline-offset:3px;}
.text-link {display:inline-flex; align-items:center; gap:12px; margin-top:21px; color:var(--accent); font-size:13px; font-weight:700;}
.method-card {align-self:start; min-width:0; padding:26px; border:1px solid #4A6558; border-radius:var(--radius); background:#1C302B;}
.method-emblem {display:flex; align-items:flex-end; gap:5px; height:24px; margin-bottom:26px;}
.method-emblem span {width:5px; background:var(--accent); border-radius:1px;}
.method-emblem span:nth-child(1){height:11px}.method-emblem span:nth-child(2){height:17px}.method-emblem span:nth-child(3){height:24px}
.method-card h2 {font-size:29px;}
.method-card p {margin:17px 0 0; font-size:13px; line-height:1.75; color:#D4E2DE;}
.method-card .method-highlight {padding-top:15px; border-top:1px solid #456054; margin-top:18px;}
.method-card .method-highlight strong {color:#C0F6D4;}
.method-card a {display:inline-block; margin-top:19px; color:#D7FFE6; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px;}
.method-card .method-disclaimer {color:#A9C8B8; font-size:10px;}
/* Native FAQ: fully crawlable even without scripting. */
.faq-section {padding-bottom:92px;}
.faq-list {border-top:1px solid var(--border);}
.faq-list details {border-bottom:1px solid var(--border);}
.faq-list summary {list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 1px; cursor:pointer; color:var(--ink); font-size:15px; font-weight:700;}
.faq-list summary::-webkit-details-marker {display:none;}
.faq-list summary span {color:var(--accent); font:400 26px/1 var(--font-sans);}
.faq-list details[open] summary span {transform:rotate(45deg);}
.faq-answer {max-width:760px; margin:-2px 28px 21px 1px; color:var(--muted); font-size:13px; line-height:1.85;}
.site-footer {border-top:1px solid var(--border-soft); background:#101B21;}
.footer-inner {min-height:191px; padding-block:35px; display:grid; grid-template-columns:1.5fr 1fr auto; gap:35px; align-items:start;}
.footer-brand {font-size:20px; font-weight:800; letter-spacing:-.06em; line-height:1.2;}
.footer-inner p {color:var(--subtle); font-size:11px; margin:8px 0 0;}
.footer-links {display:flex; flex-wrap:wrap; gap:14px 20px; margin-top:5px;}
.footer-links a {color:var(--muted); font-size:12px;}
.copyright {margin-top:5px; font:500 10px var(--font-mono); color:var(--subtle); text-align:right;}
/* Game detail: keep answer + source above ad and tables. */
.game-main {padding-bottom:90px;}
.breadcrumbs {display:flex; gap:12px; align-items:center; padding-top:23px; color:var(--subtle); font-size:12px;}
.breadcrumbs a {color:var(--muted); text-decoration:underline; text-underline-offset:3px;}
.breadcrumbs span[aria-hidden] {color:#7D929D;}
.game-page-top {display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding:30px 0 30px;}
.page-title-group {min-width:0;}
.page-title-group h1 {margin:15px 0 9px; font-size:clamp(36px,4.1vw,53px); line-height:1.08; letter-spacing:-.055em; font-weight:800;}
.page-title-group > p {margin:0; color:var(--muted); font-size:14px;}
.top-context {width:245px; min-height:108px; flex:0 0 245px; border:1px solid var(--border-soft); padding:15px; border-radius:7px; color:var(--ink-soft); font-size:12px; position:relative;}
.context-label {display:block; color:var(--subtle); font-size:9px; margin-bottom:11px;}
.context-corner {position:absolute; right:15px; top:18px; color:var(--accent);}
.game-layout {display:grid; grid-template-columns:minmax(0,1fr) 288px; gap:24px; align-items:start;}
.game-primary,.game-sidebar {min-width:0;}
.status-answer-card {padding:26px 29px 23px; background:#183027; border:1px solid #457A5F; border-radius:10px;}
.answer-topline {display:flex; justify-content:space-between; gap:16px; align-items:center;}
.answer-label {display:inline-flex; align-items:center; gap:10px; color:#D3F7E1; font:700 11px var(--font-mono); letter-spacing:.08em;}
.status-beacon {display:inline-flex; justify-content:center; align-items:center; width:26px; height:26px; border:1px solid #8FD1A5; border-radius:50%; color:#C5FFDA; font-size:15px; font-weight:700;}
.answer-demo {color:#FBE1A8; font:600 9px var(--font-mono); letter-spacing:.06em; text-align:right;}
.answer-main {margin-top:23px;}
.answer-main h2 {max-width:670px; margin:0; font-size:38px; line-height:1.05; letter-spacing:-.055em; font-weight:800;}
.answer-main h2 strong {display:block; margin-top:4px; font-size:79px; letter-spacing:-.07em; color:#BFF6D1; line-height:1.05;}
.answer-dot {color:#BFF6D1;}
.answer-main p {max-width:540px; margin:14px 0 0; font-size:12px; color:#CDE1D4; line-height:1.65;}
.answer-rule {height:1px; margin:24px 0 18px; background:#4A6A5A;}
.answer-metadata {display:grid; grid-template-columns:1.1fr 1fr; gap:16px;}
.data-label {display:block; color:#C5DACD; font-size:9px; margin-bottom:6px;}
.sample-micro {color:#FFE0A3;}
.checked-info strong {display:block; font:600 13px/1.5 var(--font-mono); color:#F5FFF8;}
.source-info a {color:#F0FFF4; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#95B7A2;}
.status-clarifier {display:flex; align-items:center; gap:12px; margin:12px 0 18px; color:var(--muted); font-size:11px; line-height:1.6;}
.status-clarifier .status-pill {flex:0 0 auto;}
.status-clarifier strong {color:var(--ink);}
.ad-slot {display:flex; flex-direction:column; gap:7px; justify-content:center; align-items:center; border:1px dashed #43545D; border-radius:8px; background:#121C23; color:#8699A4; text-align:center; font:500 11px var(--font-mono);}
.ad-caption {color:#91A4AE; font-size:9px; letter-spacing:.16em;}
.ad-slot--inline {height:116px; margin-bottom:44px;}
.ad-slot--sidebar {height:250px; margin-top:22px;}
.content-section {margin-top:44px;}
.content-section:first-of-type {margin-top:0;}
.content-section-heading {display:flex; gap:14px; align-items:flex-end; justify-content:space-between; margin-bottom:10px;}
.content-section h2,.related-section h2 {font-size:28px;}
.section-summary {color:var(--muted); font-size:13px; margin:0 0 20px; line-height:1.75;}
.subtle-link {font-size:11px; color:var(--accent); white-space:nowrap; padding-bottom:4px; text-decoration:underline; text-underline-offset:3px;}
.component-table {min-width:590px;}
.component-table thead th:first-child {width:43%;}
.component-table td:last-child {color:var(--subtle); font:500 11px var(--font-mono); white-space:nowrap;}
.component-table tbody th,.component-table tbody td {padding-block:12px;}
.history-section {margin-top:49px;}
.history-tag {display:block; align-self:center; padding:7px 9px; border:1px solid #4E6D5E; border-radius:4px; color:var(--accent); font:600 9px var(--font-mono); white-space:nowrap; letter-spacing:.03em;}
.history-table {min-width:765px;}
.history-table thead th:first-child {min-width:130px;}
.history-table thead th:nth-child(2) {min-width:170px;}
.history-table thead th:nth-child(4) {min-width:230px;}
.history-table tbody td {font-size:12px;}
.history-type {display:inline-block; color:#E7CF9B; font:600 9px var(--font-mono); letter-spacing:.04em; margin-bottom:5px;}
.history-principle {display:flex; gap:12px; align-items:start; padding:15px 16px; background:#1A2831; border:1px solid var(--border); border-radius:7px; margin-top:17px;}
.history-principle p {margin:0; font-size:12px; color:var(--muted); line-height:1.65;}
.history-principle strong {color:var(--ink);}
.steps-list {list-style:none; margin:23px 0 0; padding:0; border-top:1px solid var(--border);}
.steps-list li {display:flex; gap:20px; padding:17px 0; border-bottom:1px solid var(--border-soft);}
.step-no {font:600 12px var(--font-mono); color:var(--accent); padding-top:3px;}
.steps-list li strong {font-size:14px; color:var(--ink);}
.steps-list li p {font-size:12px; color:var(--muted); margin:4px 0 0; line-height:1.65;}
.steps-list li a {text-decoration:underline; color:var(--accent);}
.faq-list.compact {margin-top:18px;}
.faq-list.compact summary {font-size:14px; padding:16px 0;}
.related-section {margin-top:52px; padding-top:23px; border-top:1px solid var(--border);}
.related-section .section-index {margin-bottom:10px;}
.related-links {display:flex; flex-wrap:wrap; gap:10px; margin-top:17px;}
.related-links a {border:1px solid var(--border); border-radius:5px; padding:10px 12px; font-size:12px; font-weight:700;}
.related-links a span {color:var(--accent); margin-left:11px;}
.last-updated {margin-top:32px; color:var(--subtle); font:500 10px/1.6 var(--font-mono);}
.author-box {display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:23px; padding:19px 22px; background:var(--surface); border:1px solid var(--border); border-radius:7px;}
.author-tag {color:var(--subtle); font-size:9px; white-space:nowrap;}
.author-box h2, .author-box .author-name {font-size:14px; font-weight:700; letter-spacing:-.01em; margin:0;}
.author-box h2 span, .author-box .author-name span {color:var(--muted); font-weight:500;}
.author-box p {margin:3px 0 0; color:var(--muted); font-size:11px;}
/* Sidebar is intentionally additional; it never outranks the H1 or answer. */
.sidebar-source {padding:22px 20px; border:1px solid var(--border); border-radius:9px; background:var(--surface);}
.sidebar-source .section-index {font-size:9px; margin-bottom:17px;}
.sidebar-source h2, .sidebar-source .sidebar-title {font-size:23px; font-weight:800; line-height:1.17; letter-spacing:-.05em; margin:0;}
.sidebar-source p {margin:13px 0 0; color:var(--muted); font-size:12px; line-height:1.72;}
.sidebar-source > a {display:inline-block; color:var(--accent); margin-top:17px; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:3px;}
.sidebar-source-bottom {display:grid; grid-template-columns:1fr 1fr; gap:12px 10px; padding-top:17px; margin-top:22px; border-top:1px solid var(--border-soft);}
.legend-row {display:inline-flex; gap:7px; align-items:center; color:var(--muted); font-size:11px; white-space:nowrap;}
.legend-ok {color:var(--ok)}.legend-warn {color:var(--warn)}.legend-down {color:var(--down)}.legend-unknown {color:var(--unknown)}
.sidebar-smallprint {padding:15px 1px; color:var(--subtle); font-size:11px; line-height:1.65;}
/* Responsive: cards and metadata recompose, tables scroll within the box only. */
@media (max-width:1080px) {
  .top-nav {gap:19px; margin-right:0;}
  .lower-grid {grid-template-columns:minmax(0,1fr) 285px; gap:20px;}
  .game-layout {grid-template-columns:minmax(0,1fr) 252px; gap:18px;}
  .game-card {padding-inline:15px;}
  .card-bottom {font-size:9px;}
  .metric-value {font-size:16px;}
  .game-primary .status-answer-card {padding-inline:23px;}
}
@media (max-width:820px) {
  .container {width:calc(100% - 48px);}
  .top-nav {display:none;}
  .hero-meta-right {display:none;}
  .game-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .lower-grid {grid-template-columns:1fr;}
  .method-card {max-width:unset;}
  .footer-inner {grid-template-columns:1fr 1fr;}
  .copyright {grid-column:1/-1; text-align:left;}
  .top-context,.game-sidebar {display:none;}
  .game-layout {grid-template-columns:minmax(0,1fr);}
  .game-page-top {padding-bottom:23px;}
  .status-answer-card {max-width:100%;}
}
@media (max-width:560px) {
  .container {width:calc(100% - 36px);}
  .demo-ribbon .container {padding-block:7px; gap:8px; align-items:flex-start; line-height:1.45; font-size:10px;}
  .ribbon-badge {font-size:9px;}
  .header-inner {height:67px; gap:8px;}
  .brand {gap:6px; font-size:18px;}
  .brand img {width:32px; height:32px;}
  .header-action {height:34px; font-size:11px; padding-inline:8px; gap:5px;}
  .header-action .tiny-square {display:none;}
  .home-hero {padding-top:35px; padding-bottom:47px;}
  .eyebrow {font-size:9px; gap:7px; letter-spacing:.05em;}
  .home-hero h1 {font-size:34px; line-height:1.13; letter-spacing:-.057em; margin:18px 0 16px;}
  .home-hero h1 br {display:none;}
  .home-hero h1 .hero-soft {display:block;}
  .hero-description {font-size:14px; line-height:1.65; margin-bottom:20px;}
  .search-form {height:61px; gap:8px; padding:6px 6px 6px 12px; border-radius:7px;}
  .search-icon {width:20px; height:20px;}
  .search-form input {font-size:14px;}
  .search-form button {height:47px; padding:0 11px; font-size:11px; white-space:nowrap;}
  .search-form button span {margin-left:3px;}
  .quick-links {gap:8px 12px; margin-top:13px;}
  .quick-links > span {flex:0 0 100%; font-size:9px;}
  .quick-links a {font-size:11px;}
  .games-section {padding-bottom:59px;}
  .section-heading {align-items:flex-start; margin-bottom:18px;}
  .section-heading h2,.method-card h2 {font-size:27px;}
  .section-side {display:none;}
  .section-index {font-size:9px; margin-bottom:11px;}
  .game-grid {grid-template-columns:minmax(0,1fr); gap:11px;}
  .game-card {min-height:218px; padding:15px;}
  .game-icon {width:44px; height:44px; flex-basis:44px;}
  .card-name-row {margin-top:13px;}
  .card-description {margin-bottom:13px;}
  .card-bottom {font-size:10px; margin-top:11px;}
  .metric-value {font-size:18px;}
  .inline-source-note {font-size:11px;}
  .lower-grid {gap:27px; padding-bottom:57px;}
  .data-table {font-size:12px;}
  .data-table thead th,.data-table tbody td,.data-table tbody th {padding-inline:12px;}
  .table-scroll::after {content:"";}
  .method-card {padding:22px;}
  .faq-section {padding-bottom:67px;}
  .faq-list summary {font-size:13px; padding:17px 0;}
  .faq-answer {font-size:12px;}
  .footer-inner {grid-template-columns:1fr; gap:18px; padding:27px 0;}
  .copyright {grid-column:auto;}
  /* Mobile game: answer, source and check time must fit before scrolling. */
  .game-main {padding-bottom:65px;}
  .breadcrumbs {padding-top:18px; font-size:11px;}
  .game-page-top {padding:24px 0 19px;}
  .page-title-group h1 {font-size:34px; line-height:1.09; margin:12px 0 9px;}
  .page-title-group > p {font-size:12px; line-height:1.55;}
  .status-answer-card {padding:20px 18px 19px;}
  .answer-topline {align-items:flex-start; gap:8px;}
  .answer-label {font-size:10px; gap:7px;}
  .status-beacon {width:23px; height:23px;}
  .answer-demo {max-width:130px; font-size:8px; padding-top:5px;}
  .answer-main {margin-top:19px;}
  .answer-main h2 {font-size:29px; line-height:1.08;}
  .answer-main h2 strong {font-size:70px; margin-top:3px;}
  .answer-main p {font-size:11px; line-height:1.57; margin-top:7px;}
  .answer-rule {margin:18px 0 15px;}
  .answer-metadata {grid-template-columns:1fr; gap:10px;}
  .data-label {font-size:8px; margin-bottom:4px;}
  .checked-info strong {font-size:12px;}
  .source-info a {font-size:12px;}
  .status-clarifier {align-items:flex-start; margin-top:11px; flex-wrap:wrap; gap:7px; font-size:11px;}
  .ad-slot--inline {height:104px; margin-top:20px; margin-bottom:34px;}
  .content-section {margin-top:38px;}
  .content-section h2,.related-section h2 {font-size:25px; line-height:1.17;}
  .content-section-heading {align-items:flex-start; flex-wrap:wrap;}
  .subtle-link {padding:0;}
  .section-summary {font-size:12px; margin-bottom:13px;}
  .component-table {min-width:565px;}
  .history-table {min-width:750px;}
  .history-section {margin-top:36px;}
  .history-tag {font-size:8px;}
  .steps-list li {gap:14px;}
  .related-section {margin-top:40px;}
  .author-box {display:block; padding:18px;}
  .author-box > div {margin-top:9px;}
}
@media (max-width:370px) {
  .brand {font-size:16px;}
  .header-action {font-size:10px; padding-inline:6px;}
  .home-hero h1 {font-size:30px;}
  .page-title-group h1 {font-size:30px;}
  .answer-main h2 {font-size:26px;}
  .answer-main h2 strong {font-size:64px;}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {scroll-behavior:auto !important; transition:none !important; animation:none !important;}
}

/* Decorative brand punctuation is not part of accessible/search heading text. */
.home-hero h1::after,.page-title-group h1::after {content:".";color:var(--accent);}

/* ---- Production additions (live data modules) ---- */
.tile-os {background:#5A5F3E;}
.players-panel {margin-top:28px; padding:22px 22px 18px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);}
.players-panel h2 {margin:0 0 4px; font-size:24px; font-weight:800; letter-spacing:-.045em; line-height:1.2;}
.players-now {display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 14px; margin:12px 0 4px;}
.players-now strong {font:600 34px/1.1 var(--font-mono); color:var(--ink); letter-spacing:-.02em;}
.players-now span {color:var(--muted); font-size:13px;}
.stat-row {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0 6px;}
.stat-row div {padding:10px 12px; background:var(--surface-deep); border:1px solid var(--border-soft); border-radius:7px; min-width:0;}
.stat-row dt {color:var(--subtle); font:600 10px/1.4 var(--font-mono); letter-spacing:.04em; text-transform:uppercase;}
.stat-row dd {margin:3px 0 0; font:600 16px/1.3 var(--font-mono); color:var(--ink); overflow-wrap:anywhere;}
.player-sparkline {display:block; width:100%; height:110px; margin:14px 0 4px; color:var(--accent);}
.player-sparkline .grid {stroke:var(--border-soft); stroke-width:1;}
.chart-axis {display:flex; justify-content:space-between; color:var(--subtle); font:500 10px var(--font-mono);}
.panel-note {margin:10px 0 0; color:var(--muted); font-size:12px; line-height:1.6;}
.panel-note a,.section-summary a,.faq-answer a,.prose a,.table-caption a {color:var(--accent); text-decoration:underline; text-underline-offset:3px;}
.bmc-link {display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border:1px solid var(--warn-border); background:var(--warn-bg); color:var(--warn); border-radius:6px; font-size:13px; font-weight:700; text-decoration:none;}
.bmc-link:hover {border-color:var(--warn);}
.footer-support {margin-top:14px;}
.prose {max-width:760px; padding:20px 0 70px;}
.prose h1 {font-size:clamp(32px,4vw,46px); font-weight:800; letter-spacing:-.05em; line-height:1.1; margin:18px 0 16px;}
.prose h2 {font-size:24px; font-weight:800; letter-spacing:-.04em; margin:34px 0 10px;}
.prose p,.prose li {color:var(--ink-soft); font-size:15px; line-height:1.7;}
.search-results {list-style:none; padding:0; margin:20px 0; display:grid; gap:10px;}
.search-results a {display:block; padding:14px 16px; background:var(--surface); border:1px solid var(--border); border-radius:8px;}
.upcoming-card {margin-top:18px; padding:14px 16px; border:1px solid var(--warn-border); background:var(--warn-bg); color:var(--warn); border-radius:8px; font-size:13px; line-height:1.6;}
.upcoming-card a {color:var(--warn); text-decoration:underline;}
.status-answer-card.is-warn .status-beacon {background:var(--warn-bg); color:var(--warn); border-color:var(--warn-border);}
.status-answer-card.is-down .status-beacon {background:var(--down-bg); color:var(--down); border-color:var(--down-border);}
.status-answer-card.is-unknown .status-beacon {background:var(--unknown-bg); color:var(--unknown); border-color:var(--unknown-border);}
@media (max-width:560px) {.stat-row {grid-template-columns:1fr 1fr;} .players-now strong {font-size:28px;}}
.status-answer-card.is-warn .answer-main h2 strong {color:var(--warn);}
.status-answer-card.is-down .answer-main h2 strong {color:var(--down);}
.status-answer-card.is-unknown .answer-main h2 strong {color:var(--unknown); font-size:56px;}
.status-answer-card.is-warn {background:#2E2719; border-color:var(--warn-border);}
.status-answer-card.is-down {background:#33201F; border-color:var(--down-border);}
.status-answer-card.is-unknown {background:#1D2830; border-color:var(--unknown-border);}
.status-answer-card.is-warn .answer-main p,.status-answer-card.is-down .answer-main p,.status-answer-card.is-unknown .answer-main p {color:var(--ink-soft);}
.status-answer-card.is-warn .answer-dot {color:var(--warn);} .status-answer-card.is-down .answer-dot {color:var(--down);} .status-answer-card.is-unknown .answer-dot {color:var(--unknown);}
.status-answer-card:not(.is-ok) .answer-rule {background:var(--border);}
/* launch fixes */
.footer-inner .copyright {grid-column:1 / -1; text-align:left; max-width:none;}
.footer-inner {grid-template-columns:minmax(220px,1fr) 2fr;}
.footer-links a {white-space:nowrap;}
.bmc-link {white-space:nowrap;}
ul.related-links {list-style:none; padding:0; margin-left:0;}
ul.related-links li {display:flex;}
@media (max-width:760px){ .footer-inner {grid-template-columns:1fr;} }

/* round-1 review fixes */
.scroll-hint{display:none}
@media (max-width:760px){
  .scroll-hint{display:block;font-size:12px;color:var(--muted);margin:0 0 6px}
  .status-clarifier span,.table-caption,.panel-note,.section-summary{font-size:14px;line-height:1.55}
  .data-label,.answer-demo{font-size:11px}
}
.table-scroll:focus-visible{outline:2px solid var(--accent, #9be7b0);outline-offset:2px}

/* round-2 review fixes: readable body copy on phones */
@media (max-width:760px){
  .answer-main p,.faq-answer,.steps-list li p,.data-table,.history-table tbody td,.inline-source-note,.page-title-group > p,.author-box p,.sidebar-source p,.history-principle p{font-size:14px;line-height:1.6}
  .status-clarifier,.breadcrumbs,.card-description{font-size:13px}
  .table-muted,.card-bottom,.metric-name small{font-size:12px}
}
.answer-main p a{color:inherit;text-decoration:underline;text-underline-offset:3px}