.game-controls-primary-component{display:flex}@media all and (max-width: 59.999em){.game-controls-primary-float{background-color:var(--color-gray-100);bottom:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));position:fixed;width:100%;z-index:15}[dir=ltr] .game-controls-primary-float{left:0}[dir=rtl] .game-controls-primary-float{right:0}.dark-mode .game-controls-primary-float{background-color:var(--color-gray-900)}}.game-controls-primary-component{gap:.8rem;padding:var(--space-16) var(--space-8)}.game-controls-primary-component.game-controls-primary-has-secondary-controls{padding-bottom:0}.board-tab-item-underlined-component{align-items:center;color:var(--color-text-subtle);display:flex;flex-direction:column;flex-grow:1;font-size:1.4rem;height:5rem;justify-content:center;position:relative;transition:color .2s ease-in-out}.board-tab-item-underlined-component.board-tab-item-underlined-active,.board-tab-item-underlined-component:hover{color:var(--color-green-300)}.board-tab-item-underlined-component.board-tab-item-underlined-active:after,.board-tab-item-underlined-component:hover:after{width:100%}.board-tab-item-underlined-component:hover{cursor:pointer}.board-tab-item-underlined-component:after{background-color:var(--color-green-300);bottom:0;content:"";height:.3rem;position:absolute;transition:width .2s ease-in-out;width:0}[dir=ltr] .board-tab-item-underlined-component:after{left:50%;transform:translate(-50%)}[dir=rtl] .board-tab-item-underlined-component:after{right:50%;transform:translate(50%)}wc-chess-board{background-size:100%;display:block;height:0;padding-bottom:100%;touch-action:none;width:100%}wc-chess-board.flipped .piece{left:0}.real-3d wc-chess-board{padding-bottom:75.1879699248%}.add-games-board-preview-component{--minOuterPadding: 2.4rem;--avatarHeight: 4rem;--gap: .8rem;--playerContainerHeight: calc(var(--avatarHeight) + var(--minOuterPadding) + var(--gap));--boardMaxHeight: calc(100vh - (var(--minOuterPadding) * 2) - (var(--playerContainerHeight) * 2));--boardMaxWidth: calc(100vw - (var(--minOuterPadding) * 4) - var(--sidebarWidth));--boardHeight: min(var(--boardMaxWidth), var(--boardMaxHeight));display:grid;flex-direction:column;grid-gap:var(--gap);grid-template-rows:var(--avatarHeight) auto var(--avatarHeight);height:100%;padding:2.4rem}@media (min-width: 48em){.add-games-board-preview-board{height:var(--boardHeight);width:var(--boardHeight)}}.add-games-modal-container{--sidebarWidth: 42rem;--borderRadius: calc(var(--modalBorderRadius) - .2rem);border-radius:var(--borderRadius);color:var(--color-text-bolder);width:35rem}.add-games-modal-boardContainer{background:var(--globalSiteBackground);box-shadow:inset 0 0 4rem #0000001a}[dir=ltr] .add-games-modal-boardContainer{border-radius:var(--borderRadius) 0 0 var(--borderRadius)}[dir=rtl] .add-games-modal-boardContainer{border-radius:0 var(--borderRadius) var(--borderRadius) 0}.add-games-modal-sidebar{display:flex;flex-direction:column}.add-games-modal-setup-board{flex:1}@media (min-width: 48em){.add-games-modal-container{display:grid;grid-template-columns:1fr var(--sidebarWidth);width:auto}}.settings-view-header{border-bottom:var(--border-1) solid var(--color-border-default)}.settings-view-modal{max-width:100%;min-height:72rem;overflow:visible;position:relative}