#sk6-page { margin: 25px 0 38px; }
.sk7-guide-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:13px}.sk7-guide-links a{padding:7px 11px;border:1px solid #b6945366;border-radius:4px;background:#24463388;color:#f1dba5;font-size:12px;text-decoration:none}.sk7-guide-links a:hover{border-color:#e4c279;background:#325d3e}.sk7-guide-preview{max-width:700px;color:#bfb398;font-size:11px;line-height:1.6;margin:10px 0 0}.sk7-guide-preview a{color:#d5b87f}.sk6-start-date>strong{white-space:normal}
.sk6-guide { min-width: 0; color: #e7dccb; }
.sk6-hero { position: relative; display: flex; align-items: center; gap: 18px; min-width: 0; min-height: 212px; padding: 21px 29px; overflow: hidden; border: 1px solid #ad874b; border-radius: 7px; background: radial-gradient(ellipse at 100% 0,#60805d35,transparent 60%),linear-gradient(110deg,#34261e,#1d2523 75%); box-shadow: inset 0 0 0 2px #efcf8c0d,0 7px 24px #0003; }
.sk6-hero::before, .sk6-hero::after { position: absolute; width: 43px; height: 43px; top: -3px; content: ''; pointer-events: none; background: url('/game-ui/gold-corner.svg') center / contain no-repeat; }
.sk6-hero::before { left: -4px; }
.sk6-hero::after { right: -4px; transform: scaleX(-1); }
.sk6-hero-copy { position: relative; z-index: 2; flex: 1 1 auto; min-width: 0; max-width: 870px; }
.sk6-eyebrow { margin: 0 0 9px; color: #c6ab75; font: 600 10px/1.4 var(--sans); letter-spacing: .16em; }
.sk6-hero h1 { width: fit-content; max-width: 100%; margin: 0; padding: 11px 33px; background: url('/game-ui/emerald-title.svg') center / 100% 100% no-repeat; color: #fff0c7; font: 650 25px/1.25 var(--sans); letter-spacing: .01em; text-shadow: 0 2px 2px #09170d; }
.sk6-intro { max-width: 750px; margin: 13px 0 0; color: #c8bea9; font-size: 14px; line-height: 1.65; }
.sk6-season-mark { position: absolute; top: 13px; right: 83px; display: grid; justify-items: center; opacity: .08; color: #ccaf72; pointer-events: none; transform: rotate(-7deg); }
.sk6-season-mark span { font: 550 24px/1 var(--serif); letter-spacing: .2em; }
.sk6-season-mark strong { font: 600 125px/1 var(--serif); }
.sk6-start-date { position: relative; z-index: 1; display: inline-flex; align-items: baseline; gap: 9px; margin-top: 11px; padding: 5px 10px; border: 1px solid #ab885949; border-radius: 4px; background: #171c1b99; }
.sk6-start-date > span { color: #b5a27f; font-size: 11px; }
.sk6-start-date > strong { color: #e6ce9d; font-size: 15px; font-weight: 550; white-space: nowrap; }
.sk6-captain-scene { position: relative; align-self: stretch; flex: 0 0 300px; width: 300px; min-height: 166px; margin: -10px -9px -21px 0; pointer-events: none; }
.sk6-captain-glow { position: absolute; inset: 18px -5px -9px; border-radius: 50%; background: radial-gradient(ellipse at 50% 75%,#d8b46932,transparent 67%); }
.sk6-captain-scene img { position: absolute; bottom: 0; height: 188px; width: 155px; object-fit: contain; object-position: bottom; filter: drop-shadow(0 6px 8px #0008); }
.sk6-scene-heimdall { left: -9px; z-index: 1; transform: rotate(-4deg); }
.sk6-scene-beowulf { right: -9px; z-index: 2; transform: rotate(3deg); }
.sk6-captain-scene .sk6-scene-cleopatra { left: 76px; z-index: 3; height: 204px; width: 158px; }
/* One reading column, with a light chapter rail rather than separate tip cards. */
.sk6-reading-layout { display: grid; grid-template-columns: 190px minmax(0,740px); align-items: start; justify-content: center; gap: 56px; max-width: 1050px; margin: 40px auto 0; }
.sk6-contents { position: sticky; top: 105px; display: grid; gap: 3px; min-width: 0; padding: 5px 0 8px 17px; border-left: 1px solid #86704466; }
.sk6-contents > p { margin: 0 0 10px; color: #bba478; font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.sk6-contents > a { display: block; padding: 6px 0; color: #ada698; font-size: 13px; line-height: 1.55; text-decoration: none; overflow-wrap: anywhere; transition: color .15s; }
.sk6-contents > a:hover, .sk6-contents > a:focus-visible { color: #f0d7a1; }
.sk6-contents > a:focus-visible { outline: 2px solid #d3b070; outline-offset: 4px; border-radius: 1px; }
.sk6-strategy { min-width: 0; color: #d5cec2; font: 400 16px/1.85 var(--sans); overflow-wrap: break-word; }
.sk6-strategy-opening { margin: 0 0 27px; }
.sk6-strategy-label { margin: 0 0 9px; color: #b9a16d; font-size: 11px; line-height: 1.5; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.sk6-strategy-opening h2 { margin: 0 0 15px; color: #f2e5cc; font: 600 28px/1.3 var(--sans); letter-spacing: -.025em; text-wrap: balance; }
.sk6-strategy-lead { margin: 0; color: #e2d9c7; font-size: 17px; line-height: 1.8; }
.sk6-strategy-flow { margin: 20px 0 0; padding-top: 15px; border-top: 1px solid #6d5c3e66; color: #c6b38a; font-size: 13px; line-height: 1.8; }
.sk6-goal { margin: 28px 0 37px; padding: 3px 0 5px 21px; border-left: 3px solid #bda15a; }
.sk6-goal > strong { display: block; margin: 0 0 3px; color: #b9c68d; font-size: 11px; line-height: 1.5; letter-spacing: .075em; text-transform: uppercase; }
.sk6-goal h3 { margin: 0 0 7px; color: #f1d99e; font: 650 31px/1.25 var(--sans); letter-spacing: -.025em; }
.sk6-goal p { margin: 0; color: #c7bdab; font-size: 15px; line-height: 1.75; }
.sk6-chapter { margin: 35px 0 0; scroll-margin-top: 110px; }
.sk6-chapter + .sk6-chapter { padding-top: 1px; }
.sk6-chapter h2 { margin: 0 0 13px; color: #eedfc1; font: 600 22px/1.4 var(--sans); letter-spacing: -.012em; text-wrap: balance; }
.sk6-chapter p { margin: 0 0 17px; }
.sk6-chapter p:last-child { margin-bottom: 0; }
.sk6-strategy strong { color: #f0dfb7; font-weight: 650; }
.sk6-strategy a { color: #debb75; text-decoration: underline; text-underline-offset: 3px; }
.sk6-strategy a:hover { color: #ffe4ac; }
.sk6-conclusion { margin: 38px 0 0; padding-top: 25px; border-top: 1px solid #7a65414d; scroll-margin-top: 110px; }
.sk6-conclusion h2 { margin: 0 0 12px; color: #d9c28f; font: 600 21px/1.4 var(--sans); }
.sk6-conclusion p { margin: 0; color: #d1c8b7; }
.sk6-footnote { max-width: 740px; margin: 30px max(0px,calc((100% - 986px) / 2)) 0 auto; padding-top: 16px; border-top: 1px solid #594e3b55; color: #9f9687; font-size: 12px; line-height: 1.7; }

@media (max-width: 1000px) {
  .sk6-reading-layout { grid-template-columns: 170px minmax(0,740px); gap: 32px; margin-top: 33px; }
  .sk6-contents { padding-left: 12px; }
  .sk6-contents > a { font-size: 12px; }
  .sk6-footnote { margin-left: 202px; margin-right: 0; }
}
@media (max-width: 760px) {
  .sk6-hero { gap: 8px; padding: 19px 22px; }
  .sk6-hero h1 { font-size: 22px; }
  .sk6-intro { font-size: 14px; }
  .sk6-season-mark { right: 17px; bottom: -16px; top: auto; }
  .sk6-season-mark strong { font-size: 110px; }
  .sk6-captain-scene { flex-basis: 220px; width: 220px; margin-right: -8px; margin-bottom: -19px; }
  .sk6-captain-scene img { width: 118px; height: 170px; }
  .sk6-scene-heimdall { left: -15px; }
  .sk6-scene-beowulf { right: -15px; }
  .sk6-captain-scene .sk6-scene-cleopatra { left: 49px; width: 125px; height: 187px; }
  .sk6-reading-layout { display: block; max-width: 680px; margin-top: 27px; }
  .sk6-contents { position: static; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px 17px; margin: 0 0 29px; padding: 0 0 18px; border-left: 0; border-bottom: 1px solid #6d5c3e66; }
  .sk6-contents > p { grid-column: 1 / -1; margin-bottom: 5px; }
  .sk6-contents > a { padding: 3px 0; font-size: 12px; }
  .sk6-strategy-opening h2 { font-size: 26px; }
  .sk6-footnote { max-width: 680px; margin: 28px auto 0; }
}
@media (max-width: 560px) {
  #sk6-page { margin-top: 20px; }
  .sk6-hero { min-height: 0; padding: 19px 17px; }
  .sk6-captain-scene { display: none; }
  .sk6-hero h1 { padding: 11px 25px; font-size: 20px; }
  .sk6-intro { font-size: 14px; }
  .sk6-strategy { font-size: 16px; line-height: 1.8; }
  .sk6-strategy-opening h2 { font-size: 24px; }
  .sk6-strategy-lead { font-size: 16px; }
  .sk6-strategy-flow { font-size: 12px; }
  .sk6-goal { margin: 25px 0 31px; padding-left: 16px; }
  .sk6-goal h3 { font-size: 28px; }
  .sk6-goal p { font-size: 15px; }
  .sk6-chapter { margin-top: 31px; }
  .sk6-chapter h2 { margin-bottom: 11px; font-size: 21px; }
  .sk6-chapter p { margin-bottom: 15px; }
  .sk6-conclusion { margin-top: 31px; padding-top: 21px; }
}
@media (prefers-reduced-motion: reduce) { .sk6-contents > a { transition: none; } }