*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}a{text-decoration:none}@font-face{font-family:"Space Grotesk";src:url(2e800653f6538d520e6f.woff2) format("woff2"),url(912ef32966adfd7d1c16.woff) format("woff"),url(d0c9344d8d4807797d87.ttf) format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Space Grotesk";src:url(ba7e4b7f6a4e565c527d.woff2) format("woff2"),url(a75ddff8beafa3d484cb.woff) format("woff"),url(4549bb5d5e51409012fe.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}body{color:#000;font-family:"Space Grotesk",sans-serif;font-size:1.6rem;font-weight:500;line-height:2.1rem}.font-lite{color:rgba(0,0,0,.6)}.font-purple{color:#7945ff}.font-white{color:#fff}.heading-lg{font-size:5.6rem;font-weight:bold;line-height:7.1rem;text-transform:uppercase}.heading-md{font-size:2.4rem;font-weight:bold;line-height:3.1rem;text-transform:uppercase}.heading-sm{font-size:2rem;font-weight:bold;line-height:2.6rem;text-transform:uppercase}.heading-xs{font-size:1.6rem;font-weight:bold;line-height:2.1rem;text-transform:uppercase}.heading-xs--lowercase{text-transform:none}.board{align-items:flex-start;display:grid;grid-column:2/3;grid-row:2/3;grid-template-columns:100%;grid-template-rows:100%;justify-content:center;position:relative}.board__selector-container{display:grid;grid-gap:2.25rem;grid-template-columns:repeat(7, 6.55rem);height:54.25rem;padding:1.85rem;position:absolute;width:63.2rem;z-index:5}.board__white{grid-column:1/-1;grid-row:1/-1;z-index:4}.board__holes{display:grid;grid-gap:2.25rem;grid-template-columns:repeat(7, 6.55rem);grid-template-rows:repeat(6, 6.55rem);height:54.25rem;padding:1.85rem;position:absolute;width:63.2rem;z-index:3}.board__black{grid-column:1/-1;grid-row:1/-1;transform:translateY(0.25rem);z-index:2}@media(max-width: 1100px){.board{grid-column:2/3;grid-row:3/4;grid-template-columns:auto;grid-template-rows:auto}.board__selector-container{grid-column:1/-1;grid-row:1/-1}.board__holes{grid-column:1/-1;grid-row:1/-1}}@media(max-width: 800px){.board__selector-container{grid-gap:.6125rem;grid-template-columns:repeat(7, 4rem);height:28.8rem;padding:.9125rem;position:absolute;width:33.5rem}.board__holes{grid-gap:.6125rem;grid-template-columns:repeat(7, 4rem);grid-template-rows:repeat(6, 4rem);height:28.8rem;padding:.9125rem;position:absolute;width:33.5rem}}.btn{border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,255,255,0) !important;-webkit-focus-ring-color:rgba(255,255,255,0) !important;outline:none !important}.btn--big-pill{border:3px solid #000;border-radius:2rem;box-shadow:0px 10px 0px #000;height:7.2rem;padding:1.3rem 2rem;transition:.2s ease-in-out;width:40rem}.btn--big-pill--salmon{background-color:#fd6687;color:#fff}.btn--big-pill--yellow{background-color:#ffce67}.btn--big-pill--white{background-color:#fff}.btn--big-pill--player{align-items:center;display:flex;justify-content:space-between}.btn--big-pill--options-menu{align-items:center;display:flex;justify-content:center}.btn--big-pill--options-start{align-items:center;display:flex;justify-content:flex-start}.btn--big-pill:hover{border:3px solid #5c2dd5;box-shadow:0px 10px 0px #5c2dd5}.btn--small-pill{align-items:center;background-color:#5c2dd5;border-radius:2rem;color:#fff;display:flex;justify-content:center;height:3.9rem;padding:1rem 2rem;transition:.2s ease-in-out;width:max-content}.btn--small-pill:hover{background-color:#fd6687}.btn--round{background-color:rgba(0,0,0,0);height:7.5rem;width:7.5rem}.btn--round>svg:hover g circle:nth-child(-n+2){fill:#5c2dd5}.btn--selector{align-items:flex-start;background-color:rgba(0,0,0,0);display:flex;height:58rem;justify-content:center;transform:translateY(-6rem);width:6.55rem;z-index:999}.btn--selector svg{opacity:0;transition:opacity .2s ease-in-out}.btn--selector:hover svg{opacity:1}@media(max-width: 1100px){.btn--selector svg{opacity:0}.btn--selector:hover svg{opacity:0}}@media(max-width: 800px){.btn--big-pill{width:100%}.btn--small-pill{min-width:10.8rem}.btn--selector{height:29rem;transform:translate(0rem, 0rem);width:4rem}}.chip{border-radius:6.4rem;border:3px solid #000;box-sizing:content-box;box-shadow:0px 5px 0px 0px #000,0px 5px 0px 1px rgba(0,0,0,.5) inset;height:6.4rem;width:6.4rem;z-index:3}@media(max-width: 800px){.chip{height:3.6rem;width:3.6rem}}.footer{align-items:flex-end;display:flex;grid-column:1/-1;grid-row:3/4;justify-content:center;position:relative}.footer__fill{border:none;border-radius:4rem 4rem 0 0;display:flex;height:calc(100% + 3.5rem);justify-content:center;width:100%}@media(max-width: 1100px){.footer{grid-row:4/5}.footer__fill{height:calc(100% + 2.5rem)}}.header{align-items:center;display:flex;grid-column:2/3;justify-content:space-between}@media(max-width: 1100px){.header{grid-column:2/3}}.layout{background-color:#7945ff;display:grid;grid-template-columns:1fr 63.2rem 1fr;grid-template-rows:16rem 58.4rem minmax(16rem, 1fr);height:100dvh}@media(max-width: 1100px)and (min-width: 800px){.layout{grid-template-columns:6.8rem 1fr 6.8rem;grid-template-rows:11.4rem 13.2rem 58.4rem minmax(23.4rem, 1fr);overflow:auto}}@media(max-width: 800px){.layout{grid-template-columns:2rem 1fr 2rem;grid-template-rows:14rem 13.1rem 31rem minmax(23.6rem, 1fr)}}.new-game{align-items:center;background-color:#5c2dd5;display:flex;justify-content:center;min-height:100dvh;min-width:100vw;position:absolute;z-index:5}.new-game__container{align-items:center;background-color:#7945ff;border:3px solid #000;border-radius:4rem;box-shadow:0px 10px 0px #000;color:#fff;display:flex;flex-direction:column;height:49.1rem;justify-content:space-around;padding:5rem 4rem;width:48rem}.new-game__options{width:100%}.new-game__options button{margin-bottom:3rem}@media(max-width: 800px){.new-game{background-color:#7945ff}.new-game__container{background-color:rgba(0,0,0,0);border:none;border-radius:0;box-shadow:none;margin:0 2rem;padding:5rem 0;width:100%}}.pause{align-items:center;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;min-height:100%;width:100%;position:fixed;z-index:5}.pause__container{align-items:center;background-color:#7945ff;border:3px solid #000;border-radius:4rem;box-shadow:0px 10px 0px #000;color:#fff;display:flex;flex-direction:column;height:49.1rem;justify-content:space-between;padding:5rem 4rem;width:48rem}@media(max-width: 800px){.pause__container{margin:0 2rem;width:100%}}.player{height:18.7rem;width:14.1rem}.player--left{align-items:center;display:flex;grid-column:1/2;grid-row:2/3;justify-content:flex-end;padding-right:6rem}.player--one{align-items:center;display:grid;grid-template-rows:repeat(2, 2.95rem) 13.05rem}.player--one svg{grid-column:1/2;grid-row:1/3;transform:translateX(4.35rem);z-index:3}.player--right{align-items:center;display:flex;grid-column:3/4;grid-row:2/3;justify-content:flex-start;padding-left:6rem}.player--two{align-items:center;display:grid;grid-template-rows:repeat(2, 2.95rem) 13.05rem}.player--two svg{grid-column:1/2;grid-row:1/3;transform:translateX(4.35rem);z-index:3}.player__score{align-items:center;background-color:#fff;border:3px solid #000;border-radius:2rem;box-shadow:0px 10px 0px #000;height:16rem;justify-content:center;width:14.1rem}.player__score--one{display:flex;flex-direction:column;grid-column:1/2;grid-row:2/4}.player__score--two{display:flex;flex-direction:column;grid-column:1/2;grid-row:2/4}@media(max-width: 1100px){.player{height:10rem;width:29.6rem}.player--left{align-items:flex-start;grid-column:2/3;justify-content:flex-start}.player--one{grid-template-columns:repeat(2, 2.95rem) 24.25rem;grid-template-rows:1fr}.player--one svg{grid-column:1/2;grid-row:1/2;transform:translateX(0);z-index:3}.player--right{align-items:flex-start;grid-column:2/3;grid-row:2/3;justify-content:flex-end}.player--two{grid-template-columns:24.25rem repeat(2, 2.95rem);grid-template-rows:1fr}.player--two svg{grid-column:2/4;grid-row:1/2;transform:translateX(0);z-index:3}.player__score{height:10rem;justify-content:center;width:27.2rem}.player__score--one{flex-direction:row;grid-column:2/4;grid-row:1/2;justify-content:space-between;padding:1.5rem 4rem 1.5rem 4.4rem}.player__score--two{flex-direction:row-reverse;grid-column:1/3;grid-row:1/2;justify-content:space-between;padding:1.5rem 4.4rem 1.5rem 4rem}.player h3,.player h1{transform:translateY(0)}}@media(max-width: 800px){.player{height:8.1rem;width:16.9rem}.player--one{grid-template-columns:repeat(2, 2.95rem) 11.25rem}.player--two{grid-template-columns:11.25rem repeat(2, 2.95rem)}.player__score{height:8.1rem;width:14.2rem}.player__score--one{flex-direction:column;padding:1rem 3.2rem}.player__score--two{flex-direction:column;padding:1rem 3.2rem}}.rules{align-items:center;background-color:#7945ff;display:flex;justify-content:center;min-height:100dvh;min-width:100vw;position:absolute;z-index:6}.rules__container{align-items:center;background-color:#fff;border:3px solid #000;border-radius:4rem;box-shadow:0px 10px 0px #000;display:flex;flex-direction:column;height:53.7rem;padding:3rem 3.4rem 5.4rem 3.4rem;position:relative;width:48rem}.rules__container svg{transform:translateY(1.5rem)}.rules__topics{display:grid;grid-gap:3rem;grid-template-rows:10.5rem 21.9rem;margin-top:3rem}.rules__topics p{margin-bottom:1.2rem}.rules__howto{display:grid;grid-template-columns:3rem 1fr;grid-template-rows:repeat(4, max-content)}@media(max-width: 800px){.rules__container{height:61.8rem;margin:0 2rem;width:100%}.rules__container svg{transform:translateY(9rem)}}.turn-marker{align-items:center;display:grid;height:max-content;position:absolute;top:-3rem;width:max-content;z-index:4}.turn-marker__info{grid-column:1/-1;grid-row:1/-1}.turn-marker--player1{color:#fff}.turn-marker--player2{color:#000}.turn-marker--winner{align-items:center;background-color:#fff;border:3px solid #000;border-radius:2rem;box-shadow:0px 10px 0px #000;display:flex;flex-direction:column;height:16rem;justify-content:center;position:absolute;top:-2rem;width:28.5rem;z-index:4}.turn-marker svg{grid-column:1/-1;grid-row:1/-1}.turn-marker p{text-align:center}@media(max-width: 800px){.turn-marker{top:-1.5rem}}