body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.canvas{touch-action:none;user-select:none;-webkit-user-select:none;width:100%;height:100%;position:relative}.piece{position:absolute;cursor:move;-webkit-user-select:none;user-select:none;transform-origin:center}.piece.selected{outline:2px solid #00ff88}.piece.selected.triangle-piece,.piece.selected.hexagon-piece{outline:none}.piece-y-light-arm{position:absolute;transform-origin:center top}.light-bar,.hexagon-piece{background:linear-gradient(180deg,gold,orange);border-radius:3px;box-shadow:0 0 10px #ffd70080}.junction{background:#888;box-shadow:0 0 5px #ffffff4d}@-webkit-keyframes ripple-expand{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:.8}to{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes ripple-expand{0%{-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:.8}to{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);opacity:0}}@-webkit-keyframes ripple-fade{0%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:.4}50%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.2}to{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}}@keyframes ripple-fade{0%{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);opacity:.4}50%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.2}to{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2);opacity:0}}.ripple-ring{-webkit-animation:ripple-expand .6s ease-out forwards;animation:ripple-expand .6s ease-out forwards;left:50%;top:50%}.ripple-fill{-webkit-animation:ripple-fade .6s ease-out forwards;animation:ripple-fade .6s ease-out forwards;left:50%;top:50%}