:root{--chat-width:320px}canvas.board,canvas.board.hovering{cursor:pointer}canvas.board.grabbing{cursor:grabbing}.board-full-page{width:100vw;height:100vh;position:absolute}.chat{width:var(--chat-width);z-index:2;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;flex-direction:column;justify-self:end;height:100%;margin:1rem 1rem 1rem auto;padding-top:.25rem;padding-bottom:.25rem;display:flex}.chat .title{justify-content:space-between;align-items:center;display:flex}.chat .title>div{text-align:right}.chat .title>div>p:first-child{font-weight:700}.chat>:not(.log){padding-left:1rem;padding-right:1rem}.chat>*{padding-top:.5rem;padding-bottom:.5rem}.chat>:not(:last-child){border-bottom:1px solid var(--color-border)}.chat>.log{overflow-anchor:auto;flex:1 1 0;overflow-y:scroll}.chat>.log>*{padding:.15rem 1rem}.chat>.log>.move+.move{padding-top:0}.chat>.log>.move:has(+.move){padding-bottom:0}.chat>.log>.move{background-color:var(--color-surface-3)}.chat>.players{flex-direction:column;gap:.2rem;display:flex}.chat>.players>.player{justify-content:space-between;display:flex}.chat>.players>.player>:first-child:before{content:"";padding-right:2.5ch}.chat>.players>.player.turn>:first-child:before{content:"➤";padding-right:1ch}