:root{--chat-width:320px}canvas.board,canvas.board.hovering{cursor:pointer}canvas.board.grabbing{cursor:grabbing}.game-view{flex:1 1 0;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.board-full-page{z-index:1;position:absolute;inset:0}canvas.board{display:block}.chat{--header-clearance:4.75rem;width:var(--chat-width);z-index:2;margin:1rem;margin-top:var(--header-clearance);height:calc(100% - var(--header-clearance) - 1rem);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 .75rem 2rem var(--shadow-color);border-radius:.875rem;flex-direction:column;justify-self:end;margin-left:auto;padding-top:.25rem;padding-bottom:.25rem;display:flex}.chat .rock-container{margin-left:.25ch;display:flex}.chat .rock-symbol{vertical-align:middle;justify-content:center;align-items:center;height:1rem;font-size:1.5rem;display:inline-flex;overflow:hidden}.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;padding-bottom:0;overflow-y:scroll}.chat>.log .end-marker{padding:0}.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}@media screen and (width<=650px){.chat{border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%;height:40%;margin:auto 0 0}.chat>.title>h1{font-size:1em}.chat>.title>.state{column-gap:1ch;display:flex}}