/* Sakura Garden: decorative environment; every tile remains a real button. */
.mahjong-dialog{background:linear-gradient(#04151125,#04151115 50%,#020c14b3),url('assets/mahjong-garden.webp') center/cover fixed no-repeat;}
.mahjong-dialog::before{display:none;}.mahjong-dialog[data-theme='sapphire']{background:radial-gradient(ellipse at center,#12395a,#020c1e);}.mahjong-dialog[data-theme='night']{background:linear-gradient(#03132bc4,#020a20ba),url('assets/mahjong-garden.webp') center/cover fixed no-repeat;}
.mj-bar{background:linear-gradient(110deg,#011817f5,#04252af0,#041522f5);border-bottom:2px solid #b99a48;box-shadow:0 4px 20px #0008;}.mj-main{max-width:1740px;padding:18px 3% 22px;}
.mj-heading{display:block;margin:0 0 20px;}.mj-title-plaque{position:relative;max-width:580px;margin:auto;padding:12px 48px 16px;text-align:center;border:1px solid #e1ba64;border-radius:28px 8px;background:linear-gradient(135deg,#062a28f5,#02191bf5);box-shadow:inset 0 0 0 4px #b8994020,0 6px 20px #0008;}
.mj-title-plaque::before,.mj-title-plaque::after{content:'❀';position:absolute;top:16px;font-size:45px;color:#f0a3be;text-shadow:0 2px #7b3a47,0 0 20px #dfb37044;}.mj-title-plaque::before{left:-15px;rotate:-20deg;}.mj-title-plaque::after{right:-15px;rotate:20deg;}
.mj-eyebrow{border:0;background:none;padding:0;margin:auto;font-size:8px;letter-spacing:3px;color:#d7c38c;}.mj-title-plaque #mahjong-title{font-size:42px;margin:5px 0 3px;letter-spacing:4px;}.mj-tagline{font-size:10px;letter-spacing:2px;color:#e9dfc1;text-transform:uppercase;}
.mj-workspace{display:grid;grid-template-columns:180px minmax(0,1fr) 100px;align-items:center;gap:22px;}.mj-center{min-width:0;}.mj-sidebar{align-self:start;padding:16px 13px;border:1px solid #d2ac62b3;border-radius:16px;background:linear-gradient(130deg,#032424ed,#02161def);box-shadow:inset 0 0 0 4px #d2aa4c0d,0 10px 25px #0007;backdrop-filter:blur(12px);}
.mj-mode-label{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#d6c28f;padding:0 6px 12px;}.mj-modes{display:flex;flex-direction:column;gap:6px;}.mj-modes button{min-height:49px;text-align:left;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:none;color:#dbe8df;font:600 12px/1.4 system-ui;}.mj-modes button>span:first-child{font-size:24px;color:#e6c983;width:23px;text-align:center;}.mj-modes button[aria-pressed='true']{border-color:#e7c678;background:linear-gradient(110deg,#bb974237,#051c1d);box-shadow:inset 0 1px #f1dcaa33,0 0 12px #dfb76220;color:#ffe4a4;}.mj-modes button:hover{border-color:#d4b56777;}
.mj-stats{display:flex;flex-direction:column;gap:8px;margin-top:18px;padding:0;border:0;}.mj-stats>div{min-width:0;padding:10px;border-color:#bca6663d;background:#041b22;}.mj-stats strong{font-size:24px;}.mj-stats span{font-size:9px;}.mj-daily-date{font-size:10px;color:#e4d29c;line-height:1.6;margin-top:12px;overflow-wrap:anywhere;}
.mj-table{max-width:1080px;padding:22px 20px 33px;border:6px solid #9c6d2f;border-radius:25px;background:radial-gradient(ellipse at 50% 15%,#167252,#07563e 55%,#023c30);box-shadow:0 0 0 2px #f6d17b,inset 0 0 0 2px #f1c969,inset 0 0 0 6px #403b1a,inset 0 0 50px #001c1b99,0 10px 0 #38260e,0 12px 0 #ce9e4f,0 25px 40px #0009;transform:perspective(1800px) rotateX(5deg);transform-origin:center bottom;}
.mj-table::before,.mj-table::after{border-color:#ffe5a1;width:24px;height:24px;}.mj-table-inlay{border-radius:20px;border-color:#d1b46320;opacity:.5;background:repeating-linear-gradient(45deg,transparent 0 4px,#a8dec405 4px 5px);}
.mj-board{aspect-ratio:15/9.5;max-width:min(100%,calc((100dvh - 510px)*1.57));min-width:0;}.mj-tile{left:calc(2% + var(--x)*6.35% - var(--z)*.32%);top:calc(2% + var(--y)*11% - var(--z)*.95%);width:6.15%;border-color:#c9a757;background:linear-gradient(135deg,#fffbe8,#f1ddb1 74%,#e8c785);box-shadow:inset 0 2px #fff9,inset -2px -2px #cbaa6b66,1px 3px 0 #bb8d42,2px 5px 0 #305a38,3px 7px 0 #173c2b,4px 10px 7px #0008;}
.mj-tile.is-free{filter:brightness(1.04);}.mj-tile:not(.is-free){filter:brightness(.88) saturate(.84);}.mj-table .mj-tile.is-selected{box-shadow:inset 0 1px #fff,1px 3px 0 #e6c477,2px 6px 0 #335c3c,0 0 23px #ffd07199;}
.mj-side-actions{display:flex;flex-direction:column;gap:20px;align-items:center;}.mj-side-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;border:0;background:none;color:#fff1cf;font:600 11px system-ui;min-height:90px;text-shadow:0 2px 4px #000;}.mj-side-actions .mj-control-icon{display:grid;place-items:center;width:66px;height:66px;font-size:39px;border:2px solid #e9c581;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#b8953655,#031c1df2 65%);box-shadow:inset 0 0 0 4px #e0bd5f15,0 4px 15px #0009,0 0 15px #dcb35235;color:#ffdd81;}.mj-side-actions button:hover .mj-control-icon{border-color:#fff0b8;box-shadow:0 0 20px #e7c46966;}.mj-side-actions button:disabled{opacity:.4;cursor:default;}
.mj-message{margin-top:20px;min-height:22px;color:#fff0bc;text-shadow:0 2px 4px #000;font-size:12px;}
.mj-bottom{display:grid;grid-template-columns:190px minmax(0,1fr) 110px;align-items:center;gap:20px;margin-top:16px;padding:14px 20px;border:1px solid #c9a56188;border-radius:16px;background:linear-gradient(110deg,#031e1deb,#03141deb);box-shadow:inset 0 1px #f3d89422,0 9px 28px #0006;backdrop-filter:blur(10px);}
.mj-progress>div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px;}.mj-progress span,.mj-clock>span{font-size:9px;letter-spacing:.5px;color:#d4d6c4;}.mj-progress strong{font-size:12px;color:#efda9f;}.mj-progress progress{width:100%;height:8px;display:block;accent-color:#dfb75e;}.mj-progress progress::-webkit-progress-bar{background:#1d3b35;border-radius:6px;}.mj-progress progress::-webkit-progress-value{background:linear-gradient(#ffedab,#c3953f);border-radius:6px;}.mj-clock{display:flex;flex-direction:column;gap:6px;text-align:right;}.mj-clock strong{font-size:24px;font-weight:600;letter-spacing:1px;color:#f2d596;font-variant-numeric:tabular-nums;}.mj-clock.is-urgent strong{color:#ffb59f;}
.mj-controls{margin:0;flex-wrap:nowrap;gap:10px;}.mj-controls button{border:0;box-shadow:none;background:none!important;color:#fff1cf!important;flex-direction:column;gap:5px;min-width:80px;min-height:68px;padding:0 6px;text-transform:none;font-size:10px;font-weight:500;letter-spacing:.3px;}.mj-controls .mj-control-icon{border:1px solid #e9c581;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;background:#08262c;color:#f0d08a!important;font-size:23px;box-shadow:inset 0 0 0 3px #c1a35b12;}.mj-controls [data-mj='new'] .mj-control-icon{background:linear-gradient(#fff0b2,#d4a44e);color:#233933!important;}.mj-save-state{font-size:9px;text-align:center;line-height:1.6;color:#eff1d6;margin-top:12px;text-shadow:0 1px 3px #000;}.mj-rules{color:#f2e7cc;text-shadow:0 1px 4px #000;margin-top:8px;}.mj-rules summary{min-height:28px;}
.mj-popover{position:fixed;inset:0;z-index:500;background:#010b16ba;backdrop-filter:blur(14px);display:grid;place-items:center;padding:20px;}.mj-popover-card{position:relative;width:min(100%,520px);max-height:calc(100dvh - 40px);overflow:auto;padding:30px 28px;border:2px solid #c3a653;border-radius:22px;background:linear-gradient(140deg,#10322f,#041624);box-shadow:inset 0 0 0 4px #d9b96515,0 20px 70px #0009;color:#e8e6d6;}.mj-popover-card h3{margin:0 40px 24px 0;font-size:26px;font-weight:800;letter-spacing:1px;color:#f0d28b;text-transform:uppercase;}.mj-popover-close{position:absolute;right:17px;top:17px;width:38px;height:38px;border:1px solid #c6ad68;border-radius:50%;background:#071e26;color:#f9df98;font-size:24px;}.mj-panel-body{display:flex;flex-direction:column;gap:13px;}.mj-setting{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #cbb47e33;font-size:14px;}.mj-setting input{width:22px;height:22px;accent-color:#dcbd6c;}.mj-setting select{min-height:44px;background:#071c26;color:#f5e6bb;border:1px solid #c1a35d66;border-radius:8px;padding:8px;}.mj-panel-body button{min-height:48px;border:1px solid #b69a54;border-radius:10px;background:#092a2b;color:#f3dfaa;padding:10px 15px;font:600 13px system-ui;}.mj-panel-body [aria-pressed='true'],.mj-panel-body [data-confirm='yes']{background:linear-gradient(#f5dfa5,#cda557);color:#0b292b;}.mj-confirm-actions{display:flex;gap:10px;margin-top:15px;}.mj-confirm-actions button{flex:1;}.mj-panel-body p{font-size:14px;line-height:1.8;}.mj-statistics{display:grid;gap:12px;margin:0;}.mj-statistics>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #c4a46a33;}.mj-statistics dt{font-size:13px;}.mj-statistics dd{margin:0;color:#edcf8c;font-size:22px;font-weight:700;}.mj-theme-swatch{display:inline-block;vertical-align:middle;width:34px;height:24px;border:1px solid #e1c17b;border-radius:4px;margin-right:12px;}.mj-theme-swatch.garden{background:#135c43;}.mj-theme-swatch.sapphire{background:#13476c;}.mj-theme-swatch.night{background:#101735;}
.mahjong-dialog[data-theme='sapphire'] .mj-table{background:radial-gradient(ellipse at center,#185378,#05223c);}.mahjong-dialog[data-theme='sapphire'] .mj-tile{box-shadow:inset 0 1px #fff,1px 3px 0 #bb8d42,2px 5px 0 #315b78,3px 7px 0 #0a2440,4px 10px 7px #0008;}.mahjong-dialog[data-theme='night'] .mj-table{background:radial-gradient(ellipse at center,#253b63,#0c152e);}.mahjong-dialog[data-theme='night'] .mj-tile{background:linear-gradient(135deg,#f1efed,#d4dceb);}
.mj-celebration{position:absolute;inset:0;pointer-events:none;z-index:100;}.mj-celebration i{position:absolute;left:calc(5% + var(--i)*3.7%);top:55%;width:9px;height:16px;border-radius:60% 0 60% 0;background:linear-gradient(#fff0b4,#e8a463);animation:mj-petal 3.5s ease-out forwards;animation-delay:calc(var(--i)*.025s);box-shadow:0 0 10px #ffd28877;}.mj-complete .mj-table{box-shadow:0 0 0 2px #f6d17b,inset 0 0 0 2px #f1c969,0 0 65px #f0d69599;}.mj-zoom .mj-table{overflow:auto;transform:none;}.mj-zoom .mj-board{width:1000px;min-width:1000px;max-width:none;}.mj-expired .mj-tile{filter:brightness(.7);}
@keyframes mj-petal{from{opacity:0;transform:translateY(10px) rotate(0);}15%{opacity:1;}to{opacity:0;transform:translate(var(--drift),-240px) rotate(300deg);}}
@media(max-width:1100px){.mj-main{padding:16px 18px;}.mj-workspace{grid-template-columns:135px minmax(0,1fr) 72px;gap:14px;}.mj-sidebar{padding:12px 8px;}.mj-modes button{font-size:10px;padding:7px;gap:7px;}.mj-modes button>span:first-child{font-size:20px;width:18px;}.mj-stats>div{padding:8px;}.mj-stats strong{font-size:21px;}.mj-stats span{font-size:8px;}.mj-title-plaque{max-width:480px;padding-block:10px;}.mj-title-plaque #mahjong-title{font-size:35px;}.mj-side-actions .mj-control-icon{width:55px;height:55px;font-size:32px;}.mj-side-actions button{font-size:9px;min-height:78px;}.mj-table{padding:20px 12px 28px;border-width:5px;}.mj-board{max-width:100%;}.mj-bottom{grid-template-columns:150px minmax(0,1fr) 90px;gap:12px;padding:12px;}.mj-controls{gap:5px;}.mj-controls button{min-width:0;font-size:9px;flex:1;}.mj-controls .mj-control-icon{width:34px;height:34px;font-size:20px;}.mj-clock strong{font-size:20px;}}
@media(max-width:760px){.mahjong-dialog{background-image:linear-gradient(#03182355,#031a20a1),url('assets/mahjong-garden-mobile.webp');background-attachment:fixed;}.mj-bar{min-height:64px;padding:8px 12px;gap:10px;}.mj-bar>div{gap:7px;}.mj-bar button{min-width:39px;min-height:42px;padding:6px 9px;}.mj-bar [data-button-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}.mj-bar .mj-control-icon{font-size:21px;}.mj-brand img{width:112px;}.mj-main{padding:20px 12px;}.mj-heading{margin-bottom:16px;}.mj-title-plaque{max-width:390px;padding:10px 28px;border-radius:18px 6px;}.mj-title-plaque #mahjong-title{font-size:32px;letter-spacing:2px;}.mj-title-plaque::before,.mj-title-plaque::after{font-size:32px;top:15px;}.mj-eyebrow{font-size:7px;letter-spacing:1.8px;}.mj-tagline{font-size:9px;letter-spacing:1px;}.mj-workspace{display:flex;flex-direction:column;gap:14px;}.mj-sidebar{width:100%;padding:8px;border-radius:12px;background:#032021e8;}.mj-mode-label{display:none;}.mj-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;}.mj-modes button{min-height:44px;font-size:9px;text-align:center;flex-direction:column;gap:1px;padding:5px 2px;}.mj-modes button>span:first-child{font-size:18px;line-height:1;}.mj-stats{flex-direction:row;gap:12px;margin-top:8px;}.mj-stats>div{flex:1;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:5px;border-radius:6px;border:0;}.mj-stats strong{font-size:20px;}.mj-stats span{font-size:8px;}.mj-daily-date:empty{display:none;}.mj-daily-date{font-size:9px;text-align:center;margin-top:6px;}.mj-center{width:100%;}.mj-table{padding:17px 5px 22px;border-width:4px;border-radius:15px;transform:none;}.mj-table::before,.mj-table::after{width:15px;height:15px;top:auto;bottom:auto;}.mj-table::before{top:6px;left:6px;}.mj-table::after{bottom:6px;right:6px;}.mj-board{aspect-ratio:15/10.2;max-width:100%;}.mj-tile{box-shadow:inset 0 1px #fff,1px 2px 0 #bb8d42,2px 4px 0 #284f33,3px 6px 4px #0008;border-radius:3px;}.mj-tile::after{inset:1px;border-width:.5px;}.mj-message{margin:15px 2px 0;font-size:11px;min-height:18px;}.mj-side-actions{width:100%;flex-direction:row;gap:8px;justify-content:center;}.mj-side-actions button{min-height:44px;flex-direction:row;width:auto;flex:1;gap:7px;padding:6px;border:1px solid #d4b57566;border-radius:12px;background:#031e20e8;font-size:10px;}.mj-side-actions .mj-control-icon{width:27px;height:27px;font-size:22px;border:0;background:none;box-shadow:none;}.mj-bottom{display:flex;flex-wrap:wrap;gap:13px;padding:13px;margin-top:14px;}.mj-progress{flex:1;min-width:130px;}.mj-clock{width:90px;order:1;}.mj-controls{width:100%;order:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}.mj-controls button{min-height:61px;padding:0 3px;font-size:9px;}.mj-controls .mj-control-icon{width:34px;height:34px;}.mj-save-state{font-size:8px;}.mj-rules{font-size:10px;}.mj-popover{padding:14px;}.mj-popover-card{padding:25px 20px;}.mj-popover-card h3{font-size:23px;}.mj-confirm-actions{flex-direction:column;}}
@media(prefers-reduced-motion:reduce){.mj-celebration{display:none;}.mj-table{transform:none;}}
.mj-no-motion .mj-tile,.mj-no-motion .mj-tile::after{transition:none;animation:none;}.mj-no-motion .is-matching{display:none;}.mj-no-motion .mj-celebration{display:none;}
.mj-board-tools{display:none;}
@media(max-width:760px){.mj-board-tools{display:flex;justify-content:flex-end;margin:0 0 8px;}.mj-board-tools button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #d7b76d80;border-radius:12px;background:#032223ed;color:#f4dfa6;font:600 11px system-ui;padding:8px 14px;}.mj-board-tools .mj-control-icon{font-size:22px;}.mj-bottom .mj-controls [data-mj='zoom']{display:none;}.mj-controls{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:760px){.mj-title-plaque::before{left:-5px;}.mj-title-plaque::after{right:-5px;}}
@media(max-width:760px){.mj-side-actions button{min-width:0;}.mj-side-actions [data-button-label]{font-size:9px;}}
@media(max-width:374px){.mj-side-actions button{flex-direction:column;min-height:63px;gap:3px;padding:6px 3px;}.mj-side-actions .mj-control-icon{width:24px;height:24px;font-size:21px;}}
/* Luxury component finish, following the supplied Mahjong interface kit. */
.mj-symbol-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}
.mj-icon-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 0 #79501d) drop-shadow(0 2px 3px #0005);}
.mj-ornament{position:absolute;inset:2px;pointer-events:none;z-index:4;background:url('assets/mahjong-gold-corners.svg') center/100% 100% no-repeat;opacity:.9;}
.mj-sidebar,.mj-bottom{position:relative;}
.mj-bar{border:1px solid #d4af63;border-radius:13px;margin:10px 1.5% 0;box-shadow:inset 0 0 0 3px #d8bd631a,0 0 0 1px #70511d,0 8px 24px #0008;background:linear-gradient(125deg,#01262bf5,#03181df7 50%,#022a28f0);}
.mj-bar button{border-color:#d6b563a6;background:radial-gradient(ellipse at 35% 5%,#c6ac4633,transparent 65%),linear-gradient(#092b2e,#03191e);box-shadow:inset 0 1px #ffedb238,0 3px 10px #0006;}
.mj-bar .mj-control-icon{display:block;width:23px;height:23px;}
.mj-title-plaque{max-width:650px;padding:12px 64px 18px;border:2px solid #dfb86d;border-radius:12px;background:radial-gradient(ellipse at top,#27553a77,transparent 70%),linear-gradient(140deg,#022c27,#00181d);box-shadow:0 0 0 3px #533c19,inset 0 0 0 4px #d7b46225,0 9px 23px #0009;}
.mj-title-plaque #mahjong-title{font:700 clamp(34px,4.4vw,64px)/1.06 Georgia,'Times New Roman',serif;text-transform:none;letter-spacing:2px;margin:5px 0 7px;background:linear-gradient(#fffadd 2%,#ffe8a7 28%,#d9a44c 54%,#9b671f 77%,#f4d079);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #70400d) drop-shadow(0 4px 1px #291800) drop-shadow(0 6px 9px #0009);}
.mj-title-plaque::before,.mj-title-plaque::after{content:'';position:absolute;width:110px;height:145px;top:-7px;left:-35px;right:auto;background:url('assets/mahjong-face-atlas.webp') 0 0/400% 200% no-repeat;filter:drop-shadow(0 5px 5px #0006);rotate:-12deg;pointer-events:none;z-index:5;}
.mj-title-plaque::after{left:auto;right:-35px;scale:-1 1;rotate:12deg;}
.mj-sidebar{border:2px solid #d9b86b;border-radius:12px;background:radial-gradient(ellipse at 15% 0,#255f443d,transparent 80%),linear-gradient(135deg,#002b2ce8,#00191cee);box-shadow:inset 0 0 0 4px #c2a45813,0 0 0 2px #59451b,0 10px 30px #0008;}
.mj-modes{gap:9px;}.mj-modes button{position:relative;min-height:55px;border-radius:6px;border-bottom:1px solid #d4b76c22;gap:12px;}
.mj-modes button>span:first-child{display:block;width:29px;height:29px;flex-shrink:0;}
.mj-modes button[aria-pressed='true']{border:1px solid #ffe19a;background:radial-gradient(ellipse at 15% 0,#dbb65377,transparent 85%),linear-gradient(#2b3d27,#0a2524);box-shadow:inset 0 0 0 3px #d6b15933,inset 0 1px #fff0b9,0 0 16px #e9b6506b;}
.mj-side-actions .mj-control-icon{position:relative;width:72px;height:72px;padding:15px;background:radial-gradient(ellipse at 35% 15%,#d4b77755,#052526 50%,#02191c);border:2px solid #f0cb7e;box-shadow:inset 0 0 0 4px #041d1d,inset 0 0 0 5px #b88b3c77,0 0 0 2px #503b18,0 5px 15px #0008;}
.mj-side-actions button{font-size:12px;gap:8px;text-shadow:0 2px 3px #000;}
.mj-tile{border-color:#d6b875;background:radial-gradient(ellipse at 25% 8%,#fff8de,transparent 68%),linear-gradient(145deg,#fff1cd,#e9c999 83%,#d5a666);box-shadow:inset 0 2px #fff9,inset 2px 0 #fff4,inset -2px -3px #a3763766,1px 3px 0 #d2a55c,2px 5px 0 #9b6e2c,3px 7px 0 #564215,4px 10px 6px #0009;}
.mj-tile::after{border-color:#ac813024;background:linear-gradient(140deg,#fff6,transparent 22% 80%,#d0954820);}
.mj-painted-face{border-radius:5%;}
.mj-stats>div{border:1px solid #c3a76366;background:linear-gradient(125deg,#042b2b,#041a20);box-shadow:inset 0 1px #ecdc9c22;}
.mj-bottom{border:2px solid #d3ae60;border-radius:11px;background:radial-gradient(ellipse at 20% 0,#193e304d,transparent 70%),linear-gradient(120deg,#001e23f2,#032321f2);box-shadow:inset 0 0 0 3px #dcbd6b18,0 8px 24px #0008;}
.mj-controls button{flex-direction:row;align-items:center;justify-content:center;gap:9px;min-height:49px;min-width:0;padding:9px 12px;border:1px solid #d0aa5a;border-radius:9px;background:linear-gradient(135deg,#12352f,#001a20)!important;color:#f7e4ae!important;box-shadow:inset 0 1px #fff2,0 3px 8px #0004;font-size:10px;line-height:1.4;text-transform:none;}
.mj-controls .mj-control-icon{display:block;width:25px;height:25px;flex-shrink:0;border:0;border-radius:0;padding:0;background:none;box-shadow:none;}
.mj-controls button[data-mj='new']{border-color:#ffe6ad;background:linear-gradient(#ffe9aa,#efbf67 50%,#ce9237)!important;color:#162724!important;box-shadow:inset 0 1px #fff7,0 0 0 2px #d1a55822,0 4px 16px #dbad4b2e;}
.mj-controls button[data-mj='new'] svg use{fill:#25352e;}
.mj-popover-card{border-color:#d7b363;background:radial-gradient(ellipse at 15% 0,#295f3f5e,transparent 65%),linear-gradient(135deg,#032b29,#00181e);box-shadow:inset 0 0 0 5px #d2af6322,0 0 0 2px #6e4f1f,0 18px 60px #000b;border-radius:14px;}
.mj-popover-card h3{font:700 28px/1.2 Georgia,serif;color:#f6dda0;text-transform:none;letter-spacing:.6px;text-shadow:0 2px #4e3514;}
.mj-setting input[type='checkbox']{position:relative;appearance:none;-webkit-appearance:none;width:45px;height:25px;border:1px solid #b79e6280;border-radius:20px;background:#35483f;cursor:pointer;flex-shrink:0;box-shadow:inset 0 2px 4px #0006;}
.mj-setting input[type='checkbox']::after{content:'';position:absolute;width:19px;height:19px;left:2px;top:2px;border-radius:50%;background:linear-gradient(#fff3d4,#cfc3a3);box-shadow:0 2px 4px #0005;transition:translate .18s;}
.mj-setting input[type='checkbox']:checked{background:linear-gradient(#ffdfa1,#b77c25);border-color:#edc77a;}
.mj-setting input[type='checkbox']:checked::after{translate:19px 0;background:linear-gradient(#fff6d4,#f8d791);}
.mj-panel-body:has([data-theme-choice]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.mj-panel-body [data-theme-choice]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 7px 14px;border-radius:12px;background:#052a29;font-size:11px;}
.mj-theme-preview{display:block;width:66px;aspect-ratio:60/76;border:1px solid #e1bf72;border-radius:7px;background:linear-gradient(140deg,#fff6dc,#e5c999);box-shadow:inset 0 1px #fff,1px 3px 0 #c69b48,2px 5px 0 #76612b,0 8px 9px #0006;}
.mj-theme-preview svg{width:100%;height:100%;}.mj-theme-preview.sapphire{background:linear-gradient(#f9f9ed,#c7dce5);}.mj-theme-preview.night{background:linear-gradient(#e8ebf4,#b9c6d8);}
.mj-panel-body [data-theme-choice][aria-pressed='true']{color:#ffe9b5;border-color:#f2da83;background:linear-gradient(135deg,#4c5b3044,#052829);box-shadow:inset 0 0 0 2px #d8bc5c55,0 0 18px #b3d37322;}
.mj-win-emblem{width:70px;height:70px;margin:0 auto 10px;filter:drop-shadow(0 0 15px #e9c15c99);}.mj-win-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:5px 0 15px;}.mj-win-values>div{display:flex;flex-direction:column;align-items:center;gap:8px;}.mj-win-values span{font-size:12px;color:#c2ceb9;}.mj-win-values strong{font:700 25px Georgia,serif;color:#f4d68d;}
.mj-panel-body [data-win-new]{background:linear-gradient(#ffedb3,#d6a54f);color:#152e28;border-color:#ffdc87;border-radius:25px;font-size:15px;font-weight:700;}
.mj-popover-card[data-panel='victory'] h3{text-align:center;margin-right:0;font-size:38px;}.mj-popover-card[data-panel='victory']{box-shadow:inset 0 0 0 5px #d2af6322,0 0 0 2px #6e4f1f,0 0 70px #e0b94b55;}
@media(max-width:1100px){.mj-modes button{font-size:10px;gap:8px;}.mj-modes button>span:first-child{width:23px;height:23px;}.mj-title-plaque{max-width:510px;padding-inline:54px;}.mj-title-plaque #mahjong-title{font-size:46px;}.mj-title-plaque::before,.mj-title-plaque::after{width:90px;height:122px;left:-24px;}.mj-title-plaque::after{left:auto;right:-24px;}.mj-controls button{padding:8px 5px;font-size:9px;gap:6px;}.mj-controls .mj-control-icon{width:22px;height:22px;}.mj-side-actions .mj-control-icon{width:58px;height:58px;padding:12px;}}
@media(max-width:760px){.mj-bar{margin:0;border-radius:0;border-width:0 0 1px;box-shadow:0 3px 15px #0008;}.mj-bar .mj-control-icon{width:22px;height:22px;}.mj-title-plaque{padding:12px 40px;max-width:100%;}.mj-title-plaque #mahjong-title{font-size:39px;letter-spacing:1px;}.mj-title-plaque::before,.mj-title-plaque::after{width:69px;height:95px;top:0;left:0;rotate:-10deg;}.mj-title-plaque::after{left:auto;right:0;rotate:10deg;}.mj-heading{padding-inline:3px;}.mj-eyebrow{font-size:6px;letter-spacing:1.4px;}.mj-modes button{gap:3px;min-height:48px;font-size:9px;border-bottom:0;}.mj-modes button>span:first-child{width:21px;height:21px;}.mj-sidebar{border-width:1px;}.mj-side-actions button{font-size:10px;gap:6px;}.mj-side-actions .mj-control-icon{width:24px;height:24px;padding:0;background:none;box-shadow:none;border:0;}.mj-side-actions .mj-icon-svg{width:23px;height:23px;}.mj-controls button{flex-direction:column;min-height:65px;padding:7px 3px;font-size:8px;gap:5px;}.mj-controls .mj-control-icon{width:24px;height:24px;}.mj-bottom{padding:12px;border-width:1px;}.mj-ornament{opacity:.65;}.mj-theme-preview{width:52px;}.mj-panel-body:has([data-theme-choice]){gap:8px;}.mj-panel-body [data-theme-choice]{font-size:10px;}}
.mj-no-motion *{animation:none!important;transition:none!important;}
@media(prefers-reduced-motion:reduce){.mahjong-dialog *{animation:none!important;transition:none!important;}}

/* Keep the mobile zoom icon intrinsic rather than stretching its flex item. */
.mj-board-tools .mj-control-icon{display:block;flex:0 0 24px;width:24px;height:24px;}
.mj-board-tools .mj-icon-svg{width:24px;height:24px;}

/* ROSA carved ivory pieces: raised face, continuous extrusion and jade base. */
.mj-board{max-width:100%;container-type:inline-size;}
.mahjong-dialog .mj-table .mj-tile{
 --depth:clamp(3px,.95cqw,11px);
 --edge:#095445;
 border:1px solid #ae7b35;border-radius:15% / 12%;
 background:linear-gradient(115deg,#fff0be,#d7aa62 37%,#966123 72%,#f5d58c);
 box-shadow:inset 1px 1px 1px #fff4bf,1px 1px 0 #e2ba72,
 1px 3px 0 #dab477,2px 5px 0 #b38345,
 2px calc(var(--depth) - 1px) 0 #8c602c,
 2px var(--depth) 0 #f3cc75,
 3px calc(var(--depth) + 2px) 0 var(--edge),
 3px calc(var(--depth) + 4px) 0 #052b28,
 4px calc(var(--depth) + 6px) 7px #001710aa;
 overflow:visible;isolation:isolate;
 transition:translate .2s ease,filter .2s ease,box-shadow .2s ease;
}
.mj-tile-face{position:absolute;inset:1px 1px 3px;display:block;border-radius:14% / 11%;overflow:hidden;
 background:radial-gradient(ellipse at 22% 5%,#fffef4 0%,#fff9e8 26%,transparent 62%),linear-gradient(135deg,#fff4d9,#f2dfb8 65%,#d8b679);
 box-shadow:inset 1px 2px 2px #fffef1,inset -2px -3px 3px #9d703955,0 1px 1px #815b2c;
 pointer-events:none;
}
.mj-tile-face::before{content:'';position:absolute;inset:5%;border:1px solid #bb934a33;border-radius:11%;box-shadow:inset 0 1px #fff9;pointer-events:none;z-index:1;}
.mj-tile-face::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#fff6,transparent 28% 74%,#b9823122);border-radius:inherit;}
.mj-tile .mj-tile-face svg{width:90%;height:90%;margin:4% auto 0;filter:drop-shadow(0 1px .4px #6a3b292c);}
.mj-tile::after{inset:0;border:0;border-radius:inherit;background:linear-gradient(90deg,#fff5,transparent 12% 85%,#825b2822);}
.mahjong-dialog .mj-table .mj-tile:not(.is-free){filter:brightness(.94) saturate(.88);}
.mahjong-dialog .mj-table .mj-tile.is-free{filter:brightness(1.035);}
.mahjong-dialog .mj-table .mj-tile.is-selected{translate:0 -5px;outline:2px solid #ffe4a1;outline-offset:2px;filter:brightness(1.12);}
.mahjong-dialog[data-theme='sapphire'] .mj-tile{--edge:#14537f;}
.mahjong-dialog[data-theme='night'] .mj-tile{--edge:#253d69;}
@media(hover:hover){.mahjong-dialog .mj-table .mj-tile.is-free:hover{translate:0 -4px;filter:brightness(1.1);}}
@media(max-width:760px){.mj-board{aspect-ratio:15/10.6;}.mj-tile-face::before{border-width:.5px;}.mahjong-dialog .mj-table .mj-tile.is-selected{translate:0 -3px;}}
@media(prefers-reduced-motion:reduce){.mahjong-dialog .mj-table .mj-tile{transition:none;}.mahjong-dialog .mj-table .mj-tile.is-selected,.mahjong-dialog .mj-table .mj-tile.is-free:hover{translate:none;}}
.mj-no-motion .mj-table .mj-tile{transition:none;}
/* Full ROSA interface: illustrated navigation, controls and honest local metrics. */
.mj-bar{display:flex;gap:18px;padding:8px 22px;margin:15px 20px 0;border:1px solid #d7ae58;border-radius:24px 8px;min-height:86px;background:linear-gradient(115deg,#001818f5,#062b2cf7 50%,#00171df5);box-shadow:inset 0 0 0 3px #b48b3629,0 8px 22px #0009;}
.mj-brand{flex:none;}.mj-brand img{width:170px;}
.mj-top-nav{display:flex;flex:1;justify-content:space-evenly;align-self:stretch;gap:2px;min-width:0;}
.mj-top-nav button{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:0;border-radius:0;background:transparent;color:#f7efdb;padding:8px 5px;font:600 11px/1.3 system-ui;letter-spacing:0;text-transform:none;}
.mj-top-nav .mj-control-icon{width:29px;height:29px;flex:none;}
.mj-top-nav [data-mj='mahjong']{background:radial-gradient(ellipse at bottom,#e2a52b68,transparent 72%);box-shadow:0 2px #f4c96c;color:#ffe5ab;}
.mj-top-nav button:hover{background-color:#d9b25817;}
.mj-account{display:flex;align-items:center;gap:10px;flex:none;color:#eee7d6;}
.mj-account strong,.mj-account small{display:block;}.mj-account strong{font:600 15px system-ui;}.mj-account small{margin-top:4px;font:10px system-ui;color:#a6bdb6;}
.mj-guest-emblem{width:44px;height:44px;padding:8px;border:1px solid #e2bc6d;border-radius:50%;background:radial-gradient(#35645a,#04171d);box-shadow:0 0 12px #bfa14d44;}
.mj-win-counter{display:flex;align-items:center;gap:10px;border:1px solid #dbb666;border-radius:24px;padding:6px 14px;background:#001316;box-shadow:inset 0 1px #fff4;}.mj-win-counter svg{width:25px;height:25px;}.mj-win-counter b{font:600 16px system-ui;color:#f7d68a;}
.mj-bar .mj-header-actions{display:flex;gap:6px;}.mj-header-actions button{width:43px;height:43px;min-width:0;min-height:0;padding:10px;border-radius:50%;}.mj-header-actions [data-button-label]{display:none;}.mj-header-actions .mj-control-icon{width:22px;height:22px;}
.mj-main{padding-top:30px;}.mj-heading{margin-bottom:26px;}.mj-title-plaque{max-width:690px;padding:16px 80px 21px;}.mj-title-plaque #mahjong-title{font-size:clamp(40px,5.5vw,80px);line-height:1.15;}.mj-tagline{font-size:11px;letter-spacing:2px;}.mj-title-plaque::before,.mj-title-plaque::after{width:145px;height:185px;top:-12px;}
.mj-workspace{grid-template-columns:220px minmax(0,1fr) 110px;gap:24px;align-items:center;}.mj-sidebar{padding:12px;}.mj-modes button{min-height:75px;font-size:14px;border-bottom:1px solid #cfac5b36;border-radius:0;padding:15px 9px;}.mj-modes button>span:first-child{width:32px;height:32px;flex:none;}.mj-modes button[aria-pressed='true']{border:1px solid #e0b659;border-radius:11px;background:linear-gradient(125deg,#ab873f5c,#102b25);box-shadow:inset 0 0 14px #f9d37733,0 0 13px #efb24844;}
.mj-bottom{display:block;padding:0;border:0;background:none;box-shadow:none;}.mj-bottom>.mj-ornament{display:none;}.mj-controls{display:grid;grid-template-columns:1.25fr repeat(5,1fr);gap:14px;margin:20px 0 0;}.mj-controls button{min-height:65px;justify-content:center;font-size:12px;}.mj-controls .mj-control-icon{width:30px;height:30px;}
.mj-dashboard{display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr;gap:18px;margin-top:20px;}.mj-dashboard>div{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;border:1px solid #c69b45;border-radius:15px 5px;background:linear-gradient(125deg,#07342ff5,#001418f5);box-shadow:inset 0 0 0 3px #e6bd5730,0 5px 14px #0008;}.mj-dashboard .mj-progress{display:block;}.mj-dashboard .mj-progress>div{margin-bottom:10px;}.mj-dashboard svg{width:42px;height:42px;flex:none;}.mj-dashboard span{font:11px system-ui;color:#d5d9c4;}.mj-dashboard strong{display:block;font:700 25px system-ui;color:#ffedbb;margin-top:4px;}.mj-dashboard .mj-clock{width:auto;text-align:center;}.mj-dashboard progress{width:100%;}
.mj-hint-preview{display:flex;justify-content:center;gap:25px;padding:20px 0 28px;}.mj-preview-piece{position:relative;width:95px;aspect-ratio:60/76;border:1px solid #e7bc6b;border-radius:14px;background:#d1a056;box-shadow:1px 5px #caa269,2px 10px #805a29,2px 12px #e2b76d,0 0 24px #ffcb64a1;}.mj-preview-piece .mj-tile-face{inset:2px 2px 4px;}.mj-preview-piece svg{width:94%;height:94%;margin:2% auto;display:block;}.mj-coming-emblem{width:65px;height:65px;margin:10px auto;}.mj-soon{display:block;text-align:center;color:#f4d185;font-size:23px;}.mj-panel-body p{color:#d6dfd5;line-height:1.7;}.mj-preview-piece .mj-tile-face::before{border-color:#c0954e55;}
@media(min-width:1600px){.mj-main{max-width:1920px;}.mj-table{max-width:none;}.mj-workspace{grid-template-columns:250px minmax(0,1fr) 125px;}.mj-side-actions .mj-control-icon{width:86px;height:86px;}}
@media(max-width:1200px){.mj-account>span:nth-child(2){display:none;}.mj-brand img{width:135px;}.mj-bar{gap:9px;padding-inline:14px;}.mj-workspace{grid-template-columns:170px minmax(0,1fr) 85px;gap:14px;}.mj-modes button{font-size:12px;}.mj-top-nav button{font-size:10px;}.mj-controls{gap:8px;}.mj-controls button{font-size:10px;}}
@media(max-width:900px){.mj-account{display:none;}.mj-bar{flex-wrap:wrap;}.mj-top-nav{order:3;flex-basis:100%;}.mj-header-actions{margin-left:auto;}.mj-top-nav button{min-height:58px;}.mj-top-nav [data-button-label]{position:static;width:auto;height:auto;overflow:visible;clip-path:none;}.mj-title-plaque{max-width:550px;}.mj-workspace{grid-template-columns:150px minmax(0,1fr) 70px;gap:10px;}.mj-dashboard{gap:9px;}.mj-dashboard>div{padding:12px;gap:8px;}.mj-dashboard svg{width:30px;height:30px;}}
@media(max-width:760px){.mj-bar{margin:0;border-radius:0;padding:9px 12px;gap:6px;}.mj-brand img{width:125px;}.mj-top-nav{overflow:visible;gap:0;}.mj-top-nav button{min-height:60px;padding:5px 1px;font-size:8px;gap:5px;}.mj-top-nav .mj-control-icon{width:23px;height:23px;}.mj-header-actions button{width:38px;height:38px;padding:8px;}.mj-main{padding:18px 10px;}.mj-title-plaque{padding:15px 48px;max-width:100%;}.mj-title-plaque #mahjong-title{font-size:39px;}.mj-title-plaque::before,.mj-title-plaque::after{width:75px;height:105px;top:0;}.mj-tagline{font-size:7px;letter-spacing:.8px;}.mj-workspace{display:flex;gap:12px;}.mj-sidebar{padding:7px;}.mj-modes button{min-height:54px;padding:6px 1px;font-size:9px;border-bottom:0;}.mj-modes button>span:first-child{width:23px;height:23px;}.mj-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}.mj-controls button{min-height:66px;font-size:10px;}.mj-controls .mj-control-icon{width:28px;height:28px;}.mj-dashboard{grid-template-columns:1fr 1fr;gap:10px;margin-top:13px;}.mj-dashboard>div{padding:13px;}.mj-dashboard strong{font-size:23px;}.mj-dashboard span{font-size:10px;}.mj-side-actions .mj-control-icon{width:25px;height:25px;}.mj-title-plaque .mj-eyebrow{font-size:6px;}.mj-hint-preview{gap:20px;}.mj-preview-piece{width:82px;}}
@media(min-width:761px){.mj-board{max-width:min(100%,max(440px,calc((100dvh - 490px)*1.57)));}.mj-heading{margin-bottom:18px;}.mj-title-plaque{padding-block:10px 14px;}.mj-title-plaque #mahjong-title{font-size:clamp(40px,4.8vw,67px);}.mj-main{padding-top:20px;}.mj-title-plaque::before,.mj-title-plaque::after{height:155px;}.mj-controls button{min-height:58px;}.mj-dashboard>div{padding:13px;}}
@media(max-width:900px){.mj-bar .mj-account{display:none;}}
@media(max-width:760px){.mj-board{max-width:100%;}}
@media(min-width:761px){.mj-modes button{min-height:58px;padding-block:9px;}.mj-sidebar .mj-stats{margin-top:10px;gap:7px;}.mj-sidebar .mj-stats>div{padding:8px;}.mj-sidebar .mj-mode-label{padding-bottom:8px;}.mj-bottom .mj-controls{margin-top:14px;}.mj-dashboard{margin-top:12px;}}
@media(min-width:761px) and (max-height:1000px){.mj-board{max-width:min(100%,max(380px,calc((100dvh - 560px)*1.57)));}.mj-title-plaque #mahjong-title{font-size:52px;}.mj-title-plaque{padding-block:6px 10px;}.mj-title-plaque::before,.mj-title-plaque::after{height:127px;}.mj-main{padding-top:14px;}.mj-heading{margin-bottom:12px;}.mj-dashboard>div{padding:10px;}.mj-dashboard strong{font-size:21px;}.mj-dashboard svg{width:32px;height:32px;}}