@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Open+Sans&display=swap";
.Browser2048Game{text-align:center;box-sizing:border-box;overscroll-behavior:contain;justify-content:center;align-items:flex-start;width:100%;padding:1rem;font-family:Open Sans,sans-serif;display:flex;position:relative}.Browser2048Game a{color:#fff}.Browser2048Game a:hover{color:#fffd}.Browser2048GameInner{text-align:center;overscroll-behavior:contain;box-sizing:border-box;background-color:#e76f51;border-radius:2rem;width:100%;padding:1rem;font-family:Open Sans,sans-serif;position:relative;overflow:hidden}.Browser2048Game .boardcontainer{aspect-ratio:1;touch-action:none;box-sizing:border-box;background-color:#264653;border:6px solid #264653;border-radius:16px;width:100%;max-width:400px;margin:0 auto 10px;position:relative}.Browser2048Game #displayboard,.Browser2048Game #board{box-sizing:border-box;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.Browser2048Game #displayboard{z-index:1}.Browser2048Game #board{z-index:2;touch-action:none}.Browser2048Game .displaytile,.Browser2048Game .tile{color:#f5f5f5;box-sizing:border-box;will-change:transform;background-color:#2a9d8f;border-radius:8px;justify-content:center;align-items:center;width:auto;height:auto;margin:5px;font-size:clamp(20px,6vw,35px);font-weight:700;transition-property:transform;display:flex}.Browser2048Game .tile.empty{box-shadow:none!important;background-color:#0000!important;border:none!important}.gameoversection{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#e76f5199;border-radius:2rem;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.gameoversection.visible{animation:.5s fadein;display:flex}.gameoversection .gameover{color:#f5f5f5;background-color:#264653;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:300px;height:200px;font-family:sans-serif;animation:.5s cubic-bezier(.175,.885,.32,1.275) gameoverslide;display:flex;box-shadow:0 10px 25px #0000004d}.gameoversection p.message{margin:0;font-family:Montserrat,sans-serif;font-size:clamp(30px,8vw,40px);font-weight:700}.gameoversection #finalScore{margin:5px 0 15px;font-size:18px}.gameoversection #goreset{cursor:pointer;background-color:#ecc230;border:4px solid #264653;border-radius:10px;width:fit-content;padding:8px 16px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}.Browser2048Game .new{animation:.2s ease-in-out backwards appear}.Browser2048Game .merged{z-index:20;animation:.2s ease-in-out backwards pop}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes gameoverslide{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.Browser2048Game h1,.Browser2048Game h2{margin:10px;font-family:Montserrat,sans-serif}.Browser2048Game h1{font-size:clamp(35px,10vw,50px)}.Browser2048Game .desc h2{margin-top:0}.Browser2048Game .desc p{color:#f5f5f5;margin:5px 0;font-size:.9rem}.Browser2048Game p.heading{color:#f5f5f5;margin-bottom:10px;font-style:italic}.Browser2048Game div.header{justify-content:center;align-items:center;gap:20px;margin-top:10px;display:flex}.Browser2048Game #score{font-weight:700}.Browser2048Game .x2{color:#727371;background-color:#eee4da}.Browser2048Game .x4{color:#727371;background-color:#ece0ca}.Browser2048Game .x8{color:#fff;background-color:#f4b17a}.Browser2048Game .x16{color:#fff;background-color:#f59575}.Browser2048Game .x32{color:#fff;background-color:#f57c5f}.Browser2048Game .x64{color:#fff;background-color:#f65d3b}.Browser2048Game .x128{color:#fff;background-color:#edce71}.Browser2048Game .x256{color:#fff;background-color:#edcc63;box-shadow:0 0 10px #ffff3b}.Browser2048Game .x512{color:#fff;background-color:#edc651}.Browser2048Game .x1024{color:#fff;background-color:#eec744}.Browser2048Game .x2048{color:#fff;background-color:#ecc230}.Browser2048Game .x4096{color:#fff;background-color:#fe3d3d}.Browser2048Game .x8192{color:#fff;background-color:#ff2020}.Browser2048Game #reset{cursor:pointer;background-color:#ecc230;border:4px solid #264653;border-radius:10px;margin:15px auto;padding:10px 20px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700}