/* --------------- */
/* Content 上書き  */
/* --------------- */
/* static/common/css/base.cssの.content(width: min(80vw, 480px))は、
   analysisページの他セクション(.game-analysis、game_result.css参照)が
   既に使っているmax-width: min(90vmin, 480px)という基準と食い違っており、
   タブレット・デスクトップ幅でリプレイ盤面(#play-wrapper)だけが
   324px程度までしか大きくならず、ページ内の他要素より不自然に小さかった。
   同じ基準に統一する(blog/detail.htmlとも共有されているanalysis.css/
   replay.cssではなく専用ファイルに分離し、blogの記事本文幅には
   影響させない)。.contentはこのページ全体の幅基準のため、盤面だけでなく
   本文・テーブル等analysisページ内の全要素の幅にも影響する。 */
.content {
  width: min(90vmin, 480px);
}

/* --------------- */
/* Play/Board Wrapper 上書き */
/* --------------- */
/* #play-wrapperはheight:auto(replay.css)の状態で、幅がauto(width/heightとも
   autoな#board-wrapperのaspect-ratio:1との循環依存により、利用可能な
   .contentの幅まで広がらずブラウザ依存の小さめの値に収まってしまっていた)。
   .game-analysisと同じ基準で明示的にwidthを指定し、ここを起点に
   #board-wrapperのaspect-ratio:1が高さを導出するようにする。 */
#play-wrapper {
  width: min(90vmin, 480px);
}