/* Scoped to the second Aero window; desktop and Minesweeper keep their own styles. */
#game2048-window{--g2048-gap:9px;--g2048-board:clamp(210px,calc(100dvh - 520px),340px);width:min(404px,calc(100vw - 24px));max-height:calc(100dvh - 180px);display:flex;flex-direction:column}
#game2048-window>.titlebar{flex-shrink:0}#game2048-window>.window-interior{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}#game2048-window .menubar,#game2048-window .window-status{flex-shrink:0}#game2048-window .window-status{gap:8px}#g2048-status{overflow:hidden;text-overflow:ellipsis}
.g2048-app-icon{display:grid;place-content:center;width:20px;height:20px;border:1px solid #a98947;border-radius:3px;background:linear-gradient(#ffe7a7,#d5a746);box-shadow:inset 0 0 0 1px #fff8;color:#775d2e;font:bold 6px Arial;line-height:1}.g2048-menubar{gap:1px}.g2048-export{margin-left:auto}.g2048-play{padding:15px 18px 14px;overflow:auto;background:radial-gradient(ellipse at 90% 0,#fffdf8,transparent 70%),#f4f0e6;color:#716758;scrollbar-width:thin;scrollbar-color:#c2b69e #eee7d8}.g2048-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.g2048-heading h2{font:700 42px/1.08 "Segoe UI",Arial,sans-serif;letter-spacing:-2px;margin:0;color:#796a53}.g2048-heading p{margin:6px 0 0;font-size:10px;color:#a39580;line-height:1.5}.g2048-scoreboard{display:flex;gap:6px;align-self:flex-start;padding-top:3px}.g2048-score{position:relative;display:flex;flex-direction:column;gap:3px;align-items:center;min-width:67px;padding:7px 9px 8px;border:1px solid #a7957b;border-radius:4px;background:linear-gradient(#b4a184,#9f8c71);box-shadow:inset 0 1px #fff6,0 1px 2px #796a5322;color:#fff9eb;font-variant-numeric:tabular-nums}.g2048-score>span:first-child{font-size:10px;letter-spacing:1px;color:#f2e7d5}.g2048-score output{font:bold 20px/1.1 "Segoe UI",Arial,sans-serif;max-width:104px;overflow:hidden;text-overflow:ellipsis}.g2048-best{background:linear-gradient(#c1af89,#ac976f);border-color:#b39b70}.g2048-score-gain{position:absolute;left:0;right:0;top:30px;color:#775a34;font:bold 18px Arial;text-align:center;pointer-events:none;z-index:7;text-shadow:0 1px #fff8}
.g2048-board-wrap{position:relative;width:min(100%,var(--g2048-board));margin:auto}.g2048-board{position:relative;aspect-ratio:1;border:1px solid #ad9c83;border-radius:6px;background:linear-gradient(135deg,#c4b69f,#b4a38b);box-shadow:inset 0 1px 2px #fff4,0 2px 4px #75644822;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;outline-offset:3px}.g2048-cells,.g2048-tiles{position:absolute;inset:var(--g2048-gap)}.g2048-cells{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--g2048-gap)}.g2048-slot{border-radius:4px;background:#d9cebd;box-shadow:inset 0 1px 2px #86715618}.g2048-tiles{pointer-events:none}.g2048-tile{position:absolute;width:calc(25% - .75 * var(--g2048-gap));height:calc(25% - .75 * var(--g2048-gap));border-radius:4px;background:linear-gradient(#f4eee4,#eae1d2);box-shadow:inset 0 1px #fff9,0 1px 2px #73604a22;display:grid;place-content:center;color:#7b6c57;font:700 clamp(23px,3.7vh,37px)/1 "Segoe UI",Arial,sans-serif;will-change:transform;font-variant-numeric:tabular-nums}.g2048-tile[data-value="4"]{background:linear-gradient(#f2e4c9,#e9d9b7)}.g2048-tile[data-value="8"]{background:linear-gradient(#f5b17a,#ee9c5c);color:#fff9ed}.g2048-tile[data-value="16"]{background:linear-gradient(#f59c6c,#ed8651);color:#fff9ed}.g2048-tile[data-value="32"]{background:linear-gradient(#f28b6c,#e97751);color:#fff9ed}.g2048-tile[data-value="64"]{background:linear-gradient(#ec7654,#dd5d39);color:#fff9ed}.g2048-tile[data-value="128"],.g2048-tile[data-value="256"],.g2048-tile[data-value="512"],.g2048-tile[data-value="1024"],.g2048-tile[data-value="2048"],.g2048-tile.g2048-high{background:linear-gradient(#eccb74,#dcb451);box-shadow:inset 0 1px #fff8,0 0 12px #f4d37d33;color:#fffcef;font-size:clamp(20px,3.2vh,31px)}.g2048-tile[data-value="512"]{background:linear-gradient(#e8c563,#d6aa3f)}.g2048-tile[data-value="1024"],.g2048-tile[data-value="2048"]{background:linear-gradient(#e7c151,#d8ac31);font-size:clamp(17px,2.9vh,27px)}.g2048-tile.g2048-high{background:linear-gradient(#706b5f,#4e4a43);font-size:clamp(14px,2.6vh,24px)}.g2048-pending{visibility:hidden}.g2048-ghost{z-index:3;visibility:visible}.g2048-instructions{text-align:center;font-size:10px;color:#a0917d;margin:10px 0 9px;line-height:1.5}.g2048-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:var(--g2048-board);margin:0 auto}.g2048-moves{color:#a59681;font-size:11px;font-variant-numeric:tabular-nums}.g2048-moves strong{color:#78684f;font-size:13px;font-weight:600;margin-left:4px}.g2048-directions{display:flex;gap:4px}.g2048-directions .aero-button{min-width:32px;min-height:28px;padding:2px 8px;font-size:17px;line-height:1.2;color:#736650;border-color:#b2a58f;background:linear-gradient(#fffdf6,#e7dfcf);box-shadow:inset 0 0 0 1px #fff8}.g2048-directions .aero-button:hover{border-color:#b9954f;background:linear-gradient(#fff8df,#f0dfb5)}
.g2048-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:14px;background:#f3ecdfdd;backdrop-filter:blur(3px);border:1px solid #b5a388;border-radius:6px}.g2048-overlay-card{text-align:center;max-width:280px;max-height:100%;overflow:auto;scrollbar-width:thin;color:#7a6b55}.g2048-overlay-symbol{display:inline-grid;place-items:center;min-width:48px;height:42px;padding:0 8px;border-radius:4px;background:linear-gradient(#edcc75,#dbb356);box-shadow:inset 0 1px #fffa;color:#fff9e6;font:bold 19px/1 Arial}.g2048-overlay h3{font-size:21px;line-height:1.35;font-weight:600;margin:12px 0 9px;color:#74634a}.g2048-overlay p{font-size:11px;line-height:1.8;margin:0 0 16px;white-space:pre-line}.g2048-overlay-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}.g2048-overlay .aero-button{min-width:79px;padding:5px 10px;font-size:11px}.g2048-overlay .primary{border-color:#b39453;box-shadow:inset 0 0 0 1px #fff6;background:linear-gradient(#fff9df,#ecd49b);color:#786038}
#game2048-window.maximized{width:min(466px,calc(100vw - 24px));--g2048-board:clamp(230px,calc(100dvh - 490px),380px);max-height:calc(100dvh - 160px)}
@media(max-width:420px){#game2048-window{width:calc(100vw - 24px);--g2048-gap:8px;--g2048-board:clamp(200px,calc(100dvh - 495px),320px);max-height:calc(100dvh - 170px)}.g2048-play{padding:12px 12px}.g2048-heading h2{font-size:36px}.g2048-heading p{font-size:9px}.g2048-score{min-width:59px;padding:6px 7px}.g2048-score output{font-size:18px}.g2048-scoreboard{gap:4px}.g2048-menubar .menu-trigger{padding-left:6px;padding-right:6px}.g2048-overlay h3{font-size:18px;margin-top:8px}.g2048-overlay p{font-size:10px;line-height:1.6;margin-bottom:10px}.g2048-overlay-symbol{height:32px;font-size:16px}.g2048-overlay .aero-button{min-width:70px;padding:4px 7px}}
@media(prefers-reduced-motion:reduce){.g2048-tile{will-change:auto}}