.mt-2{margin-top:2px}.mr-2{margin-right:2px}.mb-2{margin-bottom:2px}.ml-2{margin-left:2px}.mt-4{margin-top:4px}.mr-4{margin-right:4px}.mb-4{margin-bottom:4px}.ml-4{margin-left:4px}.mt-8{margin-top:8px}.mr-8{margin-right:8px}.mb-8{margin-bottom:8px}.ml-8{margin-left:8px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.mt-32{margin-top:32px}.mr-32{margin-right:32px}.mb-32{margin-bottom:32px}.ml-32{margin-left:32px}.mt-64{margin-top:64px}.mr-64{margin-right:64px}.mb-64{margin-bottom:64px}.ml-64{margin-left:64px}.pt-2{padding-top:2px}.pr-2{padding-right:2px}.pb-2{padding-bottom:2px}.pl-2{padding-left:2px}.py-2{padding-bottom:2px;padding-top:2px}.px-2{padding-left:2px;padding-right:2px}.p-2{padding:2px}.pt-4{padding-top:4px}.pr-4{padding-right:4px}.pb-4{padding-bottom:4px}.pl-4{padding-left:4px}.py-4{padding-bottom:4px;padding-top:4px}.px-4{padding-left:4px;padding-right:4px}.p-4{padding:4px}.pt-8{padding-top:8px}.pr-8{padding-right:8px}.pb-8{padding-bottom:8px}.pl-8{padding-left:8px}.py-8{padding-bottom:8px;padding-top:8px}.px-8{padding-left:8px;padding-right:8px}.p-8{padding:8px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.py-16{padding-bottom:16px;padding-top:16px}.px-16{padding-left:16px;padding-right:16px}.p-16{padding:16px}.pt-32{padding-top:32px}.pr-32{padding-right:32px}.pb-32{padding-bottom:32px}.pl-32{padding-left:32px}.py-32{padding-bottom:32px;padding-top:32px}.px-32{padding-left:32px;padding-right:32px}.p-32{padding:32px}.pt-64{padding-top:64px}.pr-64{padding-right:64px}.pb-64{padding-bottom:64px}.pl-64{padding-left:64px}.py-64{padding-bottom:64px;padding-top:64px}.px-64{padding-left:64px;padding-right:64px}.p-64{padding:64px}.key-hint-button-background,.end-screen-container,.settings-icon-with-tooltip-container{display:flex;flex-direction:column;justify-content:center}.key-hint-button-background,.end-screen-container,.settings-icon-with-tooltip-container{align-items:center}*{box-sizing:border-box}.current-piece-hover-preview,.settings-icon-toggleable,.generate-levels-first-time-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.level-select-levels-and-bar-container{scrollbar-color:#413f38 rgba(0,0,0,0);scrollbar-width:auto}.level-select-levels-and-bar-container::-webkit-scrollbar{width:12px}.level-select-levels-and-bar-container::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.level-select-levels-and-bar-container::-webkit-scrollbar-thumb{background:#413f38;border-radius:5px}*{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.disable-pointer-events-for-all-children *{pointer-events:none !important}body{background:#ede5da;overflow:hidden}p{margin:0}body,html{margin:0;font-family:sans-serif;transition:background 100ms ease-out}input{border:0px;outline:0px;font:inherit;padding:0px;background-color:rgba(0,0,0,0)}@font-face{font-family:"Fredoka One";src:url("assets/FredokaOne-Regular.ttf");font-weight:normal}.tile-hover-outline{transform:scale(1.1)}.tile-empty{width:50px;height:50px;border-radius:10px;transition:background 150ms ease-out,transform 50ms linear;position:absolute;border:6px dashed #413f38}.tile-empty-level-select{width:25px;height:25px;border-radius:5px;position:absolute;border:6px dashed #413f38}.tile-unlit{width:50px;height:50px;border-radius:10px;transition:background 150ms ease-out,transform 50ms linear;position:absolute;background:#413f38}.tile-unlit-level-select{width:25px;height:25px;border-radius:5px;position:absolute;background:#413f38}.tile-lit{width:50px;height:50px;border-radius:10px;transition:background 150ms ease-out,transform 50ms linear;position:absolute;background:#7daeb4}.tile-lit-level-select{width:25px;height:25px;border-radius:5px;position:absolute;background:#7daeb4}.relative{position:relative}.mini-header-text{font-weight:800;font-size:16px;color:#7daeb4}.flex{display:flex}.absolute{position:absolute}.piece-hover-preview-container{position:absolute;left:0px;top:0px;pointer-events:none}.key-hint-label{font-family:"Fredoka One";font-size:18px;color:#7daeb4;width:90px}@media only screen and (((hover: none) and (pointer: coarse)) or (max-width: 768px)){.key-hint-label{width:fit-content;color:#ede5da;background:#7daeb4;padding:4px 8px;border-radius:5px}}@media only screen and (max-width: 480px){.key-hint-label-text-desktop{display:none}}.key-hint-label-text-mobile-replacement{display:none}@media only screen and (max-width: 480px){.key-hint-label-text-mobile-replacement{display:block}}.key-hint-section{grid-row:1;grid-column:1;place-self:start start;display:flex;flex-direction:column;gap:8px;padding-left:32px;padding-top:32px}@media only screen and (max-width: 1366px){.key-hint-section{padding-left:16px}}@media only screen and (max-width: 768px){.key-hint-section{padding-left:8px}}@media only screen and (max-width: 1366px){.key-hint-section{padding-top:16px}}@media only screen and (max-width: 768px){.key-hint-section{padding-top:8px}}@media only screen and (max-width: 768px){.key-hint-section{grid-row:4;place-self:start center;flex-direction:row;align-items:center;padding:0}}.key-hint-container{display:flex;align-items:center;cursor:pointer;transition:transform 100ms ease-out;transition:all 100ms ease-out}@media only screen and (hover: hover)and (pointer: fine){.key-hint-container:hover{transform:scale(1.1)}}.key-hint-container:active{filter:brightness(1.2)}.key-hint-button-text{font-family:"Fredoka One";font-size:20px;color:#ede5da}.key-hint-button-background{padding:4px 8px;background:#7daeb4;border-radius:5px;flex-grow:1}@media only screen and (((hover: none) and (pointer: coarse)) or (max-width: 768px)){.key-hint-button-background{display:none}}@media only screen and (max-width: 768px){.key-hint-previous-level{order:1}}@media only screen and (max-width: 768px){.key-hint-reset{order:2}}@media only screen and (max-width: 768px){.key-hint-level-select{order:3}}@media only screen and (max-width: 768px){.key-hint-undo{order:4}}@media only screen and (max-width: 768px){.key-hint-next-level{order:5}}.key-hint-button-ui-hidden{display:none}.key-hint-undo-button-ui-hidden{display:none}@media only screen and (hover: none)and (pointer: coarse){.key-hint-undo-button-ui-hidden{display:block}}.center-container-for-larger-screens{height:100vh;height:100dvh;width:100%;display:flex;justify-content:center;align-items:center}.game-frame{overflow:hidden;max-width:1920px;max-height:1080px;width:100%;height:100%}.game-level-container,.level-select-container{transition:transform 350ms ease-out}.game-mode-nav-button-inactive,.game-mode-nav-button-active{font-family:"Fredoka One";font-size:20px;padding:4px 16px;border-radius:5px}.game-mode-nav-button-container{display:flex;gap:8px;align-items:center;grid-row:1;grid-column:1;place-self:start center;padding-top:32px}@media only screen and (max-width: 1366px){.game-mode-nav-button-container{padding-top:16px}}@media only screen and (max-width: 768px){.game-mode-nav-button-container{padding-top:8px}}@media only screen and (max-width: 768px){.game-mode-nav-button-container{place-self:start start;padding-left:32px}}@media only screen and (max-width: 768px)and (max-width: 1366px){.game-mode-nav-button-container{padding-left:16px}}@media only screen and (max-width: 768px)and (max-width: 768px){.game-mode-nav-button-container{padding-left:8px}}.game-mode-nav-button-active{color:#ede5da;background:#7daeb4}.game-mode-nav-button-inactive{color:#413f38;opacity:.5;cursor:pointer;transition:transform 100ms ease-out}@media only screen and (hover: hover)and (pointer: fine){.game-mode-nav-button-inactive:hover{transform:scale(1.1)}}.game-mode-nav-button-inactive:active{filter:brightness(1.2)}.generate-levels-button-generating-container,.generate-levels-button-hold,.generate-levels-button{width:250px;height:40px;padding:8px 16px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin:0 auto;color:#ede5da;font-size:20px;font-family:"Fredoka One"}.generate-levels-button{cursor:pointer;background:#7daeb4}.generate-levels-button-hold{cursor:pointer}.generate-levels-button-generating-container{gap:8px;background:#7daeb4}.generate-levels-button-spinner{animation:rotate 1s ease-in-out infinite}.game-level-grid{grid-row:1;grid-column:1;place-self:center center;position:relative}@media only screen and (max-width: 768px){.game-level-grid{grid-row:2;place-self:start center}}.game-piece-tray{grid-row:2;grid-column:1;place-self:start center;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:8px 16px;background:#413f38;width:fit-content;max-width:100%;flex-wrap:wrap;touch-action:none}@media only screen and (max-height: 1080px){.game-piece-tray{border-radius:10px 10px 0px 0px}}@media only screen and (max-width: 768px){.game-piece-tray{grid-row:3;border-radius:20px;padding:0}}.piece-tray-dot{border-radius:5px;background:#7daeb4}.tray-gap-outline-dot{border:2px dashed;background:none;border-color:#7daeb4;border-radius:5px}.level-select-level{display:flex;flex-direction:column;gap:16px;align-items:center}.level-select-level-preview{cursor:pointer;transition:transform 100ms ease-out;position:relative}@media only screen and (hover: hover)and (pointer: fine){.level-select-level-preview:hover{transform:scale(1.1)}}.level-select-container{width:100%;height:100%;padding:32px;position:relative;max-width:1920px;margin:0 auto;display:flex;flex-direction:column;gap:16px}@media only screen and (max-width: 1366px){.level-select-container{padding:16px 32px}}@media only screen and (max-width: 768px){.level-select-container{padding:8px 16px}}.level-select-levels-and-bar-container{overflow-y:scroll;padding-left:inherit;padding-right:inherit}.level-select-levels-container{display:flex;flex-wrap:wrap;gap:64px;justify-content:center;transition:opacity 100ms ease-out}.level-select-number-active-level,.level-select-number{font-family:"Fredoka One";font-size:30px}.level-select-number{color:#413f38}.level-select-active-level-text-container{display:flex;align-items:center;gap:4px}.level-select-number-active-level{color:#7daeb4}.level-select-active-level-bubble{width:10px;height:10px;border-radius:50%;background:#7daeb4}.game-level-container{width:100%;height:100%;max-width:1150px;margin:0 auto;animation:fade-in 500ms ease-out;display:grid;grid-template-rows:1fr auto}@media only screen and (max-width: 768px){.game-level-container{grid-template-rows:1fr auto auto auto;gap:16px;padding-bottom:8px}}.level-select-progress-bar-container{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;width:100%}.level-select-progress-bar-text{font-size:24px;font-family:"Fredoka One";text-align:center;color:#413f38}.level-select-progress-bar-background{width:500px;height:15px;border-radius:10px;background:#413f38;position:relative;transition:width 100ms ease-out}@media only screen and (max-width: 768px){.level-select-progress-bar-background{width:90%}}.ui-button{border-radius:5px;padding:8px 16px;background:#eee9ff;text-align:center;width:fit-content;font-size:16px;font-weight:bold;color:#a085fe;cursor:pointer;transition:transform 100ms ease-out}@media only screen and (hover: hover)and (pointer: fine){.ui-button:hover{transform:scale(1.1)}}.ui-button:active{filter:brightness(1.2)}.level-select-progress-bar-fill{height:100%;width:0%;position:absolute;left:0px;top:0px;background:#7daeb4;transition:width 100ms ease-out;border-radius:10px}.credits-container{display:flex;flex-direction:column;gap:8px}.credits-line-subtext,.credits-line-source,.credits-line-type{font-family:"Fredoka One";color:#413f38;text-align:center}.credits-contents-container{display:flex;flex-direction:column;gap:16px}.credits-line-type{font-size:14px}.credits-line-source{font-size:20px}.credits-line-subtext{font-size:16px}.credits-link{outline:none;text-decoration:underline;color:#fecb66}.piece-container-grid-small,.piece-container-grid-small-dragged{display:grid;gap:5px;cursor:pointer;transition:transform 100ms ease-out;padding:16px}.piece-container-grid-small>div,.piece-container-grid-small-dragged>div{width:25px;height:25px;border-radius:5px}@media only screen and (hover: hover)and (pointer: fine){.piece-container-grid-small:hover,.piece-container-grid-small-dragged:hover{transform:scale(1.1)}}.piece-container-grid-small:active,.piece-container-grid-small-dragged:active{cursor:none}@media only screen and (max-width: 1024px){.piece-container-grid-small>div,.piece-container-grid-small-dragged>div{width:20px;height:20px}}@media only screen and (max-width: 768px){.piece-container-grid-small>div,.piece-container-grid-small-dragged>div{width:12px;height:12px;border-radius:3px}}.piece-container-grid-small-dragged>.piece-tray-dot{background:#fecb66}.piece-container-grid-small-dragged>.tray-gap-outline-dot{border-color:#fecb66}.piece-container-grid-big,.piece-container-grid-big-dragged{display:grid;gap:16px}.piece-container-grid-big>div,.piece-container-grid-big-dragged>div{width:50px;height:50px;border-radius:10px}.piece-container-grid-big-dragged>.piece-tray-dot{background:#fecb66}.piece-container-grid-big-dragged>.tray-gap-outline-dot{border-color:#fecb66}.end-screen-container{width:100%;height:inherit;opacity:0}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes pop-in{0%{transform:scale(1.25)}100%{transform:scale(1)}}.end-screen-credits-container{animation:fade-in 500ms ease-out;display:flex;flex-direction:column}@media only screen and (max-width: 480px){.end-screen-credits-container{padding:0 16px}}.end-screen-thank-you-text{font-family:"Fredoka One";font-size:30px;color:#413f38;margin-bottom:16px;text-align:center}.end-screen-back-button{margin:32px auto 0 auto;cursor:pointer;transition:transform 100ms ease-out}@media only screen and (hover: hover)and (pointer: fine){.end-screen-back-button:hover{transform:scale(1.1)}}.settings-container{grid-row:1;grid-column:1;place-self:start end;display:flex;gap:16px;align-items:center;padding-top:32px;padding-right:32px}@media only screen and (max-width: 1366px){.settings-container{padding-top:16px}}@media only screen and (max-width: 768px){.settings-container{padding-top:8px}}@media only screen and (max-width: 1366px){.settings-container{padding-right:16px}}@media only screen and (max-width: 768px){.settings-container{padding-right:8px}}@media only screen and (max-width: 480px){.settings-container{gap:8px}}.settings-icon,.settings-icon-duo-container{width:32px;height:32px;cursor:pointer;transition:transform 100ms ease-out}@media only screen and (hover: hover)and (pointer: fine){.settings-icon:hover,.settings-icon-duo-container:hover{transform:scale(1.1)}}.settings-icon-duo-container{position:relative}.settings-icon-toggleable{transition:opacity 150ms ease-out}.settings-icon-with-tooltip-container{position:relative}.close-game-tooltip{padding:8px 16px;width:160px;background:#413f38;border-radius:5px;opacity:0;font-family:"Fredoka One";text-align:center;line-height:1.5;color:#ede5da;transition:opacity 150ms ease-out;pointer-events:none;position:absolute;left:-168px;top:0px}.generate-levels-first-time-container{display:flex;flex-direction:column;gap:16px}.generate-levels-first-time-text{font-family:"Fredoka One";font-size:16px;color:#413f38;line-height:1.5;text-align:center;max-width:250px}.new-game-use-piece-bobbing-hint{animation:new-game-piece-bob 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite}@media only screen and (hover: none)and (pointer: coarse){.new-game-dragged-piece-touch-visibility-increase{transform:scale(1.5)}}@keyframes new-game-piece-bob{50%{transform:scale(1.3)}}/*# sourceMappingURL=style.css.map */