/* ROSA 2048: live 4x4 game, shared chrome, sapphire menu surfaces. */
.g2048-tools{display:none;}
#game-dialog[data-game='2048']{background:linear-gradient(#02192955,#020e1f88),url('assets/sudoku-lake.webp') center/cover fixed;color:var(--rosa-ivory);}
#game-dialog[data-game='2048']>.game-dialog-bar,#game-dialog[data-game='2048'] .game-tabs{display:none;}
#game-dialog[data-game='2048'] .game-dialog-content{max-width:1720px;width:100%;margin:auto;padding:17px 25px 28px;}
#game-dialog[data-game='2048'] .game-panel{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;grid-template-rows:auto minmax(0,1fr);gap:20px 26px;padding:0;border:0;background:none;box-shadow:none;outline:none;align-items:start;}
#game-dialog[data-game='2048'] .game-instructions{display:contents;}
#game-dialog[data-game='2048'] .game-instructions>.eyebrow{display:none;}
#game-dialog[data-game='2048'] #game-title{position:relative;isolation:isolate;grid-column:2;grid-row:1;justify-self:center;display:grid;place-items:center;min-width:285px;padding:8px 45px;margin:0;font:700 clamp(44px,5vw,68px)/1.1 var(--rosa-font-display);letter-spacing:5px;background:none;color:var(--rosa-ivory);-webkit-text-fill-color:var(--rosa-ivory);filter:drop-shadow(0 4px 4px #0009);}
#game-dialog[data-game='2048'] #game-title::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--rosa-menu-fill);border:1px solid var(--rosa-gold);border-radius:12px;}
#game-dialog[data-game='2048'] #game-title::after{content:'';position:absolute;inset:0;border:0 solid transparent;border-image:url('assets/mahjong-reference/filigree-frame.webp') 115 / 28px / 0 stretch;pointer-events:none;}
#game-dialog[data-game='2048'] .su-info{display:flex;flex-direction:column;gap:17px;grid-column:1;grid-row:2;align-self:start;padding:23px 17px;}
#game-dialog[data-game='2048'] .su-only{display:block;}
#game-dialog[data-game='2048'] .su-info h4,#game-dialog[data-game='2048'] .g2048-tools h4{margin:0;padding:0 0 11px;border-bottom:1px solid #d7a64b44;color:var(--rosa-gold-light);font:600 16px/1.4 var(--rosa-font-interface);}
#game-dialog[data-game='2048'] #game-hint{font:400 13px/1.8 var(--rosa-font-interface);max-width:none;color:var(--rosa-text-muted);margin:0;}
#game-dialog[data-game='2048'] #game-score{position:relative;display:flex;flex-direction:column;gap:8px;align-items:center;padding:17px 10px;border:1px solid var(--rosa-gold);border-radius:12px;background:linear-gradient(140deg,#10394e,#031521);color:var(--rosa-gold-light);font-variant-numeric:tabular-nums;}
#game-dialog[data-game='2048'] #game-score small{font:500 12px var(--rosa-font-interface);color:var(--rosa-text-muted);}
#game-dialog[data-game='2048'] #game-score strong{font:750 36px/1.1 var(--rosa-font-numbers);color:var(--rosa-ivory);}
#game-dialog[data-game='2048'] #game-score.score-gained::after{content:'+' attr(data-gained);position:absolute;right:10px;top:6px;color:var(--rosa-gold-light);font:700 17px var(--rosa-font-numbers);pointer-events:none;animation:g2048-gain .65s ease-out both;}
#game-dialog[data-game='2048'] :is(#new-game,#su-undo){display:flex;justify-content:center;align-items:center;width:100%;min-height:51px;gap:10px;padding:9px;border:1px solid var(--rosa-gold);border-radius:11px;font:600 13px var(--rosa-font-interface);}
#game-dialog[data-game='2048'] #new-game{background:linear-gradient(#fff0aa,#f6c85e 40%,#dfa33c 86%,#ffdd84);color:#152317;box-shadow:inset 0 2px #fff5c2,inset 0 -2px #c28a28,0 3px 0 #7d541d,0 0 12px #f9b94744;}
#game-dialog[data-game='2048'] #su-undo{background:var(--rosa-menu-item-fill);color:var(--rosa-ivory);}
#game-dialog[data-game='2048'] :is(#new-game,#su-undo) .rosa-art-icon{width:28px;height:28px;}
#game-dialog[data-game='2048'] .game-board-wrap{position:relative;grid-column:2;grid-row:2;justify-self:center;align-self:start;isolation:isolate;width:min(100%,calc(100dvh - 275px),670px);max-width:100%;margin:0;padding:17px;border:5px solid #b98b38;border-radius:24px;background:linear-gradient(125deg,#b98d3b,#69451b 30%,#e0b967 70%,#8c5d26);box-shadow:inset 0 0 0 2px #ffe8a9,0 5px 0 #493214,0 8px 0 #ce9e48,0 20px 30px #0009;}
#game-dialog[data-game='2048'] .game-board-wrap::after{content:'';position:absolute;inset:-5px;border:0 solid transparent;border-image:url('assets/mahjong-reference/filigree-frame.webp') 115 / 54px / 0 stretch;pointer-events:none;z-index:20;}
#game-dialog[data-game='2048'] #game-board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;min-width:0;aspect-ratio:1;padding:15px 15px 22px;border:2px solid #081827;border-radius:13px;background:radial-gradient(ellipse at 40% 20%,#12374e,#041423 78%);box-shadow:inset 0 4px 16px #0009,0 3px #b89145;touch-action:none;overflow:visible;user-select:none;isolation:isolate;}
#game-dialog[data-game='2048'] .tile{--gem-hue:0deg;position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;min-height:0;padding:0;border:0;border-radius:15%;background:none;box-shadow:none;color:#fff9e8;font:750 clamp(30px,4vw,54px)/1 var(--rosa-font-numbers);font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #001f4e,0 4px 4px #00142eaa;isolation:isolate;}
#game-dialog[data-game='2048'] .tile::before{content:'';position:absolute;inset:-1% -2% -10%;z-index:-1;border-radius:15%;background:url('assets/2048-crystal.webp') center/100% 100% no-repeat;filter:hue-rotate(var(--gem-hue)) drop-shadow(0 4px 2px #0008);pointer-events:none;}
#game-dialog[data-game='2048'] .tile::after{content:'';position:absolute;inset:6% 8% 9%;z-index:1;border-radius:11%;background:linear-gradient(125deg,#ffffff38,transparent 30% 70%,#0000000a);pointer-events:none;}
#game-dialog[data-game='2048'] .tile-number{position:relative;z-index:2;}
#game-dialog[data-game='2048'] .tile[data-value='0']{background:linear-gradient(135deg,#031323,#15364a);border:1px solid #577b8f50;border-radius:13%;box-shadow:inset 2px 3px 5px #0008,inset -1px -1px 1px #a6d7ee12;}
#game-dialog[data-game='2048'] .tile[data-value='0']::before,#game-dialog[data-game='2048'] .tile[data-value='0']::after{display:none;}
#game-dialog[data-game='2048'] .tile[data-value='4']{--gem-hue:145deg;}
#game-dialog[data-game='2048'] .tile[data-value='8']{--gem-hue:65deg;}
#game-dialog[data-game='2048'] .tile[data-value='16']{--gem-hue:225deg;}
#game-dialog[data-game='2048'] .tile[data-value='32']{--gem-hue:300deg;}
#game-dialog[data-game='2048'] .tile[data-value='64']{--gem-hue:100deg;}
#game-dialog[data-game='2048'] .tile[data-value='128']{--gem-hue:175deg;}
#game-dialog[data-game='2048'] .tile[data-value='256']{--gem-hue:205deg;}
#game-dialog[data-game='2048'] .tile[data-value='512']{--gem-hue:40deg;}
#game-dialog[data-game='2048'] .tile[data-value='1024']{--gem-hue:235deg;}
#game-dialog[data-game='2048'] .tile[data-value='2048']{--gem-hue:205deg;color:#fff6c6;outline:2px solid #ffe7a0;outline-offset:1px;}
#game-dialog[data-game='2048'] .tile[data-digits='3']{font-size:clamp(26px,3.3vw,43px);}
#game-dialog[data-game='2048'] .tile[data-digits='4']{font-size:clamp(21px,2.8vw,35px);}
#game-dialog[data-game='2048'] .tile[data-digits='5']{font-size:clamp(18px,2.3vw,30px);}
#game-dialog[data-game='2048'] .tile-born{animation:g2048-born .2s cubic-bezier(.2,.8,.3,1.2) both;}
#game-dialog[data-game='2048'] .tile-merged{animation:g2048-merge .26s cubic-bezier(.2,.8,.3,1.15) both;z-index:5;}
#game-dialog[data-game='2048'] .tile-ghost{z-index:6;pointer-events:none;}
#game-dialog[data-game='2048'] #game-message:empty{display:none;}
#game-dialog[data-game='2048'] #game-message{margin:13px 0 0;max-width:none;font-size:13px;line-height:1.5;color:var(--rosa-ivory);text-align:center;}
#game-dialog[data-game='2048'] .g2048-tools{display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:2;padding:23px 17px;}
#game-dialog[data-game='2048'] .g2048-highest{display:flex;flex-direction:column;gap:9px;text-align:center;}
#game-dialog[data-game='2048'] .g2048-highest span{font-size:12px;color:var(--rosa-text-muted);}
#game-dialog[data-game='2048'] .g2048-highest strong{font:750 39px/1 var(--rosa-font-numbers);color:var(--rosa-gold-light);}
#game-dialog[data-game='2048'] .g2048-highest progress{width:100%;height:7px;accent-color:var(--rosa-gold);}
#game-dialog[data-game='2048'] .g2048-stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #d7a64b33;font-size:12px;color:var(--rosa-text-muted);}
#game-dialog[data-game='2048'] .g2048-stat-row strong{font:650 19px var(--rosa-font-numbers);color:var(--rosa-ivory);}
#game-dialog[data-game='2048'] #direction-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;max-width:none;margin:0;}
#game-dialog[data-game='2048'] #direction-pad button{display:grid;place-items:center;min-width:0;min-height:48px;padding:8px;border:1px solid var(--rosa-gold);border-radius:10px;background:var(--rosa-menu-item-fill);box-shadow:inset 0 1px #ffe9a344,0 3px 0 #00131d;}
#game-dialog[data-game='2048'] #direction-pad svg{display:block;width:26px;height:26px;color:var(--rosa-gold-light);filter:drop-shadow(0 2px #a3752e);}
#game-dialog[data-game='2048'] #direction-pad [data-direction='up']{grid-column:2;grid-row:1;}
#game-dialog[data-game='2048'] #direction-pad [data-direction='left']{grid-column:1;grid-row:2;}
#game-dialog[data-game='2048'] #direction-pad [data-direction='down']{grid-column:2;grid-row:2;}
#game-dialog[data-game='2048'] #direction-pad [data-direction='right']{grid-column:3;grid-row:2;}
@keyframes g2048-born{from{scale:.65;opacity:.25;}to{scale:1;opacity:1;}}
@keyframes g2048-merge{0%{scale:.92;filter:brightness(1.3);}45%{scale:1.09;filter:brightness(1.12);}100%{scale:1;filter:brightness(1);}}
@keyframes g2048-gain{0%{translate:0 7px;opacity:1;}100%{translate:0 -20px;opacity:0;}}
@media(max-width:1100px) and (min-width:801px){#game-dialog[data-game='2048'] .game-panel{grid-template-columns:180px minmax(0,1fr) 190px;gap:18px;}#game-dialog[data-game='2048'] .su-info,#game-dialog[data-game='2048'] .g2048-tools{padding:19px 13px;}}
@media(max-width:800px){
 #game-dialog[data-game='2048']{background-image:linear-gradient(#02192944,#020e1f77),url('assets/sudoku-lake-mobile.webp');}
 #game-dialog[data-game='2048'] .game-dialog-content{padding:14px 10px 25px;}
 #game-dialog[data-game='2048'] .game-panel{display:flex;flex-direction:column;align-items:center;gap:16px;}
 #game-dialog[data-game='2048'] #game-title{order:0;font-size:48px;min-width:230px;padding:8px 35px;}
 #game-dialog[data-game='2048'] .game-board-wrap{order:1;width:min(100%,560px);padding:12px;border-width:4px;}
 #game-dialog[data-game='2048'] .game-board-wrap::after{inset:-4px;border-image-width:41px;}
 #game-dialog[data-game='2048'] #game-board{gap:10px;padding:11px 11px 18px;}
 #game-dialog[data-game='2048'] .tile{font-size:clamp(30px,7.6vw,50px);}
 #game-dialog[data-game='2048'] .tile[data-digits='3']{font-size:clamp(25px,6vw,42px);}
 #game-dialog[data-game='2048'] .tile[data-digits='4']{font-size:clamp(20px,5vw,34px);}
 #game-dialog[data-game='2048'] .tile[data-digits='5']{font-size:clamp(17px,4.5vw,28px);}
 #game-dialog[data-game='2048'] .su-info{order:2;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:560px;padding:18px 15px;gap:12px;}
 #game-dialog[data-game='2048'] .su-info h4,#game-dialog[data-game='2048'] #game-hint,#game-dialog[data-game='2048'] #game-score{grid-column:1/-1;}
 #game-dialog[data-game='2048'] #game-score{flex-direction:row;justify-content:space-between;padding:12px 14px;}
 #game-dialog[data-game='2048'] #game-score strong{font-size:29px;}
 #game-dialog[data-game='2048'] .g2048-tools{order:3;width:100%;max-width:560px;padding:18px 15px;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
 #game-dialog[data-game='2048'] .g2048-tools>h4{grid-column:1/-1;}
 #game-dialog[data-game='2048'] .g2048-highest{grid-column:1/-1;}
 #game-dialog[data-game='2048'] #direction-pad{grid-column:1/-1;max-width:260px;margin:auto;}
}
@media(max-width:380px){#game-dialog[data-game='2048'] .game-board-wrap{padding:9px;border-width:3px;}#game-dialog[data-game='2048'] #game-board{gap:8px;padding:8px 8px 15px;}#game-dialog[data-game='2048'] .su-info,#game-dialog[data-game='2048'] .g2048-tools{padding:17px 12px;}}
@media(prefers-reduced-motion:reduce){#game-dialog[data-game='2048'] *{animation:none!important;transition:none!important;}}
#game-dialog[data-game='2048'].su-no-motion .tile,#game-dialog[data-game='2048'].su-no-motion #game-score{animation:none!important;transition:none!important;}
/* Match the branded 2048 artwork: amber 2, amethyst 4, ruby 8, jade 16. */
#game-dialog[data-game='2048'] .tile[data-value='2']{--gem-hue:189deg;}
#game-dialog[data-game='2048'] .tile[data-value='4']{--gem-hue:64deg;}
#game-dialog[data-game='2048'] .tile[data-value='8']{--gem-hue:129deg;}
#game-dialog[data-game='2048'] .tile[data-value='16']{--gem-hue:284deg;}
#game-dialog[data-game='2048'] .tile[data-value='32']{--gem-hue:0deg;}
#game-dialog[data-game='2048'] .tile[data-value='64']{--gem-hue:324deg;}
#game-dialog[data-game='2048'] .tile[data-value='128']{--gem-hue:174deg;}
#game-dialog[data-game='2048'] .tile[data-value='256']{--gem-hue:309deg;}
#game-dialog[data-game='2048'] .tile[data-value='512']{--gem-hue:74deg;}
#game-dialog[data-game='2048'] .tile[data-value='1024']{--gem-hue:0deg;}
#game-dialog[data-game='2048'] .tile[data-value='2048']{--gem-hue:189deg;}
#game-dialog[data-game='2048'] .tile{--gem-brightness:1;}
#game-dialog[data-game='2048'] .tile::before{filter:hue-rotate(var(--gem-hue)) brightness(var(--gem-brightness)) drop-shadow(0 4px 2px #0008);}
#game-dialog[data-game='2048'] .tile[data-value='2'],#game-dialog[data-game='2048'] .tile[data-value='2048']{--gem-hue:162deg;--gem-brightness:1.3;}
.g2048-mobile-hud{display:none;}
@media(max-width:800px){
 #game-dialog[data-game='2048'] .g2048-mobile-hud{order:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:560px;}
 #game-dialog[data-game='2048'] .g2048-mobile-hud>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:10px 13px;border:1px solid #d7a64b88;border-radius:10px;background:var(--rosa-menu-fill);}
 #game-dialog[data-game='2048'] .g2048-mobile-hud small{font:500 12px var(--rosa-font-interface);color:var(--rosa-text-muted);}
 #game-dialog[data-game='2048'] .g2048-mobile-hud strong{font:700 23px var(--rosa-font-numbers);color:var(--rosa-gold-light);}
 #game-dialog[data-game='2048'] .game-board-wrap{order:2;}
 #game-dialog[data-game='2048'] .su-info{order:3;padding:13px;}
 #game-dialog[data-game='2048'] .su-info h4,#game-dialog[data-game='2048'] #game-hint,#game-dialog[data-game='2048'] #game-score{display:none;}
 #game-dialog[data-game='2048'] .g2048-tools{order:4;}
}
#game-dialog[data-game='2048'] .tile[data-digits='6']{font-size:clamp(16px,2vw,26px);}
#game-dialog[data-game='2048'] .tile[data-digits='7']{font-size:clamp(14px,1.8vw,23px);}