html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.container>*:not(:last-child){margin-bottom:16px}html.play .column{position:relative;cursor:pointer}html.play .column:hover::before{content:"";display:block;opacity:.5;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(calc(-100% - 8px))}.game-board{display:flex;position:relative}.game-board[data-player="0"] .column:hover::before{width:54px;height:54px;background-color:red;border:6px solid rgb(127.5,0,0);border-radius:50%;position:absolute}.game-board[data-player="1"] .column:hover::before{width:54px;height:54px;background-color:gold;border:6px solid rgb(127.5,107.5,0);border-radius:50%;position:absolute}.game-board::after,.game-board:before{content:"";display:block;width:50px;height:25px;position:absolute;bottom:0;background-color:#333;z-index:2;transform:translateY(100%);border-radius:0 0 50% 50%/0 0 100% 100%}.game-board::after{right:50px}.game-board::before{left:50px}.token{top:50%;left:50%;transform:translate(-50%, -50%)}.token[data-player="0"]{width:54px;height:54px;background-color:red;border:6px solid rgb(127.5,0,0);border-radius:50%;position:absolute}.token[data-player="1"]{width:54px;height:54px;background-color:gold;border:6px solid rgb(127.5,107.5,0);border-radius:50%;position:absolute}.row{width:64px;height:64px;aspect-ratio:1/1;position:relative}.row::after{content:"";display:block;background-color:gray;-webkit-mask-image:url("./cell.svg");mask-image:url("./cell.svg");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2}.row:nth-child(6) .token{animation:drop .3s ease forwards}.row:nth-child(1) .token{animation:drop1 50ms ease-in forwards}.row:nth-child(2) .token{animation:drop2 100ms ease-in forwards}.row:nth-child(3) .token{animation:drop3 150ms ease-in forwards}.row:nth-child(4) .token{animation:drop4 200ms ease-in forwards}.row:nth-child(5) .token{animation:drop5 250ms ease-in forwards}.row:nth-child(6) .token{animation:drop6 300ms ease-in forwards}@keyframes drop1{0%{top:-50%}100%{top:50%}}@keyframes drop2{0%{top:-150%}100%{top:50%}}@keyframes drop3{0%{top:-250%}100%{top:50%}}@keyframes drop4{0%{top:-350%}100%{top:50%}}@keyframes drop5{0%{top:-450%}100%{top:50%}}@keyframes drop6{0%{top:-550%}100%{top:50%}}.buttons{text-align:center}.buttons button{font-size:16px;padding:8px 16px;border-radius:8px;border:none;background-color:#333;color:#fff;cursor:pointer}.buttons button:hover{background-color:#555}.text-uppercase{text-transform:uppercase}strong{font-weight:bold}.alert-box{position:absolute;top:24px;left:50%;transform:translateX(-50%);background-color:#fff;border:4px solid #333;border-radius:16px;padding:24px 32px;text-align:center;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.3)}.alert-box p{font-size:24px;margin-bottom:16px}.alert-box button{font-size:18px;padding:10px 20px;border-radius:8px;border:none;background-color:#333;color:#fff;cursor:pointer}.alert-box button:hover{background-color:#555}/*# sourceMappingURL=app.css.map */