html{font-family:Helvetica,sans-serif;overflow:hidden}.board-container{width:100%;margin:min(10vh,10vw) auto;position:relative}.board-arrows{pointer-events:none;width:min(60vh,60vw);height:100%;margin:auto;position:absolute;inset:0}.board-base{background-color:#f0d9b5;width:min(60vh,60vw);height:min(60vh,60vw);margin:auto}.board-row{height:12.5%;display:flex}.board-row:nth-child(2n-1)>.square:nth-child(2n-1),.board-row:nth-child(2n)>.square:nth-child(2n){background-color:#b58863}.board-row:nth-child(2n-1)>.square:nth-child(2n-1).valid-move,.board-row:nth-child(2n)>.square:nth-child(2n).valid-move{background-color:#5a4431}.board-row>.row-label{-webkit-user-select:none;user-select:none;justify-content:right;align-items:center;width:min(7.5vh,7.5vw);height:min(7.5vh,7.5vw);display:flex;position:absolute;transform:translate(max(-7.5vh,-7.5vw))}.board-row>.row-label>span{margin-right:10px}.has-piece{cursor:pointer}.column-labels{margin-top:6px}.board-label{text-align:center;font-size:medium;font-weight:800;display:inline-flex}.tabs{background-color:#f1f5f9;border-radius:99px;width:300px;height:40px;margin:auto;padding:0;display:flex;position:relative}.tab{z-index:2;color:#64748b;z-index:2;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color 1s;display:flex}.tab.active{color:#fff}.glider-container{z-index:1;justify-content:center;align-items:center;width:33.333%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;left:0}.glider-pill{background-color:#2563eb;border-radius:99px;width:calc(100% - 8px);height:calc(100% - 8px)}.top-bar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:8px;line-height:0;transition:background .2s}.icon-btn:hover{color:#2563eb;background:#f1f5f9}.sticky-container{z-index:1000;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.binary-toggle{background-color:#f1f5f9;border-radius:12px;width:80px;height:32px;padding:2px;display:flex;position:relative}.toggle-btn{cursor:pointer;color:#94a3b8;z-index:2;background:0 0;border:none;flex:1;font-size:22px;transition:color .2s}.toggle-btn.active{color:#fff}.binary-glider{z-index:1;background-color:#3b82f6;border-radius:10px;width:calc(50% - 2px);height:calc(100% - 4px);transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.square{touch-action:none;display:flex;position:relative}.file{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:12.5%;height:100%}.piece{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2;font-size:min(6vh,6vw);display:block;position:absolute}.is-dragging{z-index:100}.board-layout-wrapper{justify-content:center;display:flex;position:relative}.position-title-container{text-align:center;pointer-events:none;padding-bottom:.5rem;position:absolute;bottom:90%;left:0;right:0}.position-name{color:var(--text-color,#333);margin:0;font-size:1.25rem;font-weight:600}