/* Board64 3.5: shared rendering for the game, movement, promotion and study boards. */
.brand-menu-button{display:block;padding:0;border:0;background:transparent;min-height:44px;cursor:pointer}
.brand-logo{display:block;width:156px;height:50px;object-fit:contain;object-position:left center}
.topbar h1{line-height:1;font-size:0}.topbar{min-height:84px}.brand-copy{padding-block:0}
.b64-study-board .b64-cell.light{background:var(--light-square)}
.b64-study-board .b64-cell.dark,html[data-b64-contrast=high] .b64-cell.dark{background:var(--dark-square)}
.square.dark .rank-label,.square.dark .file-label,.b64-cell.dark .b64-rank,.b64-cell.dark .b64-file{color:var(--light-square)!important;text-shadow:none}
.square.light .rank-label,.square.light .file-label,.b64-cell.light .b64-rank,.b64-cell.light .b64-file{color:var(--dark-square)!important;text-shadow:none}
html[data-b64-pieces=reference] :is(.piece,.animation-piece,.promotion-piece)[data-piece]{font-size:0!important;scale:1;text-shadow:none;-webkit-text-stroke:0;color:transparent;background-image:var(--b64-piece-image);background-position:center;background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 1.5px 1.2px #00000028)}
html[data-b64-pieces=reference] .piece[data-piece]{transform:translateY(0)}
.promotion-piece[data-piece]{display:inline-block;width:64px;height:64px}
[data-piece=wp]{--b64-piece-image:url('./pieces/reference/wp.svg')}[data-piece=wr]{--b64-piece-image:url('./pieces/reference/wr.svg')}[data-piece=wn]{--b64-piece-image:url('./pieces/reference/wn.svg')}[data-piece=wb]{--b64-piece-image:url('./pieces/reference/wb.svg')}[data-piece=wq]{--b64-piece-image:url('./pieces/reference/wq.svg')}[data-piece=wk]{--b64-piece-image:url('./pieces/reference/wk.svg')}
[data-piece=bp]{--b64-piece-image:url('./pieces/reference/bp.svg')}[data-piece=br]{--b64-piece-image:url('./pieces/reference/br.svg')}[data-piece=bn]{--b64-piece-image:url('./pieces/reference/bn.svg')}[data-piece=bb]{--b64-piece-image:url('./pieces/reference/bb.svg')}[data-piece=bq]{--b64-piece-image:url('./pieces/reference/bq.svg')}[data-piece=bk]{--b64-piece-image:url('./pieces/reference/bk.svg')}
.b64-visual-group{border:0;padding:0;margin:24px 0}.b64-visual-group legend{font-size:18px;font-weight:650;margin-bottom:12px}
.b64-visual-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.b64-dialog .b64-visual-option{display:flex;align-items:center;gap:12px;text-align:left;padding:12px;background:#fff;border:2px solid #c7ccc7;position:relative}
.b64-dialog .b64-visual-option[aria-pressed=true]{border-color:#a93324;box-shadow:inset 0 0 0 1px #a93324;background:#fff6f3}
.b64-visual-option strong{display:block;font-size:14px}.b64-visual-option small{display:block;font-size:11px;font-weight:400;color:#525b56;margin-top:4px}
.b64-piece-sample{display:flex;flex-shrink:0;background:linear-gradient(90deg,#eef0ed 50%,#a1a7a3 50%);border:1px solid #a7b0a9}
.b64-piece-sample img,.b64-legacy-sample{display:block;width:44px;height:44px;object-fit:contain}
.b64-legacy-sample{font:38px/44px 'Segoe UI Symbol','Noto Sans Symbols 2',sans-serif;text-align:center;text-shadow:0 3px 4px #14171640}
.b64-palette-sample{width:52px;height:52px;display:grid;grid-template-columns:1fr 1fr;flex-shrink:0;border:1px solid #a7b0a9}.b64-palette-sample span{background:var(--sample-light)}.b64-palette-sample span:nth-child(2),.b64-palette-sample span:nth-child(3){background:var(--sample-dark)}
@media(min-width:921px) and (min-height:780px){.app-shell .game-layout{height:calc(100dvh - 84px)}.app-shell .board{max-height:calc(100dvh - 156px);max-width:calc(100dvh - 156px)}}
@media(max-width:600px){.brand-logo{width:126px;height:41px}.brand-tagline{max-width:42vw}.topbar-tools{gap:4px}.b64-visual-options{grid-template-columns:1fr}.b64-visual-option strong{font-size:15px}.b64-piece-sample img,.b64-legacy-sample{width:48px;height:48px}.b64-legacy-sample{line-height:48px}}