.title-text{font-size:1.5em;text-align:center;color:#060425;text-shadow:5px 5px rgb(142,174,233)}.details-container{height:min-content;width:80vw;background-color:#8eaee9;opacity:.8;border-radius:15px;border-color:transparent;padding:25px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.details-text{font-size:.75em;margin:0;transition:all ease .5s;max-height:300px;height:max-content;overflow:hidden}.details-toggler{display:none;background-color:#759de6;flex-direction:row;justify-content:space-between;align-items:center;padding:10px}.details-toggler-title{color:#081d45;font-size:.8em;text-align:center;margin:0 10px}.details-toggler-icon{cursor:pointer;height:24px;width:24px;transition:all ease .8s}.details-toggler-icon.expanded{transform:rotate(180deg)}.type-text{font-size:.85em;text-align:center;color:#081d45;margin-top:40px;margin-bottom:20px}.choice-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.choice-squares-container{display:grid;border-color:transparent;border-radius:5px;padding:2px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.choice-squares-container.--3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.choice-squares-container.--4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.app-container:has(.--3),.app-container .choice-squares-container.--3{--no-of-tiles: 3}.app-container:has(.--4),.app-container .choice-squares-container.--4{--no-of-tiles: 4}.choice-squares-container:hover{box-shadow:0 0;border:1px solid rgba(0,0,0,.2)}.choice-square{width:var(--choice-square-size);height:var(--choice-square-size);margin:var(--choice-square-margin);background-color:#fff}.choice-square:hover{background-color:#081d45}.orText{width:50px;margin:0;margin-right:12vmin;margin-left:calc(12vmin + var(--choice-square-size));color:#081d45}@media (max-width: 992px){.title-text{margin-top:50px}.details-container{border-radius:5px;padding:5px;box-shadow:0 0}.details-text{visibility:hidden;height:0;padding:0}.details-text.active{visibility:visible;height:auto;padding:15px;overflow:auto}.details-toggler{display:flex}.type-text{font-size:1em}.orText{width:35px}}@media (max-width: 500px){.orText{width:20px}}.back-btn{color:#8eaee9;background-color:#6e0404;display:flex;justify-content:center;align-items:center}.back-btn:hover{text-decoration:none;background-color:#3b0202;color:#8eaee9}.back-btn :focus{outline:none;box-shadow:none}.back-btn :link,.back-btn :visited{text-decoration:none}.reset-btn{cursor:pointer;color:#8eaee9;background-color:#081d45}.reset-btn:active,.reset-btn:link,.reset-btn:visited{text-decoration:none}.reset-btn:hover{text-decoration:none;color:#8eaee9;background-color:#05132e}.reset-btn:focus{outline:none;box-shadow:none}.game-view-container{max-width:calc((var(--tile-size) * var(--no-of-tiles)) + (var(--game-container-padding) * 2));display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;padding-top:10px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.game-container{padding:var(--game-container-padding);background-color:#ccaf60;border-color:#000;border-style:solid;border-width:thin}.game{display:grid;background-color:#ccaf60}.game.--3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.game.--4{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.game-tile{box-sizing:border-box;width:var(--tile-size);max-width:var(--tile-size);height:var(--tile-size);max-height:var(--tile-size);font-weight:700;display:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:#000;background-color:#f2f2f2;color:#081d45;cursor:pointer;font-size:30px}.move-counter{width:calc(100% - (var(--game-container-padding) * 2));padding:0 var(--game-container-padding);display:flex;justify-content:space-between;text-align:center}.move-counter p{color:#081d45;margin:0}.game-btns-container{width:calc(100% - (var(--game-container-padding) * 2));padding:0 var(--game-container-padding);display:flex;justify-content:space-between;text-align:center}.game-btn{width:calc(var(--tile-size) * ((var(--no-of-tiles) / 2) - .1));height:calc(var(--tile-size) / 2);border-radius:5px;border-color:transparent;text-align:center;text-decoration:none;font-size:18px}.footer{margin-top:auto;padding-top:15px;padding-bottom:15px}.footer:before{content:"";position:absolute;border-top:1.5px solid rgb(142,174,233)}.credits-text{font-size:.75em;text-align:center;color:#060425;margin-bottom:5px}.repo-link:link,.repo-link:visited{color:#212529;background-color:transparent;text-decoration:none}.repo-link:hover,.repo-link:active{color:#8eaee9;background-color:transparent;text-decoration:none}.social-links{display:flex;flex-direction:row;justify-content:center;align-items:center}.social-links a{margin:0 10px}html{font-size:calc(112.5% + .5vw);font-weight:400;font-family:monospace}.swal2-confirm.swal2-styled{background-color:#6495ed}button{font-family:monospace}body{background-color:#6495ed}.app-container{display:flex;justify-content:center;align-items:center;flex-direction:column}:root{--no-of-tiles: 4;--choice-square-size: 3vmin;--choice-square-margin: 1px;--tile-size: 120px;--game-container-padding: 5px}@media (max-width: 1024px) and (min-width: 991px){.app-container,.app-container .game-tile{font-size:20px;--tile-size: 90px}}@media (max-width: 990px) and (min-width: 501px){.app-container,.app-container .game-tile{font-size:25px;--tile-size: 90px}}@media (max-width: 500px) and (min-width: 401px){.app-container,.app-container .game-tile{font-size:20px;--tile-size: 70px}}@media (max-width: 400px) and (min-width: 301px){.app-container,.app-container .game-tile{font-size:20px;--tile-size: 70px}}@media (max-width: 300px){.app-container,.app-container .game-tile{font-size:18px;--tile-size: 50px}.game-btn{height:calc(var(--tile-size) / 1.5)}}