html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.slideToBottom{animation:slideToBottom forwards ease}.slideToTop{animation:slideToTop forwards ease}.slideToRight{animation:slideToRight forwards ease}.slideToLeft{animation:slideToLeft forwards ease}@keyframes slideToBottom{0%{transform:translateY(-9.575rem)}to{transform:translate(0)}}@keyframes slideToTop{0%{transform:translateY(9.575rem)}to{transform:translate(0)}}@keyframes slideToRight{0%{transform:translate(9.575rem)}to{transform:translate(0)}}@keyframes slideToLeft{0%{transform:translate(-9.575rem)}to{transform:translate(0)}}@keyframes zoomInCenter{to{transform:scale(1) translate(-50%) rotate(0)}}.zoomInCenter{animation:zoomInCenter 1.5s ease-in-out forwards}@keyframes slideFromTop{to{opacity:1;transform:translate(-50%,100%) rotate(-33deg)}}.slideFromTop{animation:slideFromTop 2s forwards ease}@keyframes slideIn{to{bottom:15%;transform:translate(-50%,-50%);opacity:1}}.slideIn{animation:slideIn .6s forwards ease}@keyframes slideOut{0%{opacity:1;bottom:15%;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%)}}.slideOut{animation:slideOut .6s forwards ease}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-user-select:none;user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem}h1{font-size:4rem;font-weight:500;text-transform:uppercase}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{display:flex;justify-content:center;align-items:center;font-size:2.5rem;font-weight:500;padding:1.5rem;margin:0 3rem;border-radius:3px;cursor:pointer;transition:.4s;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn-white{color:#f1f1f1;border:3px solid rgb(241,241,241)}.btn-white:hover{background-color:#ffffff9b;color:#1a1a1a}.btn-white:active{background-color:#ffffffce;color:#1a1a1a}.btn-brown{background-color:#ffffff9b;color:#1a1a1a;border:3px solid rgb(26,26,26)}.btn-brown:hover{color:#f1f1f1;background-color:#0000009f;border:3px solid rgb(241,241,241)}.btn-brown:active{color:#f1f1f1;background-color:#000000d2;border:3px solid rgb(241,241,241)}.TileContainer{position:absolute;top:23rem;left:50%;flex-shrink:0;font-family:Calistoga,cursive;font-weight:700;font-size:3.5rem;padding:3rem;background-image:linear-gradient(#0003,#0003),url(/15Puzzle/assets/frame-2-D3zfDr3K.png);background-size:cover;box-shadow:inset 0 0 10px 4px #00000081;border-radius:7px;width:45rem;height:45rem;backface-visibility:hidden;transform:scale(.6) translate(-50%) rotate(15deg)}.TileContainer_box{width:100%;height:100%;background-image:linear-gradient(#00000080,#00000080),url(/15Puzzle/assets/box-D82AGWz3.jpg);box-shadow:inset 0 0 6px 4px #00000080;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);grid-gap:.3rem;padding:.5rem;border-radius:5px;backface-visibility:hidden;transform:translateZ(0) scale(1)}.Tile{backface-visibility:hidden;transform:translateZ(0) scale(1)}.Tile .item{filter:brightness(90%);display:flex;justify-content:center;align-items:center;width:100%;height:100%;animation-duration:.3s;backface-visibility:hidden;transform:translateZ(0) scale(1);cursor:pointer}.Tile .item-null{display:none}.Tile .item-1{background-image:url(/15Puzzle/assets/Layer-2-OPJ5PDAL.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-3{background-image:url(/15Puzzle/assets/Layer-4-BDUrcIc2.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-5{background-image:url(/15Puzzle/assets/Layer-6-1LSfVsES.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-7{background-image:url(/15Puzzle/assets/Layer-8-zu1PV6wl.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-9{background-image:url(/15Puzzle/assets/Layer-10-CrLX7Eax.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-11{background-image:url(/15Puzzle/assets/Layer-12-Bbtu6djo.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-13{background-image:url(/15Puzzle/assets/Layer-14-Z2m5u4_j.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-15{background-image:url(/15Puzzle/assets/Layer-16-Cw9zmSLB.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-2{background-image:url(/15Puzzle/assets/Layer-1-BwS8oZZn.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-4{background-image:url(/15Puzzle/assets/Layer-3-DLdD-an7.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-6{background-image:url(/15Puzzle/assets/Layer-5-B3TiatQ9.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-8{background-image:url(/15Puzzle/assets/Layer-7-DxgsISg-.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-10{background-image:url(/15Puzzle/assets/Layer-9-DuMgl7Jd.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-12{background-image:url(/15Puzzle/assets/Layer-11-BpQccInQ.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile .item-14{background-image:url(/15Puzzle/assets/Layer-13-CQoreHpD.png);background-size:cover;clip-path:polygon(10% 0,90% 0,100% 10%,100% 90%,90% 100%,10% 100%,0 90%,0 10%)}.Tile_num{display:inline-block;background-image:linear-gradient(#0000009a,#000000a2),url(/15Puzzle/assets/num-DAKf9D77.jpg);-webkit-background-clip:text;color:transparent;backface-visibility:hidden;transform:translateZ(0) scale(1)}.GameInit{font-family:Handlee,cursive;font-size:3.5rem;letter-spacing:1px;font-weight:700;opacity:0;position:absolute;top:13rem;left:25rem;cursor:pointer;color:#c9ba8f;text-shadow:0 0 8px rgba(0,0,0,.568);display:flex;justify-content:center;align-items:center;backface-visibility:hidden;transform:translate(-80%,-40%) rotate(-36deg)}.GameInit_btn{margin:1rem 0}.Welcome{color:#f1f1f1;position:absolute;height:100dvh;width:100vw;background-color:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.Welcome_title{display:flex;justify-content:center;align-items:center;backface-visibility:hidden;transform:translateZ(0) scale(1)}.Welcome_instructions{opacity:0;text-align:justify;display:flex;justify-content:center;align-items:center;line-height:3rem;font-size:1.6rem;position:absolute;bottom:0;left:50%;transform:translate(-50%);background-color:#00000080;border-radius:5px;width:60rem;backface-visibility:hidden}.Welcome_instructions p{display:inline-block;margin:5rem}.WinPage{opacity:0;font-family:Handlee,cursive;position:absolute;top:0;left:50%;width:100vw;height:100dvh;z-index:9999;background-color:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translate(-50%) scale(.5);animation:winAnimation 1.5s forwards ease}.WinPage_title{font-size:7rem;font-weight:500;word-spacing:.5rem;color:#f1f1f1;margin-bottom:8rem;text-align:center}.WinPage_image{position:relative}.WinPage_image img{width:auto;height:60vh}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-weight:700;font-size:5rem;color:#fc6}@keyframes winAnimation{to{transform:translate(-50%) scale(1);opacity:1}}.App{position:relative;height:100dvh;width:100vw;background-image:linear-gradient(#0003,#0003),url(/15Puzzle/assets/bg-CgFGgP9n.jpg);background-size:cover;background-position:top left;overflow:hidden}@media only screen and (max-width:1700px){html{font-size:55%}}@media only screen and (max-width:1460px){html{font-size:48%}.GameInit{top:8rem;left:20rem}}@media only screen and (max-width:1125px){.GameInit{font-size:3rem;top:8rem;left:20rem}}@media only screen and (max-width:830px){*{cursor:default}.TileContainer{top:35dvh}.TileContainer .item{cursor:default}.Welcome_instructions{font-size:14px;width:100vw;line-height:18px}.Welcome_instructions p{display:inline-block;margin:10px}}@media only screen and (max-width:480px){*{cursor:default}.GameInit{font-size:20px;top:6rem;left:16rem}.TileContainer{top:30dvh}.TileContainer .item{cursor:default}.Welcome_instructions{font-size:14px;width:100vw;line-height:17px}.Welcome_instructions p{margin:10px}}@media only screen and (max-width:375px){*{cursor:default}html{font-size:35%}.btn{width:auto;font-size:15px;padding:10px;margin:0 20px}.GameInit{font-size:3rem;top:8rem;left:18rem}.TileContainer{top:30dvh}.TileContainer .item{cursor:default}.WinPage_title{font-size:5rem;font-weight:500;word-spacing:.5rem;margin-bottom:5rem;text-align:center}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-weight:700;font-size:3rem}}@media only screen and (max-height:500px)and (max-width:375px){*{cursor:default}html{font-size:35%}.btn{width:auto;font-size:15px;padding:10px;margin:0 20px}.GameInit{font-size:2.3rem;top:7rem;left:16rem}.TileContainer{top:35dvh}.TileContainer .item{cursor:default}.WinPage_title{font-size:5rem;font-weight:500;word-spacing:.5rem;margin-bottom:5rem;text-align:center}.WinPage_image .fig{position:absolute;bottom:5%;left:50%;transform:translate(-50%);font-weight:700;font-size:3rem}}