:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hamburger-menu{position:fixed;top:1rem;left:1rem;z-index:999}.hamburger-button{background:transparent;border:none;padding:.5rem;cursor:pointer;transition:background-color .2s}.hamburger-button:hover{background:#555}.hamburger-icon{width:1.6rem;height:1.6rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.hamburger-line{width:1.2rem;height:2px;background:#fff;transition:all .2s ease;margin:2px 0}.hamburger-menu.open .hamburger-line:nth-child(1){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){opacity:0}.dropdown{position:fixed;height:100%;left:0;top:0;padding-top:4rem;background:#555;min-width:12rem}.dropdown-item{font-size:1.2rem;display:block;width:100%;padding:.75rem 1rem;text-align:left;border:none;background:none;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background:#777}.cell{width:60px;height:60px;border:1px solid #999;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;-webkit-user-select:none;user-select:none}.board{display:flex;flex-direction:column;gap:16px}.row{position:relative;display:flex;gap:4px;align-items:center}.turn-marker{display:inline-block;width:90px;margin:10px;font-size:1.5rem;text-align:center}a{text-decoration:none}.email-protection:after{content:attr(data-domain)}.email-protection:before{content:attr(data-user)}.email-protection::hover{display:none}.email-hover{position:relative;cursor:help}.email-hover .email-protection{display:inline}.email-hover .hover-text{display:none;background:#555;padding:4px 8px;border-radius:4px}.email-hover:hover .email-protection{display:none}.email-hover:hover .hover-text{display:inline}.rules-container,.blog-container,.about-container{padding:15dvw;text-align:left;width:70dvw}#root{margin:0 auto;text-align:center}html,body{height:100%;margin:0;display:flex;justify-content:center;align-items:center}.symbol-button{all:unset;font-size:1rem;font-weight:400;margin:.2rem;padding:.6rem 1rem}.symbol-button.selected{font-weight:400;background-color:#555}.board-container{display:flex;justify-content:center;align-items:center}.spaces-select{outline:none;border:none;background:none;font-size:1em;margin:4px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.spaces-select:hover{cursor:pointer}.heading{font-size:3.2rem;display:flex;align-items:center;gap:16px;justify-content:center}