#root{--background: #3f7242;--board-border: #292015;--black-tile-background: #629073;--white-tile-background: #C9E4CC;--available-move-background: #f0d9b5;--previous-move-background: #D9CAB3;--selected-piece-background: #B02E0C;--selected-piece-filter: drop-shadow(0px 0px 10px black);--en-passant-background: #ff9d00;--white-move-background: #e2dfd7;--black-move-background: #a59e96;--previous-moves-background: #8C7A6B;--information-background: #443622;--modal-bg-color: #443622}html,body,#root{background-color:#3f7242}.board-wrapper{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);min-width:700px;min-height:700px;aspect-ratio:1/1;background-color:#000;max-width:640px;border-right:var(--board-border) 10px solid}.thick-border{border:var(--board-border) 16px solid;border-radius:8px}.promotion{display:grid;border:black 8px solid;border-top:0;width:40%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);max-width:320px}.hidden{display:none}.game-wrapper{display:flex;flex-direction:row;justify-content:center}.game-wrapper-outer{display:flex;flex-direction:column;justify-content:center;width:max-content;box-shadow:0 40px 56px 30px #000000b0}@media (max-width: 1100px){.board-wrapper{min-width:300px;min-height:300px;width:100%;max-width:auto;border-right:var(--board-border) 5px solid}.game-wrapper{display:flex;flex-direction:column;justify-content:center}.game-wrapper-outer{display:flex;flex-direction:column;justify-content:center;width:max-content;box-shadow:0 40px 56px 30px #000000b0}}.tile{position:relative;width:100%;height:100%;aspect-ratio:1/1;display:flex}.id-no{top:-20px;color:#000;font-weight:700;text-align:right;position:absolute;width:100%}.file-rank{color:#000;font-weight:700;text-align:left;position:absolute;width:100%;top:-20px}.available-move{position:absolute;flex-grow:1;width:50%;height:50%;transform:translate(50%,50%);background-color:#000000bf;border-radius:50%;mix-blend-mode:hard-light}.black-tile{background-color:var(--black-tile-background)}.black-tile.available-move{background-color:var(--black-tile-background);filter:var(--available-move-filter)}.white-tile{background-color:var(--white-tile-background)}.white-tile.available-move{background-color:var(--white-tile-background);filter:var(--available-move-filter)}.last-move{background-color:var(--previous-move-background)}.last-move.available-move{background-color:var(--previous-move-background);filter:var(--available-move-filter)}.piece-icon{flex-grow:1}.selected{background-color:var(--selected-piece-background)}img.selected{filter:var(--selected-piece-filter)}.eval-outer{position:relative;display:flex;width:50px;background-color:#fff;border-right:var(--board-border) 10px solid}.eval-inner{flex-grow:1;background-color:#000;border-right:0;transition:max-height 2s ease-out}.eval-number{position:absolute;display:block;text-align:center;top:50%;mix-blend-mode:difference;width:50px}.dark-screen{position:absolute;top:0;left:0;width:100%;height:100svh;background-color:#00000080;z-index:100;display:flex;justify-content:center;align-items:center}.modal{min-width:400px;min-height:300px;background-color:var(--modal-bg-color);border-radius:5px;padding:20px;position:relative;box-shadow:0 40px 56px 30px #000000b0}.loader{display:inline-flex;gap:5px;animation:l1-0 1s infinite;height:15px;width:15px}.loader:before,.loader:after{content:"";width:15px;aspect-ratio:1;height:15px;box-shadow:0 0 0 3px inset #fff;transform-origin:top right;animation:l1-1 1s infinite}.loader:after{transform-origin:top left;--s: -1}@keyframes l1-0{to{transform:translateY(100%)}}@keyframes l1-1{to{transform:rotate(calc(var(--s, 1) * 90deg))}}.player-info{background-color:var(--information-background);display:flex;flex-direction:row;height:50px;justify-content:center;align-items:center;border-right:var(--board-border) 10px solid}.thinking-text{font-size:28px;margin:0 10px 0 0;padding:0}.player-info:last-child{border-top:var(--board-border) 10px solid}.player-info:first-child{border-bottom:var(--board-border) 10px solid}@media (max-width: 1100px){.player-info{border-right:0;height:30px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.center{margin:auto}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{min-height:100vh;display:flex;flex-direction:file;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.test{background-color:#add8e6;border:1px dashed red}.test2{background-color:#00008b;border:1px dashed orange}body{margin:0;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;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}