article.rules{isolation:isolate;max-width:64rem;padding:var(--space-3) max(var(--space-3), 1rem) calc(var(--space-3) * 3);color:var(--pc-text);margin:0 auto;font-size:1.0625rem;line-height:1.6}article.rules :is(h1,h2,h3,h4,h5){color:var(--pc-text-emphasis);line-height:1.25}article.rules h1{margin:0 0 1rem;font-size:2rem}article.rules{counter-reset:section}article.rules>section{counter-increment:section;counter-reset:subsection}article.rules>section>h2:before{content:counter(section) ". "}article.rules>section h3{counter-increment:subsection;counter-reset:subsubsection}article.rules>section h3:before{content:counter(section) "." counter(subsection) " "}article.rules>section h4{counter-increment:subsubsection;counter-reset:subsubsubsection}article.rules>section h4:before{content:counter(section) "." counter(subsection) "." counter(subsubsection) " "}article.rules>section h5{counter-increment:subsubsubsection}article.rules>section h5:before{content:counter(section) "." counter(subsection) "." counter(subsubsection) "." counter(subsubsubsection) " "}article.rules h2{border-bottom:1px solid var(--pc-border);margin:2.5rem 0 1rem;padding-bottom:.3rem}article.rules :is(h3,h4,h5){margin:1.5em 0 .5em}article.rules a{color:var(--pc-accent)}article.rules a:focus-visible{outline:2px solid var(--pc-accent);outline-offset:2px}article.rules q{color:var(--pc-accent)}article.rules :is(cite,em){font-style:normal}article.rules hr{border:none;border-top:1px solid var(--pc-border);margin:2rem 0}article.rules p{margin:1em 0}article.rules figure{text-align:center;margin:1.5rem 0}article.rules figure img:not(.piece){object-fit:contain;border-radius:.5rem;width:auto;max-width:100%;height:auto;max-height:90vh;display:inline-block}article.rules figcaption{color:var(--pc-text-muted);margin-top:.5rem;font-size:.9rem}article.rules img{max-width:100%;height:auto}article.rules blockquote{background:var(--pc-surface-raised);border-inline-start:3px solid var(--pc-accent);border-radius:0 .5rem .5rem 0;margin:1.5rem 0;padding:.75rem 1.25rem}article.rules blockquote p{margin:.5em 0}article.rules>nav{background:var(--pc-surface-raised);border:1px solid var(--pc-border);border-radius:1em;margin:1em 0;padding:1em 1.25em;display:inline-block}article.rules>nav h2{border:none;margin:0 0 .5rem;padding:0;font-size:1.1rem}article.rules>nav ol{margin:0;padding-left:1.5em}article.rules>nav li{margin:.3em 0}article.rules code{font-family:var(--font-mono);background:var(--pc-surface-raised);border:1px solid var(--pc-border);border-radius:.3rem;padding:.1rem .35rem;font-size:.95em}article.rules dt{margin-top:.75rem;font-weight:600}article.rules li{margin:.25rem 0}article.rules :is(ul,ol){margin:.75em 0;padding-inline-start:1.5em}article.rules dd{margin-inline-start:1.5em}article.rules table{border-collapse:collapse;width:100%;margin:1rem 0}article.rules caption{caption-side:top;text-align:left;padding-bottom:.5rem;font-weight:600}article.rules :is(th,td){border:1px solid var(--pc-border);text-align:center;padding:.4rem .7rem}article.rules th[scope=row]{text-align:left}article.rules thead th{background:var(--pc-surface-raised)}article.rules tbody tr:nth-child(2n){background:color-mix(in srgb, var(--pc-surface-raised) 55%, transparent)}article.rules table.pieces img.piece{height:2.2em;margin-inline:auto;display:block}article.rules table.pieces caption{caption-side:top}article.rules dl.pieces img.piece{height:var(--game-piece-size)}article.rules dl.pieces figure{align-items:center;gap:.5rem;margin:0;display:inline-flex}article.rules{--rules-square:min(5.5rem, calc((100vw - 2 * var(--space-3)) / 8));--rules-piece:calc(var(--rules-square) * .85)}article.rules table.squares{border-collapse:separate;border-spacing:0;table-layout:fixed;width:calc(var(--rules-square) * 8);height:calc(var(--rules-square) * 8);border-radius:var(--radius-1);margin:1.5rem auto;overflow:hidden}article.rules table.squares tbody tr{background:0 0}article.rules table.squares tr.rank{height:var(--rules-square)}article.rules table.squares td.square{width:var(--rules-square);height:var(--rules-square);text-align:center;vertical-align:middle;border:none;padding:0}article.rules table.squares img.piece{width:var(--rules-piece);height:var(--rules-piece);border-radius:0;margin:auto;display:block}article.rules table.squares caption{caption-side:bottom;color:var(--pc-text-muted);text-align:center;padding-top:.5rem;font-size:.9rem;font-weight:400}article.rules table.squares tr:nth-child(odd)>td:nth-child(odd),article.rules table.squares tr:nth-child(2n)>td:nth-child(2n){background-color:var(--board-chess-light)}article.rules table.squares tr:nth-child(odd)>td:nth-child(2n),article.rules table.squares tr:nth-child(2n)>td:nth-child(odd){background-color:var(--board-chess-dark)}article.rules table.squares:has(img[data-style=ogi i]) td.square{background-color:var(--board-ogi-fill);box-shadow:inset calc(-1 * var(--hairline)) calc(-1 * var(--hairline)) 0 0 var(--board-ogi-line)}article.rules table.squares td.square.focus{padding:calc(var(--rules-square) / 20);background-color:#ff99cca6;background-clip:content-box}article.rules figure.board table{width:calc(var(--rules-square) * 8);height:calc(var(--rules-square) * 8);border-collapse:separate;border-spacing:0;table-layout:fixed;background:url(../../../images/games/xiongqi/sides/first/board.svg) 0 0/100% 100% no-repeat;margin:0 auto}article.rules figure.board tbody tr{background:0 0}article.rules figure.board td{width:var(--rules-square);height:var(--rules-square);text-align:center;vertical-align:middle;border:none;padding:0;position:relative}article.rules figure.board td>img{z-index:1;width:var(--rules-piece);height:var(--rules-piece);border-radius:0;margin:auto;display:block;position:relative}article.rules figure.board td:before,article.rules figure.board td:after{font-size:calc(var(--rules-square) / 5.4);color:var(--pc-text-muted);pointer-events:none;font-weight:700;line-height:1;position:absolute}article.rules figure.board td:first-child:before{top:calc(var(--rules-square) / 16);left:calc(var(--rules-square) / 16)}article.rules figure.board tr:last-child>td:after{bottom:calc(var(--rules-square) / 16);right:calc(var(--rules-square) / 16)}article.rules figure.board td:first-child[data-cell$="1"]:before{content:"1"}article.rules figure.board td:first-child[data-cell$="2"]:before{content:"2"}article.rules figure.board td:first-child[data-cell$="3"]:before{content:"3"}article.rules figure.board td:first-child[data-cell$="4"]:before{content:"4"}article.rules figure.board td:first-child[data-cell$="5"]:before{content:"5"}article.rules figure.board td:first-child[data-cell$="6"]:before{content:"6"}article.rules figure.board td:first-child[data-cell$="7"]:before{content:"7"}article.rules figure.board td:first-child[data-cell$="8"]:before{content:"8"}article.rules figure.board tr:last-child>td[data-cell^=a]:after{content:"a"}article.rules figure.board tr:last-child>td[data-cell^=b]:after{content:"b"}article.rules figure.board tr:last-child>td[data-cell^=c]:after{content:"c"}article.rules figure.board tr:last-child>td[data-cell^=d]:after{content:"d"}article.rules figure.board tr:last-child>td[data-cell^=e]:after{content:"e"}article.rules figure.board tr:last-child>td[data-cell^=f]:after{content:"f"}article.rules figure.board tr:last-child>td[data-cell^=g]:after{content:"g"}article.rules figure.board tr:last-child>td[data-cell^=h]:after{content:"h"}article.rules>footer{border-top:1px solid var(--pc-border);color:var(--pc-text-muted);margin-top:2rem;padding-top:1rem;font-size:.95rem}@media print{article.rules table.squares,article.rules figure.board{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}article.rules table:not(.squares) tr{break-inside:avoid}}