@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Bebas+Neue&display=swap";:root{--width: 700px}@media (max-width: 500px){:root :root{--width: 300px}}*{margin:0;font-family:Barlow Condensed,serif;font-weight:400;font-style:normal}.main{width:100svw;height:100svh;background-color:#232323;color:#ffe;display:flex;justify-content:center;align-items:center;flex-direction:column}.main__game{width:var(--width);display:flex;justify-content:space-between;align-items:center}.main__game__joinOptions{display:flex;justify-content:center;align-items:center;gap:5px;margin:10px;flex-direction:column}.main__game__joinOptions__newButton{background-color:#ccc;color:#232323;padding:10px;box-shadow:0 0 10px #eee;margin-top:20px;transition:.3s;display:inline-block}.main__game__joinOptions__newButton:hover{cursor:pointer;background-color:#aaa}.main__game__joinOptions__newButton--exit{background-color:#641414b3;color:#fff;box-shadow:0 0 12px #888}.main__game__joinOptions__newButton--exit:hover{background-color:#641414}.main__game__joinOptions__gameURL{background-color:#ddd;padding:10px;border-radius:10px;border:1px solid #888;color:#232323;box-shadow:inset 0 0 8px #333;width:165px}img{-webkit-user-select:none;user-select:none}:root{--width: 700px;--font-size: 24px;--tile-labe-padding: 10px;--move-dot-size: 20px;--captured-image-width: 50px;--captured-piece-counter-font-size: 18px;--history-control-font-size: 28px}@media (max-width: 500px){:root{--width: 300px;--font-size: 9px;--tile-labe-padding: 2px;--move-dot-size: 8px;--captured-image-width: 20px;--captured-piece-counter-font-size: 12px;--history-control-font-size: 18px}}.chessContainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.chess{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.chess__board{width:var(--width);height:var(--width);background-color:#eee;box-shadow:0 0 100px #999}.chess__rows{display:flex;flex-direction:column;flex:1;color:red}.chess__rows__row{width:100%;height:calc(var(--width) / 8)}.chess__tiles{display:flex;flex:1}.chess__tiles__tile{width:calc(var(--width) / 8);height:calc(var(--width) / 8);position:relative;transition:.3s;font-weight:700;font-size:var(--font-size)}.chess__tiles__tile__black{background-color:#333;color:#eee}.chess__tiles__tile__black:hover{background-color:#555}.chess__tiles__tile__white{background-color:#999;color:#111}.chess__tiles__tile__white:hover{background-color:#666}.chess__tiles__tile__check{background-color:#ff3232b3}.chess__tiles__tile__mark--orange{background-color:#c89632b3}.chess__tiles__tile__mark--red{background-color:#b43232b3}.chess__tiles__tile__mark--green{background-color:#327832b3}.chess__tiles__tile__coords{position:absolute;-webkit-user-select:none;user-select:none}.chess__tiles__tile__coords__row{right:var(--tile-labe-padding);bottom:var(--tile-labe-padding)}.chess__tiles__tile__coords__column{left:var(--tile-labe-padding);top:var(--tile-labe-padding)}.chess__tiles__tile img{width:100%;height:100%;cursor:grab}.chess__tiles__tile img:active{cursor:grabbing}.chess__tiles__tile .icon--white{filter:invert(.85)}.chess__tiles__tile--available{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:100;font-size:24px;font-weight:700;pointer-events:none}.chess__tiles__tile--available__dot{width:var(--move-dot-size);height:var(--move-dot-size);border-radius:50%;background-color:#999;box-shadow:0 0 16px 2px #222}.chess__tiles__tile--available__takeable{width:80%;height:80%;border-radius:50%;border:3px solid #999;box-shadow:0 0 16px 1px #555}.chess__tiles__tile--tileDebug{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:red;z-index:100;font-size:52px;font-weight:700;pointer-events:none}.chess__tiles__tile__arrow{position:absolute;bottom:8px;left:calc(50% - 8px)}.chess__captured{width:50px;height:var(--width);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;flex-direction:column;padding:0 2px;box-sizing:border-box}.chess__captured__section__pieces{display:flex;flex-direction:column;justify-content:left;align-items:flex-start}.chess__captured__section__pieces__piece{display:flex;justify-content:right;align-items:center;font-size:var(--captured-piece-counter-font-size)}.chess__captured__section__pieces__piece__image{width:var(--captured-image-width)}.chess__captured__section__pieces__piece__image--white{filter:invert(1)}.chess__options{width:50px;height:var(--width);display:flex;justify-content:left;align-items:center;flex-wrap:wrap;flex-direction:column}.chess__options svg{transition:.3s}.chess__options svg:hover{cursor:pointer;color:#aaa}.chess__gameOptions{width:calc(100% - 100px);height:80px;display:flex;justify-content:space-between;align-items:flex-start;padding:10px 20px;box-sizing:border-box}.chess__gameOptions__historyControl{display:flex;justify-content:right;align-items:center;gap:30px;color:#eee;font-size:var(--history-control-font-size)}.chess__gameOptions__historyControl__icon{transition:.3s}.chess__gameOptions__historyControl__icon:hover{cursor:pointer;color:#64ff3280}.chess__gameOptions__historyControl__icon--disabled{pointer-events:none;color:#777}