body,html{margin:0;padding:0;background-color:#f4f0ea;background-repeat:no-repeat;background-attachment:fixed;background-position:center;color:#7a675b;font-family:"LXGW WenKai","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:25px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:80px 0}.heading{display:flex;justify-content:space-between;align-items:center}h1.title{font-size:80px;font-weight:800;margin:0;line-height:1;color:#8c6e56;letter-spacing:2px;text-shadow:0 2px 6px rgba(122,103,91,.15)}@keyframes move-up{0%{top:25px;opacity:1}100%{top:-50px;opacity:0}}.scores-container{text-align:right}.best-container,.score-container{position:relative;display:inline-block;background:#9a7b61;padding:15px 25px;font-size:25px;height:25px;line-height:47px;font-weight:700;border-radius:12px;color:#fffdf9;margin-top:0;text-align:center;box-shadow:0 4px 14px rgba(122,103,91,.14),inset 0 1px 0 rgba(255,255,255,.08)}.best-container:after,.score-container:after{position:absolute;width:100%;top:10px;left:0;text-transform:uppercase;font-size:13px;line-height:13px;text-align:center;color:#f4e4d0;letter-spacing:1px}.best-container .score-addition,.score-container .score-addition{position:absolute;right:30px;font-size:25px;line-height:25px;font-weight:700;color:rgba(122,103,91,.9);z-index:100;animation:move-up .6s ease-in;animation-fill-mode:both}.score-container:after{content:"分数"}.best-container:after{content:"最佳"}p{margin-top:0;margin-bottom:10px;line-height:1.65}a{color:#fff;font-weight:700;text-decoration:underline;cursor:pointer}strong.important{text-transform:uppercase}hr{border:none;border-bottom:1px solid #e0d6cb;margin:20px 0 30px}.container{width:500px;margin:0 auto}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.game-container{margin-top:40px;position:relative;padding:15px;background:#c9b39a;border-radius:16px;width:500px;height:500px;box-sizing:border-box;box-shadow:0 12px 30px rgba(122,103,91,.14),inset 0 1px 0 rgba(255,255,255,.12)}.game-container .game-message{display:none;position:absolute;inset:0;background:rgba(244,240,234,.72);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:100;text-align:center;border-radius:16px;animation:fade-in .8s ease 1.2s;animation-fill-mode:both}.game-container .game-message p{font-size:60px;font-weight:700;height:60px;line-height:60px;margin-top:222px;color:#7a675b}.game-container .game-message .lower{display:block;margin-top:59px}.game-container .game-message a{display:inline-block;background:#9a7b61;border-radius:10px;padding:0 20px;text-decoration:none;color:#fffdf9;height:40px;line-height:42px;margin-left:9px}.game-container .game-message a.keep-playing-button{display:none}.game-container .game-message.game-won{background:rgba(201,170,113,.55);color:#fffdf9}.game-container .game-message.game-won p{color:#fffdf9}.game-container .game-message.game-won a.keep-playing-button{display:inline-block}.game-container .game-message.game-over,.game-container .game-message.game-won{display:block}.grid-container{position:absolute;z-index:1}.grid-row{margin-bottom:15px}.grid-row:last-child{margin-bottom:0}.grid-row:after{content:"";display:block;clear:both}.grid-cell{width:106.25px;height:106.25px;margin-right:15px;float:left;border-radius:6px;background:rgba(255,253,249,.28)}.grid-cell:last-child{margin-right:0}.tile-container{position:absolute;z-index:2}.tile,.tile .tile-inner{width:107px;height:107px;line-height:107px}.tile.tile-position-1-1{transform:translate(0,0)}.tile.tile-position-1-2{transform:translate(0,121px)}.tile.tile-position-1-3{transform:translate(0,242px)}.tile.tile-position-1-4{transform:translate(0,363px)}.tile.tile-position-2-1{transform:translate(121px,0)}.tile.tile-position-2-2{transform:translate(121px,121px)}.tile.tile-position-2-3{transform:translate(121px,242px)}.tile.tile-position-2-4{transform:translate(121px,363px)}.tile.tile-position-3-1{transform:translate(242px,0)}.tile.tile-position-3-2{transform:translate(242px,121px)}.tile.tile-position-3-3{transform:translate(242px,242px)}.tile.tile-position-3-4{transform:translate(242px,363px)}.tile.tile-position-4-1{transform:translate(363px,0)}.tile.tile-position-4-2{transform:translate(363px,121px)}.tile.tile-position-4-3{transform:translate(363px,242px)}.tile.tile-position-4-4{transform:translate(363px,363px)}.tile{position:absolute;transition:120ms ease-in-out;transition-property:transform}.tile .tile-inner{border-radius:6px;color:transparent;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:10;font-size:55px;box-shadow:0 2px 6px rgba(122,103,91,.14)}.tile.tile-2 .tile-inner{background-image:url(/2048/2.jpg)}.tile.tile-4 .tile-inner{background-image:url(/2048/4.jpg)}.tile.tile-8 .tile-inner{background-image:url(/2048/8.jpg)}.tile.tile-16 .tile-inner{background-image:url(/2048/16.jpg)}.tile.tile-32 .tile-inner{background-image:url(/2048/32.jpg)}.tile.tile-64 .tile-inner{background-image:url(/2048/64.jpg)}.tile.tile-128 .tile-inner{background-image:url(/2048/128.jpg)}.tile.tile-256 .tile-inner{background-image:url(/2048/256.jpg)}.tile.tile-512 .tile-inner{background-image:url(/2048/512.jpg)}.tile.tile-1024 .tile-inner{background-image:url(/2048/1024.jpg)}.tile.tile-2048 .tile-inner{background-image:url(/2048/2048.jpg)}.tile.tile-super .tile-inner{color:#fffdf9;background:#5c4a3e;font-size:30px}@media screen and (max-width:520px){.tile.tile-super .tile-inner{font-size:10px}}@keyframes appear{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}.tile-new .tile-inner{animation:appear .2s ease .1s;animation-fill-mode:backwards}@keyframes pop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{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}.game-intro{float:left;line-height:42px;margin-bottom:0}.game-container .game-message a,.restart-button,.return-button{display:inline-block;background:#9a7b61;border-radius:10px;padding:0 20px;text-decoration:none;color:#fffdf9;height:42px;line-height:42px;text-align:center;transition:all .18s ease;box-shadow:0 4px 14px rgba(122,103,91,.12)}.game-container .game-message a:hover,.restart-button:hover,.return-button:hover{background:#8c6e56;transform:translateY(-1px);box-shadow:0 6px 18px rgba(122,103,91,.18)}.game-container .game-message a:active,.restart-button:active,.return-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(122,103,91,.18)}.return-button{clear:both;float:left;width:48%;box-sizing:border-box;margin-top:20px}.restart-button{float:right;width:48%;box-sizing:border-box;margin-top:20px}.game-explanation{margin-top:50px}@media screen and (max-width:520px){body,html{font-size:15px}body{margin:20px 0;padding:0 20px}.heading{margin-top:15px;margin-bottom:10px}h1.title{font-size:27px;margin-top:0}.container{width:280px;margin:0 auto}.best-container,.score-container{margin-top:0;padding:15px 10px;min-width:40px}.game-intro{width:55%;display:block;box-sizing:border-box;line-height:1.65}.return-button{clear:both;float:left;width:48%;padding:0;margin-top:15px}.restart-button{float:right;width:48%;padding:0;margin-top:15px}.game-container{margin-top:17px;position:relative;padding:10px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:none;background:#c9b39a;border-radius:12px;width:280px;height:280px;box-sizing:border-box;box-shadow:0 8px 20px rgba(122,103,91,.14)}.grid-row{margin-bottom:10px}.grid-row:last-child{margin-bottom:0}.grid-cell{width:57.5px;height:57.5px;margin-right:10px;float:left;border-radius:4px;background:rgba(255,253,249,.28)}.tile,.tile .tile-inner{width:58px;height:58px;line-height:58px}.tile.tile-position-1-1{transform:translate(0,0)}.tile.tile-position-1-2{transform:translate(0,67px)}.tile.tile-position-1-3{transform:translate(0,135px)}.tile.tile-position-1-4{transform:translate(0,202px)}.tile.tile-position-2-1{transform:translate(67px,0)}.tile.tile-position-2-2{transform:translate(67px,67px)}.tile.tile-position-2-3{transform:translate(67px,135px)}.tile.tile-position-2-4{transform:translate(67px,202px)}.tile.tile-position-3-1{transform:translate(135px,0)}.tile.tile-position-3-2{transform:translate(135px,67px)}.tile.tile-position-3-3{transform:translate(135px,135px)}.tile.tile-position-3-4{transform:translate(135px,202px)}.tile.tile-position-4-1{transform:translate(202px,0)}.tile.tile-position-4-2{transform:translate(202px,67px)}.tile.tile-position-4-3{transform:translate(202px,135px)}.tile.tile-position-4-4{transform:translate(202px,202px)}.tile .tile-inner{font-size:35px;border-radius:4px}.game-message p{font-size:30px!important;height:30px!important;line-height:30px!important;margin-top:90px!important}.game-message .lower{margin-top:30px!important}}