.static-game-page { --game-base: #171923; --game-accent: #ff7043; --game-third: #62d7ee; background: #0f1118; }
.game-nav { min-height: 64px; padding: 10px clamp(18px, 4vw, 56px); display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #2f3341; background: #1b1d2a; }
.game-nav .brand { margin-right: auto; }
.game-nav > a:not(.brand) { color: #c6cad6; font-size: 14px; font-weight: 800; text-decoration: none; }
.game-nav > a:not(.brand):hover { color: #fff; }
.static-game-content { width: min(1180px, calc(100% - 36px)); margin: 0 auto; padding: 28px 0 70px; }
.static-game-content .breadcrumbs { margin-bottom: 22px; }
.static-game-hero { min-height: 390px; position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr); border: 1px solid #343847; background: radial-gradient(circle at 25% 10%, color-mix(in srgb, var(--game-accent) 18%, transparent), transparent 42%), linear-gradient(135deg, var(--game-base), #171923 72%); }
.static-game-hero::after { content: ""; width: 240px; height: 240px; position: absolute; left: -100px; bottom: -150px; border: 36px solid color-mix(in srgb, var(--game-third) 12%, transparent); transform: rotate(18deg); }
.static-hero-copy { padding: clamp(32px, 6vw, 76px); position: relative; z-index: 2; align-self: center; }
.static-hero-copy .eyebrow, .fact-label { margin: 0 0 12px; color: var(--game-third); font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.static-hero-copy h1 { margin: 0; max-width: 720px; color: #f7f8fb; font-size: clamp(42px, 7vw, 82px); line-height: .98; letter-spacing: -.05em; }
.static-hero-copy > p:not(.eyebrow) { max-width: 670px; margin: 24px 0; color: #c3c7d1; font-size: 18px; line-height: 1.7; }
.static-tags { margin: 0 0 26px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.static-tags li { padding: 7px 10px; border: 1px solid #4a4f60; color: #d7dae2; font-size: 12px; font-weight: 800; }
.static-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.static-actions button, .static-actions a { min-height: 48px; padding: 13px 18px; border: 1px solid var(--game-accent); background: var(--game-accent); color: #101218; font: 900 15px/1.3 var(--body); text-decoration: none; cursor: pointer; }
.static-actions a { background: transparent; color: #f3f4f7; }
.static-hero-art { min-height: 390px; margin: 0; position: relative; overflow: hidden; background: var(--game-base); }
.static-hero-art img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; }
.static-hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--game-base), transparent 45%), linear-gradient(0deg, #17192399, transparent 50%); }
.static-hero-art figcaption { padding: 9px 12px; position: absolute; right: 12px; bottom: 12px; z-index: 1; background: #11141ccc; color: #d6d9e1; font-size: 11px; }
.static-player-section { margin-top: 24px; }
.static-player-section .game-stage { height: min(72vh, 760px); min-height: 500px; border: 1px solid #343847; }
.static-player-section .stage-copy { max-width: 680px; }
.static-player-section .stage-copy h2 { white-space: normal; }
.static-player-section .stage-art::after { background: linear-gradient(90deg, #0d1012e8 0%, #0d101299 48%, transparent 75%), linear-gradient(0deg, #0d1012cc, transparent 55%); }
.static-player-section .player-toolbar { border: 1px solid #343847; border-top: 0; }
.static-player-section .toolbar-actions { margin-left: auto; display: flex; gap: 8px; }
.static-player-section .toolbar-actions button { width: auto; padding: 0 12px; color: #d8dbe3; font: 800 12px/1 var(--body); }
.load-note { margin: 9px 0 0; color: #ffbd8f; font-size: 13px; }
.static-copy-grid { margin-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 22px; align-items: start; }
.static-copy-grid .description-panel { padding: clamp(25px, 4vw, 48px); }
.static-copy-grid .description-panel > h2:first-child { font-size: clamp(28px, 4vw, 42px); }
.game-facts { margin: 28px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #343847; }
.game-facts div { padding: 18px; border-right: 1px solid #343847; }
.game-facts div:last-child { border-right: 0; }
.game-facts span, .game-facts strong { display: block; }
.game-facts span { margin-bottom: 8px; color: #8f95a5; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.game-facts strong { color: #eef0f5; font-size: 14px; line-height: 1.5; }
.source-card { margin-top: 30px; padding: 22px; border-left: 4px solid var(--game-third); background: #202431; }
.source-card h2 { margin-top: 0; }
.source-card a { overflow-wrap: anywhere; }
.static-related { padding: 24px; position: sticky; top: 20px; border: 1px solid #343847; background: #171923; }
.static-related h2 { margin: 0 0 16px; color: #f1f2f6; font-size: 22px; }
.static-related > p { color: #969cab; font-size: 13px; line-height: 1.6; }
.static-related a { padding: 14px 0; display: grid; grid-template-columns: 58px 1fr; gap: 12px; align-items: center; border-bottom: 1px solid #303442; color: #edf0f5; text-decoration: none; }
.static-related a:last-of-type { border-bottom: 0; }
.static-related img { width: 58px; height: 44px; object-fit: cover; }
.static-related strong, .static-related small { display: block; }
.static-related strong { font-size: 14px; }
.static-related small { margin-top: 4px; color: #979cab; font-size: 11px; }
.static-game-page .site-footer { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
@media (max-width: 840px) {
  .game-nav { gap: 14px; }
  .game-nav > a:not(.brand) { display: none; }
  .static-game-hero { grid-template-columns: 1fr; }
  .static-hero-art { min-height: 260px; grid-row: 1; }
  .static-hero-copy { grid-row: 2; padding: 30px 24px 38px; }
  .static-hero-copy h1 { font-size: clamp(38px, 12vw, 62px); }
  .static-copy-grid { grid-template-columns: 1fr; }
  .static-related { position: static; }
  .static-player-section .game-stage { height: 58vh; min-height: 390px; }
}
@media (max-width: 560px) {
  .static-game-content { width: min(100% - 24px, 1180px); padding-top: 18px; }
  .static-hero-art { min-height: 220px; }
  .static-hero-copy > p:not(.eyebrow) { font-size: 16px; }
  .static-player-section .game-stage { height: 52vh; min-height: 340px; }
  .static-player-section .stage-copy { bottom: 92px; }
  .static-player-section .stage-copy h2 { font-size: 30px; }
  .game-facts { grid-template-columns: 1fr; }
  .game-facts div { border-right: 0; border-bottom: 1px solid #343847; }
  .game-facts div:last-child { border-bottom: 0; }
  .static-copy-grid .description-panel { padding: 24px 20px; }
}