i.icon{display:block;text-align:center;line-height:64px;color:#9e9e9e;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s}.cell-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;height:100%;padding:0 20px;background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}.cell-text.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.cell-text>.icon{width:24px;height:64px}.cell-text>.text{color:#616161}.cell-text>.text:not(:first-child){margin-left:20px}.cell-text>.divider{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;background-image:-webkit-gradient(linear,left top,right top,from(transparent),to(#e0e0e0));background-image:-o-linear-gradient(left,transparent,#e0e0e0);background-image:linear-gradient(to right,transparent,#e0e0e0)}.cell-text>.info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:32px;padding:0 6px;margin-left:auto;border:2px solid #e0e0e0;border-radius:999px;background-color:#eee}.cell-text>.info>.icon{width:20px;margin-right:6px;font-size:20px;color:#bdbdbd}.cell-text>.info>.text{color:#9e9e9e;margin-right:5px}.cell-text.level-heading>.icon{width:32px;color:#42a5f5;font-size:32px;margin:0 -4px}.cell-text.level-heading>.text{color:#212121}.cell-text.level-headline{background-image:-o-linear-gradient(left,#e0e0e0,transparent 512px);background-image:linear-gradient(to right,#e0e0e0,transparent 512px);border-radius:12px}.cell-text.level-headline>.icon{color:#757575}.cell-text.level-headline>.text{font-weight:600;color:#616161}.cell-text.level-caption>.icon{margin:0 6px 0 0!important;font-size:20px;color:#bdbdbd}.cell-text.level-caption>.text{color:#9e9e9e}.cell-select{overflow:hidden;height:64px;-webkit-box-shadow:2px 2px 4px 2px #e0e0e0,-2px -2px 4px 2px #fff;box-shadow:2px 2px 4px 2px #e0e0e0,-2px -2px 4px 2px #fff;background-color:#eee;border-radius:12px;-webkit-transition:height .2s,background-color .2s,-webkit-box-shadow .2s!important;transition:height .2s,background-color .2s,-webkit-box-shadow .2s!important;-o-transition:height .2s,box-shadow .2s,background-color .2s!important;transition:height .2s,box-shadow .2s,background-color .2s!important;transition:height .2s,box-shadow .2s,background-color .2s,-webkit-box-shadow .2s!important;will-change:height}.cell-select>#container-cursor{width:100%}.cell-select>#container-cursor>#cursor{width:50%;height:64px;margin-left:25%}.cell-select>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:64px}.cell-select>button>.icon{width:64px}.cell-select>button>.icon:last-child{color:#bdbdbd;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;-o-transition:color .2s,transform .2s;transition:color .2s,transform .2s;transition:color .2s,transform .2s,-webkit-transform .2s}.cell-select>button>div{-webkit-box-flex:1;-ms-flex:1;flex:1}.cell-select>button>div>.text{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.cell-select>button>div>.text.label{font-size:12px;text-transform:uppercase;font-weight:600;color:#9e9e9e;letter-spacing:.25px}.cell-select>button.hovered>.icon:last-child{color:#0077c2!important}.cell-select>.options{-webkit-box-flex:1;-ms-flex:1;flex:1}.cell-select>.options>button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:64px}.cell-select>.options>button>.control{width:20px;height:20px;margin:22px;border-radius:100%;border:2px solid #bdbdbd;background-color:#fff;-webkit-transition:border-color .2s,background-color .2s;-o-transition:border-color .2s,background-color .2s;transition:border-color .2s,background-color .2s}.cell-select>.options>button>.control:after{content:'';display:block;width:8px;height:8px;margin:4px;border-radius:100%}.cell-select>.options>button.selected>.control{border-color:#757575}.cell-select>.options>button.selected>.control:after{background-color:#757575}.cell-select>.options>button.hovered>.control{border-color:#0077c2}.cell-select>.options>button.hovered.selected>.control:after{background-color:#0077c2}.cell-select.active>button>.icon:first-child{color:#0077c2}.cell-select.active>button>.icon:last-child{color:#757575}.cell-select.expanded>button>.icon:last-child{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.cell-input{width:100%;height:100%}.cell-input>input{width:calc(100% - 4px);height:calc(100% - 4px);margin:2px;padding-left:18px;line-height:24px;border-radius:10px}.cell-input>input.has-label{padding-top:8px}.cell-input>input.has-icon{padding-left:62px}.cell-input>input:not(.has-label){padding-bottom:4px}.cell-input>input:not(.has-label)~.overlay>.right{margin-top:18px}.cell-input>input:not(.has-icon)~.overlay>.right{margin-left:20px}.cell-input>input:focus~.overlay>.icon{color:#0077c2}.cell-input>input:focus~.overlay>.right>.label{color:#616161}.cell-input>input:focus~.overlay>.right>.placeholder{padding-left:2px;background-image:-o-linear-gradient(left,#616161,transparent 80px);background-image:linear-gradient(to right,#616161,transparent 80px)}.cell-input>input:focus~.overlay>.right>.line{background-color:#0077c2}.cell-input>.overlay{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;margin-top:-64px;pointer-events:none}.cell-input>.overlay>.icon{width:64px;height:64px}.cell-input>.overlay>.right{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:20px}.cell-input>.overlay>.right>.label{height:16px;margin-top:8px;font-size:12px;text-transform:uppercase;font-weight:600;line-height:16px;color:#9e9e9e;letter-spacing:.25px}.cell-input>.overlay>.right>.placeholder{height:24px;line-height:24px;color:#9e9e9e;-webkit-transition:padding-left .2s,background-image .2s;-o-transition:padding-left .2s,background-image .2s;transition:padding-left .2s,background-image .2s;background-color:transparent;background-image:-o-linear-gradient(left,#9e9e9e,transparent 80px);background-image:linear-gradient(to right,#9e9e9e,transparent 80px);background-size:100%;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.cell-input>.overlay>.right>.line{height:2px;margin-bottom:14px;border-radius:12px;background-color:#e0e0e0;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}.cell-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.cell-checkbox>.icon{width:64px}.cell-checkbox>.text{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:20px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.cell-checkbox>.text:first-child{padding-left:20px}.cell-checkbox>.control.checkbox{width:20px;height:20px;margin-right:20px;border:2px solid #bdbdbd;border-radius:8px;background-color:#fff}.cell-checkbox>.control.checkbox>div{width:24px;height:24px;margin-top:-6px;margin-left:-1px}.cell-checkbox>.control.checkbox>div>.icon{width:100%;height:100%;line-height:24px;color:#9e9e9e;-webkit-transform:scale(.5) rotateY(90deg);transform:scale(.5) rotateY(90deg);-webkit-transform-origin:30% 75%;transform-origin:30% 75%;-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;-o-transition:transform .2s,color .2s;transition:transform .2s,color .2s;transition:transform .2s,color .2s,-webkit-transform .2s}.cell-checkbox>.control.checkbox.checked>div>.icon{-webkit-transform:scale(1) rotateY(0);transform:scale(1) rotateY(0)}.cell-checkbox>.control.toggle{width:35px;height:20px;margin-right:20px;border:2px solid #bdbdbd;border-radius:8px;background-color:#eee}.cell-checkbox>.control.toggle>div{width:20px;height:20px;margin:-2px;border:2px solid #9e9e9e;border-radius:8px;background-color:#fff;-webkit-transition:margin-left .2s,border-color .2s;-o-transition:margin-left .2s,border-color .2s;transition:margin-left .2s,border-color .2s;will-change:margin-left}.cell-checkbox>.control.toggle>div>.icon{display:none}.cell-checkbox>.control.toggle.checked>div{margin-left:13px}.cell-checkbox.active>.icon{color:#0077c2}.cell-checkbox.active>.control.checkbox>div>.icon{color:#0077c2}.cell-checkbox.active>.control.toggle>div{border-color:#0077c2}#dialog{width:368px;height:106px;position:relative;background-color:#e0e0e0;-webkit-box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;border-radius:12px}.move-container{width:0;height:0}.move-container>button{width:72px;height:72px;border-radius:12px;position:relative;vertical-align:bottom;-webkit-transform:scale(.5);transform:scale(.5);opacity:0;-webkit-animation:moveFieldIn .2s forwards;animation:moveFieldIn .2s forwards;-webkit-transition:margin .2s,opacity .2s,-webkit-transform .2s;transition:margin .2s,opacity .2s,-webkit-transform .2s;-o-transition:margin .2s,opacity .2s,transform .2s;transition:margin .2s,opacity .2s,transform .2s;transition:margin .2s,opacity .2s,transform .2s,-webkit-transform .2s}.move-container>button>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.move-container>button>div.w>.icon{color:#80d6ff}.move-container>button>div.b>.icon{color:#ff867c}.move-container>button>div>.icon{width:28px;height:28px;line-height:28px;font-size:32px}.move-container>button:hover>.w>.icon{color:#42a5f5}.move-container>button:hover>.b>.icon{color:#ef5350}.move-container>button:active>.w>.icon{color:#0077c2}.move-container>button:active>.b>.icon{color:#b61827}@-webkit-keyframes moveFieldIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes moveFieldIn{to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}#moves{padding:2px 0 0 2px}#moves>.move{width:72px;height:72px}.piece-icon{width:100%;height:100%}.piece-icon>img,.piece-icon>svg{width:100%;height:100%}.piece-icon.b>svg>path{fill:#ef5350}.piece-icon.w>svg>path{fill:#42a5f5}.piece-container{width:0;height:0}.piece-container>button{width:72px;height:72px;border-radius:12px;-webkit-transition:margin .2s,opacity .2s;-o-transition:margin .2s,opacity .2s;transition:margin .2s,opacity .2s}.piece-container>button>.flags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:absolute;width:72px;height:72px}.piece-container>button>.flags>*{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:6px 4px}.piece-container>button>.flags>*>.text{margin:0 2px;line-height:12px}.piece-container>button>.flags>*>.text.moves{margin-left:auto;color:#9e9e9e}.piece-container>button>.flags>*>.text.threats{margin-left:auto}.piece-container>button>.piece-icon{padding:12px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;will-change:transform}.piece-container>button.b>.flags .text.captures{color:#ef5350}.piece-container>button.b>.flags .text.threats{color:#42a5f5}.piece-container>button.b>svg>path{fill:#ef5350}.piece-container>button.w>.flags .text.captures{color:#42a5f5}.piece-container>button.w>.flags .text.threats{color:#ef5350}.piece-container>button.w>svg>path{fill:#42a5f5}.piece-container>button.captured{opacity:0}.piece-container>button.active{position:relative}.piece-container>button.active>.piece-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}#pieces{padding:2px 0 0 2px}#fields{display:grid;grid-template-columns:repeat(8,72px);grid-template-rows:repeat(8,72px);grid-gap:2px;background-color:#e0e0e0;border:2px solid #e0e0e0;border-radius:14px}#fields>.field{border-radius:6px;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}#fields>.field:nth-child(1){border-top-left-radius:12px}#fields>.field:nth-child(8){border-top-right-radius:12px}#fields>.field:nth-child(57){border-bottom-left-radius:12px}#fields>.field:nth-child(64){border-bottom-right-radius:12px}#fields>.field.white{background-color:#fff}#fields>.field.white>.text{color:#bdbdbd}#fields>.field.black{background-color:#eee}#fields>.field.black>.text{color:#9e9e9e}#fields>.field.active{position:relative}#fields>.field>.text{margin:6px}#fields.active>.field.active{-webkit-box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff}.tabs{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;height:100%;border:2px solid #e0e0e0;border-radius:12px;background-color:#e0e0e0}.tabs>*{height:100%;border-radius:4px;background-color:#eee}.tabs>*>.text{line-height:9.1px}.tabs>:not(:last-child){margin-right:2px}.tabs>:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.tabs>:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}#board{overflow:visible!important;display:grid;grid-template-areas:".      info0 .   " ".      col0  .   " "row0   ct    row1" ".      col1  .   " ".      info1 .   ";grid-template-columns:32px 594px 32px;grid-template-rows:32px 32px 594px 32px 32px;width:100%;height:100%;background-color:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;position:static!important}#board>.info{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#board>.info.w>.player>.name>.icon{color:#42a5f5}#board>.info.b>.player>.name>.icon{color:#ef5350}#board>.info>.player{overflow:visible}#board>.info>.player>.name{position:relative;padding:0 12px 0 6px;background-color:#fff;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}#board>.info>.player>.name>:not(:last-child){margin-right:4px}#board>.info>.player>.name>.icon{width:20px;font-size:20px;line-height:20px}#board>.info>.player>.name.turn{-webkit-box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff}#board>.info>.player>.level{padding:0 12px}#board>.info>.player>.level>.text{margin-top:0;text-transform:uppercase}#board>.info>.player>.level>.text:not(:last-child){margin-right:4px}#board>.info>.player>.level>.text:first-child{color:#9e9e9e}#board>.info>.player>.level>.text:last-child{color:#616161}#board>.info>.captured>.piece{overflow:hidden;width:0;margin-right:0;-webkit-transition:width .2s;-o-transition:width .2s;transition:width .2s;will-change:width}#board>.info>.captured>.piece.show{width:45.8px;margin-right:2px}#board>.info>.captured>.piece>.text{width:9.799999999999999px;margin-right:2px;color:#9e9e9e;text-align:right}#board>.info>.captured>.piece>.piece-icon{width:19px;height:19px;margin-right:2px}#board>.info>.captured>.sum{padding:0 12px;-webkit-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}#board>.info>.captured>.sum>.text{margin:0;line-height:9.1px;text-transform:uppercase}#board>.info>.captured>.sum>.text:not(:last-child){margin-right:4px}#board>.info>.captured>.sum>.text:first-child{color:#616161}#board>.info>.captured>.sum>.text:last-child{color:#9e9e9e}#board>.info>.captured>.sum.show{background-color:#fff}#board>.info>.captured>.sum.show>.text:first-child{color:#212121}#board>.legend>.text{text-align:center;color:#9e9e9e}#board>.legend.col{display:-webkit-box;display:-ms-flexbox;display:flex}#board>.legend.col>.text{width:74px;height:32px;line-height:30px;margin-right:2px}#board>.legend.col>.text:first-child{margin-left:2px}#board>.legend.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#board>.legend.row>.text{width:32px;height:74px;line-height:70px;margin-bottom:2px}#board>.legend.row>.text:first-child{margin-top:2px}#board>.container{grid-area:ct}#board>.container>.layer{width:0;height:0}#board>.container>.layer>*{width:594px;height:594px}#board>.container #promotion{width:368px;height:106px;position:relative;background-color:#e0e0e0;-webkit-box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;border-radius:12px;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;-o-transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s;transition:transform .2s,opacity .2s,-webkit-transform .2s}#board>.container #promotion.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#board>.container #promotion>header{margin-bottom:2px;border-radius:12px 12px 6px 6px;background-color:#eee}#board>.container #promotion>header>.icon{color:#ffca28;font-size:20px;line-height:32px}#board>.container #promotion>header>.text{margin-left:4px;color:#616161}#board>.container #promotion>main{overflow:hidden;border-radius:6px 6px 12px 12px}#board>.container #promotion>main>button{width:72px;height:72px;padding:12px;background-color:#fff;border-radius:6px}#board>.container #promotion>main>button:not(:first-child){margin-left:2px}#board>.container #promotion>main>button>.icon{font-size:32px;color:#757575;line-height:48px}#board>.container #promotion>main>button.active{background-color:#ef5350}.cell-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.cell-button>.icon{width:64px;-ms-flex-negative:0;flex-shrink:0}.cell-button>.text{font-size:15px;text-transform:uppercase}.cell-button>.text:first-child{margin-left:20px}.cell-button>.text:not(:first-child){margin-right:20px}.cell-button.link,.cell-button.url{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.cell-button.link>.text,.cell-button.url>.text{-webkit-box-flex:1;-ms-flex:1;flex:1}.cell-button.active>.icon:first-child{color:#42a5f5}.cell-button.active>.icon:last-child{color:#757575}.cell-button[disabled]>.icon{color:#bdbdbd!important}.cell-button[disabled]>.text{color:#9e9e9e}#container-cursor{overflow:visible;pointer-events:none;width:0;height:0;position:absolute;z-index:24}#container-cursor>#cursor{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:64px;height:64px;-webkit-transition:width .2s,height .2s,margin .2s,opacity .2s;-o-transition:width .2s,height .2s,margin .2s,opacity .2s;transition:width .2s,height .2s,margin .2s,opacity .2s;will-change:width,height,margin}#container-cursor>#cursor>.row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#container-cursor>#cursor>.row:after,#container-cursor>#cursor>.row:before{content:'';display:block;width:12px;height:12px;border:0 solid #42a5f5}#container-cursor>#cursor>.row:first-child:before{border-width:2px 0 0 2px;border-top-left-radius:12px}#container-cursor>#cursor>.row:first-child:after{border-width:2px 2px 0 0;border-top-right-radius:12px}#container-cursor>#cursor>.row:last-child:before{border-width:0 0 2px 2px;border-bottom-left-radius:12px}#container-cursor>#cursor>.row:last-child:after{border-width:0 2px 2px 0;border-bottom-right-radius:12px}.grid{display:grid;grid-auto-rows:64px;grid-auto-columns:128px;grid-gap:24px}.grid>.cell>*{overflow:hidden;position:relative;z-index:12;background-color:#eee;border-radius:12px;-webkit-box-shadow:2px 2px 4px 2px #e0e0e0,-2px -2px 4px 2px #fff;box-shadow:2px 2px 4px 2px #e0e0e0,-2px -2px 4px 2px #fff;-webkit-transition:background-color .2s,-webkit-box-shadow .2s;transition:background-color .2s,-webkit-box-shadow .2s;-o-transition:background-color .2s,box-shadow .2s;transition:background-color .2s,box-shadow .2s;transition:background-color .2s,box-shadow .2s,-webkit-box-shadow .2s}.grid>.cell>.active{z-index:18;background-color:#fff;-webkit-box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff;box-shadow:0 0 24px 0 #bdbdbd,0 0 0 0 #fff}.grid>.cell>[disabled]{border:2px dashed #e0e0e0;border-radius:12px;-webkit-box-shadow:none;box-shadow:none;background-color:#eee}