.page-intro p+p{margin-top:18px}.page-intro h2{margin:32px 0 16px}.report-panel label{display:block;margin:20px 0 8px}.report-panel label>span{color:#aeb5af;font-size:14px}.report-panel input,.report-panel select,.report-panel textarea{display:block;width:100%;background:#111719;color:#eee2cf;border:1px solid #65706a;padding:12px;font:inherit}.report-panel textarea{min-height:110px}.report-panel button{margin-top:20px}[hidden]{display:none!important}
/* Obolune v14: collection, forthcoming project and roadmap. */
.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.game-card{min-width:0}.card-copy h3{font-size:clamp(1.65rem,2.4vw,2.5rem);overflow-wrap:anywhere}
.catalog-note{margin-top:28px;color:var(--muted-foreground);line-height:1.8}
.arcad-art{background:radial-gradient(ellipse at 75% 20%,#526557 0,transparent 48%),linear-gradient(140deg,#1a2926,#101714);isolation:isolate;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9}
.arcad-art:before{content:"";position:absolute;inset:18px;border:1px solid #b9a47866;transform:rotate(-6deg);z-index:-1}
.arcad-orbit{position:absolute;color:#d7bd85;font-size:9rem;right:14%;top:2%;opacity:.28}
.arcad-monogram{color:#f2dfb5;font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,2.8rem);line-height:1;letter-spacing:.06em;text-align:center}
.arcad-intro{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center;padding-block:42px}
.arcad-intro p{max-width:620px;color:var(--muted-foreground)}
.arcad-intro .actions{margin-top:28px;flex-wrap:wrap}.arcad-seal{aspect-ratio:1;border:1px solid #a88c5f;border-radius:50%;outline:1px solid #a88c5f55;outline-offset:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e8d4ad;background:radial-gradient(circle,#263a31,#101714)}
.arcad-seal b{font:6rem Georgia,serif}.arcad-seal span{font-size:.8rem;letter-spacing:.22em}
.project-next{margin-top:48px;padding-block:32px;border-top:1px solid var(--border)}.project-next ol{padding-left:24px;color:var(--muted-foreground);line-height:2}
.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.roadmap-grid section{border-top:2px solid var(--gold);padding-top:24px}.roadmap-grid h2{margin-top:18px}.roadmap-grid p{color:var(--muted-foreground)}.roadmap-grid .text-link{margin-top:20px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e0c79f;outline-offset:4px}
@media(max-width:1000px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap-grid{grid-template-columns:1fr}.arcad-intro{grid-template-columns:minmax(0,1fr) 180px;gap:32px}}
@media(max-width:700px){.game-grid{grid-template-columns:1fr}.arcad-intro{grid-template-columns:1fr;padding-block:24px}.arcad-seal{width:160px;margin:16px auto}.arcad-seal b{font-size:4rem}.arcad-monogram{font-size:2.5rem}.card-copy h3{font-size:2rem}}

.game-grid .card-art{aspect-ratio:1.44}
@media(max-width:700px){.game-grid .card-art{aspect-ratio:1.8}}

/* Version tag in footer */
.site-footer span.footer-meta { margin-left: auto; color: var(--muted-foreground); font-size: 0.8125rem; }
.site-version { font-weight: 500; color: var(--gold); letter-spacing: 0.05em; }
@media(max-width:700px){ .site-footer span.footer-meta { margin-left: 0; } }

/* Language selector styles */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.lang-picker { display: inline-flex; align-items: center; margin-left: 12px; }
.lang-select { background: #111719; color: var(--gold, #d7bd85); border: 1px solid var(--border, #2a3532); border-radius: 4px; padding: 6px 10px; font-size: 0.8125rem; cursor: pointer; transition: border-color 0.2s, background 0.2s; }
.lang-select:hover, .lang-select:focus-visible { border-color: var(--gold, #d7bd85); outline: none; background: #17211e; }
@media(max-width: 700px) { .lang-picker { grid-area: 1 / 3; justify-self: end; margin-left: 4px; } .lang-select { padding: 4px 6px; font-size: 0.75rem; } }

/* Subtitled translation intention styles */
.title-sub { font-size: 0.6em; opacity: 0.85; font-weight: 400; color: var(--gold, #d7bd85); display: inline-block; margin-left: 0.35em; letter-spacing: normal; vertical-align: middle; }

/* Cap ArcadLuck banner */
.arcad-banner { width: 100%; max-height: 480px; overflow: hidden; border: 1px solid var(--border); border-radius: 4px; margin-bottom: 30px; position: relative; }
.arcad-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Patch Notes Component */
.patch-section { margin-top: 50px; padding-top: 36px; border-top: 1px solid var(--border); }
.patch-feed { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }
.patch-entry { background: var(--card); border: 1px solid var(--border); border-radius: 6px; padding: 24px; transition: border-color 0.2s; }
.patch-entry:hover { border-color: rgba(215, 189, 133, 0.4); }
.patch-entry-latest { border-left: 3px solid var(--gold); }
.patch-header { display: flex; align-items: center; gap: 14px; margin-bottom: 12px; flex-wrap: wrap; }
.patch-version { font-family: monospace; font-size: 1.1rem; color: var(--gold); font-weight: 700; }
.patch-tag { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
.patch-date { color: var(--muted-foreground); font-size: 0.875rem; margin-left: auto; }
.patch-title { font-size: 1.3rem; margin: 4px 0 12px; color: var(--foreground); }
.patch-list { padding-left: 20px; color: var(--muted-foreground); line-height: 1.7; font-size: 0.95rem; }
.patch-list li { margin-bottom: 6px; }

/* Guardian / Parental Mode Stylings */
.mode-guardian .feature-art, .mode-guardian .card-art img {
  filter: saturate(0.8) contrast(0.95);
}
.mode-guardian .relic-card {
  font-size: 20px;
}

/* v31: compact, keyboard-accessible navigation with a no-script fallback. */
.site-header .header-inner{flex-wrap:wrap;gap:16px}
.menu-toggle{min-height:44px;min-width:64px;padding:8px 14px;border:1px solid var(--gold,#d7bd85);border-radius:2px;background:#111719;color:#eee2cf;font:inherit;cursor:pointer}
.lang-picker{margin-inline-start:0}
.lang-select{min-height:44px;max-width:135px}
.lang-select:focus-visible{outline:2px solid #e0c79f;outline-offset:3px}
.title-sub{margin-inline-start:.35em;margin-left:0;overflow-wrap:anywhere}
.presentation-panel{max-width:800px}
.presentation-panel .checkbox{align-items:flex-start}
.hide-artwork .feature-art,.hide-artwork .card-art img,.hide-artwork .detail-art,.hide-artwork .arcad-banner img{visibility:hidden}
.hide-artwork main img[src^="/art/"]{visibility:hidden}
.hide-artwork .feature,.hide-artwork .card-art,.hide-artwork .arcad-banner{background:#14221e}
.hide-artwork .feature-shade{background:linear-gradient(100deg,#0d1915,#1b3026)}
@media(max-width:800px){
  .site-header .header-inner{display:flex;gap:12px;padding-block:16px}
  .site-header .wordmark{margin-inline-end:auto}
  .site-header .menu-toggle{order:1}
  .site-header .lang-picker{order:2;grid-area:auto;justify-self:auto}
  .site-header .header-label{order:3;width:100%;max-width:none;margin:0;min-height:44px;display:flex;align-items:center;justify-content:flex-start;text-align:start;white-space:normal}
  .site-header #primary-nav{order:4;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-top:1px solid var(--border);padding-top:12px;overflow:visible}
  .site-header #primary-nav a{min-height:44px;display:flex;align-items:center;padding:8px;white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.lang-select{transition:none}}