/* Option C: editorial game detail with a compact, sticky facts rail. */
#showDetail .game-detail-layout{display:grid;grid-template-columns:minmax(170px,200px) minmax(0,1fr);gap:clamp(24px,3vw,38px);align-items:start;padding-top:20px}
#showDetail .game-detail-sidebar{position:sticky;top:16px;display:grid;gap:14px;min-width:0}
#showDetail .game-detail-sidebar .detail-art{width:100%;max-width:none;aspect-ratio:3/4;height:auto;overflow:hidden;background:#e4ecf4;border-radius:8px;align-self:auto}
#showDetail .game-detail-sidebar .detail-art img{display:block;width:100%;height:100%;object-fit:cover}
#showDetail .game-detail-sidebar .detail-art .game-detail-poster-title{padding:30px 10px 9px;background:linear-gradient(transparent,#07172dcc);font:700 10px/1.2 var(--sans);letter-spacing:0}
#showDetail .game-detail-sidebar .detail-actions{display:grid;gap:8px;margin:0}
#showDetail .game-detail-sidebar .detail-actions button{width:100%;min-height:44px;margin:0}
#showDetail .game-detail-facts{display:grid;gap:10px;margin:0;padding-top:2px}
#showDetail .game-detail-facts>div{display:grid;gap:2px;min-width:0;justify-items:start}
#showDetail .game-detail-facts,
#showDetail .game-detail-facts dt,
#showDetail .game-detail-facts dd{text-align:left}
#showDetail .game-detail-facts dt{color:#687b8d;font-size:11px;line-height:1.35}
#showDetail .game-detail-facts dd{margin:0;color:#15283b;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
#showDetail .game-detail-facts .developer-links{display:grid;gap:4px;margin:0}
#showDetail .game-detail-facts .developer-button{width:fit-content;max-width:100%;padding:0;border:0;background:none;color:#214bd1;font-size:12px;line-height:1.4;text-align:left;overflow-wrap:anywhere}
#showDetail .game-detail-main{min-width:0}
#showDetail .game-detail-heading{margin:0 0 22px}
#showDetail .game-detail-heading h1{max-width:24ch;margin:5px 0 10px;color:#15283b;font:700 clamp(27px,3.4vw,42px)/1.08 var(--display);letter-spacing:-.045em;overflow-wrap:anywhere}
#showDetail .game-detail-heading>p:not(.eyebrow){max-width:68ch;margin:0;color:#536c89;font-size:14px;line-height:1.65}
#showDetail .game-detail-main .game-gallery{margin:0 0 26px;padding:0 0 22px;border-top:0;background:transparent}
#showDetail .game-detail-main .game-gallery .eyebrow{margin-bottom:5px}
#showDetail .game-detail-main .game-gallery h2{margin:0 0 14px;color:#15283b;font:600 20px/1.25 var(--display);letter-spacing:-.02em}
#showDetail .game-detail-main .game-reviews{padding:0;border:0;background:transparent}
#showDetail .game-review-card.is-requested-review{scroll-margin-top:28px;outline:2px solid #6d91ff;outline-offset:3px}
#showDetail .game-detail-main .game-reviews-heading{margin-bottom:12px}
#showDetail .game-detail-main .game-reviews-heading h2{color:#15283b;font:600 23px/1.2 var(--display);letter-spacing:-.025em}
#showDetail #gameReviewSummary{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#showDetail #gameRatingChart{margin:0 0 14px;padding:14px 16px;border:1px solid #cbd9e6;border-radius:8px;background:#e4edf4}
#showDetail #gameRatingChart .rating-spectrum-horizontal{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:0;border:0;background:transparent;color:#15283b}
#showDetail #gameRatingChart .rating-spectrum-summary{display:grid;gap:1px}
#showDetail #gameRatingChart .rating-spectrum-summary>div{display:flex;align-items:baseline;gap:3px;white-space:nowrap}
#showDetail #gameRatingChart .rating-spectrum-summary strong{font-size:38px;line-height:1;letter-spacing:-.045em}
#showDetail #gameRatingChart .rating-spectrum-summary>div>span{color:#687b8d;font-size:12px}
#showDetail #gameRatingChart .rating-spectrum-summary>span:last-child{color:#687b8d;font-size:11px}
#showDetail #gameRatingChart .rating-spectrum-stars{color:#214bd1;font-size:13px;letter-spacing:-.04em;white-space:nowrap}
#showDetail #gameRatingChart .rating-spectrum-horizontal-bars{display:grid;gap:4px}
#showDetail #gameRatingChart .rating-spectrum-horizontal-row{display:grid;grid-template-columns:25px minmax(0,1fr) 16px;align-items:center;gap:7px;color:#526a7d;font-size:11px;outline-offset:2px}
#showDetail #gameRatingChart .rating-spectrum-horizontal-row>span:last-child{text-align:right}
#showDetail #gameRatingChart .rating-spectrum-horizontal-track{display:block;height:6px;overflow:hidden;border-radius:9px;background:#cbd9e6}
#showDetail #gameRatingChart .rating-spectrum-horizontal-track i{display:block;height:100%;border-radius:inherit;background:#4f7fe9}
#showDetail .game-detail-main #gameReviewComposer{margin:14px 0;padding:16px;border:1px solid #cbd9e6;border-radius:8px;background:#e4edf4}
#showDetail #gameReviewComposer[hidden]{display:none!important}
#showDetail .game-detail-main .game-reviews-carousel{display:block;margin-top:14px}
#showDetail .game-detail-main .game-reviews-track{display:grid;gap:10px;overflow:visible;padding:0;scroll-snap-type:none}
#showDetail .game-detail-main .game-review-card{grid-template-columns:32px minmax(0,1fr);flex:auto;width:100%;min-height:0;padding:14px 16px;border:1px solid #cbd9e6;border-radius:8px;background:#e4edf4;box-shadow:none}
#showDetail .game-review-card .note-avatar{width:32px;height:32px;background:#d3e1ef;color:#214bd1}
#showDetail .game-review-card .game-review-card-copy>p{margin:8px 0;color:#15283b}
#showDetail .game-review-card .game-review-card-head b{color:#15283b}
#showDetail .game-review-card .game-review-stars{color:#214bd1}
#showDetail .game-review-card .game-review-card-meta{color:#687b8d}
#showDetail .game-reviews-nav{display:none!important}
#showDetail .game-review-invite{margin:10px 0 0;padding:13px 14px;border:1px dashed #bdccdc;border-radius:8px;color:#536c89;text-align:center;font-size:12px}
#showDetail .game-review-invite button{padding:0;border:0;border-bottom:1px solid #214bd1;background:none;color:#214bd1;font:inherit;cursor:pointer}
#showDetail #gameCommunity{margin-top:26px;padding-top:20px;border-top:1px solid #d7e1ea}
#showDetail #gameCommunity .game-community-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
#showDetail #gameCommunity .game-community-heading h2{margin:0;color:#15283b;font:600 20px/1.25 var(--display)}
#showDetail #gameCommunity .game-community-heading h2 span{color:#687b8d;font:500 13px var(--sans)}
#showDetail #gameCommunity .game-community-heading>a{flex:none;color:#214bd1;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#showDetail #gameCommunity .game-lists-carousel{display:flex;width:100%;max-width:none;box-sizing:border-box;gap:14px;overflow-x:auto;padding:2px 1px 10px;scrollbar-width:thin;scroll-snap-type:x mandatory}
#showDetail #gameCommunity .game-lists-carousel>.community-mini-card{display:flex;flex:0 0 calc((100% - 28px)/3);min-width:0;flex-direction:column;gap:0;overflow:hidden;padding:0;border:1px solid #cbd9e6;border-radius:12px;background:#e4edf4;color:#15283b;text-decoration:none;scroll-snap-align:start}
#showDetail #gameCommunity .community-list-art{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:3px;height:126px;overflow:hidden;background:#cbd9e6}
#showDetail #gameCommunity .community-list-art-tile{display:block;min-width:0;min-height:0;overflow:hidden;background:#cbd9e6}
#showDetail #gameCommunity .community-list-art-tile:first-child{grid-row:1/3}
#showDetail #gameCommunity .community-list-art-tile:only-child{grid-column:1/-1;grid-row:1/3}
#showDetail #gameCommunity .community-list-art-tile:nth-child(2):last-child{grid-row:1/3}
#showDetail #gameCommunity .community-list-art img{display:block;width:100%;height:100%;object-fit:cover}
#showDetail #gameCommunity .community-list-art-empty{grid-column:1/-1;grid-row:1/3;background:linear-gradient(135deg,#69b8d2,#2d918e 55%,#183a59)}
#showDetail #gameCommunity .community-list-copy{display:grid;gap:5px;min-width:0;padding:12px 14px 13px}
#showDetail #gameCommunity .community-list-copy>b{display:-webkit-box;overflow:hidden;color:#15283b;font:700 15px/1.3 var(--sans);-webkit-box-orient:vertical;-webkit-line-clamp:2}
#showDetail #gameCommunity .community-list-meta{display:flex;flex-wrap:wrap;gap:3px 10px;color:#536c89;font:11px/1.45 var(--sans)}
#showDetail #gameCommunity .community-list-meta time{color:#687b8d}
#showDetail #gameCommunity .game-lists-carousel>.community-mini-card:hover{border-color:#8caed5;box-shadow:0 5px 16px #173a5812;transform:translateY(-1px)}
@media(max-width:1000px) and (min-width:761px){#showDetail #gameCommunity .game-lists-carousel>.community-mini-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:760px){#showDetail #gameCommunity .game-lists-carousel>.community-mini-card{flex-basis:min(82%,340px)}}
@media(max-width:760px){
  #showDetail .game-detail-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px}
  #showDetail .game-detail-sidebar{position:static;grid-template-columns:minmax(96px,26%) minmax(0,1fr);align-items:start;gap:12px 16px}
  #showDetail .game-detail-sidebar .detail-art{grid-row:span 2}
  #showDetail .game-detail-sidebar .detail-actions{align-content:start;gap:9px}
  #showDetail .game-detail-sidebar .detail-actions button{min-height:48px;padding:10px 12px;font-size:13px;line-height:1.3}
  #showDetail .game-detail-facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:14px;padding-top:3px}
  #showDetail .game-detail-facts dd{font-size:14px;line-height:1.45}
  #showDetail .game-detail-heading{margin-bottom:18px}
  #showDetail .game-detail-heading h1{font-size:clamp(25px,7vw,36px)}
  #showDetail #gameRatingChart .rating-spectrum-horizontal{grid-template-columns:76px minmax(0,1fr);gap:10px}
  #showDetail #gameRatingChart .rating-spectrum-summary strong{font-size:34px}
}
@media(max-width:420px){
  #showDetail .game-detail-sidebar{grid-template-columns:minmax(94px,26%) minmax(0,1fr);gap:10px 12px}
  #showDetail .game-detail-sidebar .detail-actions button{min-height:46px;padding:9px 10px;font-size:12px}
  #showDetail .game-detail-facts{column-gap:16px;row-gap:12px}
  #showDetail .game-detail-main .game-review-card{grid-template-columns:28px minmax(0,1fr);gap:9px;padding:12px}
  #showDetail .game-review-card .note-avatar{width:28px;height:28px}
  #showDetail .game-review-card-head{flex-wrap:wrap}
  #showDetail .game-review-card .game-review-stars{font-size:12px}
  #showDetail #gameRatingChart{padding:12px}
  #showDetail #gameRatingChart .rating-spectrum-horizontal{grid-template-columns:70px minmax(0,1fr);gap:8px}
  #showDetail #gameRatingChart .rating-spectrum-horizontal-row{grid-template-columns:22px minmax(0,1fr) 14px;gap:5px}
  #showDetail #gameRatingChart .rating-spectrum-summary strong{font-size:31px}
}
@media(max-width:359px){
  #showDetail .game-detail-facts{grid-template-columns:minmax(0,1fr)}
  #showDetail .game-detail-sidebar{grid-template-columns:94px minmax(0,1fr)}
  #showDetail #gameRatingChart .rating-spectrum-horizontal{grid-template-columns:64px minmax(0,1fr);gap:6px}
  #showDetail #gameRatingChart .rating-spectrum-summary strong{font-size:28px}
}
