.body-tag{--bg-opacity: 0;background:#fcf4ed;font-family:Heebo,Roboto,Arial,Helvetica,sans-serif;height:100vh;margin:0;padding:0}.body-tag:after{background:rgba(0,0,0,var(--bg-opacity));content:"";height:calc(100% - 64px);position:fixed;top:64px;width:100%;z-index:-1}.body-tag.game-2048:after{background:linear-gradient(to top,#0000,rgba(0,0,0,var(--bg-opacity)));height:calc(100% - 128px);position:absolute;z-index:-1}.body-tag.scroll-hidden{overflow:hidden}.body-tag.scroll-hidden:not(.game-2048):after{z-index:0}.reverse-primary-btn,.primary-btn,.reverse-solid-btn,.solid-btn{align-items:center;display:flex;flex-direction:row;justify-content:center;box-sizing:border-box;cursor:pointer;font:16px/20px Heebo,Roboto,Arial,Helvetica,sans-serif;height:fit-content;min-height:48px;padding:0 10px;width:fit-content}[data-game-over] .reverse-primary-btn,[data-game-over] .primary-btn,[data-game-over] .reverse-solid-btn,[data-game-over] .solid-btn{visibility:hidden}.reverse-primary-btn:hover,.primary-btn:hover,.reverse-solid-btn:hover,.solid-btn:hover{background:#dcc9b3}.reverse-primary-btn:focus,.primary-btn:focus,.reverse-solid-btn:focus,.solid-btn:focus{border-width:3px;margin:0 -1px}.reverse-primary-btn .btn-logo,.primary-btn .btn-logo,.reverse-solid-btn .btn-logo,.solid-btn .btn-logo{height:24px;margin-left:10px;width:24px}.solid-btn{background:#f1dcc4;border:2px solid #7b5c3f;border-radius:5px;color:#7b5c3f}.reverse-solid-btn{background:transparent;border:0;color:#7b5c3f;cursor:pointer}.reverse-solid-btn:hover{background:none}.reverse-solid-btn .btn-logo{fill:#7b5c3f}.primary-btn{background:#e2bc5d;border:2px solid #6f4206;border-radius:30px;color:#6f4206;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none}.primary-btn:hover{background:#f5cc66}.primary-btn .btn-logo{fill:#6f4206}.reverse-primary-btn{background:transparent;border:2px solid #6f4206;border-radius:30px;color:#6f4206;font-size:16px;font-weight:500;letter-spacing:1px;padding:12px 24px;text-decoration:none}.reverse-primary-btn:hover{background:#0000001a}.reverse-primary-btn .btn-logo{fill:#6f4206}.hamburger-btn{height:48px;width:48px}.hamburger-btn:focus{margin:0}.hamburger-btn .hamburger-menu{list-style-type:none;margin:0;padding:0;width:fit-content}.hamburger-btn .hamburger-menu .line{background:var(--line-color, #000);border-radius:2px;height:3.5px;margin:3px 0;width:21px}.js-section .image-wrapper,.js-modal-section .image-wrapper{display:grid;grid:"image-sizer"}.js-section .image-sizer,.js-modal-section .image-sizer{grid-area:image-sizer;height:0;padding-bottom:var(--default-height, 100%)}.js-section .image-frame,.js-modal-section .image-frame{grid-area:image-sizer}.game-layout{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;height:100vh;row-gap:16px}[data-game-over] .game-layout .board-grid{opacity:.4}@media(min-width:600px){.game-layout{flex-direction:row;justify-content:center;row-gap:28px}}@media(min-width:600px)and (min-height:650px){.game-layout{flex-direction:column;height:calc(100vh - 128px);row-gap:36px;transform:translateY(64px)}}@media(min-height:750px){.game-layout{row-gap:24px}}.game-layout.hide-element{opacity:0;visibility:hidden}.game-layout .board-nav{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding-top:30px;width:min(100% - 40px,500px)}[data-touch-device=false] .game-layout .board-nav .dashboard-btns,[data-touch-device=true] .game-layout .board-nav .score-board{display:none}@media(min-width:600px){[data-touch-device=true] .game-layout .board-nav .score-board{display:flex;flex-direction:column}}@media(min-width:600px)and (min-height:650px){[data-touch-device=true] .game-layout .board-nav .score-board{display:none}}@media(min-width:600px){[data-touch-device=true] .game-layout .board-nav .hamburger-btn{display:none}}@media(min-width:600px)and (min-height:650px){[data-touch-device=true] .game-layout .board-nav .hamburger-btn{display:flex}}@media(min-width:600px){.game-layout .board-nav{flex-direction:column;height:calc(min(100%,500px) - 90px);margin:0 15px;padding:0;width:min(100% - 40px,250px)}}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav{column-gap:36px;flex-direction:row;height:auto;margin:0;padding:0 20px;width:min(100% - 40px,500px)}}.game-layout .board-nav .game-title{color:#795d04;font:900 72px/64px Heebo,Roboto,Arial,Helvetica,sans-serif;margin:0}@media(min-width:600px){.game-layout .board-nav .game-title{font-size:54px;line-height:46px}}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav .game-title{font-size:72px;line-height:64px}}.game-layout .board-nav .score-board,.game-layout .game-dashboard .score-board{display:flex;list-style-type:none;margin:0;padding:0}.game-layout .board-nav .score-board .score-details,.game-layout .game-dashboard .score-board .score-details{background:#7a6049;border-radius:5px;letter-spacing:.5px;margin:0 6px;padding:10px 20px}@media(min-width:600px){.game-layout .board-nav .score-board .score-details,.game-layout .game-dashboard .score-board .score-details{margin:6px 0}}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav .score-board .score-details,.game-layout .game-dashboard .score-board .score-details{margin:0 6px}}.game-layout .board-nav .score-board .score-details .score-title,.game-layout .board-nav .score-board .score-details .score-value,.game-layout .game-dashboard .score-board .score-details .score-title,.game-layout .game-dashboard .score-board .score-details .score-value{margin:0;text-align:center}.game-layout .board-nav .score-board .score-details .score-title,.game-layout .game-dashboard .score-board .score-details .score-title{color:#ece3c3;font-size:16px;font-weight:400}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav .score-board .score-details .score-title,.game-layout .game-dashboard .score-board .score-details .score-title{font-size:24px}}.game-layout .board-nav .score-board .score-details .score-value,.game-layout .game-dashboard .score-board .score-details .score-value{color:#fff;font-size:24px}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav .score-board .score-details .score-value,.game-layout .game-dashboard .score-board .score-details .score-value{font-size:36px}}.game-layout .board-nav .dashboard-btns,.game-layout .game-dashboard .dashboard-btns{column-gap:10px;display:flex}[data-touch-device=true] .game-layout .board-nav .dashboard-btns .replay-btn,[data-touch-device=true] .game-layout .board-nav .dashboard-btns .instruction-btn,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .replay-btn,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .instruction-btn{display:none}@media(min-width:600px)and (min-height:650px){[data-touch-device=true] .game-layout .board-nav .dashboard-btns .replay-btn,[data-touch-device=true] .game-layout .board-nav .dashboard-btns .instruction-btn,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .replay-btn,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .instruction-btn{display:flex}[data-touch-device=true] .game-layout .board-nav .dashboard-btns .menu-container,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .menu-container{display:none}}[data-touch-device=false] .game-layout .board-nav .dashboard-btns .menu-container,[data-touch-device=false] .game-layout .game-dashboard .dashboard-btns .menu-container{display:none}.game-layout .board-nav .dashboard-btns .replay-btn,.game-layout .game-dashboard .dashboard-btns .replay-btn{column-gap:5px}[data-game-over] .game-layout .board-nav .dashboard-btns .replay-btn,[data-game-over] .game-layout .game-dashboard .dashboard-btns .replay-btn{visibility:hidden}.game-layout .board-nav .dashboard-btns .replay-btn .refresh-logo,.game-layout .game-dashboard .dashboard-btns .replay-btn .refresh-logo{fill:#7b5c3f;height:24px;width:24px}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup{--modal-bk-color: #fcf4ed}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .desc-subpoint,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .desc-subpoint{color:#7a4a1b;font-size:27px;margin:16px 0 0}[data-touch-device=true] .game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .subpoint-details .desktop-text,[data-touch-device=false] .game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .subpoint-details .mobile-text,[data-touch-device=true] .game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .rule-subpoint .desktop-text,[data-touch-device=false] .game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .rule-subpoint .mobile-text,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .subpoint-details .desktop-text,[data-touch-device=false] .game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .subpoint-details .mobile-text,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .rule-subpoint .desktop-text,[data-touch-device=false] .game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .rule-subpoint .mobile-text{display:none}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .rule-heading,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .rule-heading{color:#7a4a1b;font-size:18px;padding:5px 0 5px 2px}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .rule-subpoints-list,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .rule-subpoints-list{padding-left:20px}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .modal-footer,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .modal-footer{color:#6f4a00;font-family:Permanent Marker,Roboto,Arial,Helvetica,sans-serif;font-size:24px;letter-spacing:2px;margin:48px 0;text-align:center}@media(min-width:600px)and (min-height:650px){.game-layout .board-nav .dashboard-btns .instruction-container .instruction-popup .modal-footer,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-popup .modal-footer{font-size:36px}}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-btn,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-btn{column-gap:5px}.game-layout .board-nav .dashboard-btns .instruction-container .instruction-btn .info-logo,.game-layout .game-dashboard .dashboard-btns .instruction-container .instruction-btn .info-logo{fill:#7b5c3f;height:24px;width:24px}.game-layout .board-nav .dashboard-btns .menu-container,.game-layout .game-dashboard .dashboard-btns .menu-container{--line-color: #7b5c3f}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal{right:55%;width:90%}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal.modal-open,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal.modal-open{max-width:none}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content{min-height:-webkit-fill-available;position:relative}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-header,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-header{height:140px;padding-bottom:20px;position:relative}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-header:before,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-header:before{background:url(/projects/game-2048/images/logo/og-image-2048.png);background-position-y:45%;background-size:cover;border-radius:0 0 25px 25px;content:"";height:calc(100% + 20px);position:absolute;transform:translate(-20px,-20px);width:calc(100% + 40px);z-index:-1}@media(min-width:600px){.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-header:before,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-header:before{background:#2a2b2a}}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-header .title,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-header .title{display:none;font-size:64px;left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}@media(min-width:600px){.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-header .title,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-header .title{display:block}}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:25px}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-container,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-container{width:100%}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn,.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn{display:flex;margin:10px 0;width:100%}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn .btn-text,.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn .btn-text,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn .btn-text,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn .btn-text{flex-grow:1;margin-left:15px;text-align:left}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn .arrow-right,.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn .arrow-right,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .replay-btn .arrow-right,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .instruction-btn .arrow-right{fill:#7b5c3f;height:24px;transform:rotate(90deg);width:24px}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .footer-offset,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .btn-container .footer-offset{height:40px}.game-layout .board-nav .dashboard-btns .menu-container .menu-modal .modal-content .modal-footer,.game-layout .game-dashboard .dashboard-btns .menu-container .menu-modal .modal-content .modal-footer{background:#bea58f80;bottom:0;color:#795d04;left:0;position:absolute;text-align:center;transform:translate(-20px,20px);width:calc(100% + 40px)}.game-layout .game-board{--max-board-size: 500px, 0;--box-side: calc(var(--board-side, 0) * .22);padding:0 20px;position:relative}@media(min-width:600px){.game-layout .game-board{padding:20px 0}}@media(min-width:600px)and (min-height:650px){.game-layout .game-board{padding:0 20px}}.game-layout .game-board .board-grid{background:#bbada0;border-radius:5px;display:flex;flex-direction:column;height:var(--board-side);justify-content:space-evenly;width:var(--board-side)}.game-layout .game-board .board-grid .grid-row{display:flex;justify-content:space-evenly;margin:0;padding:0}.game-layout .game-board .board-grid .grid-row .grid-cell{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#ccc0b3;border-radius:5px;height:var(--box-side);position:relative;width:var(--box-side)}.game-layout .game-board .board-grid .grid-row .grid-cell:nth-child(1){z-index:4}.game-layout .game-board .board-grid .grid-row .grid-cell:nth-child(2){z-index:3}.game-layout .game-board .board-grid .grid-row .grid-cell:nth-child(3){z-index:2}.game-layout .game-board .board-grid .grid-row .grid-cell:nth-child(4){z-index:1}.game-layout .game-board .gameover-container{display:none;height:100%;margin-left:-20px;position:absolute;top:0;width:100%}[data-game-over] .game-layout .game-board .gameover-container{align-items:center;display:flex;flex-direction:column;justify-content:center}@media(min-width:600px){.game-layout .game-board .gameover-container{margin:0}}@media(min-width:600px)and (min-height:650px){.game-layout .game-board .gameover-container{margin-left:-20px}}.game-layout .game-board .gameover-container .gameover-title{color:#725031;font-size:48px;letter-spacing:4px;line-height:42px;margin:0}@media(min-width:600px)and (min-height:650px){.game-layout .game-board .gameover-container .gameover-title{font-size:72px;line-height:64px}}.game-layout .game-board .gameover-container .play-again-btn{align-items:center;background:#f1dcc4;border:2px solid #7b5c3f;border-radius:5px;color:#7b5c3f;cursor:pointer;display:flex;font:18px/24px Heebo,Roboto,Arial,Helvetica,sans-serif;height:fit-content;margin-top:24px;min-height:48px;padding:0 16px}.game-layout .game-board .gameover-container .play-again-btn:hover{background:#dcc9b3}.game-layout .game-board .gameover-container .play-again-btn:focus{border-width:3px}@media(min-width:600px)and (min-height:650px){.game-layout .game-board .gameover-container .play-again-btn{font-size:20px;margin-top:32px}}.game-layout .game-dashboard{align-items:center;display:flex;justify-content:space-between;margin:0 20px;padding-bottom:20px;width:min(100% - 40px,500px)}[data-touch-device=false] .game-layout .game-dashboard .score-board,[data-touch-device=false] .game-layout .game-dashboard .game-controller,[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns{display:none}@media(min-width:600px){[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns{display:flex}}@media(min-width:600px)and (min-height:650px){[data-touch-device=true] .game-layout .game-dashboard .dashboard-btns{display:none}}@media(min-width:600px){[data-touch-device=true] .game-layout .game-dashboard .score-board{display:none}}@media(min-width:600px)and (min-height:650px){[data-touch-device=true] .game-layout .game-dashboard .score-board{display:flex}}@media(min-width:600px){.game-layout .game-dashboard{flex-direction:column;height:calc(min(100%,500px) - 90px);padding:0;width:min(100% - 40px,250px)}}@media(min-width:600px)and (min-height:650px){.game-layout .game-dashboard{flex-direction:row;height:135.6812408671px;width:min(100% - 40px,500px)}[data-touch-device=false] .game-layout .game-dashboard{height:auto}}.game-layout .game-dashboard .score-board{flex-direction:column}@media(min-width:600px){.game-layout .game-dashboard .score-board{flex-direction:row}}.game-layout .game-dashboard .score-board .score-details{margin:6px 0}@media(min-width:600px){.game-layout .game-dashboard .score-board .score-details{margin:0 6px}}.game-layout .game-dashboard .game-controller{display:flex;flex-wrap:wrap;height:110px;justify-content:space-between;overflow:hidden;row-gap:14px;transform:translate(-14px) rotate(45deg);width:110px}[data-game-over] .game-layout .game-dashboard .game-controller{visibility:hidden}@media(min-width:600px){.game-layout .game-dashboard .game-controller{transform:translateY(-14px) rotate(45deg)}}@media(min-width:600px)and (min-height:650px){.game-layout .game-dashboard .game-controller{transform:translate(-14px) rotate(45deg)}}.game-layout .game-dashboard .game-controller .arrow-btn{border-radius:50%;height:48px;padding:0;transform:rotate(-45deg);width:48px}.game-layout .game-dashboard .game-controller .arrow-btn:focus{border-width:3px;margin-left:0}.game-layout .game-dashboard .game-controller .arrow-btn:nth-of-type(2n):focus{margin:0 0 0 -1px}.game-layout .game-dashboard .game-controller .arrow-btn.arrow-up .arrow-logo{transform:rotate(0)}.game-layout .game-dashboard .game-controller .arrow-btn.arrow-right .arrow-logo{transform:rotate(90deg)}.game-layout .game-dashboard .game-controller .arrow-btn.arrow-down .arrow-logo{transform:rotate(180deg)}.game-layout .game-dashboard .game-controller .arrow-btn.arrow-left .arrow-logo{transform:rotate(-90deg)}.game-layout .game-dashboard .game-controller .arrow-btn .arrow-logo{fill:#7b5c3f;height:24px;width:24px}.tile-2:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#eee4da;border-radius:5px;content:"2";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#3c3a32;font-size:36px}@media(min-width:376px){.tile-2:after{font-size:42px}}@media(min-width:426px)and (min-height:650px){.tile-2:after{font-size:50px}}.tile-2.tile-updated{animation:createBox .25s}.tile-4:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#ede0c8;border-radius:5px;content:"4";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#3c3a32;font-size:36px}@media(min-width:376px){.tile-4:after{font-size:42px}}@media(min-width:426px)and (min-height:650px){.tile-4:after{font-size:50px}}.tile-4.tile-updated{animation:createBox .25s}.tile-8:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#f2b179;border-radius:5px;content:"8";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:36px}@media(min-width:376px){.tile-8:after{font-size:42px}}@media(min-width:426px)and (min-height:650px){.tile-8:after{font-size:50px}}.tile-8.tile-updated{animation:createBox .25s}.tile-16:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#f59563;border-radius:5px;content:"16";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:32px}@media(min-width:376px){.tile-16:after{font-size:38px}}@media(min-width:426px)and (min-height:650px){.tile-16:after{font-size:42px}}.tile-16.tile-updated{animation:createBox .25s}.tile-32:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#f67c5f;border-radius:5px;content:"32";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:32px}@media(min-width:376px){.tile-32:after{font-size:38px}}@media(min-width:426px)and (min-height:650px){.tile-32:after{font-size:42px}}.tile-32.tile-updated{animation:createBox .25s}.tile-64:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#f67e3b;border-radius:5px;content:"64";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:32px}@media(min-width:376px){.tile-64:after{font-size:38px}}@media(min-width:426px)and (min-height:650px){.tile-64:after{font-size:42px}}.tile-64.tile-updated{animation:createBox .25s}.tile-128:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#edcf72;border-radius:5px;content:"128";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:28px}@media(min-width:426px)and (min-height:650px){.tile-128:after{font-size:38px}}.tile-128.tile-updated{animation:createBox .25s}.tile-256:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#edcc61;border-radius:5px;content:"256";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:28px}@media(min-width:426px)and (min-height:650px){.tile-256:after{font-size:38px}}.tile-256.tile-updated{animation:createBox .25s}.tile-512:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#edc850;border-radius:5px;content:"512";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:28px}@media(min-width:426px)and (min-height:650px){.tile-512:after{font-size:38px}}.tile-512.tile-updated{animation:createBox .25s}.tile-1024:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#edc53f;border-radius:5px;content:"1024";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:24px}@media(min-width:426px)and (min-height:650px){.tile-1024:after{font-size:34px}}.tile-1024.tile-updated{animation:createBox .25s}.tile-2048:after{align-items:center;display:flex;flex-direction:row;justify-content:center;background:#edc22e;border-radius:5px;content:"2048";font-weight:900;height:var(--box-side);position:absolute;width:var(--box-side);color:#fff;font-size:24px}@media(min-width:426px)and (min-height:650px){.tile-2048:after{font-size:34px}}.tile-2048.tile-updated{animation:createBox .25s}@keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}.page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: -50%, 50%;--translateY: 0, 0;background:var(--modal-bk-color, #fff);height:calc(100% - 64px);overflow-y:auto;position:absolute;right:50%;top:64px;width:100%;z-index:1000}@media(min-height:650px)and (min-width:600px){.page-modal{transform:translateY(0)}}@media(min-height:650px)and (min-width:769px){.page-modal{height:100%;top:0}}@media(min-height:650px)and (min-width:1024px){.page-modal{--opacity: 0, 1;--scale: .5, 1;--translateX: 50%, 50%;--translateY: -50%, -50%;border:2px solid #7b5c3f;border-radius:10px;filter:brightness(.96);height:75vh;max-width:984px;top:50%}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border-radius:0;height:100%;max-width:min(75vw,1023px)}}.page-modal.hide-modal{display:none}.page-modal.modal-open{max-width:1024px}@media(min-width:1024px)and (min-height:650px){.page-modal.modal-open{max-width:984px;top:50%}.page-modal.modal-open.full-page-modal{max-width:min(75vw,1023px);top:0}}.page-modal.fixed-page-modal{position:fixed;top:64px;transform:none}@media(min-height:650px)and (min-width:1024px){.page-modal.fixed-page-modal{top:50%}}.page-modal.full-page-modal{--opacity: 1, 1;--scale: 1, 1;--translateX: 100%, 0;--translateY: 0, 0;border:0;position:fixed;right:0;top:64px;transform:none}@media(min-height:650px)and (min-width:769px){.page-modal.full-page-modal{top:0}}.page-modal .modal-content{margin:20px}.page-modal .modal-content .modal-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;column-gap:15px}.page-modal .modal-content .modal-header .title{color:#795d04;font-size:36px;line-height:48px;margin:0}.page-modal .modal-content .modal-header .close-btn{padding:0 6px}.page-modal .modal-content .modal-header .close-btn .close-logo{fill:#7b5c3f;height:32px;width:32px}.page-skeleton{height:100vh;position:relative}.page-skeleton .header-skeleton{border-radius:0;height:64px;line-height:normal}.page-skeleton .game-board-skeleton{height:calc(min(100vw,100vh) - 40px);left:50%;max-height:500px;max-width:500px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(min(100vw,100vh) - 40px)}.page-skeleton .footer-skeleton{border-radius:0;bottom:0;height:40px;line-height:normal;position:absolute}.app-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#d8d8d880;width:100%;z-index:1000}@media(min-width:600px)and (min-height:650px){.app-header{position:fixed;top:0}}.portfolio .app-header{background:#adadad80;position:fixed;top:0}.projects .app-header{background:#ffffff80;position:fixed;top:0}.app-header .mobile-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}@media(min-height:650px)and (min-width:769px){.app-header .mobile-header{display:none}}.app-header .desktop-header{display:none}@media(min-height:650px)and (min-width:769px){.app-header .desktop-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}}.app-header .mobile-header .header-logo,.app-header .desktop-header .header-logo{align-items:center;display:flex;height:64px;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link,.app-header .desktop-header .header-logo .header-logo-link{align-items:center;color:#05564b;display:flex;height:48px;margin-left:7px;text-decoration:none;width:fit-content}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container{align-items:center;column-gap:15px;display:flex;padding:0 7px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-image,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-image{height:28px}.app-header .mobile-header .header-logo .header-logo-link .header-logo-container .logo-name,.app-header .desktop-header .header-logo .header-logo-link .header-logo-container .logo-name{font-family:Rock Salt,Roboto,Arial,Helvetica,sans-serif}.app-header .mobile-header .header-cta,.app-header .desktop-header .header-cta{align-items:center;display:flex;flex-direction:row;justify-content:center;gap:5px;margin-right:15px}.app-header .mobile-header .header-cta-link,.app-header .desktop-header .header-cta-link{border-radius:5px;box-sizing:border-box;color:#494949;min-height:48px;padding:12px 10px;text-decoration:none;text-transform:uppercase}.app-header .mobile-header .header-cta-link:hover,.app-header .mobile-header .header-cta-link:focus,.app-header .desktop-header .header-cta-link:hover,.app-header .desktop-header .header-cta-link:focus{background:#9e9e9e4d;color:#2a362e}.app-header .mobile-header .header-cta .hamburger-btn,.app-header .desktop-header .header-cta .hamburger-btn{--line-color: #05564b;background:transparent;border:none}.app-header .mobile-header .header-cta .hamburger-btn:hover,.app-header .mobile-header .header-cta .hamburger-btn:focus,.app-header .desktop-header .header-cta .hamburger-btn:hover,.app-header .desktop-header .header-cta .hamburger-btn:focus{background:#9e9e9e4d;color:#2a362e}.app-header .mobile-header .header-cta .menu-modal,.app-header .desktop-header .header-cta .menu-modal{height:calc(100vh - 64px);right:55%;width:90%}.app-header .mobile-header .header-cta .menu-modal .modal-header,.app-header .desktop-header .header-cta .menu-modal .modal-header{height:140px;padding-bottom:20px;position:relative}.app-header .mobile-header .header-cta .menu-modal .modal-header:before,.app-header .desktop-header .header-cta .menu-modal .modal-header:before{background:url(/projects/game-2048/images/logo/og-image-portfolio.png);background-position-y:45%;background-size:cover;border-radius:0 0 25px 25px;content:"";height:calc(100% + 20px);position:absolute;transform:translate(-20px,-20px);width:calc(100% + 40px);z-index:-1}@media(min-width:600px){.app-header .mobile-header .header-cta .menu-modal .modal-header:before,.app-header .desktop-header .header-cta .menu-modal .modal-header:before{background:#2a2b2a}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:none;font-size:64px;left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}@media(min-width:600px){.app-header .mobile-header .header-cta .menu-modal .modal-header .title,.app-header .desktop-header .header-cta .menu-modal .modal-header .title{display:block}}.app-header .mobile-header .header-cta .menu-modal .modal-header .title:after,.app-header .desktop-header .header-cta .menu-modal .modal-header .title:after{display:none}.app-header .mobile-header .header-cta .menu-modal .btn-container,.app-header .desktop-header .header-cta .menu-modal .btn-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:30px}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:10px 0;width:100%}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .btn-text{flex-grow:1;margin-left:15px;text-align:left}.app-header .mobile-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right,.app-header .desktop-header .header-cta .menu-modal .btn-container .header-cta-link .arrow-right{fill:#7b5c3f;height:24px;transform:rotate(90deg);width:24px}.app-footer{position:relative}.app-footer .footer{background:#9e8441;bottom:0;text-align:center;width:100vw}.game-2048 .app-footer .footer{background:#bea58f80;color:#795d04;display:none;position:fixed}@media(min-width:600px)and (min-height:650px){.game-2048 .app-footer .footer{display:block}}.app-footer .footer-text{color:#081f3a;font-size:14px;margin:0;padding:10px}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}