/* The chessboard is part of the landscape. No card, toolbar or persistent UI. */
#chess-app{position:relative;width:100%;height:100%;min-height:480px;color:#b4c5cd;background:transparent;isolation:isolate}
.kc-stage{position:absolute;inset:0;overflow:visible;touch-action:pan-y}
.kc-stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y;cursor:default;-webkit-tap-highlight-color:transparent}
.kc-stage canvas:focus-visible{outline:1px solid #46dbe366;outline-offset:-12px;border-radius:30%}
.kc-stage.kc-dragging,.kc-stage.kc-dragging canvas{cursor:grabbing;user-select:none;-webkit-user-select:none}
.kc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kc-touch-layer{position:absolute;inset:0;pointer-events:none;overflow:visible}
.kc-touch-piece{position:absolute;top:0;left:0;width:42px;height:54px;border-radius:50%;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}
@media(pointer:coarse){.kc-touch-piece{pointer-events:auto}}
@media(max-width:680px){#chess-app{min-height:440px}.kc-touch-piece{width:35px;height:44px}}