:root{font-family:"Noto Color Emoji",Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;font-style:normal;color-scheme:light dark;color:#373737de;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3d3d3d;color:#fff}html,body,#root{margin:0;padding:0;width:100%;height:100%}*{box-sizing:border-box}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:focus{outline:5px solid rgb(255,0,255)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.player{height:100%;width:100%;border-radius:50%;position:absolute;background:radial-gradient(circle at 50% 55%,rgba(var(--player-color),.9),rgba(var(--player-color),.9) 40%,rgba(var(--player-color),.8) 60%,rgba(var(--player-color),.4));will-change:transform}.player:before{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:50%;background:radial-gradient(circle at 50% 80%,#fff0,#fff0 74%,#fff 80%,#fff 84%,#fff0);z-index:2}.player:after{content:"";position:absolute;top:1%;left:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle at top,#fff,#fff0 58%);filter:blur(5px);z-index:2}.bubble-idle-animation-1{animation-name:bubbleIdle;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.bubble-idle-animation-2{animation-name:bubbleIdle;animation-duration:2.2s;animation-iteration-count:infinite;animation-timing-function:linear}.bubble-idle-animation-3{animation-name:bubbleIdle;animation-duration:1.8s;animation-iteration-count:infinite;animation-timing-function:linear}.bubble-idle-animation-4{animation-name:bubbleIdle;animation-duration:2.3s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes bubbleIdle{0%{transform:scaleX(.9) scaleY(.9)}33%{transform:scaleX(.97) scaleY(.83)}66%{transform:scaleX(.83) scaleY(.97)}to{transform:scaleX(.9) scaleY(.9)}}.player-hand{position:absolute;font-size:50cqw;bottom:5%;right:5%;margin:-10cqw;animation:handIdle 2s ease-in-out infinite;will-change:transform}.player-hand-left{right:55%;bottom:5%}.player-hand-right{left:55%;bottom:5%}.player-hand-top-left{bottom:55%;right:55%}.player-hand-top-right{bottom:55%;left:55%}@keyframes handIdle{0%{transform:translateY(0)}66%{transform:translateY(10%)}to{transform:translateY(0)}}.hand-idle-animation-1{animation-name:handIdle;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.hand-idle-animation-2{animation-name:handIdle;animation-duration:2.2s;animation-iteration-count:infinite;animation-timing-function:linear}.hand-idle-animation-3{animation-name:handIdle;animation-duration:1.8s;animation-iteration-count:infinite;animation-timing-function:linear}.hand-idle-animation-4{animation-name:handIdle;animation-duration:2.3s;animation-iteration-count:infinite;animation-timing-function:linear}.bubble-pop-animation{animation-name:bubblePop;animation-duration:.5s;animation-timing-function:ease-out}@keyframes bubblePop{0%{transform:scaleX(1) scaleY(1)}to{transform:scaleX(1.3) scaleY(1.3)}}.pop-line{content:"";position:relative;top:calc(50% - 1cqw);left:calc(50% - 1cqw);width:2cqw;height:3px;background-color:#000}.pop-line-0{animation:slideOut0 .2s ease-out 0s 1 normal forwards}.pop-line-1{animation:slideOut1 .2s ease-out 0s 1 normal forwards}.pop-line-2{animation:slideOut2 .2s ease-out 0s 1 normal forwards}.pop-line-3{animation:slideOut3 .2s ease-out 0s 1 normal forwards}.pop-line-4{animation:slideOut4 .2s ease-out 0s 1 normal forwards}.pop-line-5{animation:slideOut5 .2s ease-out 0s 1 normal forwards}.pop-line-6{animation:slideOut6 .2s ease-out 0s 1 normal forwards}.pop-line-7{animation:slideOut7 .2s ease-out 0s 1 normal forwards}@keyframes slideOut0{0%{transform:translate(0) rotate(0) scaleX(0)}to{transform:translate(100px) rotate(0) scaleX(1)}}@keyframes slideOut1{0%{transform:translate(0) translateY(0) rotate(45deg) scaleX(0)}to{transform:translate(100px) translateY(100px) rotate(45deg) scaleX(1)}}@keyframes slideOut2{0%{transform:translateY(0) rotate(90deg) scaleX(0)}to{transform:translateY(-100px) rotate(90deg) scaleX(1)}}@keyframes slideOut3{0%{transform:translate(0) translateY(0) rotate(135deg) scaleX(0)}to{transform:translate(-100px) translateY(100px) rotate(135deg) scaleX(1)}}@keyframes slideOut4{0%{transform:translate(0) rotate(180deg) scaleX(0)}to{transform:translate(-100px) rotate(180deg) scaleX(1)}}@keyframes slideOut5{0%{transform:translate(0) translateY(0) rotate(225deg) scaleX(0)}to{transform:translate(-100px) translateY(-100px) rotate(225deg) scaleX(1)}}@keyframes slideOut6{0%{transform:translateY(0) rotate(270deg) scaleX(0)}to{transform:translateY(100px) rotate(270deg) scaleX(1)}}@keyframes slideOut7{0%{transform:translate(0) translateY(0) rotate(315deg) scaleX(0)}to{transform:translate(100px) translateY(-100px) rotate(315deg) scaleX(1)}}.power-up-icon{width:60cqw;height:60cqw;background:#ffc1cc;border-radius:50%;position:absolute;bottom:0}.power-up-icon-inner{position:absolute;top:30cqw;left:2cqw;font-size:45cqw;line-height:0cqw;margin:0;color:#000;font-family:Arial;font-weight:700}.power-up{height:100%;width:100%;border-radius:50%;position:absolute}@keyframes powerUpIdleBounce{0%{transform:translateY(0)}30%{transform:translateY(0)}to{transform:translateY(-20%)}}@keyframes powerUpIdleRotate{to{transform:rotateY(90deg)}}.power-up-idle-bounce{animation-name:powerUpIdleBounce;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate}.power-up-idle-rotate{animation-name:powerUpIdleRotate;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in;animation-direction:alternate}.proj-container{height:100%;max-height:100%;max-width:100%;width:100%;container-type:inline-size}.taikuloinen{color:#000;position:fixed;font-size:100cqw;margin-top:-15cqw;margin-left:-1cqw;animation:dartulating .4s linear infinite}.star{color:#000;position:fixed;font-size:130cqw;margin-top:-55cqw;margin-left:-1cqw;animation:rotating .8s linear infinite}.bansq{color:#000;font-size:80cqw;position:fixed;margin-left:10cqw;animation:dartulating .8s linear infinite}.laaaseri{position:relative;width:var(--laaaseri-width);left:var(--laaaseri-left);height:var(--laaaseri-height);top:var(--laaaseri-top);background:#ec134199;-webkit-box-shadow:0px 0px 15px 0px rgba(236,19,65,1);-moz-box-shadow:0px 0px 15px 0px rgba(236,19,65,1);box-shadow:0 0 15px #ec1341}.sahuli{position:fixed;color:#000;font-size:80cqw;margin-left:10cqw;animation:sahulating .3s linear infinite}@keyframes dartulating{0%{transform:var(--tikka-translate) rotate(calc(var(--tikka-deg) - 0deg))}25%{transform:translate(0) rotate(calc(var(--tikka-deg) - 10deg))}50%{transform:var(--tikka-translate-mid) rotate(calc(var(--tikka-deg) + 0deg))}75%{transform:translate(0) rotate(calc(var(--tikka-deg) + 10deg))}to{transform:var(--tikka-translate) rotate(calc(var(--tikka-deg) - 0deg))}}@keyframes sahulating{0%{transform:rotate(calc(var(--sahuli-deg) - 20deg))}50%{transform:rotate(calc(var(--sahuli-deg) + 20deg))}to{transform:rotate(calc(var(--sahuli-deg) - 20deg))}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;min-width:100%;gap:2rem;padding:2rem 10rem;background-image:url(/fgj-2025/ezgif.com-animated-gif-maker.gif);background-size:cover}.start-menu__container{height:100%;width:100%}.star-name__title{font-size:4rem;font-weight:700;letter-spacing:.6rem}.start-menu__top-section{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.start-menu__player-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.player-list-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-grow:1;gap:.5rem;padding:1rem;color:#000;border-radius:8px;font-size:1.5rem}.player-list-item__remove{background:none;color:inherit;border:none;padding:3px;font:inherit;cursor:pointer;outline:inherit}.player-list-item__remove:hover{background-color:#ec818a7a}.player-list-item__remove:focus{outline:5px solid rgb(255,0,255)}.player-list-label{font-weight:700;line-height:0}.add-player{display:flex;flex-direction:column;gap:1rem;align-items:center}.add-player__label{font-size:1.5rem;display:flex;gap:1rem;align-self:flex-start;align-items:center}.random-map-checkbox{background-color:#d3d3d3;border:none;border-radius:8px;cursor:pointer;width:1.5rem;height:1.5rem;accent-color:#4CAF50}.random-map-checkbox:focus{outline:5px solid rgb(255,0,255)}.player-name-input{font-size:1.5rem;padding:.5rem;border-radius:8px;border:1px solid black}.player-name-input:focus{outline:5px solid rgb(255,0,255)}.player-modes{display:flex;flex-direction:row;gap:1rem}.player-mode-button{background:none;color:inherit;border:none;padding:.5rem;font:inherit;cursor:pointer;outline:inherit;background-color:#d3d3d3;font-size:2rem}.player-mode-button:hover{cursor:pointer;background-color:#789}.player-mode-button.selected{background-color:#90ee90}.player-mode-button.selected:hover{cursor:pointer;background-color:green}.player-mode-button:focus{outline:5px solid rgb(255,0,255)}.add-ai-button{background-color:#252525;padding:.5rem;font-size:1.3rem;border-radius:8px;cursor:pointer;width:100%}.add-ai-button:hover{background-color:#313131}.add-ai-button:focus{outline:5px solid rgb(255,0,255)}.start-button{background-color:purple;padding:1rem 1.2rem;border-radius:8px;font-size:2rem;cursor:pointer;border:4px solid white;flex-grow:0}.start-button:focus{outline:5px solid rgb(255,0,255)}.start-button:hover{background-color:#9932cc}.start-button:disabled{background-color:#d3d3d3;color:gray;cursor:not-allowed}.floating-player-container{position:absolute;top:var(--top);left:0;container-type:inline-size;display:flex;justify-content:center;animation-name:translate;animation-duration:30s;animation-direction:var(--direction);animation-iteration-count:infinite;animation-timing-function:linear;width:2vw}.player-floating{height:100%;width:100%;border-radius:50%;background:radial-gradient(circle at 50% 55%,rgba(var(--player-color),.9),rgba(var(--player-color),.9) 40%,rgba(var(--player-color),.8) 60%,rgba(var(--player-color),.4));will-change:transform;animation:upDown 3s ease-in-out 1s infinite alternate}.name-tag{position:absolute;line-height:1;top:4em;margin:2px;padding:6px;border:1px solid black;border-radius:12px;background-color:rgb(var(--player-color));color:#000;font-size:16px;font-weight:700;animation:upDown 3s ease-in-out 1s infinite alternate}@keyframes upDown{to{transform:translateY(100px)}}@keyframes translate{to{transform:translate(100vw)}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.marquee-container{width:100%}.marquee{color:#fff;font-size:1.5rem;font-weight:700;text-align:center}.container{width:100vw;height:100vh;overflow:hidden;background-size:cover;display:flex;flex-direction:row;justify-content:center;background-image:url(/fgj-2025/ezgif.com-animated-gif-maker.gif);align-items:center}.sidebar{display:flex;flex-direction:column;gap:1rem;background-color:#8d7090ef;min-height:100%;width:30%;padding:1rem;height:100%;overflow:auto}.back-to-menu-button{background-color:#ffffff57;border:none;padding:1rem;font-size:1.2rem;cursor:pointer}.back-to-menu-button:hover{background-color:#ffb6c1}.game-container{background-color:#8d7090b7;flex:1;width:100%;height:100%;padding:1rem;display:flex;justify-content:center;align-items:stretch}.game-grid{min-width:100px;min-height:100px;display:grid;aspect-ratio:1 / 1;border:3px solid #ffffff57}.game-tile{height:100%;width:100%;border:3px solid #ffffff57}.game-tile-multiple{width:100%;height:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.obstacle{height:100%;width:100%;background-color:#ffffff57}.game-tile:hover{background-color:#55555541}.lore{display:flex;flex-direction:column;gap:1rem;background-color:#8d7090ef;width:100%;overflow:auto}.phase{width:100%;flex-grow:1;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;align-items:center}.phase-inner{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;display:flex;width:100%;font-size:1rem;gap:1.5rem;flex-direction:column;justify-content:center;align-items:start}.player-turn-instructions{display:flex;flex-direction:column}.player-turn-instructions .actions-left{font-size:1.4rem;display:flex;flex-direction:column;margin-left:2rem}.phase-inner__big-text{font-size:2.5rem;text-align:center;width:100%;padding:5rem 0}.phase-inner__player-name{font-size:1.8rem}.phase-inner__instructions{font-size:1.2rem;margin-bottom:.2rem}.phase-inner__moves-used{font-size:1.6rem}.players{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.placeholder{width:100%}.absolute-wrapper{position:absolute;top:0;bottom:0;left:0;right:0}.avatar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;color:#000;border-radius:8px;font-size:1.3rem}.avatar .avatar__number{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.avatar--active{outline:5px solid rgb(255,0,255)}.avatar__score__text{text-wrap:nowrap;font-size:1rem}.avatar__score__number{font-size:1.5rem}.select-moves{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;width:100%;container-type:inline-size;container-name:sidebar}.select-moves button{padding:.2rem 1rem;font-size:1.5rem;border-radius:8px;height:100%;background-color:#161616;color:#fff;border:none;cursor:pointer;outline:none;display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.select-moves button .move-icon{font-size:1.8rem;padding:.5rem 0;margin-right:.2rem}.select-moves button:hover{background-color:#303030}.select-moves button:focus{outline:5px solid rgb(255,0,255)}.select-moves__buttons{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}.arrow-key-layout{display:flex;flex-direction:row;flex-wrap:wrap;gap:.2rem}@container sidebar (min-width: 600px){.arrow-key-layout{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center}}