.games-page-header{padding-bottom:26px}
.games-page-header h2{letter-spacing:0}
.games-page-header .ctaRow{margin-top:22px}
.games-eyebrow{
  display:block;
  margin:0 0 7px;
  color:#e5c668;
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
.games-page{display:grid;gap:42px;padding-bottom:24px}
.games-section-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.games-section-heading > div{min-width:0}
.games-section-heading > div > span{
  color:#e5c668;
  font-size:11px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
.games-section-heading h3,
.games-section-heading h4{
  margin:3px 0 0;
  color:#fff4c4;
  font-family:Cinzel,serif;
  letter-spacing:0;
}
.games-section-heading h3{font-size:28px}
.games-section-heading h4{font-size:22px}
.games-section-heading p{max-width:620px;margin:0;color:#aeb8ca}
.games-section-heading.compact{align-items:start;margin-bottom:15px}

.games-catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.games-catalog-item{
  min-width:0;
  min-height:225px;
  padding:20px;
  border:1px solid #354159;
  border-top:3px solid #65738d;
  border-radius:8px;
  background:#0d1424;
}
.games-catalog-item:nth-child(3n+1){border-top-color:#d8b767}
.games-catalog-item:nth-child(3n+2){border-top-color:#68b7c7}
.games-catalog-item:nth-child(3n){border-top-color:#a476d2}
.games-catalog-featured{grid-column:span 2;background:#111a2c}
.games-catalog-type{
  color:#8fcddd;
  font-size:11px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
}
.games-catalog-item h4{margin:8px 0;color:#fff4c4;font-family:Cinzel,serif;font-size:20px;letter-spacing:0}
.games-catalog-item p{margin:0;color:#c7d0df}
.games-catalog-item ul{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.games-catalog-item li{padding:5px 8px;border:1px solid #3d4960;border-radius:5px;color:#b8c4d5;font-size:11px}

.expedition-demo{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(216,183,103,.35);
  border-radius:8px;
  background:#080e1b var(--expedition-map) center top / cover no-repeat;
  box-shadow:0 24px 60px rgba(0,0,0,.42);
}
.expedition-demo::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(5,9,18,.86);
  pointer-events:none;
}
.expedition-demo > *{position:relative;z-index:1}
.expedition-demo-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px;
  border-bottom:1px solid rgba(216,183,103,.22);
  background:rgba(8,14,27,.82);
}
.expedition-demo-head h3{margin:0;color:#fff4c4;font-family:Cinzel,serif;font-size:30px;letter-spacing:0}
.expedition-demo-head p{max-width:760px;margin:9px 0 0;color:#bdc8d9}
.expedition-demo-status{
  display:grid;
  flex:0 0 210px;
  gap:3px;
  padding:12px 14px;
  border-left:3px solid #d8b767;
  background:#0b1322;
}
.expedition-demo-status span{color:#8f9db4;font-size:10px;font-weight:800;text-transform:uppercase}
.expedition-demo-status strong{color:#fff4c4}

.expedition-stage-map{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding:16px 26px;
  border-bottom:1px solid rgba(216,183,103,.17);
  background:rgba(5,10,20,.74);
}
.expedition-stage-map > div{
  position:relative;
  display:grid;
  justify-items:center;
  gap:5px;
  color:#68758b;
  text-align:center;
}
.expedition-stage-map > div::before{
  content:"";
  position:absolute;
  top:15px;
  right:50%;
  width:100%;
  height:2px;
  background:#303a4e;
}
.expedition-stage-map > div:first-child::before{display:none}
.expedition-stage-map span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:2px solid #3c485e;
  border-radius:50%;
  background:#0b1220;
  color:#8e9ab0;
  font-weight:900;
}
.expedition-stage-map small{font-size:11px;font-weight:700}
.expedition-stage-map .is-current span{border-color:#e5c668;color:#fff4c4;box-shadow:0 0 18px rgba(216,183,103,.25)}
.expedition-stage-map .is-current small{color:#e5c668}
.expedition-stage-map .is-complete span{border-color:#68b7c7;background:#17313b;color:#d9fbff}
.expedition-stage-map .is-complete small{color:#8fcddd}

.expedition-path-select,
.expedition-relic-hunt,
.expedition-demo-inventory,
.expedition-demo-finish{padding:26px}
.expedition-path-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.expedition-path-option{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:13px;
  min-width:0;
  min-height:150px;
  padding:0;
  overflow:hidden;
  border:1px solid #3b465b;
  border-radius:8px;
  background:#0b1220;
  color:#f7f3df;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.expedition-path-option:hover,.expedition-path-option:focus-visible{border-color:#7e8da8;outline:none}
.expedition-path-option.is-selected{border-color:#d8b767;box-shadow:inset 0 0 0 1px rgba(216,183,103,.25)}
.expedition-path-option img{width:88px;height:100%;min-height:148px;object-fit:cover;object-position:center top;background:#080d18}
.expedition-path-option > span{display:grid;align-content:center;gap:5px;min-width:0;padding:14px 12px 14px 0}
.expedition-path-option b{color:#fff4c4;font-family:Cinzel,serif;font-size:18px;letter-spacing:0}
.expedition-path-option small{color:#b6c1d2}
.expedition-path-option em{color:#7fc6d5;font-size:11px;font-style:normal;font-weight:800}
.expedition-primary-action{width:100%;margin-top:14px;justify-content:center;min-height:50px}

.expedition-combat{
  display:grid;
  grid-template-columns:minmax(220px,.8fr) minmax(330px,1.4fr) minmax(220px,.8fr);
  gap:18px;
  align-items:stretch;
  padding:26px;
}
.expedition-combat[hidden],
.expedition-relic-hunt[hidden],
.expedition-demo-finish[hidden],
.expedition-relic-result[hidden],
.expedition-continue[hidden]{display:none!important}
.expedition-fighter{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:390px;
  padding:16px;
  border:1px solid #39455b;
  border-radius:8px;
  background:#0b1220;
}
.expedition-fighter-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;color:#93a1b8;font-size:11px;text-transform:uppercase}
.expedition-fighter-heading strong{color:#e9edf4;text-align:right}
.expedition-health{height:10px;margin-top:10px;overflow:hidden;border:1px solid #3e4a5d;border-radius:5px;background:#050914}
.expedition-health i{display:block;width:100%;height:100%;background:#69bd91;transition:width .25s ease}
.expedition-health.enemy i{background:#d96870}
.expedition-portrait{flex:1;display:grid;place-items:end center;min-height:250px;margin-top:12px;overflow:hidden;background:#080d18}
.expedition-portrait img{display:block;width:100%;height:270px;object-fit:cover;object-position:center top}
.expedition-stat-line{display:flex;justify-content:space-between;gap:8px;margin-top:12px;color:#aeb8ca;font-size:11px;font-weight:700}
.expedition-battle-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:22px;
  border-top:1px solid rgba(216,183,103,.35);
  border-bottom:1px solid rgba(216,183,103,.35);
  background:rgba(7,12,23,.82);
  text-align:center;
}
.expedition-battle-center h4{margin:5px 0;color:#fff4c4;font-family:Cinzel,serif;font-size:28px;letter-spacing:0;overflow-wrap:anywhere}
.expedition-battle-center > p{min-height:52px;margin:8px 0 18px;color:#c8d2e1}
.expedition-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.expedition-actions .btn{min-width:0;justify-content:center;white-space:normal}
.expedition-special{border-color:#638ca9;background:#17293b}
.expedition-special:disabled{opacity:.48;cursor:not-allowed}
.expedition-action-note{min-height:20px;margin-top:9px;color:#8f9db4}
.expedition-continue{width:100%;margin-top:8px;justify-content:center}
.expedition-enemy-mark{
  position:relative;
  flex:1;
  min-height:250px;
  margin-top:12px;
  overflow:hidden;
  background:#080d18;
}
.expedition-enemy-mark span,
.expedition-enemy-mark i{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  transform:translate(-50%,-50%) rotate(45deg);
}
.expedition-enemy-mark span{width:126px;height:126px;border:2px solid #a25969;background:#25101e;box-shadow:0 0 38px rgba(193,80,112,.25)}
.expedition-enemy-mark i{width:62px;height:62px;border:2px solid #e5c668;background:#080d18}
.expedition-enemy-mark::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;border-radius:50%;background:#df6a71;box-shadow:0 0 26px #df6a71;transform:translate(-50%,-50%)}

.expedition-relic-hunt{border-top:1px solid rgba(216,183,103,.22);background:rgba(9,16,29,.9)}
.expedition-relic-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.expedition-relic-options button{
  display:grid;
  gap:5px;
  min-height:94px;
  padding:16px;
  border:1px solid #46536a;
  border-radius:8px;
  background:#0b1220;
  color:#f7f3df;
  cursor:pointer;
  font:inherit;
  text-align:left;
}
.expedition-relic-options button:hover,.expedition-relic-options button:focus-visible{border-color:#d8b767;outline:none;background:#151a25}
.expedition-relic-options button:disabled{opacity:.5;cursor:default}
.expedition-relic-options b{color:#fff4c4;font-family:Cinzel,serif;letter-spacing:0}
.expedition-relic-options small{color:#9eabc0}
.expedition-relic-result{display:grid;gap:4px;margin-top:14px;padding:17px;border:1px solid #a476d2;border-left:4px solid #a476d2;border-radius:8px;background:#121326}
.expedition-relic-result span{color:#bc93df;font-size:11px;font-weight:800;text-transform:uppercase}
.expedition-relic-result strong{color:#fff4c4;font-size:20px}
.expedition-relic-result p{margin:0;color:#c8d2e1}
.expedition-relic-result.rarity-common{border-color:#758198}
.expedition-relic-result.rarity-rare{border-color:#5d9bd4}
.expedition-relic-result.rarity-epic{border-color:#a476d2}
.expedition-relic-result.rarity-legendary{border-color:#f3c86a}

.expedition-demo-inventory{border-top:1px solid rgba(216,183,103,.22);background:rgba(6,11,22,.88)}
.expedition-demo-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.expedition-demo-items article{display:grid;gap:5px;min-height:105px;padding:15px;border:1px solid #3c485d;border-top:3px solid #758198;border-radius:8px;background:#0b1220}
.expedition-demo-items article.rarity-rare{border-top-color:#5d9bd4}
.expedition-demo-items article.rarity-epic{border-top-color:#a476d2}
.expedition-demo-items article.rarity-legendary{border-top-color:#f3c86a}
.expedition-demo-items span{color:#91a0b7;font-size:10px;font-weight:800;text-transform:uppercase}
.expedition-demo-items strong{color:#fff4c4}
.expedition-demo-items small{color:#b8c4d5}
.expedition-demo-finish{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d8b767;background:#171713}
.expedition-demo-finish h4{margin:5px 0;color:#fff4c4;font-family:Cinzel,serif;font-size:23px;letter-spacing:0}
.expedition-demo-finish p{max-width:700px;margin:0;color:#c8d2e1}
.expedition-demo-finish .ctaRow{flex:0 0 280px;display:grid;grid-template-columns:1fr}
.expedition-demo-finish .btn{justify-content:center;text-align:center}

@media (max-width:980px){
  .games-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .games-catalog-featured{grid-column:span 2}
  .expedition-path-options{grid-template-columns:1fr}
  .expedition-path-option{grid-template-columns:105px minmax(0,1fr);min-height:125px}
  .expedition-path-option img{width:105px;min-height:123px}
  .expedition-combat{grid-template-columns:1fr 1fr}
  .expedition-battle-center{grid-column:1 / -1;grid-row:2}
  .expedition-fighter{min-height:340px}
  .expedition-demo-finish{display:grid}
  .expedition-demo-finish .ctaRow{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:700px){
  .games-page{gap:28px}
  .games-section-heading,.expedition-demo-head{display:grid;gap:10px}
  .games-section-heading h3{font-size:24px}
  .games-section-heading h4{font-size:20px}
  .games-catalog-grid{grid-template-columns:1fr}
  .games-catalog-featured{grid-column:auto}
  .games-catalog-item{min-height:0;padding:17px}
  .expedition-demo-head,.expedition-path-select,.expedition-combat,.expedition-relic-hunt,.expedition-demo-inventory,.expedition-demo-finish{padding:16px}
  .expedition-demo-head h3{font-size:25px}
  .expedition-demo-status{width:100%;max-width:none;flex-basis:auto}
  .expedition-stage-map{padding:14px 8px}
  .expedition-stage-map small{max-width:88px}
  .expedition-combat{grid-template-columns:1fr;gap:12px}
  .expedition-player{grid-row:1}
  .expedition-battle-center{grid-column:auto;grid-row:3;padding:18px 12px}
  .expedition-enemy{grid-row:2}
  .expedition-fighter{min-height:275px}
  .expedition-portrait,.expedition-enemy-mark{min-height:170px}
  .expedition-portrait img{height:190px;object-fit:contain}
  .expedition-actions{grid-template-columns:1fr}
  .expedition-actions .btn{min-height:48px}
  .expedition-relic-options,.expedition-demo-items{grid-template-columns:1fr}
  .expedition-demo-finish .ctaRow{grid-template-columns:1fr}
}

@media (max-width:430px){
  .expedition-path-option{grid-template-columns:76px minmax(0,1fr)}
  .expedition-path-option img{width:76px;min-height:123px;object-fit:cover}
  .expedition-path-option b{font-size:16px}
  .expedition-stage-map small{font-size:9px}
  .expedition-fighter-heading{display:grid}
  .expedition-fighter-heading strong{text-align:left}
}