:root{--bg-primary: #017A36;--bg-primary--light: #01A648;--bg-primary--dark: #00622B;--bg-gamesquare: #d2d6bc;--white: #fff;--off-white: #f0f0f0;--light-gray: #E4E4E4;--gray: #514D4D;--black: #120C03;--3d-shadow: inset 2px 2px 0 0 rgba(255, 255, 255, .2), inset -3px -3px 0 0 rgba(0, 0, 0, .15);--3d-shadow-big: inset 3px 3px 0 0 rgba(255, 255, 255, .2), inset -4px -4px 0 0 rgba(0, 0, 0, .15);--3d-shadow-reverse: inset -3px -3px 0 0 rgba(255, 255, 255, .2), inset 2px 2px 0 0 rgba(0, 0, 0, .35);--3d-shadow-reverse--small: inset -1px -1px 0 0 rgba(255, 255, 255, .2), inset 2px 2px 0 0 rgba(0, 0, 0, .35);--accent1: #FDCC00;--accent2: #FFEFB4;--accent3: #61BC81;--accent4: #CF231F;--bread-font: Arial, sans-serif;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.25rem;--font-size-xl: 1.5rem;--text-outline--black: 1px 1px var(--black), -1px -1px var(--black), 1px -1px var(--black), -1px 1px var(--black);--text-outline--white: 1px 1px var(--white), -1px -1px var(--white), 1px -1px var(--white), -1px 1px var(--white);--text-outline--accent-2: 1px 1px var(--accent2), -1px -1px var(--accent2), 1px -1px var(--accent2), -1px 1px var(--accent2);--spacing-xs: .25rem;--spacing-s: .5rem;--spacing-m: .75rem;--spacing-l: 1rem;--spacing-xl: 1.5rem;--spacing-xxl: 1.75rem;--spacing-xxxl: 2rem;--spacing-xxxxl: 3rem;--app-padding-block: var(--spacing-xxxxl) var(--spacing-s);--app-padding-inline: var(--spacing-s);--max-width: 450px;--max-height: 820px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--bread-font);display:grid;background:linear-gradient(to top,var(--bg-primary),var(--bg-primary--dark));background-color:var(--bg-primary);color:var(--white);height:100svh}body *{user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none}.wrapper{display:grid;place-items:center;max-width:var(--max-width);width:100%;height:100%;padding-inline:var(--app-padding-inline);margin:auto}.d-none{display:none!important}@media screen and (max-width: 330px){html{font-size:14px}}#img{display:block;margin:auto;height:128px;width:128px;padding:2rem}#canvas{display:block;margin:2rem auto;width:540px;height:540px}@font-face{font-family:DosisRegular;font-style:normal;font-weight:400;src:url(/fonts/dosis-v18-latin-regular.eot);src:local(""),url(/fonts/dosis-v18-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/dosis-v18-latin-regular.woff2) format("woff2"),url(/fonts/dosis-v18-latin-regular.woff) format("woff"),url(/fonts/dosis-v18-latin-regular.ttf) format("truetype"),url(/fonts/dosis-v18-latin-regular.svg#Dosis) format("svg")}@font-face{font-family:DosisSemiBold;font-style:normal;font-weight:600;src:url(/fonts/dosis-v18-latin-600.eot);src:local(""),url(/fonts/dosis-v18-latin-600.eot?#iefix) format("embedded-opentype"),url(/fonts/dosis-v18-latin-600.woff2) format("woff2"),url(/fonts/dosis-v18-latin-600.woff) format("woff"),url(/fonts/dosis-v18-latin-600.ttf) format("truetype"),url(/fonts/dosis-v18-latin-600.svg#Dosis) format("svg")}@font-face{font-family:DosisBold;font-style:normal;font-weight:700;src:url(/fonts/dosis-v18-latin-700.eot);src:local(""),url(/fonts/dosis-v18-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/dosis-v18-latin-700.woff2) format("woff2"),url(/fonts/dosis-v18-latin-700.woff) format("woff"),url(/fonts/dosis-v18-latin-700.ttf) format("truetype"),url(/fonts/dosis-v18-latin-700.svg#Dosis) format("svg")}@font-face{font-family:DosisExtraBold;font-style:normal;font-weight:800;src:url(/fonts/dosis-v18-latin-800.eot);src:local(""),url(/fonts/dosis-v18-latin-800.eot?#iefix) format("embedded-opentype"),url(/fonts/dosis-v18-latin-800.woff2) format("woff2"),url(/fonts/dosis-v18-latin-800.woff) format("woff"),url(/fonts/dosis-v18-latin-800.ttf) format("truetype"),url(/fonts/dosis-v18-latin-800.svg#Dosis) format("svg")}#game,#ui{position:absolute;top:0;left:0;width:100%;height:100%}.loader{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:100px;margin-top:20px;animation:loading 1s linear infinite}.loader-logo{width:50%}.loader-text{font-family:DosisRegular;color:#fff}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-button{display:grid;place-items:center;padding:var(--spacing-m);color:var(--white);border-radius:var(--spacing-s);font-size:var(--font-size-m);font-weight:600;box-shadow:var(--3d-shadow),2px 2px 6px #0006;filter:drop-shadow(1px 1px 0 rgba(0,0,0,.2));text-shadow:var(--text-outline--black);border:1px solid black}.confirmation-button--proceed{background-color:var(--bg-primary--light)}.confirmation-button--cancel{background-color:var(--accent4)}.confirmation-button--attention{background-color:var(--accent1)}.confirmation-button--pressed{animation:confirmation .15s ease-in-out}@keyframes confirmation{0%,to{box-shadow:var(--3d-shadow),2px 2px 6px #0006;scale:1}50%{box-shadow:var(--3d-shadow-reverse);scale:.98}}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:.5}to{transform:translateY(-100vh) rotate(90deg);opacity:0}}.background{position:fixed;z-index:-1;width:100%;height:100%;top:0;left:0;margin:0;padding:0;overflow:hidden}.confirmation-button--tutorial{position:absolute;left:1rem;top:1rem;width:fit-content;font-size:var(--font-size-xl);border-radius:50%;aspect-ratio:1;width:3.5rem;animation:lookAtMe 3s linear 3s infinite}.background div{position:absolute;display:block;width:20px;height:20px;border-radius:6%;background:#fff3;animation:animate 19s linear infinite;background-size:cover;background-repeat:no-repeat;background-position:center}.background div:nth-child(0){left:51%;width:59px;height:59px;bottom:-59px;animation:animate 11s linear infinite;animation-delay:-1s;background-image:url(/images/roadTiles/downLeft.svg)}.background div:nth-child(1){left:63%;width:42px;height:42px;bottom:-42px;animation:animate 15s linear infinite;animation-delay:-4s;background-image:url(/images/roadTiles/upLeft.svg)}.background div:nth-child(2){left:90%;width:86px;height:86px;bottom:-86px;animation:animate 12s linear infinite;animation-delay:-6s;background-image:url(/images/roadTiles/upRight.svg)}.background div:nth-child(3){left:9%;width:64px;height:64px;bottom:-64px;animation:animate 25s linear infinite;animation-delay:-11s;background-image:url(/images/roadTiles/rightDown.svg)}.background div:nth-child(4){left:65%;width:43px;height:43px;bottom:-43px;animation:animate -11s linear infinite;animation-delay:2s;background-image:url(/images/roadTiles/upDown.svg)}.background div:nth-child(5){left:100%;width:54px;height:54px;bottom:-54px;animation:animate -5s linear infinite;animation-delay:22s;background-image:url(/images/roadTiles/upLeft.svg)}.background div:nth-child(6){left:12%;width:71px;height:71px;bottom:-71px;animation:animate -22s linear infinite;animation-delay:20s;background-image:url(/images/roadTiles/rightLeft.svg)}.background div:nth-child(7){left:43%;width:63px;height:63px;bottom:-63px;animation:animate -17s linear infinite;animation-delay:13s;background-image:url(/images/roadTiles/rightDown.svg)}.background div:nth-child(8){left:37%;width:96px;height:96px;bottom:-96px;animation-delay:-15s;background-image:url(/images/roadTiles/upDown.svg)}.background div:nth-child(9){left:67%;width:68px;height:68px;bottom:-68px;animation:animate 9s linear infinite;animation-delay:-39s;background-image:url(/images/roadTiles/rightLeft.svg)}.background div:nth-child(10){left:73%;width:35px;height:35px;bottom:-35px;animation:animate 13s linear infinite;animation-delay:-13s;background-image:url(/images/roadTiles/stop.svg)}.background div:nth-child(11){left:24%;width:55px;height:55px;bottom:-55px;animation:animate 22s linear infinite;animation-delay:-4s;background-image:url(/images/roadTiles/stop.svg)}.background div:nth-child(12){left:3%;width:33px;height:33px;bottom:-33px;animation:animate 16s linear infinite;animation-delay:-44s;background-image:url(/images/roadTiles/upDown.svg)}.background div:nth-child(13){left:51%;width:98px;height:98px;bottom:-98px;animation:animate 10s linear infinite;animation-delay:-24s;background-image:url(/images/roadTiles/downLeft.svg)}.background div:nth-child(14){left:1%;width:77px;height:77px;bottom:-77px;animation:animate 22s linear infinite;animation-delay:-1s;background-image:url(/images/roadTiles/upRight.svg)}.background div:nth-child(15){left:54%;width:56px;height:56px;bottom:-56px;animation-delay:-18s;background-image:url(/images/roadTiles/rightLeft.svg)}.background div:nth-child(16){left:12%;width:53px;height:53px;bottom:-53px;animation:animate -14s linear infinite;background-image:url(/images/roadTiles/upLeft.svg)}.background div:nth-child(17){left:88%;width:43px;height:43px;bottom:-43px;animation:animate 26s linear infinite;animation-delay:-81s;background-image:url(/images/roadTiles/downLeft.svg)}.background div:nth-child(18){left:85%;width:46px;height:46px;bottom:-46px;animation:animate 18s linear infinite;animation-delay:-32s;background-image:url(/images/roadTiles/upRight.svg)}.background div:nth-child(19){left:50%;width:86px;height:86px;bottom:-86px;background-image:url(/images/roadTiles/stop.svg)}@media (prefers-reduced-motion){.background{display:none}}.tutorial{width:100%;height:100%;max-height:var(--max-height);display:grid;place-items:center;grid-template-rows:auto 1fr auto;position:relative;padding-block:var(--spacing-xxl);gap:var(--spacing-l);animation:fadeIn .5s ease-in 1}.tutorial .toast-message{place-self:end}.tutorial__gameboard-image{width:100%;animation:tutorialFadeIn .5s ease-in 1}@keyframes tutorialFadeIn{0%{opacity:.5}to{opacity:1}}.tutorial__info-wrapper{height:100%;width:100%;display:grid}.tutorial__list{max-height:23rem;overflow-y:auto;display:grid;gap:var(--spacing-m);grid-template-columns:auto 1fr;color:var(--black);background-color:var(--off-white);padding:var(--spacing-l);border-radius:var(--spacing-m);box-shadow:var(--3d-shadow);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));border:2px solid black;animation:tutorialFadeIn .5s linear 1}.tutorial__ability-list-item{display:grid;grid-template-columns:subgrid;grid-column:1/-1;gap:var(--spacing-m)}.tutorial__bulletpoint-list-item{height:fit-content;display:grid;grid-column:1/-1;gap:var(--spacing-m)}.tutorial__bulletpoint-paragraph{grid-column:1/-1}.tutorial__ability-image{width:clamp(3.5rem,19vw,4.5rem);padding:var(--spacing-xs);border:2px solid var(--gray);background-color:var(--off-white);filter:drop-shadow(2px 2px 0 var(--gray));box-shadow:var(--3d-shadow);border-radius:4px;aspect-ratio:1;object-fit:contain}.confirmation-button--exit-tutorial{width:100%}.tutorial__ability-description-wrapper{grid-row:1/2;grid-column:2/3}.tutorial__ability-title,.tutorial__ability-description{font-size:var(--font-size-m)}.tutorial__navigation-wrapper{width:100%;display:grid;place-items:center;place-self:end center;grid-template-columns:repeat(3,auto);background-color:var(--off-white);padding:var(--spacing-m);border-radius:var(--spacing-m);box-shadow:var(--3d-shadow);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));border:2px solid black}.tutorial__navigation-wrapper .confirmation-button__icon{aspect-ratio:4/8;width:.65rem;place-self:center}.tutorial__navigation-wrapper .confirmation-button:nth-of-type(1) .confirmation-button__icon{filter:drop-shadow(1px 1px 0 black) drop-shadow(0 0 1px black)}.tutorial__navigation-wrapper .confirmation-button:nth-of-type(2) .confirmation-button__icon{rotate:180deg;filter:drop-shadow(-1px -1px 0 black) drop-shadow(0 0 1px black)}.tutorial__pagination-info{font-size:var(--font-size-m);font-weight:900;border:1px solid rgba(141,141,141,.116);color:var(--black);--shadow-width: .2rem;--shadow-border: .085rem;background-color:var(--off-white);box-shadow:inset 0 0 0 1px #e4e4e4,0 0 1px 2px #f0f0f0,0 0 2px 4px #fff,1px 1px 2px var(--shadow-width) #e2e2e2,1px 1px 4px calc(var(--shadow-width) + var(--shadow-border)) #dbdbdbcb;letter-spacing:1px;aspect-ratio:1;height:100%;display:grid;place-items:center;border-radius:50%}.tutorial__navigation-wrapper .confirmation-button--tutorial-navigation{aspect-ratio:1;width:3rem}.tutorial__navigation-wrapper .confirmation-button--tutorial-navigation:nth-of-type(1){grid-column:1/2;place-self:center}.tutorial__navigation-wrapper .confirmation-button--tutorial-navigation:last-of-type{grid-column:3/4;place-self:center}.toast-message{--image-max-width: 4.8rem;display:grid;grid-template-columns:1fr auto;color:var(--black);background-color:var(--off-white);width:calc(100% - var(--image-max-width) / 2);max-width:calc(var(--max-width) - var(--image-max-width) / 2);align-self:end;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m) calc((var(--image-max-width) / 2) + var(--spacing-l));border-radius:var(--spacing-m);position:relative;box-shadow:var(--3d-shadow);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));border:2px solid black;z-index:999;min-height:4.5rem}.toast-message__text{font-size:var(--font-size-m);grid-column:1/2}.toast-message__image-wrapper{--shadow-width: .3rem;--shadow-border: .0625rem;aspect-ratio:1;background-color:var(--off-white);box-shadow:inset 0 0 0 1px #757474,0 0 1px 2px #ffea00,0 0 2px 4px #e6e09a,0 0 1px var(--shadow-width) #69642e,inset var(--shadow-width) var(--shadow-width) 6px #88878780,0 0 0 calc(var(--shadow-width) + var(--shadow-border)) #000;overflow:hidden;border-radius:50%;border:1px solid black;display:grid;place-items:center;max-width:var(--image-max-width);padding:var(--spacing-s);transform:translate(calc(-.5 * (var(--image-max-width) - calc(var(--shadow-width) + var(--shadow-border) * 2)))) translateY(-50%);top:50%;position:absolute}.toast-message__driver-image{aspect-ratio:1;width:100%;object-fit:contain}.toast-message .confirmation-button{grid-column:2/3}.toast-message .confirmation-button:not(.confirmation-button--pressed){animation:lookAtMe 3s linear 3s infinite}@keyframes lookAtMe{0%,to{transform:skewY(0)}10%{transform:skewY(10deg);scale:1.1}15%{transform:skewY(-10deg);scale:1.1}20%{transform:skewY(0);scale:1}}.game{padding-block:var(--app-padding-block);gap:var(--spacing-l);display:flex;flex-direction:column;justify-content:space-evenly;height:100%;width:100%;max-height:var(--max-height);overflow:hidden}.jumbotron-info-field{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(2,1fr);column-gap:var(--spacing-l)}.jumbotron-info-field--preparing{filter:grayscale(1)}.jumbotron-info-field__icon{grid-row:1/-1;place-self:center;background-color:var(--accent1);aspect-ratio:1;width:2.2rem;border-radius:50%;padding:var(--spacing-xs);box-shadow:2px 2px 4px #0003,0 0 0 4px var(--accent2),inset 0 0 0 1px #0000004d,0 0 0 5px #000,var(--3d-shadow);filter:drop-shadow(1px 1px 0 rgba(0,0,0,.5))}.jumbotron-info-field--final-seconds .jumbotron-info-field__icon{animation:leaving .5s linear infinite forwards}.jumbotron-info-field--final-seconds .jumbotron-info-field__data{animation:finalSeconds 1s linear infinite forwards}.jumbotron-info-field__wrapper{grid-row:1/-1;align-self:center}.jumbotron-info-field__data,.jumbotron-info-field__unit-info{color:var(--bg-primary)}.jumbotron-info-field__data{font-size:var(--font-size-l)}.jumbotron-info-field__unit-info{font-weight:300;font-size:var(--font-size-xs);align-self:center}@keyframes finalSeconds{0%{filter:drop-shadow(10px 10px 0 rgba(207,34,31,.5)) drop-shadow(-10px -10px 0 rgba(207,34,31,.5));color:var(--bg-primary)}30%{filter:drop-shadow(0 0 0 var(--accent4)) drop-shadow(0 0 0 var(--accent4));color:var(--accent4)}50%,to{filter:drop-shadow(0 0 0 rgba(0,0,0,0)) drop-shadow(0 0 0 rgba(0,0,0,0));color:var(--bg-primary)}}@keyframes leaving{0%,to{scale:1}50%{scale:1.1}}.level-info{display:grid;place-items:center;transform-origin:left}.level-info__message{font-weight:700;font-size:var(--font-size-m);padding:var(--spacing-m);border-radius:var(--spacing-m);box-shadow:var(--3d-shadow),2px 2px 4px #0006;border:2px solid black}.level-info__message--running{background-color:var(--accent1);color:var(--white);text-shadow:var(--text-outline--black)}.level-info__message--preparing{background-color:var(--accent4);color:var(--white);text-shadow:var(--text-outline--black)}.level-info__number{display:grid;place-items:center;color:var(--white);border-radius:50%;aspect-ratio:1;width:2rem;font-size:var(--font-size-s);font-weight:700;transform:translateY(calc(-1 * var(--spacing-m)))}.level-info__number--preparing{background-color:#444;text-shadow:var(--text-outline--black);box-shadow:0 -2px #921c18,0 -1px 0 1px #0000004d,inset 1px 5px #000,inset 0 1px 0 0 var(--accent4),inset 0 -1px #ffffffb7,inset 0 -2px #000,inset 0 0 0 2px #000}.level-info__number--running{background-color:var(--bg-primary);text-shadow:var(--text-outline--black);box-shadow:0 -2px #ad8e01,0 -1px 0 1px #0000004d,inset 1px 5px #0006,inset 0 1px 0 0 var(--accent1),inset 0 -1px #ffffffb7,inset 0 -2px #424242a2,inset 0 0 0 2px #0006}.level-info--soon-to-leave{animation:leaving .5s linear 10 forwards}@keyframes leaving{0%,to{scale:1}50%{scale:1.2}}.jumbotron{--max-height: 4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background-color:var(--off-white);width:100%;padding:var(--spacing-l);border-radius:var(--spacing-m);position:relative;box-shadow:var(--3d-shadow),2px 2px 4px #0006;border:2px solid black}.jumbotron:after{content:"";width:2px;height:100%;max-height:calc(var(--max-height) - var(--spacing-l));background-color:var(--light-gray);position:absolute;left:50%;top:53%;transform:translate(-50%,-50%)}.level-info{position:absolute;left:50%;top:calc(-1 * var(--spacing-xxxl));transform:translate(-50%);z-index:2}.jumbotron-info-field:last-of-type{justify-self:end}.game-square{aspect-ratio:1;width:100%;position:relative;display:grid;place-self:center;place-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.5px solid var(--gray);box-shadow:var(--3d-shadow-big);border-radius:4px;background:var(--bg-gamesquare);background-image:url(/images/questionmark.svg);background-repeat:no-repeat;background-position:center;background-size:40%}.game-square-wrapper{display:grid;place-self:center;transition:scale .1s linear;position:relative;background-color:var(--light-gray);aspect-ratio:1;width:100%;border:.5px solid var(--gray);border-radius:4px}.game-square-wrapper--disabled,.game-square--disabled{opacity:.7;pointer-events:none}.game-square__image{object-fit:contain;aspect-ratio:1;width:100%;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.4));animation:fadeIn .2s cubic-bezier(.175,.885,.32,1.575)}@keyframes fadeIn{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.game-square-wrapper--is-changeable{z-index:2;outline:2px solid var(--accent1);background-color:var(--accent2)}.game-square-wrapper--connected{animation:victoryRoad 2s linear infinite;background:#05b552;background:linear-gradient(90deg,#06f06b,#05d660,#03ac4c);background-size:200% 100%}.game-square-wrapper--clear-path{animation:goldenRoad 3s linear infinite;background-color:var(--accent1);background:linear-gradient(90deg,#fdd32a,#fdd32a,#db7d01);background-size:200% 100%}@keyframes goldenRoad{0%{background-position:0% 50%}25%{background-position:100% 50%}50%{background-position:100% 50%}75%{background-position:100% 50%}to{background-position:0% 50%}}.game-square-wrapper--selected{z-index:10000;outline:2px solid var(--accent1);background-color:var(--accent2);scale:1.2}.game-square-wrapper--ending-square-connected,.game-square-wrapper--starting-square-connected{animation:correctConnection 2s linear 1 forwards}.game-square-wrapper--starting-square-unconnected,.game-square-wrapper--ending-square-unconnected{animation:incorrectConnection 3s linear infinite}@keyframes correctConnection{0%,20%{background-color:#0e9c0e}10%,30%,to{background-color:var(--light-gray)}}@keyframes incorrectConnection{0%,20%{background-color:var(--accent4)}10%,30%,to{background-color:var(--light-gray)}}.game-square-wrapper--is-active{animation:victoryRoad 2s linear infinite;background:#fff;background:linear-gradient(90deg,#dad5d5,#939996,#817e7e);background-size:200% 100%}@keyframes active{0%,to{background-color:#ff5e00}50%{background-color:var(--light-gray)}}.game-square-wrapper[data-index="0"],.game-square[data-index="0"]{border-radius:var(--spacing-s) 4px 4px 4px}.game-square-wrapper[data-index="4"],.game-square[data-index="4"]{border-radius:4px var(--spacing-s) 4px 4px}.game-square-wrapper[data-index="20"],.game-square[data-index="20"]{border-radius:4px 4px 4px var(--spacing-s)}.game-square-wrapper[data-index="24"],.game-square[data-index="24"]{border-radius:4px 4px var(--spacing-s) 4px}.game-square-wrapper[data-index="0"]{box-shadow:inset 4px 4px 8px #0000004d}.game-square-wrapper[data-index="1"],.game-square-wrapper[data-index="2"],.game-square-wrapper[data-index="3"]{box-shadow:inset 0 4px 8px #0000004d}.game-square-wrapper[data-index="4"]{box-shadow:inset -4px 4px 8px #0000004d}.game-square-wrapper[data-index="9"],.game-square-wrapper[data-index="14"],.game-square-wrapper[data-index="19"]{box-shadow:inset -4px 0 8px #0000004d}.game-square-wrapper[data-index="5"],.game-square-wrapper[data-index="10"],.game-square-wrapper[data-index="15"]{box-shadow:inset 4px 0 8px #0000004d}.game-square-wrapper[data-index="20"]{box-shadow:inset 4px -4px 8px #0000004d}.game-square-wrapper[data-index="21"],.game-square-wrapper[data-index="22"],.game-square-wrapper[data-index="23"]{box-shadow:inset 0 -4px 8px #0000004d}.game-square-wrapper[data-index="24"]{box-shadow:inset -4px -4px 8px #0000004d}.indicator-sign{--after-border-color: transparent;--after-bg-color: transparent;--after-shadow-color: transparent;--after-size: .6rem;--after-offset: calc(var(--after-size) / 2);position:absolute;z-index:999;font-size:.85rem;color:var(--white);text-shadow:var(--text-outline--black);background-color:var(--after-bg-color);padding:var(--spacing-xs) var(--spacing-s);text-align:center;font-weight:700;min-width:7ch;width:fit-content;border-radius:3px;box-shadow:inset -1px 1px 1px 0 var(--after-shadow-color),1px 3px 4px #0006,0 0 8px 1px #0003;transition:opacity 1s ease,scale 1s ease}.indicator-sign--initial{opacity:0;scale:0}.indicator-sign:after{position:absolute;content:"";width:var(--after-size);height:var(--after-size);background-color:var(--after-bg-color);top:var(--after-top, unset);bottom:var(--after-bottom, unset);left:var(--after-left, unset);right:var(--after-right, unset);transform:var(--after-transform, none);z-index:-1}.indicator-sign--green{--after-shadow-color: rgba(16, 212, 26, .6);--after-border-color: rgba(26, 107, 2, .6);--after-bg-color: #119140;border:1px solid var(--after-border-color)}.indicator-sign--yellow{--after-shadow-color: rgba(253, 249, 0, .6);--after-border-color: rgba(105, 112, 1, .6);--after-bg-color: var(--accent1);border:1px solid var(--after-border-color)}.indicator-sign--down{--after-bottom: calc(-1 * var(--after-offset) - 1px);--after-left: 50%;--after-transform: translateX(-50%) rotate(45deg);bottom:0;transform:translate(-50%)}.indicator-sign--down:after{border-right:1px solid var(--after-border-color);border-bottom:1px solid var(--after-shadow-color);box-shadow:1px 0 0 0 var(--after-border-color)}.indicator-sign--down-animation{opacity:1;scale:1;animation:down 1.5s infinite ease-in-out forwards}@keyframes down{0%,to{transform:translateY(calc(0% - (var(--after-offset) * 3)))}50%{transform:translateY(calc(10% - (var(--after-offset) * 3)))}}.indicator-sign--up{--after-top: calc(-1 * var(--after-offset) - 1px);--after-left: 50%;--after-transform: translateX(-50%) rotate(45deg);top:0;transform:translate(-50%)}.indicator-sign--up:after{border-left:1px solid var(--after-shadow-color);border-top:1px solid var(--after-border-color);box-shadow:-1px -1px 0 0 var(--after-border-color)}.indicator-sign--up-animation{opacity:1;scale:1;animation:up 1.5s infinite ease-in-out forwards}@keyframes up{0%,to{transform:translateY(calc(0% + (var(--after-offset) * 3)))}50%{transform:translateY(calc(-10% + (var(--after-offset) * 3)))}}.indicator-sign--left{--after-left: calc(-1 * var(--after-offset) - 1px);--after-top: 50%;--after-transform: translateY(-50%) rotate(45deg);left:0;transform:translateY(-50%)}.indicator-sign--left:after{border-bottom:1px solid var(--after-border-color);border-left:1px solid var(--after-shadow-color);box-shadow:-1px 0 0 0 var(--after-border-color)}.indicator-sign--left-animation{opacity:1;scale:1;animation:leftAnimation 1.5s infinite ease-in-out forwards}@keyframes leftAnimation{0%,to{transform:translate(calc(0% + (var(--after-offset) * 2)))}50%{transform:translate(calc(10% + (var(--after-offset) * 2)))}}.indicator-sign--right{--after-right: calc(-1 * var(--after-offset) - 1px);--after-top: 50%;--after-transform: translateY(-50%) rotate(45deg);right:0;transform:translateY(-50%)}.indicator-sign--right:after{border-right:1px solid var(--after-border-color);border-top:1px solid var(--after-shadow-color);box-shadow:1px 0 0 0 var(--after-border-color)}.indicator-sign--right-animation{opacity:1;scale:1;animation:rightAnimation 1.5s infinite ease-in-out forwards}@keyframes rightAnimation{0%,to{transform:translate(calc(0% - (var(--after-offset) * 4)))}50%{transform:translate(calc(10% - (var(--after-offset) * 4)))}}.start-and-end{pointer-events:none;width:100%;left:0;top:0;z-index:999;aspect-ratio:1;position:absolute;display:grid;grid-template-rows:15px 15px 15px 1fr;justify-items:center;overflow:hidden}.start-and-end--up{transform:rotate(0)}.start-and-end--down{transform:rotate(180deg)}.start-and-end--left{transform:rotate(270deg)}.start-and-end--right{transform:rotate(90deg)}.start-and-end__arch{z-index:998;width:100%;position:absolute;top:-1px;left:0;filter:drop-shadow(2px 2px 8px black);object-fit:cover}.start-and-end__arrow{--border-width: clamp(3px, 1vw, 5px);aspect-ratio:1;width:20%;z-index:999;position:relative;filter:drop-shadow(1px 1px var(--black)) drop-shadow(-1px -1px var(--black))}@keyframes moveArrowEnd{0%{opacity:1;scale:1;top:0}25%{opacity:0;scale:.7;top:-10%}26%{opacity:0;scale:.7;top:10%}55%{opacity:1;top:0;scale:1}}@keyframes moveArrowStart{0%{opacity:1;scale:1;top:0}25%{opacity:0;scale:.7;top:10%}26%{opacity:0;scale:.7;top:-10%}55%{opacity:1;top:0;scale:1}}.start-and-end__arrow--start{transform:rotate(225deg);animation:moveArrowStart 2s infinite forwards;border-top:var(--border-width) solid rgba(255,255,255,.7);border-left:var(--border-width) solid rgba(255,255,255,.7)}.start-and-end__arrow--start:nth-of-type(1){grid-row:2/3}.start-and-end__arrow--start:nth-of-type(2){animation-delay:.2s;grid-row:3/4}.start-and-end__arrow--finish{transform:rotate(45deg);animation:moveArrowEnd 2s infinite forwards;border-top:var(--border-width) solid rgba(255,255,255,.7);border-left:var(--border-width) solid rgba(255,255,255,.7)}.start-and-end__arrow--finish:nth-of-type(1){grid-row:2/3;animation-delay:.2s}.start-and-end__arrow--finish:nth-of-type(2){grid-row:3/4}.game-board{position:relative;display:grid;place-self:center;justify-content:center;width:100%;aspect-ratio:1;grid-template-rows:repeat(5,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--spacing-s);border:2px solid var(--black);overflow:hidden;box-shadow:2px 2px 4px #0006}.game-board--disabled{filter:grayscale(.9)}.bus{width:100%;pointer-events:none;position:absolute;z-index:1;object-fit:contain;will-change:transform}.ability-bar{column-gap:var(--spacing-l);column-gap:clamp(var(--spacing-s),3vw,var(--spacing-l));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.ability-bar .ability:nth-of-type(2){justify-self:center}.ability-bar .ability:nth-of-type(3){justify-self:end}.ability{width:100%;max-width:7rem;aspect-ratio:1}.ability--disabled{filter:grayscale(1);opacity:.5}.ability__button{-webkit-appearance:unset;-moz-appearance:unset;appearance:unset;background-color:var(--off-white);border-radius:.5rem;width:100%;height:100%;border:2px solid black;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.5));box-shadow:var(--3d-shadow)}.ability__button--speed-active,.ability__button--joker-active{background-color:var(--accent1);overflow:hidden;animation:pressedAbility cubic-bezier(.175,.885,.32,1.275) .3s 1,activeAbility linear .3s 2}.ability__button--speed-active .ability-button__image,.ability__button--joker-active .ability-button__image{animation:turboActivated cubic-bezier(.175,.885,.32,1.275) .4s 1}.ability__button--speed-active .ability-button__name{animation:grayOutName ease-in-out .2s 1}@keyframes grayOutName{0%{background-color:var(--bg-primary)}to{background-color:gray}}@keyframes turboActivated{0%,to{transform:skew(0)}33%{transform:skew(5deg)}66%{transform:skew(-5deg)}}@keyframes pressedAbility{0%,to{scale:1}50%{scale:.95}}@keyframes activeAbility{0%,to{background-color:var(--accent1)}50%{background-color:var(--accent2)}}.ability__button--disabled{opacity:.5;filter:grayscale(1);pointer-events:none}.ability-button__image{width:clamp(3.5rem,19vw,4.5rem);padding:var(--spacing-xs);border:2px solid var(--gray);background-color:var(--white);filter:drop-shadow(2px 2px 0 var(--gray));box-shadow:var(--3d-shadow);border-radius:4px;aspect-ratio:1;z-index:999;position:relative;object-fit:contain}.ability__button--turbo-suggestion .ability-button__image{animation:goSpeedGo .5s linear .1s infinite}@keyframes goSpeedGo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ability-button__name{transform:translateY(calc(-1 * var(--spacing-m)));width:80%;justify-self:center;text-align:center;background-color:var(--bg-primary--light);padding:var(--spacing-xs);color:var(--white);border-radius:var(--spacing-s);font-size:var(--font-size-s);font-weight:500;box-shadow:var(--3d-shadow);text-shadow:var(--text-outline--black);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.25));border:2px solid black;margin:0 auto}.ability-button__name--disabled{background-color:gray}.ability-button__name--turbo-suggestion{animation:victoryRoad 2s linear infinite;background-color:var(--accent1);background:linear-gradient(45deg,#f5b642,#fdcc00,#db7d01);background-size:300% 200%}@keyframes victoryRoad{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (hover: hover) and (pointer: fine){.ability{transform:translateY(-2px);cursor:pointer}.ability__button{cursor:pointer}.ability--disabled *{cursor:not-allowed}}