/* Keep the player and existing operator buttons ahead of the editorial note. */
.cg-main .game-observation {
  box-sizing: border-box;
  max-width: 820px;
  margin: 24px 0;
  padding: 18px 20px;
  border: 1px solid #bfd2ed;
  border-left: 4px solid #155eef;
  border-radius: 8px;
  background: #edf4ff;
  color: #172b46;
  overflow-wrap: anywhere;
}
.cg-main .game-observation h2 {
  margin: 0 0 8px;
  color: inherit;
  font-size: 20px;
  line-height: 1.3;
}
.cg-main .game-observation p {
  margin: 0;
  color: inherit;
  font-size: 16px;
  line-height: 1.6;
}
[data-theme="dark"] .cg-main .game-observation {
  border-color: #365675;
  border-left-color: #70afff;
  background: #132b43;
  color: #e7f0fc;
}
@media (max-width: 600px) {
  .cg-main .game-observation { padding: 15px 16px; margin: 20px 0; }
  .cg-main .game-observation h2 { font-size: 18px; }
}
/* Prevent shared heading/section margins from stacking around the game note. */
.cg-main .cg-game-page .game-observation { margin: 16px 0; }
.cg-main .game-observation + .cg-reading,
.cg-main .game-observation + .fp-rules { margin-top: 20px; }
.cg-main .cg-game-page .fp-related { margin-top: 24px; }
@layer refined-fixes {
  body.mw-sitewide .cg-main .cg-game-page .cg-where { margin: 16px 0 !important; padding: 0 !important; }
  body.mw-sitewide .cg-main .cg-game-page .fp-rules,
  body.mw-sitewide .cg-main .cg-game-page .fp-related,
  body.mw-sitewide .cg-main .cg-game-page .cg-reading,
  body.mw-sitewide .cg-main .cg-game-page .cg-prose-section,
  body.mw-sitewide .cg-main .cg-game-page .cg-related,
  body.mw-sitewide .cg-main .cg-game-page .cg-faq { padding-block: 0 !important; }
  body.mw-sitewide .cg-main .cg-game-page .cg-where h2,
  body.mw-sitewide .cg-main .cg-game-page .fp-rules h2,
  body.mw-sitewide .cg-main .cg-game-page .fp-related h2 { margin: 0 0 10px !important; }
}