/* Editorial description and game-level facts. */
.about-panel {
  container-type: inline-size;
  padding-top: 26px;
  color: #42515e;
  font-size: 15px;
  line-height: 1.75;
}

.about-panel h2 {
  margin: 0 0 17px;
  color: #172934;
  font-size: 26px;
  font-weight: 680;
  letter-spacing: -.035em;
  line-height: 1.25;
}

.about-intro,
.about-experience {
  max-width: 78ch;
}

.about-intro p {
  margin: 0;
}

.about-panel strong {
  color: #263b48;
  font-weight: 600;
}

.about-experience {
  margin-top: 28px;
}

.about-experience h3 {
  margin: 0;
  color: #1b2e3a;
  font-size: 19px;
  font-weight: 660;
  letter-spacing: -.02em;
  line-height: 1.35;
}

.about-features {
  display: grid;
  gap: 11px;
  margin: 15px 0 0;
  padding-left: 20px;
  list-style: disc;
}

.about-features li {
  padding-left: 4px;
}

.about-features li::marker {
  color: #6e8c59;
  font-size: .8em;
}

.about-afterword {
  margin: 23px 0 0;
  padding-left: 16px;
  border-left: 2px solid #c6d5bc;
  color: #4b6055;
}

@media (max-width: 540px) {
  .about-panel {
    padding-top: 23px;
    line-height: 1.7;
  }

  .about-panel h2 {
    margin-bottom: 15px;
    font-size: 24px;
  }

  .about-experience {
    margin-top: 25px;
  }

  .about-features {
    gap: 13px;
  }

}


/* Concise editorial summaries are opt-in per game. */
.game-brief-header { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px; }
.game-brief-heading { min-width:0; }
.game-brief h2 { margin:0;font-size:24px;line-height:1.3; }
.game-brief .game-brief-subtitle { margin:5px 0 0;color:#7a8995;font-size:12px;line-height:1.5; }
.game-brief-score { flex:none;display:flex;align-items:center;gap:11px;padding:5px 0 5px 18px;border-left:1px solid #e4eaf0;text-decoration:none; }
.game-brief-score-value { display:flex;align-items:baseline;gap:2px;line-height:1; }
.game-brief-score-value strong { color:#253e4e;font-size:30px;font-weight:720;letter-spacing:-.05em; }
.game-brief-score-value small { color:#8a99a4;font-size:11px; }
.game-brief-score-caption { display:flex;flex-direction:column;gap:2px;line-height:1.45;font-size:11px;color:#415c6c; }
.game-brief-score-caption small { font-size:10px;color:#83929e; }
.game-brief-score:hover .game-brief-score-caption > span { text-decoration:underline;text-underline-offset:3px; }
.game-brief-score:focus-visible { outline:2px solid #587589;outline-offset:5px;border-radius:var(--radius-detail); }
.game-brief-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 34px; }
.game-brief-facet { min-width:0; }
.game-brief-label { display:flex;align-items:center;gap:8px;color:#738795;font-size:11px;font-weight:500;line-height:1.4; }
.game-brief-label .icon { width:17px;height:17px;flex:none;color:#7e94a3;stroke-width:1.6; }
.game-brief-facet h3 { margin:8px 0 6px;color:#213846;font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.015em; }
.game-brief-facet p { margin:0;color:#586c7a;font-size:13px;line-height:1.7; }
.game-brief-verdict { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin:25px 0 0;padding:15px 18px;background:#f3f6f8;border-radius:var(--radius-control); }
.game-brief-verdict dt { margin:0 0 4px;color:#344e60;font-size:12px;font-weight:650;line-height:1.5; }
.game-brief-verdict dd { margin:0;color:#667b89;font-size:12px;line-height:1.65; }
@container (max-width:600px) {
  .game-brief-header { gap:14px; }
  .game-brief h2 { font-size:22px; }
  .game-brief-score { padding-left:12px;gap:7px; }
  .game-brief-score-value strong { font-size:26px; }
  .game-brief-grid { column-gap:22px; }
  .game-brief-facet h3 { font-size:15px; }
}
@container (max-width:450px) {
  .game-brief-header { align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px; }
  .game-brief-score { border-left:0;padding:0;gap:9px; }
  .game-brief-grid { grid-template-columns:minmax(0,1fr);gap:20px; }
  .game-brief-facet h3 { margin-top:6px; }
  .game-brief-verdict { grid-template-columns:minmax(0,1fr);gap:13px;margin-top:22px;padding:14px 16px; }
}

/* Permanent game facts in the sidebar. */
.game-information-panel { container:game-information / inline-size;color:#344958; }
.game-information-sidebar { width:min(100%,560px);min-width:0;margin:48px auto 0;padding:0 var(--sidebar-inner-inset,26px);scroll-margin-top:24px; }
.game-information-sidebar + .game-series-sidebar { margin-top:42px; }
.game-information-sidebar + .related-games { margin-top:42px; }
.game-information-panel h2 { margin:0 0 12px;color:#718390;font-size:11px;font-weight:600;letter-spacing:.045em;line-height:1.3;text-transform:uppercase; }
.game-information-details { margin:0; }
.game-information-row { display:flex;align-items:baseline;gap:8px;min-width:0;padding:10px 0;font-size:13px;line-height:1.55; }
.game-information-row::after { content:"";order:1;flex:1 0 12px;border-bottom:1px dotted #b8c6cd; }
.game-information-row dt { display:flex;align-items:baseline;flex:0 0 auto;gap:8px;min-width:0;max-width:46%;color:#7a8995;font-size:12px;line-height:1.65; }
.game-information-row dt .icon { align-self:flex-start;flex:none;width:15px;height:15px;margin-top:2px;color:#8499a8;stroke-width:1.6; }
.game-information-row dd { order:2;flex:0 1 auto;min-width:0;max-width:62%;margin:0;color:#2e4453;font-size:13px;font-weight:500;line-height:1.55;text-align:right;overflow-wrap:anywhere; }
.game-information-row--title dd { font-weight:650; }
.game-information-link { text-decoration:underline;text-decoration-color:#c2cfd7;text-underline-offset:4px; }
.game-information-link:hover { color:#172934;text-decoration-color:currentColor; }
.game-information-language-more { margin-top:4px;font-size:12px;font-weight:400; }
.game-information-language-more summary { width:fit-content;cursor:pointer;color:#587183;text-decoration:underline;text-decoration-color:#c4d0d8;text-underline-offset:3px; }
.game-information-language-more summary:hover { color:#213a4b; }
.game-information-language-more p { margin:7px 0 0;color:#607586;font-size:12px;line-height:1.7; }
.game-information-section--highlights { margin-top:28px; }
.game-information-section h3 { display:flex;align-items:center;gap:9px;margin:0 0 17px;color:#243a49;font-size:15px;font-weight:650;line-height:1.4; }
.game-information-section h3 .icon { flex:none;width:18px;height:18px;color:#7b909f;stroke-width:1.6; }
.game-information-highlights { display:grid;grid-template-columns:minmax(0,1fr);gap:17px;list-style:none;margin:0;padding:0; }
.game-information-highlights strong { display:block;color:#314a5b;font-size:13px;font-weight:650;line-height:1.5; }
.game-information-highlights p { margin:5px 0 0;color:#697e8e;font-size:13px;line-height:1.65; }
@media (max-width:900px) {
 .game-information-sidebar { margin-top:36px; }
}
@media (max-width:540px) {
 .game-information-sidebar { margin-top:32px; }
}