.chess{justify-content:center;align-items:center;gap:6rem;width:100%;display:flex}.board{border-radius:2px;grid-template-columns:repeat(8,1fr);width:704px;display:grid;position:relative;overflow:hidden}.board.static:after{content:"";background-color:var(--light);opacity:.2;width:100%;height:100%;position:absolute;top:0;left:0}.square{aspect-ratio:1;justify-content:center;align-items:center;width:88px;display:flex;position:relative}.square.light{background-color:var(--light)}.square.dark{background-color:var(--primary)}.square.selected:after{content:"";background-color:rgba(0,0,0,.2);width:100%;height:100%;position:absolute;top:0;left:0}.square.last:after{content:"";background-color:rgba(232,223,202,.667);width:100%;height:100%;position:absolute;top:0;left:0}.square .legal{background-color:var(--dark);aspect-ratio:1;opacity:.3;border-radius:50px;width:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rank,.file{color:var(--light);margin:2px 4px;font-size:1rem;display:block;position:absolute}.rank{top:0;left:0}.file{bottom:0;right:0}.rank.dark,.file.dark{color:var(--primary)}.piece{z-index:10;width:100%;position:relative}.square.checkmate{background-color:#c92525}.promotion-container{z-index:99;background-color:rgba(0,0,0,.5);border-radius:4px;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.promotion-choice{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:132px;display:block}.right-panel{flex-direction:column;justify-content:center;gap:1rem;display:flex}.history-container{border:1px solid var(--light);flex-direction:column;height:50dvh;display:flex;overflow:hidden}.history-header{border-bottom:1px solid var(--light);flex-shrink:0;gap:1rem;margin-left:2rem;padding:.25rem .5rem;display:flex}.history-content{flex:1;overflow-x:hidden;overflow-y:auto}.history-header span{width:80px}.history-row{background-color:rgba(255,255,255,.1);display:flex}.history-row:nth-child(2n){background-color:rgba(255,255,255,.2)}.history-move-number{border-right:1px solid var(--light);justify-content:center;align-items:center;width:1.5rem;padding:.25rem 1rem;font-size:1rem;display:flex}.history-move{align-items:center;width:100%;padding:.25rem .5rem;display:flex}.history-move.current{background-color:var(--light)}.history-move.current span{color:var(--dark)}.history-move span{color:var(--light);cursor:pointer;background-color:transparent;border-radius:4px;width:100%;padding:.25rem;font-size:1rem;display:inline-block}.history-move img{width:1.5rem}.reset-container{position:relative}.reset-container .btn{width:100%}.reset-confirmation-container{background-color:var(--light);width:110%;color:var(--dark);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;position:absolute;bottom:110%;left:50%;transform:translate(-50%)}.reset-choices{gap:.5rem;display:flex}.reset-choices button{cursor:pointer;border-radius:4px;width:64px;padding:.5rem 1rem;display:block}.reset-yes{background-color:var(--primary);color:var(--light);border:none}.reset-choices button:hover{transform:scale(1.02)}.reset-no{color:var(--dark);border:1px solid var(--dark);background:0 0}.btn.disabled{opacity:.5}.btn.disabled:hover{transform:none}.timer-display{border:1px solid var(--light);text-align:center;background-color:rgba(255,255,255,.05);border-radius:4px;padding:1rem;transition:all .3s}.timer-display.active{border-color:var(--secondary);background-color:rgba(255,255,255,.15);box-shadow:0 0 10px rgba(232,223,202,.3)}.timer-display.low-time{background-color:rgba(201,37,37,.2);border-color:#c92525;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-label{color:var(--light);opacity:.8;margin-bottom:.5rem;font-size:.875rem}.timer-value{color:var(--light);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.timer-display.low-time .timer-value{color:#c92525}.timers-container{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}