:root{--primary:#486;--secondary:#ffb;--droppable:#cb6;--undroppable:#933}.game-container{display:flex;flex-direction:row;justify-content:space-between}.game-container .board-container{border:6px solid #444;border-radius:2px;margin:20px;font-family:sans-serif;font-size:14px;box-shadow:3px 3px 6px #888}.game-container .history-container{border:6px solid #444;border-radius:2px;margin:20px;font-family:sans-serif;font-size:14px;box-shadow:3px 3px 6px #888}.game-container .board-container .board{border-collapse:separate;border-spacing:0}.game-container .board-container .board td{background-color:var(--secondary);position:relative;width:64px;height:64px;padding:0;transition:all .5s}.game-container .board-container .board td.playable{background-color:var(--primary)}.game-container .board-container .board td.playable.is-over{background-color:var(--undroppable)}.game-container .board-container .board td.playable.can-drop{background-color:var(--droppable)}.game-container .board-container .board td.playable.can-drop.is-over{background-color:var(--primary);filter:brightness(140%)}.game-container .board-container .board td span{color:#fff;position:absolute;font-size:9px;font-weight:700;top:2px;left:2px}.game-container .board-container .board td .piece-container{position:absolute;width:60px;height:60px;top:4px;left:2px}.game-container .board-container .board td .piece-container.is-dragging{visibility:hidden}.game-container .board-container.three-d{perspective:800px;margin-top:0;margin-left:20vh}.game-container .board-container.three-d .board{transform:rotateX(35deg)}.game-container .drag-layer{pointer-events:none;position:fixed;width:100%;height:100%;top:0;left:0}.game-container .drag-layer div{opacity:.8}.game-container .history-container{overflow:scroll;width:400px;max-height:512px}.game-container .history-container .history{border-collapse:separate;border-spacing:0;width:100%}.game-container .history-container .history th{text-align:center;width:50%;padding:10px}.game-container .history-container .history th.thinking{padding:0}.game-container .history-container .history th.thinking span{vertical-align:middle;width:20px;height:20px}.game-container .history-container .history td{text-align:center;width:50%;padding:10px}.game-container .history-container .history td.thinking{padding:0}.game-container .history-container .history td.thinking span{vertical-align:middle;width:20px;height:20px}.game-container .history-container .history thead th{background-color:var(--primary);color:#fff;position:sticky;top:0}.game-container .history-container .history tbody tr td{background-color:var(--secondary)}.game-container .history-container .history tbody tr:nth-child(2n) td{filter:brightness(80%)}