body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--board:#0186d5;--board_shadow:#1e71ad;--piece_blue:#3636bd;--piece_blue_shadow:#3f3fc7;--piece_red:#d24848;--piece_red_shadow:#d96262;--text:#fece00;--accent:#e8372d;--accent_shadow:#ce371d;--highlight:#f9f17a;--white:#fff;--accent2:#525252;--unit:calc(min(1vh, 1vw));--piece-size:7}.App{margin:auto;padding:1rem;text-align:center;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}button{background:none repeat scroll 0 0 #0000;border:none;border-spacing:0;font-family:PT Sans Narrow,sans-serif;font-size:16px;font-weight:400;line-height:1.42rem;list-style:none outside none;margin:0;padding:0;text-align:left;text-decoration:none;text-indent:0}.turnDisplay,.winDisplay,button{background:#e8372d;background:var(--accent);border-radius:calc(min(1vh, 1vw)*3);border-radius:calc(var(--unit)*3);color:#fece00;color:var(--text);font-size:calc(min(1vh, 1vw)*2);font-size:calc(var(--unit)*2);font-weight:bolder;padding:calc(min(1vh, 1vw)) calc(min(1vh, 1vw)*2);padding:var(--unit) calc(var(--unit)*2)}.turnDisplay,.winDisplay{margin:calc(min(1vh, 1vw)) auto auto;margin:calc(var(--unit)) auto auto;max-width:calc(min(1vh, 1vw)*30);max-width:calc(var(--unit)*30)}button{cursor:pointer;margin:calc(min(1vh, 1vw)*1);margin:calc(var(--unit)*1);transition:.3s}button[disabled]{opacity:50%}button:hover{background:#ce371d;background:var(--accent_shadow);transform:scale(105%)}div{box-sizing:border-box}.board{display:flex;flex-direction:row;margin:calc(min(1vh, 1vw)) auto;margin:calc(var(--unit)) auto;position:relative;width:-webkit-fit-content;width:fit-content}.columns{background:#0186d5;background:var(--board);display:flex}.column{display:flex;flex-direction:column;padding:calc(min(1vh, 1vw)) 0;padding:var(--unit) 0;position:relative}.column:first-child{padding-left:calc(min(1vh, 1vw));padding-left:var(--unit)}.column:last-child{padding-right:calc(min(1vh, 1vw));padding-right:var(--unit)}.piece{background:#fff;background:var(--white);border:calc(min(1vh, 1vw)*.5) solid #1e71ad;border:calc(var(--unit)*.5) solid var(--board_shadow);border-radius:50%;height:calc(min(1vh, 1vw)*7);height:calc(var(--unit)*var(--piece-size));margin:calc(min(1vh, 1vw));margin:calc(var(--unit));width:calc(min(1vh, 1vw)*7);width:calc(var(--unit)*var(--piece-size))}.piece[data-state=BLUE]{background-color:#3f3fc7;background-color:var(--piece_blue_shadow)}.piece[data-state=RED]{background-color:#d96262;background-color:var(--piece_red_shadow)}.piece:before{border-radius:inherit;content:"";display:block;height:80%;left:10%;position:relative;top:10%;width:80%}.piece[data-state=BLUE]:before{background:#3636bd;background:var(--piece_blue)}.piece[data-state=RED]:before{background:#d24848;background:var(--piece_red)}.holder{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg preserveAspectRatio='none' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230071af' d='M0 0v100h100L50 80V0'/%3E%3C/svg%3E");background-repeat:no-repeat;width:calc(min(1vh, 1vw)*7);width:calc(var(--unit)*(var(--piece-size)))}.holder:first-child{left:.2px;position:relative;transform:scaleX(-1)}@keyframes appear{0%{transform:scale(95%)}to{transform:scale(100%)}}.winDisplay{animation:appear 1s ease forwards}
/*# sourceMappingURL=main.ad70ca15.css.map*/