.seo-shell { width: min(calc(100% - 40px), 1040px); }
.seo-shell .topbar { margin-bottom: 22px; }
.seo-shell .site-footer { margin-top: 38px; }
.seo-page { padding: 10px 0 24px; color: #e8edf8; }
.breadcrumbs { display: flex; gap: 9px; align-items: center; color: #91a0b8; font-size: 13px; margin: 4px 0 18px; }
.breadcrumbs a,.seo-page a { color: #6be7ff; }
.seo-hero { position: relative; overflow: hidden; padding: clamp(24px,5vw,46px); border: 1px solid #29364e; border-radius: 18px; background: radial-gradient(ellipse at 90% 10%,rgba(127,93,255,.16),transparent 43%),linear-gradient(145deg,#141e30,#0d1421 70%); box-shadow: inset 0 1px rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.22); }
.seo-hero:after { content: "♠"; position: absolute; right: 5%; bottom: -56px; color: rgba(79,222,255,.055); font: 280px/1 Georgia,serif; pointer-events: none; }
.seo-hero .eyebrow { color: #79eaff; }
.seo-hero h1 { max-width: 780px; margin: 12px 0; font: 500 clamp(34px,7vw,64px)/1.02 Georgia,"Times New Roman",serif; letter-spacing: -.04em; }
.seo-lede { max-width: 710px; margin: 0; color: #c3cddd; font-size: clamp(16px,2.2vw,20px); line-height: 1.58; }
.seo-variant { margin: 16px 0 22px; color: #a794db; font-size: 14px; }
.seo-cta { position: relative; z-index: 1; color: #07141c!important; background: linear-gradient(100deg,#69e7ff,#b99aff); border: 0; font-weight: 800; }
.seo-section { margin-top: 18px; padding: clamp(20px,4vw,30px); border: 1px solid #29364e; border-radius: 16px; background: linear-gradient(150deg,rgba(21,29,44,.96),rgba(14,19,30,.98)); }
.seo-section h2 { margin: 0 0 14px; color: #f2f5ff; font: 500 clamp(22px,4vw,30px)/1.15 Georgia,"Times New Roman",serif; }
.seo-section p,.seo-section li { color: #bac6d8; line-height: 1.7; }
.seo-section ol,.seo-section ul { padding-left: 23px; }
.seo-section li+li { margin-top: 7px; }
.seo-section strong { color: #f4f6ff; }
.seo-related { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-top: 20px; padding: 16px 0; border-top: 1px solid #29364e; border-bottom: 1px solid #29364e; }
.seo-private-note { color: #8e9bb1; font-size: 12px; line-height: 1.55; }
.seo-game-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 20px; }
.seo-game-card { padding: 18px; border: 1px solid #29364e; border-radius: 14px; background: linear-gradient(150deg,#151e2d,#101622); }
.seo-game-card h2 { margin: 0 0 8px; font: 500 21px/1.2 Georgia,"Times New Roman",serif; }
.seo-game-card p { color: #aebad0; font-size: 14px; line-height: 1.55; }
.seo-card-cta { font-size: 13px; font-weight: 700; }
.phase-entry { align-items: center; }
.phase-entry .button { min-height: 44px; }
@media (max-width:650px) {
  .seo-shell { width: min(calc(100% - 24px), 1040px); }
  .seo-game-grid { grid-template-columns: 1fr; }
  .seo-related { flex-direction: column; }
  .seo-shell .topbar .button { min-height: 42px; padding: 8px 11px; }
}

.seo-page{color:#26372c}.breadcrumbs{color:#59695f}.breadcrumbs a,.seo-page a{color:#175d42}.seo-hero{border-color:#c7a55f;background:linear-gradient(125deg,#174f39 0%,#10412f 61%,#0d3529 100%);box-shadow:0 16px 38px rgba(24,55,38,.12),inset 0 0 0 5px rgba(235,206,140,.05)}.seo-hero:after{color:rgba(235,206,140,.07)}.seo-hero .eyebrow{color:#f0d28d}.seo-hero h1{color:#fffdf5}.seo-lede{color:#e1e9df}.seo-variant{color:#f1d28c}.seo-cta{color:#20392d!important;background:#eed28d}.seo-section{border-color:#ddd6c7;background:#fffdf8}.seo-section h2{color:#1b3b2d}.seo-section p,.seo-section li{color:#4f6156}.seo-section strong{color:#263d30}.seo-related{border-color:#d9d2c4}.seo-private-note{color:#5b695f}.seo-game-card{padding:0 0 18px;overflow:hidden;border-color:#ddd6c7;background:#fffdf8}.seo-game-card h2,.seo-game-card p,.seo-game-card .seo-card-cta{margin-left:18px;margin-right:18px}.seo-game-card h2{margin-top:15px}.seo-game-card h2 a{color:#1e3b2d}.seo-game-card p{color:#56675c}.seo-card-cta{display:inline-block;color:#175d42;font-size:13px;font-weight:700}.seo-thumb-link{display:block;height:170px;overflow:hidden;background:#15513a}.seo-thumb-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}.seo-score-shot{margin:20px 0 26px;padding:9px;border:1px solid #d8d2c4;border-radius:16px;background:#fffdf8;box-shadow:0 10px 30px rgba(30,49,35,.07)}.seo-score-shot img{display:block;width:100%;height:auto;border-radius:10px}.seo-score-shot figcaption{padding:9px 6px 3px;color:#59695f;font-size:12px}
@media(max-width:650px){.seo-thumb-link{height:150px}.seo-score-shot{padding:6px}.seo-score-shot figcaption{font-size:11px}}

/* Match the black and gold application while preserving the card previews. */
.seo-page { color: var(--ink); }
.breadcrumbs, .seo-private-note, .seo-score-shot figcaption { color: var(--muted); }
.breadcrumbs a, .seo-page a, .seo-card-cta { color: var(--pine); }
.seo-hero { border-color: #8f784f; background: linear-gradient(125deg, #211e19, #10100f 70%); box-shadow: var(--shadow); }
.seo-hero:after { color: rgba(226,190,119,.07); }
.seo-hero .eyebrow, .seo-variant { color: var(--pine); }
.seo-hero h1 { color: var(--ink); }
.seo-lede { color: #e0d8ca; }
.seo-cta { color: var(--pine-deep)!important; background: var(--pine); }
.seo-cta:hover { background: #f1d49c; }
.seo-section, .seo-game-card, .seo-score-shot { border-color: var(--line); background: var(--paper-raised); }
.seo-section h2, .seo-section strong, .seo-game-card h2 a { color: var(--ink); }
.seo-section p, .seo-section li, .seo-game-card p { color: var(--muted); }
.seo-related { border-color: var(--line); }
.seo-thumb-link { background: #0e0d0b; }