:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0}h1{font-size:3.2em;line-height:1.1}.nav-link{height:100%}button,.nav-link{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover,.nav-link:hover{border-color:#646cff}button:focus,button:focus-visible,.nav-link:focus,.nav-link:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button,.nav-link{background-color:#f9f9f9}}.game{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 3fr 1fr;align-items:start;max-height:100vh;display:grid}.move-button{border-radius:0;padding:0;display:inline-block}.info-panel{grid-area:1/1/span 2}.end-development{grid-column:1}.board-wrapper{grid-area:1/2/span 3;position:relative}.board{aspect-ratio:1;direction:rtl;grid-template-columns:repeat(9,1fr);height:100%;max-height:100vh;transition:rotate .2s;display:grid}.tile{aspect-ratio:1;border:2px solid #000;width:100%;height:auto;padding:0;position:relative}.tile.selected{border-width:5px;border-color:green}.hands{flex-direction:column-reverse;justify-content:space-between;display:flex}.hand{grid-column:3;grid-template-columns:1fr 1fr 1fr;display:grid}.hand .hand_tile:disabled{border:none}.hand .hand_count{position:absolute;top:0}.piece{width:90%;height:90%;position:relative;left:5%;right:5%}.piece .piece_face,.piece .piece_backing{width:100%;height:100%;position:absolute;top:0;left:0}.clock-area{flex-direction:column;grid-area:2/3;display:flex}.clock-area .timer{width:100%;padding:1em;font-size:larger}.sacrafices{position:absolute}.promotions{z-index:5;width:100%;display:flex;position:absolute}.reverse .board,.reverse .board .tile .piece{rotate:180deg}.reverse .black-hand{grid-row:1}.reverse .white-hand{grid-row:3}.reverse .clock-area{flex-direction:column-reverse}.highlight-move{background-color:#2a7b9b}.highlight-attack{background-color:#9b2a2a}.highlight-develop{background-color:#eddd53}.highlight-move.highlight-develop{background:linear-gradient(45deg,#2a7b9b 50%,#eddd53 50%)}.highlight-attack.highlight-develop{background:linear-gradient(45deg,#9b2a2a 50%,#eddd53 50%)}.highlight-attack.highlight-move{background:linear-gradient(45deg,#9b2a2a 50%,#2a7b9b 50%)}.highlight-move.highlight-develop.highlight-attack{background:linear-gradient(45deg,#2a7b9b 33%,#9b2a2a 33% 66%,#eddd53 66%)}@media only screen and (max-width:600px){.game{grid-template-rows:1fr 3fr 1fr;grid-template-columns:1fr 3fr}.board-wrapper{grid-area:2/2}.hand{aspect-ratio:0;display:flex}.hand.black-hand{grid-area:3/2}.hand.white-hand{grid-area:1/2}.clock-area{grid-area:3/1}.reverse .black-hand{grid-row:1}.reverse .white-hand{grid-row:3}}.learning .region-piece{flex-wrap:wrap;display:flex;position:relative}.learning .region-piece input[type=radio]:checked+.learning_piece{order:1;width:100%}.learning .region-piece input[type=radio]:checked+.learning_piece .piece-additional-info{display:grid}.learning .region-piece .learning_piece{border:1px solid #000;position:relative}.learning .region-piece .learning_piece .piece-face-wrapper{width:100px;padding:0 1.5em;position:relative}.learning .region-piece .learning_piece .piece-face-wrapper .piece-title{text-transform:capitalize;margin:.5em 0 0}.learning .region-piece .learning_piece .piece-face-wrapper .piece-face{width:100%}.learning .region-piece .learning_piece .piece-face-wrapper .piece-id{position:absolute;top:-.75em;left:.1em}.learning .region-piece .learning_piece .piece-face-wrapper .piece-cost{position:absolute;top:.5em;left:.1em}.learning .region-piece .learning_piece .piece-additional-info{grid-template-columns:3fr 1fr;display:none}.learning .region-piece .learning_piece .piece-additional-info>*{grid-column:1}.learning .region-piece .learning_piece .piece-additional-info .show-board-wrapper{grid-column:2}.learning .region-piece .learning_piece .piece-additional-info .show-board{height:calc(100% - 30px);position:relative;top:0}.learning .region-piece .learning_piece .piece-additional-info .show-board .tile{width:unset;border-width:1px}.learning .region-piece .learning_piece .piece-additional-info .show-legend{gap:1em;display:flex;top:0;right:0}.learning .region-piece .learning_piece .piece-additional-info .show-legend .legend-item{gap:.2em;display:flex}.learning .region-piece .learning_piece .piece-additional-info .show-legend .legend-item .swatch{width:25px;height:25px}.learning .show-board{display:grid}#root{justify-content:center;width:100%}.primary-nav{height:100%;display:flex}