.g2048-board{--k:calc(4 / var(--n,4));gap:calc(clamp(6px, 2.2vw, 10px) * min(1, var(--k)));background:linear-gradient(#a078461a 0%,#6e4c2838 100%),url(/img/2048/board.webp) 50%/cover no-repeat,#d4c4ab;border:3px solid #2b2420;border-radius:14px;grid-template-rows:repeat(4,minmax(0,1fr));padding:max(6px,min(2.2vw,10px));transition:box-shadow .25s;box-shadow:inset 0 3px #ffffff61,inset 0 -3px #2b242014,0 5px #a8917a,0 9px 16px #2b242033;container-type:inline-size}.g2048-board:focus-visible{box-shadow:inset 0 3px 0 #ffffff59, 0 5px 0 #a8917a, 0 0 0 4px var(--brand-soft)}.g2048-cell{--c:#60422433;--d:transparent;--t:#2b2420;border-radius:calc(3.4cqi * var(--k));background:var(--c);box-shadow:inset 0 calc(1.1cqi * var(--k)) 0 #2b242033, inset 0 calc(-.5cqi * var(--k)) 0 #ffffff47;color:var(--t);font-weight:900;font-size:calc(10.5cqi * var(--k));letter-spacing:-.02em;line-height:1;transition:none;position:relative}.g2048-cell:not([data-v="0"]):not([data-v=""]):not([data-v=stone]){border:max(1.5px, calc(1.1cqi * var(--k))) solid #2b2420;box-shadow:inset 0 calc(-1.5cqi * var(--k)) 0 var(--d), inset 0 calc(.6cqi * var(--k)) 0 #ffffff59, 0 calc(.7cqi * var(--k)) 0 #2b242038;padding-bottom:calc(1cqi * var(--k))}.g2048-cell:not([data-v="0"]):not([data-v=""]):not([data-v=stone]):before{content:"";top:calc(1.2cqi * var(--k));left:calc(1.5cqi * var(--k));width:calc(5.5cqi * var(--k));height:calc(2.2cqi * var(--k));pointer-events:none;z-index:1;background:#ffffffc7;border-radius:2cqi;position:absolute;transform:rotate(-12deg)}.g2048-cell[data-v="0"]:before,.g2048-cell[data-v=""]:before{content:none}.g2048-cell[data-v]{background:var(--c);color:var(--t)}.g2048-cell[data-v="2"]{--c:#eef3f4;--d:#c9d6db;--t:#3a4b55}.g2048-cell[data-v="4"]{--c:#d3e9f0;--d:#a6cbd8;--t:#2e4a57}.g2048-cell[data-v="8"]{--c:#6fc0e3;--d:#4a98bb;--t:#fff}.g2048-cell[data-v="16"]{--c:#45b8a4;--d:#2f8d7c;--t:#fff}.g2048-cell[data-v="32"]{--c:#8cc863;--d:#67a140;--t:#fff}.g2048-cell[data-v="64"]{--c:#f5cf4a;--d:#d0a520;--t:#5a3d0c}.g2048-cell[data-v="128"]{--c:#f6a13f;--d:#cf7a1c;--t:#fff;font-size:calc(8.8cqi * var(--k))}.g2048-cell[data-v="256"]{--c:#ec6a3a;--d:#c24a1f;--t:#fff;font-size:calc(8.8cqi * var(--k))}.g2048-cell[data-v="512"]{--c:#e2476e;--d:#b52c50;--t:#fff;font-size:calc(8.8cqi * var(--k))}.g2048-cell[data-v="1024"]{--c:#9d5ccc;--d:#7640a3;--t:#fff;font-size:calc(7cqi * var(--k))}.g2048-cell[data-v=max]{--c:#4552c4;--d:#2f3a96;--t:#ffe07a;font-size:calc(7cqi * var(--k))}.g2048-cell[data-v="8"],.g2048-cell[data-v="16"],.g2048-cell[data-v="32"],.g2048-cell[data-v="128"],.g2048-cell[data-v="256"],.g2048-cell[data-v="512"],.g2048-cell[data-v="1024"],.g2048-cell[data-v=max]{text-shadow:0 calc(.45cqi * var(--k)) 0 #2b242073}.g2048-cell[data-v=max]{box-shadow:inset 0 calc(-1.5cqi * var(--k)) 0 var(--d), 0 0 0 calc(.8cqi * var(--k)) #f5cf4a, 0 calc(.7cqi * var(--k)) 0 calc(.8cqi * var(--k)) #2b242038}.g2048-cell[data-v=stone]{--c:#8b8175;border:max(1.5px, calc(1.1cqi * var(--k))) solid #2b2420;box-shadow:inset 0 calc(-1.5cqi * var(--k)) 0 #5f564c, 0 calc(.7cqi * var(--k)) 0 #2b242038;background:radial-gradient(circle at 32% 30%,#ffffff47 0 14%,#0000 15%),radial-gradient(circle at 70% 68%,#2b242038 0 12%,#0000 13%),radial-gradient(circle at 26% 74%,#2b242029 0 8%,#0000 9%),linear-gradient(160deg,#9b9184,#7a7064)}.g2048-cell.is-ico{background:color-mix(in srgb, var(--c) 42%, #fffaf0);padding:0}.g2048-ico{background-repeat:no-repeat;background-size:1200% 100%;background-position:calc(var(--ix,0) * 100% / 11) 0;pointer-events:none;position:absolute;top:9%;bottom:14%;left:9%;right:9%}.g2048[data-skin=fruit] .g2048-ico{background-image:url(/img/2048/fruit.webp)}.g2048[data-skin=pet] .g2048-ico{background-image:url(/img/2048/pet.webp)}.g2048[data-skin=evo] .g2048-ico{background-image:url(/img/2048/evo.webp)}.g2048-num{min-width:1.4em;font-size:calc(4.3cqi * var(--k));color:var(--t);background:var(--c);border:max(1px, calc(.5cqi * var(--k))) solid #2b2420;text-shadow:none;text-align:center;z-index:2;border-radius:1em;padding:.12em .3em;font-weight:900;line-height:1;position:absolute;bottom:7%;right:4%}.g2048-cell.is-ico:before{z-index:3;opacity:.55}@keyframes g2048-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}@keyframes g2048-merge{0%{transform:scale(1)}45%{transform:scale(1.18)}to{transform:scale(1)}}.g2048-cell.is-slide{z-index:2}.g2048-cell.is-new{animation:.2s ease-out .1s backwards g2048-pop}.g2048-cell.is-merged{z-index:2;animation:.2s ease-out .1s g2048-merge}@media (prefers-reduced-motion:reduce){.g2048-cell.is-new,.g2048-cell.is-merged{animation:none}}.g2048-board>.g-overlay{z-index:5}.g2048-cell{min-width:0;min-height:0}.g2048 .g-stat{position:relative}.g2048-plus{color:#cf7a1c;text-shadow:0 1px #fff;pointer-events:none;font-size:15px;font-weight:900;animation:.8s ease-out forwards g2048-plus;position:absolute;top:10%;left:50%}@keyframes g2048-plus{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}.g2048-board.cheer-1{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 4px #f6a13f8c}.g2048-board.cheer-2{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 6px #e2476e8c}.g2048-board.cheer-3{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 8px #9d5ccc99}.g2048-board.cheer-4{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 10px #f5cf4abf,0 0 30px #f5cf4a99}.g2048-cheer{z-index:4;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.g2048-cheer-num{color:#fff;white-space:nowrap;-webkit-text-stroke:.8cqi #2b2420;paint-order:stroke fill;text-shadow:0 1cqi #2b2420;font-size:12cqi;font-weight:900;animation:1.1s ease-out forwards g2048-cheer;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.g2048-cheer.t2 .g2048-cheer-num{color:#ffd0dc;font-size:15cqi}.g2048-cheer.t3 .g2048-cheer-num{color:#e6d0ff;font-size:18cqi}.g2048-cheer.t4 .g2048-cheer-num{color:#ffe07a;font-size:22cqi}@keyframes g2048-cheer{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}70%{opacity:1;transform:translate(-50%,-60%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}.g2048-bit{border:.4cqi solid #2b2420;border-radius:.6cqi;width:2.4cqi;height:2.4cqi;animation:1s ease-out forwards g2048-bit;position:absolute;top:-1.2cqi;left:-1.2cqi}@keyframes g2048-bit{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(260deg);opacity:0}}@media (prefers-reduced-motion:reduce){.g2048-cheer-num{animation-duration:10ms}}.g2048-board.is-no{animation:.28s g2048-no}@keyframes g2048-no{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.g2048-goal{text-align:left;color:#5a3d0c;background:#fbeec6;border:2px solid #2b2420;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:min(100%,420px);min-height:42px;margin:0 auto 8px;padding:5px 10px;font-size:13.5px;font-weight:700;line-height:1.5;transition:background .2s;display:flex;box-shadow:0 3px #d0a520}.g2048-goal-t{flex:0 auto;min-width:0}.g2048-goal-bar{background:#fffaf0;border:2px solid #2b2420;border-radius:7px;flex:56px;max-width:150px;height:12px;overflow:hidden}.g2048-goal-fill{background:#f6a13f;width:0;height:100%;transition:width .25s ease-out;display:block;box-shadow:inset 0 2px #ffffff73}.g2048-goal .g2048-golevel{white-space:nowrap;flex:none;margin-left:auto}.g2048-goal.is-hit{background:#ffe07a;animation:.5s ease-out g2048-goal-hit}.g2048-goal.is-hit .g2048-goal-fill{background:#e2476e}@keyframes g2048-goal-hit{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.g2048-goal.is-tight{color:#8a2412;background:#fde0d6;box-shadow:0 3px #c24a1f}.g2048-goal.is-tight .g2048-goal-bar,.g2048-goal.is-tight .g2048-golevel{display:none}.g2048-board.is-tight{animation:1s ease-in-out infinite alternate g2048-tight}@keyframes g2048-tight{0%{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 2px #e2473640}to{box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 6px #e24736b3}}@media (prefers-reduced-motion:reduce){.g2048-goal.is-hit{animation:none}.g2048-board.is-tight{animation:none;box-shadow:inset 0 3px #ffffff61,0 5px #a8917a,0 0 0 5px #e2473699}}.g2048-ov-bar{flex:none;width:min(72%,240px);max-width:none}.g2048-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(100%,420px);margin:12px auto 0;display:flex}.g2048{--gsel-bg:#f7e6c8;--gsel-ink:#5b3a1e;--gsel-line:#5b3a1e52;--gsel-line-hover:#5b3a1e8c;--gsel-hover:#fbefd9;--gsel-list-sub:#5b3a1e8c}.g2048-tools .g-select{height:30px;min-height:0;font-size:13px}.g2048-item.is-on{color:#2b2420;background:#f5cf4a;border-color:#2b2420}.g2048-aim{text-align:left;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--brand-dark,#b34a24);margin:8px auto 0;font-size:13px}.g2048-board.is-aim .g2048-cell:not([data-v="0"]):not([data-v=""]):not([data-v=stone]){cursor:pointer;animation:1.2s ease-in-out infinite g2048-wob}.g2048-cell.is-pick{outline:calc(1.2cqi * var(--k)) solid #f5cf4a;outline-offset:1px;z-index:3}@keyframes g2048-wob{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){.g2048-board.is-aim .g2048-cell{animation:none!important}}.g2048-ov{background:#faf6eff0}.g2048-ov.is-card .g-overlay-title,.g2048-ov.is-result .g-overlay-title{font-size:max(18px,min(6cqi,26px))}.g2048-ov .g-overlay-sub{margin-bottom:0;font-size:14px;line-height:1.6}@media (max-width:720px),(max-height:500px){body .g2048-ov .g-pop-ov .g-btn.g-btn{min-height:38px;padding-top:6px;padding-bottom:6px;font-size:14px}}@media (max-height:500px){.g2048-ov .g-overlay-sub{font-size:12px;line-height:1.4}.g2048-star{font-size:26px}}.g2048-stars{gap:6px;display:flex}.g2048-star{color:#d8ccb8;-webkit-text-stroke:2px #2b2420;font-size:max(30px,min(11cqi,48px));line-height:1}.g2048-star.is-on{color:#f5cf4a;animation:.45s cubic-bezier(.3,1.6,.5,1) backwards g2048-star}@keyframes g2048-star{0%{transform:scale(0)rotate(-40deg)}to{transform:scale(1)rotate(0)}}.g2048-map{background:#f6efe2;border:3px solid #2b2420;border-radius:14px;width:min(100%,420px);margin:0 auto 10px;padding:10px;box-shadow:0 4px #a8917a}.g2048-map-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.g2048-map-title{font-size:14px;font-weight:800}.g2048-map-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;display:grid}.g2048-lv{min-height:58px;font:inherit;color:#2b2420;cursor:pointer;background:#fffaf0;border:2px solid #2b2420;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;display:flex;box-shadow:inset 0 -3px #e2d4bb}.g2048-lv:hover{background:#fff3d6}.g2048-lv-n{font-size:15px;font-weight:900;line-height:1.1}.g2048-lv-t{color:#8a7a64;font-size:10.5px;line-height:1.1}.g2048-lv-s{color:#e2a21a;letter-spacing:-1px;white-space:nowrap;font-size:10.5px;line-height:1.2}.g2048-lv.is-done{background:#eaf6dd;box-shadow:inset 0 -3px #b9d99a}.g2048-lv.is-cur{outline-offset:1px;outline:3px solid #f6a13f}.g2048-lv.is-lock{color:#9a8d7a;box-shadow:none;cursor:default;background:#e6ddcd}.g2048-lv.is-gate{background:#fdf0e0}.g2048-lv.is-gate .g2048-lv-s,.g2048-lv.is-lock .g2048-lv-s{color:#9a8d7a;letter-spacing:0}.g2048-map-tip{width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text-3);text-align:left;margin:8px auto 0;font-size:12px}body:has(#game.g2048) .game-stage{background:url(/img/2048/paper.webp) 0 0/320px,#f6efe3}@media (orientation:landscape) and (max-height:520px){.g2048-board{width:min(100%,420px,100vh - 96px)}}.g2048[data-gz] .g2048-board,.g2048[data-gz] .g2048-goal{width:min(100% - var(--gz-room,0px), 420px * var(--gz,1))}.g2048-golevel{min-height:30px;padding-inline-start:12px;padding-inline-end:12px;font-weight:800}.g2048-golevel-alt{display:none}@media (orientation:landscape) and (max-height:520px){.g2048:not([data-mode=level]) .g2048-goal{display:none}.g2048-golevel-alt:not([hidden]){justify-content:center;align-items:center;display:inline-flex}}