body.rapid-fps-experience-page {
  --rfps-chrome-height: 56px;
  margin: 0;
  padding: 0;
  color: #111113;
  background: #17171b;
  font-family: "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}
body.rapid-fps-experience-page.admin-bar { --rfps-chrome-height: 88px; }
.rapid-fps-experience-page .rapid-fps-experience-header {
  position: sticky; top: 0; z-index: 100;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  box-sizing: border-box; min-height: 56px; margin: 0; padding: 10px max(20px, calc((100vw - 1160px) / 2));
  color: #fff; background: #111113; border-bottom: 3px solid #ef2231;
  font-size: 13px; line-height: 1.3;
}
.rapid-fps-experience-page.admin-bar .rapid-fps-experience-header { top: 32px; }
.rapid-fps-experience-page #wpadminbar { position: fixed; }
.rapid-fps-experience-page .rapid-fps-experience-brand {
  color: #fff; font: italic 900 23px/1 Arial, sans-serif; text-decoration: none; white-space: nowrap;
}
.rapid-fps-experience-page .rapid-fps-experience-home { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.rapid-fps-experience-page #rapid-fps-experience-main > .rapid-fps-profile { margin-top: 24px; }
.rapid-fps-experience-page #rapid-fps-experience-main {
  box-sizing: border-box; width: 100%; max-width: 1192px; margin: 0 auto; padding: 0 16px;
}
.rapid-fps-experience-page h1.rapid-fps-experience-title {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.rapid-fps-experience-page .rapid-fps-quiz { margin: 24px auto; }
.rapid-fps-experience-page .rapid-fps-quiz[data-rfps-view="playing"] { margin: 0 auto; }
.rapid-fps-experience-page #footer.rapid-fps-experience-footer {
  /* The theme expects #footer; keep its height adjustment out of this layout. */
  position: static !important; top: auto !important;
  box-sizing: border-box; width: 100%; margin: 0; padding: 24px 16px; text-align: center; background: #17171b; font-size: 13px;
}
.rapid-fps-experience-page #footer.rapid-fps-experience-footer a { color: #eee; text-decoration: underline; }
@media (max-width: 782px) {
  body.rapid-fps-experience-page.admin-bar { --rfps-chrome-height: 102px; }
  .rapid-fps-experience-page.admin-bar .rapid-fps-experience-header { top: 46px; }
}
@media (max-width: 640px) {
  .rapid-fps-experience-page .rapid-fps-experience-header { padding: 10px 14px; gap: 10px; font-size: 11px; }
  .rapid-fps-experience-page .rapid-fps-experience-brand { font-size: 21px; }
  .rapid-fps-experience-page #rapid-fps-experience-main { padding: 0; }
  .rapid-fps-experience-page .rapid-fps-quiz { margin: 0 auto; border-left: 0; border-right: 0; }
  .rapid-fps-experience-page #rapid-fps-experience-main > .rapid-fps-profile { margin-top: 0; }
}

/* The playing screen uses the adopted dark and lime palette. */
body.rapid-fps-experience-page:has(.rapid-fps-quiz[data-rfps-view="playing"]){background:#111216}
.rapid-fps-experience-page:has(.rapid-fps-quiz[data-rfps-view="playing"]) #rapid-fps-experience-main{background-color:transparent!important;border-radius:0}
.rapid-fps-experience-page:has(.rapid-fps-quiz[data-rfps-view="playing"]) .rapid-fps-experience-header{background:#111216;border-bottom-color:#393d45}
.rapid-fps-experience-page:has(.rapid-fps-quiz[data-rfps-view="playing"]) #footer.rapid-fps-experience-footer{background:#111216}