.giantPair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.giantPair figure,.openingBoards figure{margin:0}.giantPair img,.openingBoards img{width:100%;height:auto;display:block}.giantPair figcaption,.openingBoards figcaption{font-size:16px;line-height:1.6;padding:12px 0;color:#f2d595}.heightControls{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.heightControls label{display:grid;gap:8px}.heightControls select{font:inherit;padding:12px;background:#192335;color:#fff;border:1px solid #7b8697;border-radius:4px}.heightBars{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.heightRow{display:grid;grid-template-columns:130px 1fr 70px;align-items:center;gap:10px;font-size:15px}.heightTrack{height:18px;background:#293345;position:relative}.heightTrack:after{content:'';position:absolute;left:56.6667%;top:-3px;height:24px;width:2px;background:#ffe0a5}.heightFill{height:100%;display:block;background:#e1ab51}.heightFill.shu{background:#40b7a0}.heightFill.wu{background:#ec8063}.heightFill.wei{background:#939feb}.scaleBaseline{color:#ffe0a5}.openingBoards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.v8portrait{position:relative;overflow:hidden;aspect-ratio:0.72;background:#c9bfae}.v8portrait img{position:absolute;top:0;left:0;width:300%;max-width:none;height:auto}.v8person h3{margin-bottom:8px}.v8person p{font-size:16px;margin:5px 0}.chartScroller img#relationDiagram{min-width:1050px;width:100%;height:auto}.heightControls select:focus-visible{outline:3px solid #ffe0a5;outline-offset:3px}@media(max-width:800px){.giantPair,.heightBars,.openingBoards{grid-template-columns:1fr}.heightRow{grid-template-columns:115px 1fr 65px;font-size:14px}header nav{gap:12px;flex-wrap:wrap}.chartScroller img#relationDiagram{min-width:900px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}