.chessboard[data-v-a082ec16]{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.row[data-v-a082ec16]{display:contents}.coordinate[data-v-a082ec16]{width:100%;padding-top:100%;position:relative;background-color:#eee}.row:nth-child(odd) .coordinate[data-v-a082ec16]:nth-child(2n):before,.row:nth-child(2n) .coordinate[data-v-a082ec16]:nth-child(odd):before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333}.selectedCoordinate[data-v-a082ec16]{box-shadow:#ff09 0 0 0 2px,#ff09 0 4px 6px -1px,#ff09 0 1px inset}.sidebar-title[data-v-8fb70352]{position:sticky;top:0;background:#222;z-index:10;padding:15px 10px;width:100%}ul[data-v-8fb70352]{list-style-type:none;margin-top:0;padding:0}li[data-v-8fb70352]{display:flex;align-items:center;margin-bottom:10px;border:1px solid #e1e1e1;padding:10px;border-radius:5px}p[data-v-8fb70352]{margin:0;font-weight:700;flex:1}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{width:100vw;height:100vh;margin:0;padding:0}body{color:#fff;background:#222;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}#app{display:flex;height:100%;width:100%;overflow:hidden}.sidebar-container{flex:1;height:100%;padding:0 20px;border-left:1px solid #ccc;overflow-y:auto;width:100%}.chessboard-container{flex:3;display:flex;justify-content:center;align-items:center;padding:30px;box-sizing:border-box;max-height:100%}.chessboard{height:90%;min-width:300px;aspect-ratio:1}@media (max-width: 900px){#app{flex-direction:column}.sidebar-container{flex:1 0 40vh;border-left:none;border-top:1px solid #ccc;padding-top:0;padding-left:0;height:auto;min-height:30vh;max-height:50vh}.chessboard-container{flex:3 0 60vh;height:auto;max-height:70vh}.chessboard{height:auto;margin:auto}}