body.is-style-preview .layout{display:block}body.is-style-preview :is(.aside,.modebar,.banner,.foot){display:none}
.board.style-preview{height:clamp(440px,calc(100svh - 90px),720px);min-height:0;display:block}
.board.style-preview :is(.boardtop,.controls,.match-strip){display:none}
.board.style-preview .arena{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,420px) auto;align-content:center;gap:24px;padding:36px 28px 28px;min-height:0}
.style-preview-heading>span{font-size:10px;letter-spacing:2px;color:#dccb9a;font-weight:600}.board .style-preview-heading h2{font:700 36px/1.2 Kalam,cursive;margin:10px 0 0;color:#f4e7bc}
.board.style-preview .hands{height:100%;max-height:440px;min-height:0;gap:24px;margin:0;align-self:center}
.board.style-preview .handgroup{height:100%;max-height:none;flex:0 1 260px;width:45%;min-height:0}.board.style-preview .hands .hand{width:100%;height:calc(100% - 28px);min-height:0}
.board.style-preview .handlabel{display:none}
.style-preview-labels{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:min(570px,100%);margin:0 auto;font-size:12px;color:#d6d9bd;line-height:1.4}.style-preview-labels>span{padding:9px 8px;border-top:1px solid #e3d7a42b}
@media(max-width:1024px){.board.style-preview{height:min(760px,var(--board-height))}.board.style-preview .arena{padding:60px 16px 40px;gap:24px;grid-template-rows:auto minmax(0,270px) auto}.board .style-preview-heading h2{font-size:30px}.board.style-preview .hands{gap:6px;max-height:430px}.style-preview-labels{gap:24px;font-size:11px}}
@media(max-width:1024px) and (max-height:500px) and (orientation:landscape){.board.style-preview .arena{grid-template-columns:1fr 1.5fr;grid-template-rows:minmax(0,1fr) auto;padding:14px 40px;gap:8px 18px}.style-preview-heading{grid-column:1;grid-row:1/-1;align-self:center}.board .style-preview-heading h2{font-size:27px}.board.style-preview .arena .hands{grid-column:2;grid-row:1;height:100%;gap:10px}.style-preview-labels{grid-column:2;grid-row:2;gap:30px;font-size:10px}}