body{background-image:url(/images/igre/puzzli/puzzli_bg.jpg);background-size:cover;background-position:50% 50%;background-attachment:fixed}body.loading{cursor:wait}body.loading .pg__item{cursor:wait !important}.igre__header{position:absolute;top:1.5em;left:1.5em;z-index:100;display:flex;align-items:center;gap:1em;text-transform:uppercase}.igre__header>a:first-child{width:10em}.header__icons{position:absolute;top:1.5em;right:1.5em;left:auto;bottom:auto;width:auto;z-index:100;background-color:transparent;box-shadow:none}.b--gradient{background:linear-gradient(45deg, #ec4d0c 0%, #fe8c20 100%);border:0;border-radius:1.5em;color:#fff;font-family:"karmina", serif;padding:0.65em 1.5em;min-width:6em;transition:background 0.4s}.b--gradientGreen{background:linear-gradient(45deg, #457240 0%, #8FC85A 100%);border:0;border-radius:1.5em;color:#fff;font-family:"karmina", serif;padding:0.65em 1.5em;min-width:6em;transition:background 0.4s}.b--gradient:hover{background:linear-gradient(45deg, #ec4d0c 0%, #ec4d0c 100%)}.puzzleCanvas{position:relative;width:100%;height:100%;min-height:100vh;border:1px solid #ccc;display:flex;justify-content:center;align-items:center}.form-group{position:absolute;bottom:0;left:0;width:100%;overflow:auto;background-color:#fff;display:flex;justify-content:center;align-items:center}.form-group .b{margin:0.5em}.puzzleGrid{display:grid;grid-template-columns:1fr;gap:1em;margin-top:2em}.puzzleGrid__wrapp{position:relative;padding:1.5em;text-align:center}.puzzleGrid__wrapp h1{margin-top:2em}.pg__item{position:relative;width:100%;cursor:pointer;border-radius:0.4em;overflow:hidden}.pg__item .b{position:absolute;top:50%;left:50%;background-color:#F89C3E;color:#fff;opacity:0;white-space:nowrap;transform:translate(-50%, 0);transition:opacity 0.3s, transform 0.3s}.pg__item .b .icon{transform:rotate(-180deg);color:#fff}.pg__item:hover .b{transform:translate(-50%, -50%);opacity:1}.puzzleSolve{display:none}.puzzleSolve__close{position:absolute;bottom:1em;right:1em;width:2.5em;height:2.5em;z-index:110;border-radius:50%;cursor:pointer;background-color:#fff;color:#457240}.puzzleSolve__close .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:70%;font-size:1.2em}.footer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2em;padding:1em;background-color:#fff}.footer a:nth-child(1) img{max-width:12em}.footer a:nth-child(2) img{max-width:12em}.footer a:nth-child(3) img{max-width:8em}.playing .footer{display:none}@media (min-width:65em){.footer a:nth-child(1) img{max-width:16em}.footer a:nth-child(2) img{max-width:16em}.footer a:nth-child(3) img{max-width:12em}}@media (min-width:30.0625em){.igre__header{left:3em}.puzzleGrid__wrapp{padding:3em}}@media (min-width:48em){.puzzleGrid{grid-template-columns:repeat(2, 1fr);max-width:1184px;margin-left:auto;margin-right:auto}.footer{flex-direction:row}}@media (min-width:75em){.puzzleGrid{grid-template-columns:repeat(4, 1fr)}}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:200;width:90vw;max-width:30em;padding:2em 1em 1em 1em;border-radius:0.8em;background-color:#fff;color:#457240;text-align:center;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75)}.dialog[aria-hidden="true"]{display:none}.dialog img{display:inline-block;max-width:15em;border-radius:0.4em}.difficulty__levels{display:flex;flex-direction:column;align-items:center;gap:0.5em}.gameActions__actions{display:flex;flex-direction:column;align-items:center;gap:0.5em}.btnClose{position:absolute;top:1em;right:1em;margin-top:0;border-radius:50%;background-color:#457240;color:#fff;font-size:1.3em}@media (max-width:47.9375em){#difficulty h2{font-size:1.4em;padding:0 1.8em}#difficulty .btnClose{position:absolute;top:0.5em;right:0.5em}}@media (min-width:30.0625em){.difficulty__levels{flex-direction:row;justify-content:center}}@media (min-width:65em){.dialog{padding:3em}.dialog img{max-width:20em}}#confetti-canvas{display:none;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.gameOver #confetti-canvas{display:block}#hint{display:none;position:fixed;right:0;top:50%;padding:0.5em;width:20vw;transform:rotate(10deg) translate(70%, -50%);transition:transform 0.7s, width 0.7s;background-color:#fff;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.75);text-align:center}#hint img{border:1px solid #bbb}#hint p{margin-top:0.3em}#hint:hover{width:50vw;transform:rotate(2deg) translate(5%, -50%)}.playing #hint{display:block}@media only screen and (max-width:23em){.dialog{font-size:0.8em}.difficulty__levels{flex-direction:row;justify-content:center}.difficulty__levels .b{white-space:nowrap}#hint p{display:none}}@media only screen and (max-width:65em){.difficulty__levels .b:last-child{display:none}}