@-webkit-keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}@keyframes move-up{0%{top:25px;opacity:1}to{top:-50px;opacity:0}}.score-addition{position:absolute;right:30px;font-size:1.5rem;line-height:1.5em;font-weight:700;z-index:1;-webkit-animation:move-up .6s ease-in;-moz-animation:move-up .6s ease-in;animation:move-up .6s ease-in;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}.scores-container{position:relative;display:flex}.scores-container>*:before{display:block;font-size:.7em;margin-bottom:.3em}.scores-container>*{font-size:1.3em;text-align:center;margin:auto}.scores-container>*:first-child{margin-right:1em}.score-container:before{content:"\6b65\6578"}.best-container:before{content:"\6700\4f73"}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.game-container{--screen-size: min(80dvw, min(75dvh, 700px ));--padding-size: calc(var(--screen-size) * .03);--cell-size: calc(var(--screen-size) * .2125);margin:auto;margin-top:1rem;position:relative;padding:var(--padding-size);cursor:default;-webkit-touch-callout:none;-ms-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--bg-dark);border-radius:2rem;width:var(--screen-size);height:var(--screen-size)}.game-container .game-message{display:none;position:absolute;z-index:5;inset:0;background-color:color-mix(in srgb,var(--bg),transparent 30%);border-radius:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;animation:fade-in .8s ease 1.2s;animation-fill-mode:both}.game-container .game-message.game-won,.game-container .game-message.game-over{display:flex}.game-container .game-message p{font-size:3em;font-weight:700;margin:auto}.game-container .game-message .lower{display:none}.elsb-grid-container{position:absolute;z-index:1}.elsb-grid-row{margin-bottom:var(--padding-size)}.elsb-grid-row:last-child{margin-bottom:0}.elsb-grid-row:after{content:"";display:block;clear:both}.elsb-grid-cell{width:var(--cell-size);height:var(--cell-size);margin-right:var(--padding-size);float:left;border-radius:1.25rem;background:var(--bg-light)}.elsb-grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2;--first: 0px;--second: calc(var(--screen-size) * .94 * .258);--third: calc(var(--second) * 2);--forth: calc(var(--second) * 3)}.tile,.tile .tile-inner{width:var(--cell-size);height:var(--cell-size);line-height:var(--cell-size)}.tile.tile-position-1-1{transform:translate(var(--first),var(--first))}.tile.tile-position-1-2{transform:translate(var(--first),var(--second))}.tile.tile-position-1-3{transform:translate(var(--first),var(--third))}.tile.tile-position-1-4{transform:translate(var(--first),var(--forth))}.tile.tile-position-2-1{transform:translate(var(--second),var(--first))}.tile.tile-position-2-2{transform:translate(var(--second),var(--second))}.tile.tile-position-2-3{transform:translate(var(--second),var(--third))}.tile.tile-position-2-4{transform:translate(var(--second),var(--forth))}.tile.tile-position-3-1{transform:translate(var(--third),var(--first))}.tile.tile-position-3-2{transform:translate(var(--third),var(--second))}.tile.tile-position-3-3{transform:translate(var(--third),var(--third))}.tile.tile-position-3-4{transform:translate(var(--third),var(--forth))}.tile.tile-position-4-1{transform:translate(var(--forth),var(--first))}.tile.tile-position-4-2{transform:translate(var(--forth),var(--second))}.tile.tile-position-4-3{transform:translate(var(--forth),var(--third))}.tile.tile-position-4-4{transform:translate(var(--forth),var(--forth))}.tile{position:absolute;transition:.1s ease-in-out;transition-property:transform}.tile .tile-inner{border-radius:1.25rem;color:#fff;background-color:var(--tile-theme);text-align:center;font-family:var(--title-font);font-size:calc(var(--screen-size) * .12)}.tile.tile-2{--tile-theme: #507595}.tile.tile-4{--tile-theme: #4C71B3 }.tile.tile-8{--tile-theme: #4168E0 }.tile.tile-16{--tile-theme: #383838 }.tile.tile-32{--tile-theme: #C07C00 }.tile.tile-64{--tile-theme: #D13900 }.tile.tile-128{--tile-theme: #C04949 }.tile.tile-256{--tile-theme: #A28663 }.tile.tile-512{--tile-theme: #DF5C9D }.tile.tile-1024{--tile-theme: #1F9D7A }.tile.tile-2048{--tile-theme: #003AA2 }.tile.tile-super{font-size:inherit}@-webkit-keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tile-new .tile-inner{animation:appear .2s ease .1s;animation-fill-mode:backwards}@-webkit-keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tile-merged .tile-inner{z-index:20;animation:pop .2s ease .1s;animation-fill-mode:backwards}.above-game:after{content:"";display:block;clear:both}[data-theme=light] .tile.tile-2{--tile-theme: #688FB1}[data-theme=light] .tile.tile-4{--tile-theme: #5D8ADC }[data-theme=light] .tile.tile-8{--tile-theme: #4168E0 }[data-theme=light] .tile.tile-16{--tile-theme: #717171 }[data-theme=light] .tile.tile-32{--tile-theme: #FFAC13 }[data-theme=light] .tile.tile-64{--tile-theme: #FF4702 }[data-theme=light] .tile.tile-128{--tile-theme: #C04949 }[data-theme=light] .tile.tile-256{--tile-theme: #C09F75 }[data-theme=light] .tile.tile-512{--tile-theme: #FF75BA }[data-theme=light] .tile.tile-1024{--tile-theme: #24BA90 }[data-theme=light] .tile.tile-2048{--tile-theme: #003AA2 }