/* ROSA Signature Mahjong — approved gold naval visual language. */
.mahjong-dialog{--mj-gold:#e6c777;--mj-ink:#061326;position:fixed;inset:0;margin:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;padding:0;border:0;overflow:auto;overscroll-behavior:contain;color:#e8eef6;background:radial-gradient(ellipse at 50% 15%,#173952a6,transparent 65%),linear-gradient(135deg,#020b17,#081c32 55%,#020b17);font-family:system-ui,-apple-system,sans-serif;isolation:isolate;}
.mahjong-dialog:not([open]){display:none;}.mahjong-dialog::backdrop{background:#010714ee;}
.mahjong-dialog::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.1;background:url('assets/games/mahjong.webp') right bottom/650px auto no-repeat;mask-image:linear-gradient(90deg,transparent 35%,#000);}
.mj-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:10px 4%;border-bottom:1px solid #c8a75677;background:linear-gradient(100deg,#061428f5,#102840f5,#061428f5);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0005,inset 0 -3px #d0aa5210;}.mj-brand img{display:block;width:135px;height:auto;}.mj-edition{font-size:9px;font-weight:700;letter-spacing:3px;color:#d3b974;}.mj-bar>div{display:flex;gap:9px;}
.mj-bar button,.mj-controls button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:1px solid #c4a34b99;border-radius:10px;background:linear-gradient(145deg,#1a314b,#071326);color:#f3dfac;padding:11px 20px;font:700 11px/1.4 system-ui;text-transform:uppercase;letter-spacing:1px;box-shadow:inset 0 1px #fff2,0 4px 12px #0005;transition:border-color .18s,box-shadow .18s,translate .18s;}
.mj-bar button:hover,.mj-controls button:hover{border-color:#ffe193;box-shadow:inset 0 1px #fff3,0 0 18px #d2aa4a33;translate:0 -1px;}.mj-controls button:disabled{opacity:.35;cursor:default;translate:none;box-shadow:none;}
.mj-main{max-width:1340px;margin:auto;padding:24px 4% 25px;}.mj-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:23px;}.mj-eyebrow{display:table;padding:5px 12px;border:1px solid #d5b65388;border-radius:20px;background:linear-gradient(90deg,#b9993d22,#12789116);font-size:9px;font-weight:800;letter-spacing:2px;color:#e3c989;}
#mahjong-title{font:900 clamp(30px,4vw,52px)/1.15 system-ui;letter-spacing:3px;text-transform:uppercase;margin:10px 0;background:linear-gradient(#fffce4 4%,#fff0b6 27%,#f0c758 52%,#bb902a 74%,#7d5c15);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #71531b) drop-shadow(0 5px 8px #0008);}
.mj-tagline{font-size:12px;line-height:1.7;color:#acbfd3;}.mj-stats{display:flex;gap:12px;}.mj-stats>div{min-width:120px;display:flex;flex-direction:column;gap:5px;padding:12px 18px;border:1px solid #bda15866;border-radius:12px;background:linear-gradient(135deg,#15334b,#071426);box-shadow:inset 0 1px #fff1,0 8px 22px #0003;}.mj-stats strong{font:800 30px/1 system-ui;letter-spacing:1px;color:#f2d98d;font-variant-numeric:tabular-nums;text-shadow:0 2px #684d1c;}.mj-stats span{font-size:9px;line-height:1.6;color:#afc2d6;}
.mj-table{position:relative;isolation:isolate;padding:26px 24px 35px;border:2px solid #bda04f;border-radius:23px;background:radial-gradient(ellipse at 50% 28%,#174c6c,#0b2c49 48%,#04172b 90%);box-shadow:inset 0 0 0 5px #071322,inset 0 0 0 7px #d3b26366,inset 0 0 50px #0006,0 6px 0 #020a12,0 8px 0 #92732e,0 24px 55px #0008;}
.mj-table::before,.mj-table::after{content:'';position:absolute;width:26px;height:26px;pointer-events:none;border-color:#ffe178;border-style:solid;filter:drop-shadow(0 0 6px #dab34999);z-index:3;}.mj-table::before{top:10px;left:10px;border-width:3px 0 0 3px;}.mj-table::after{bottom:10px;right:10px;border-width:0 3px 3px 0;}
.mj-table-inlay{position:absolute;inset:28px;border:1px solid #d9bd7820;border-radius:50%;pointer-events:none;z-index:-1;background:repeating-linear-gradient(45deg,transparent 0 12px,#77b9d003 12px 13px);}.mj-table-inlay::before,.mj-table-inlay::after{content:'';position:absolute;inset:15%;border:1px solid #d9bd7815;border-radius:50%;}.mj-table-inlay::after{inset:30%;}
.mj-board{position:relative;aspect-ratio:12/9.5;width:100%;max-width:850px;margin:auto;}
.mj-tile{position:absolute;left:calc(2% + var(--x)*7.9% - var(--z)*.38%);top:calc(2% + var(--y)*11% - var(--z)*.8%);width:7.5%;aspect-ratio:60/76;padding:0;z-index:calc(1 + var(--z)*10);border:1px solid #b69a50;border-radius:8%;background:linear-gradient(140deg,#fffdf1 0%,#f9efcf 25%,#e4d9b1 72%,#fff2c5 100%);color:#214660;box-shadow:inset 0 2px #fff,inset 2px 0 #fff9,inset -2px -3px #ad965944,1px 3px 0 #c7a85b,2px 5px 0 #315b78,3px 7px 0 #0a2440,5px 10px 7px #0008;cursor:pointer;transition:filter .18s,box-shadow .18s,translate .18s,opacity .25s;touch-action:manipulation;}
.mj-tile::after{content:'';position:absolute;inset:4px;border:1px solid #b38f3435;border-radius:3px;pointer-events:none;background:linear-gradient(145deg,#fff8,transparent 30% 75%,#d5ae4320);}.mj-tile svg{display:block;width:100%;height:100%;pointer-events:none;}.mj-tile:not(.is-free){filter:brightness(.8) saturate(.8);}.mj-tile.is-free{filter:brightness(1.03);}
.mj-tile.is-selected{translate:0 -5px;outline:2px solid #ffe08c;outline-offset:2px;box-shadow:inset 0 2px #fff,1px 3px 0 #e6c477,2px 6px 0 #325a77,0 0 25px #e0ba5966;filter:brightness(1.12);}.mj-tile.is-hint{animation:mj-hint 1.4s ease-in-out infinite;outline:2px solid #f7dc91;outline-offset:2px;}.mj-tile.is-matching{animation:mj-match .3s ease-out forwards;pointer-events:none;z-index:60;}.mj-tile:focus-visible{outline:3px solid #6bd4ef;outline-offset:3px;}
.mj-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:25px;}.mj-controls button[data-mj='new']{background:linear-gradient(#fff1bf,#edc774 48%,#bf913b);color:#11263a;border-color:#ffe5a3;text-shadow:0 1px #fff4;box-shadow:inset 0 1px #fff,0 5px 15px #0005;}.mj-controls button[data-mj='help']{border-color:#e1bd61;color:#ffe8a7;}.mj-controls button[aria-pressed='true']{background:#305875;border-color:#f3d98b;}
.mj-message{min-height:24px;margin-top:14px;text-align:center;color:#ecd18d;font-size:12px;line-height:1.7;}.mj-rules{max-width:780px;margin:9px auto 0;text-align:center;color:#9eb5c9;font-size:11px;line-height:1.8;}.mj-rules summary{cursor:pointer;}.mj-rules p{margin:10px 0;}.mj-complete .mj-table{box-shadow:inset 0 0 0 5px #071322,inset 0 0 0 7px #ffe19399,0 0 60px #c6a04755;}
@media(hover:hover){.mj-tile.is-free:hover{translate:0 -3px;filter:brightness(1.12);}}
@keyframes mj-hint{50%{filter:brightness(1.18);box-shadow:1px 3px 0 #dfc16a,2px 5px 0 #315b78,0 0 20px #f3ce7577;}}
@keyframes mj-match{0%{opacity:1;translate:0 -4px;}60%{opacity:.9;filter:brightness(1.35);}100%{opacity:0;translate:0 -18px;scale:1.08;}}
@media(min-width:1100px){.mj-table{max-width:980px;margin:auto;}.mj-board{max-width:min(850px,calc((100dvh - 440px)*1.26));min-width:360px;}}
@media(max-width:760px){.mj-bar{min-height:64px;padding:8px 14px;gap:10px;}.mj-brand img{width:105px;}.mj-edition{display:none;}.mj-bar button{font-size:9px;padding:9px 11px;letter-spacing:.4px;}.mj-main{padding:20px 14px;}.mj-heading{gap:15px;margin-bottom:20px;}#mahjong-title{font-size:36px;letter-spacing:2px;}.mj-eyebrow{font-size:8px;letter-spacing:1.5px;}.mj-stats{gap:8px;}.mj-stats>div{min-width:0;padding:10px 12px;}.mj-stats strong{font-size:23px;}.mj-stats span{font-size:9px;}.mj-table{padding:18px 12px 28px;border-radius:17px;}.mj-table-inlay{inset:18px;}.mj-controls{gap:8px;margin-top:24px;}.mj-controls button{padding:10px 14px;font-size:10px;letter-spacing:.5px;}.mj-tile{box-shadow:inset 0 1px #fff,1px 2px 0 #c7a85b,2px 4px 0 #244d6a,3px 6px 4px #0007;}.mj-tile::after{inset:2px;border-radius:2px;}}
@media(max-width:430px){.mj-heading{flex-wrap:wrap;}.mj-heading>div:first-child{width:100%;}.mj-stats{width:100%;}.mj-stats>div{flex:1;flex-direction:row;align-items:baseline;gap:9px;}.mj-stats strong{font-size:23px;}.mj-tagline{font-size:11px;}#mahjong-title{font-size:33px;}.mj-controls{display:grid;grid-template-columns:1fr 1fr;}.mj-controls button{padding:10px 12px;}.mj-table{padding:14px 8px 24px;}.mj-board{aspect-ratio:12/10;}.mj-tile{border-radius:3px;}.mj-tile.is-selected{translate:0 -2px;outline-width:1px;outline-offset:1px;}.mj-bar button{padding-inline:8px;font-size:8px;}.mj-bar{padding-inline:10px;}.mj-brand img{width:95px;}}
.mj-zoom .mj-table{overflow:auto;}.mj-zoom .mj-board{width:850px;min-width:850px;max-width:none;}
@media(min-width:431px) and (max-width:1099px){.mj-main{padding-top:15px;}.mj-heading{margin-bottom:17px;}#mahjong-title{font-size:32px;}.mj-tagline{font-size:11px;}.mj-board{max-width:min(100%,calc((100dvh - 350px)*1.26));}.mj-controls{margin-top:22px;}}
@media(prefers-reduced-motion:reduce){.mj-tile,.mj-bar button,.mj-controls button{transition:none;}.mj-tile.is-hint{animation:none;filter:brightness(1.15);}.mj-tile.is-matching{animation:none;opacity:0;}.mj-tile.is-selected{translate:none;}}

.mj-control-icon{font-size:19px;line-height:1;color:#e9c66f;text-shadow:0 1px #0007;}.mj-controls [data-mj="new"] .mj-control-icon{color:#263b4b;text-shadow:none;}.mj-bar .mj-control-icon{font-size:17px;}