*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-color: #3dc373;--theme-color-contrast: #08180e;--textbox-color: #edfef4;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--theme-color: #4cf490;--theme-color-contrast: #132219;--textbox-color: #0f311d}}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{padding:.5rem .75rem;border:none;border-radius:.375rem;background-color:var(--theme-color);color:var(--theme-color-contrast);cursor:pointer;font-weight:600;letter-spacing:.1px;font-family:monospace}input,textarea{border:none;border-radius:.375rem;caret-color:var(--theme-color);font-family:monospace;font-weight:600;letter-spacing:.1px;padding:.5rem .75rem}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--theme-color)}.App{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(320px,1.3fr) 1.4fr .7fr;height:100vh;width:clamp(300px,100%,1600px);margin:0 auto}.profile{grid-column:1 / -1;display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--theme-color)}.profile h1{margin-right:auto}.profile form{display:flex;flex-grow:1;align-items:center;gap:.5rem;max-width:300px}.profile form input{background-color:var(--textbox-color)}.chess-area{grid-row:2 / 3;grid-column:1 / 2;overflow-y:auto;border-right:1px solid var(--theme-color)}.message-panel{grid-row:2 / 3;grid-column:2 / 3;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.messages{display:flex;flex-direction:column;gap:.5rem}.system-message{background-color:var(--theme-color);color:var(--theme-color-contrast);padding:.5rem 1rem;border-radius:.375rem;font-style:italic}.user-message{background-color:var(--textbox-color);padding:.5rem 1rem;border-radius:.375rem}.message h1{margin-right:.5rem}.online{grid-row:2 / 3;grid-column:3 / 4;overflow-y:auto;padding:1rem;border-left:1px solid var(--theme-color);white-space:pre-wrap;font-family:monospace}.new-message{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:1rem;border-top:1px solid var(--theme-color)}.new-message form{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:600px}.new-message form h3{margin-bottom:.25rem}.new-message form textarea{font-family:monospace;font-weight:400;font-size:1rem;resize:vertical;min-height:80px;background-color:var(--textbox-color);color:inherit;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}@media(prefers-color-scheme:dark){.new-message form textarea{box-shadow:0 0 0 1px #17492b}}@media(max-width:900px){.App{grid-template-columns:2fr 1fr;grid-template-rows:auto auto minmax(300px,1fr) auto;height:auto;min-height:100vh}.chess-area{grid-row:2 / 3;grid-column:1 / -1;border-right:none;border-bottom:1px solid var(--theme-color)}.message-panel{grid-row:3 / 4;grid-column:1 / 2}.online{grid-row:3 / 4;grid-column:2 / 3}.new-message{grid-row:4 / 5}}.clearfix-7da63{clear:both}.board-b72b1{border:2px solid #404040;box-sizing:content-box}.square-55d63{float:left;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.white-1e1d7{background-color:#f0d9b5;color:#b58863}.black-3c85d{background-color:#b58863;color:#f0d9b5}.highlight1-32417,.highlight2-9c5d2{box-shadow:inset 0 0 3px 3px #ff0}.notation-322f9{cursor:default;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;position:absolute}.alpha-d2270{bottom:1px;right:3px}.numeric-fc462{top:2px;left:2px}.chess-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.chess-status{font-weight:600}.chess-board{width:100%;max-width:520px}.chess-board .legal-target{box-shadow:inset 0 0 0 4px var(--theme-color)}.chess-promotion,.chess-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.chess-promotion button{display:flex;padding:.25rem}.chess-promotion img{width:40px;height:40px}.chess-moves{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.25rem 1rem;padding-left:2rem;font-family:monospace}.chess-moves li span{display:inline-block;min-width:4.5em}.chess-players{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.chess-player-to-move{font-weight:600}.chess-clock{margin-left:.5rem;padding:0 .4rem;border-radius:.25rem;font-family:monospace;background-color:var(--textbox-color)}.chess-clock-low{color:#fff;background-color:#c0392b}.chess-error{color:#c0392b}