.ms-dialog{--ms-ink:#032125;--ms-gold:#caa35b;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:auto;background:linear-gradient(#00172316,#00101744),url('assets/mines-alpine.webp') center/cover fixed;color:#f7efd9;font-family:system-ui,sans-serif;color-scheme:dark;}
.ms-dialog::backdrop{background:#00101c;}.ms-dialog *{box-sizing:border-box;}.ms-dialog button,.ms-dialog select,.ms-dialog input{font:inherit;}.ms-dialog button{cursor:pointer;touch-action:manipulation;}.ms-dialog button:disabled{opacity:.45;cursor:default;}.ms-dialog button:focus-visible,.ms-dialog a:focus-visible,.ms-dialog input:focus-visible,.ms-dialog select:focus-visible{outline:3px solid #7be0ff;outline-offset:3px;}.ms-dialog [hidden]{display:none!important;}.ms-defs{position:absolute;pointer-events:none;}
.ms-frame{position:relative;border:2px solid #c59c4f;border-radius:18px 5px;background:linear-gradient(120deg,#052b2df2,#001820f5);box-shadow:inset 0 0 0 3px #e4c57f25,inset 0 0 22px #001019,0 4px 0 #593715,0 6px 0 #c4974b,0 14px 25px #0008;}
.ms-frame::after{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/mahjong-gold-corners.svg') center/100% 100% no-repeat;border-radius:inherit;opacity:.9;}
.ms-dialog svg{display:block;width:32px;height:32px;flex:none;filter:drop-shadow(0 2px 1px #0008);pointer-events:none;}.ms-dialog button{border:1px solid #a57d39;background:linear-gradient(135deg,#0a3433,#03171c);color:#fce6b0;border-radius:12px 4px;box-shadow:inset 0 1px #fff3,0 3px 7px #0008;}.ms-dialog button:hover:not(:disabled){border-color:#ffe0a1;filter:brightness(1.12);}.ms-header{display:flex;align-items:center;gap:20px;margin:10px 20px 0;padding:7px 22px;min-height:85px;}.ms-brand{flex:none;}.ms-brand img{display:block;width:170px;height:auto;}.ms-header nav{display:flex;flex:1;align-self:stretch;gap:5px;min-width:0;}.ms-header nav button{display:flex;flex:1;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 4px;border:0;border-radius:0;background:none;box-shadow:none;font-size:11px;color:#f3eedb;}.ms-header nav [data-ms='title']{background:radial-gradient(ellipse at bottom,#bc8b416e,transparent 75%);box-shadow:0 2px #f2c875;color:#ffe5ad;}.ms-header-actions{display:flex;gap:9px;}.ms-header-actions button{width:42px;height:42px;padding:9px;border-radius:50%;}.ms-header-actions svg{width:23px;height:23px;}.ms-header-actions span{display:none;}.ms-guest{font-size:11px;color:#e2c887;max-width:100px;line-height:1.5;}
.ms-main{display:grid;grid-template-columns:220px minmax(0,780px) 250px;gap:26px;align-items:center;justify-content:center;max-width:1850px;margin:auto;padding:22px 3% 28px;}.ms-levels{padding:12px;align-self:start;margin-top:100px;}.ms-levels button{display:flex;align-items:center;gap:14px;width:100%;min-height:94px;padding:16px 10px;text-align:left;background:none;border:0;border-bottom:1px solid #aa92594a;border-radius:0;box-shadow:none;}.ms-levels button strong,.ms-levels button small{display:block;}.ms-levels button strong{font-size:15px;font-weight:600;}.ms-levels button small{font-size:11px;color:#becac0;margin-top:8px;line-height:1.5;}.ms-levels button[aria-pressed='true']{border:1px solid #f1c878;border-radius:12px 4px;background:linear-gradient(120deg,#bb8e394a,#082725);box-shadow:inset 0 0 13px #ffd16b55,0 0 13px #f3bb5b55;}.ms-levels svg{width:37px;height:37px;}.ms-center{min-width:0;}.ms-title{text-align:center;position:relative;padding-top:7px;margin-bottom:17px;}.ms-title>img{width:91px;height:65px;object-fit:cover;border-radius:50%;border:1px solid #d8b26b;box-shadow:0 0 28px #f2c45d66;position:relative;z-index:1;margin:auto auto -15px;display:block;}.ms-title h1{position:relative;font:700 clamp(35px,4.5vw,73px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-2px;margin:0;padding:9px 16px 4px;background:linear-gradient(#fff6d8 5%,#ffe3a1 25%,#d99d35 58%,#fff2b7 66%,#a56c21 92%);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px #624015) drop-shadow(0 6px 5px #000);}.ms-title p{position:relative;display:inline-block;font:600 11px/1.5 system-ui;letter-spacing:2px;border:1px solid #b9944f;border-radius:12px;background:#031d20ed;padding:6px 20px;margin:5px 0 0;box-shadow:0 4px 10px #0009;color:#f6dfaa;}
.ms-board-frame{padding:12px;border-width:4px;background:linear-gradient(135deg,#d0a453,#473215 35%,#e9c77b 67%,#7b4c20);border-radius:19px;box-shadow:inset 0 0 0 2px #ffe6a2,0 5px #69431c,0 8px #d5a752,0 18px 30px #0009;}.ms-scroll{overflow:auto;padding:3px 3px 7px;border:2px solid #53442c;border-radius:7px;background:#03212b;overscroll-behavior:contain;scrollbar-color:#c7a454 #072732;}
#ms-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));width:min(100%,calc(var(--cols)*var(--size)));min-width:calc(var(--cols)*28px);margin:auto;gap:2px;isolation:isolate;}
.ms-dialog .ms-cell{position:relative;min-width:0;width:100%;aspect-ratio:1;padding:0;border:1px solid #93adc0;border-radius:10% / 9%;background:linear-gradient(135deg,#a7bfd0 0%,#52748d 6%,#18384c 15%,#294c67 48%,#0b2437 52%,#294759 90%,#8fa3ae);box-shadow:inset 2px 2px 2px #dce9e880,inset -3px -4px 3px #00101cd9,0 3px 0 #021626;transition:filter .16s,transform .16s;}
.ms-cell::before{content:'';position:absolute;inset:8%;border:1px solid #c7dbe11c;background:linear-gradient(135deg,#abcbd01f,transparent 45%,#0001);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none;}.ms-cell::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(45deg,transparent 47%,#cfe1e015 49%,transparent 51%);}.ms-cell svg{width:75%;height:75%;margin:auto;position:relative;z-index:1;}.ms-cell>span{position:relative;z-index:1;font:700 clamp(17px,2.2vw,34px)/1 Georgia,serif;color:#2558a0;text-shadow:0 1px #fff9,1px 2px #183666,0 3px 2px #0005;}.ms-dialog .ms-cell.ms-open{background:radial-gradient(ellipse at 20% 10%,#fff0d8,transparent 68%),linear-gradient(135deg,#eed5b7,#d9b999);border-color:#a57d58;box-shadow:inset 1px 1px 2px #fff7df,inset -1px -2px 2px #95694066,0 1px #765a3f;}.ms-cell.ms-open::before{border:0;background:linear-gradient(120deg,transparent 28%,#ad80421c 29%,transparent 30% 68%,#fff5 69%,transparent 70%);}.ms-cell[data-number='2']>span{color:#367138;text-shadow:0 1px #fff8,1px 2px #284d22;}.ms-cell[data-number='3']>span{color:#b52d24;text-shadow:0 1px #fff8,1px 2px #6a211d;}.ms-cell[data-number='4']>span{color:#762c91;text-shadow:0 1px #fff8,1px 2px #401952;}.ms-cell[data-number='5']>span,.ms-cell[data-number='6']>span,.ms-cell[data-number='7']>span,.ms-cell[data-number='8']>span{color:#67401e;text-shadow:0 1px #fff8,1px 2px #302515;}.ms-dialog .ms-cell.ms-mine{background:radial-gradient(#a66942,#421f1f);border-color:#d7895e;}.ms-dialog .ms-cell.ms-hint{outline:3px solid #ffde74;outline-offset:-2px;animation:ms-hint 1.4s ease-in-out infinite;}.ms-dialog .ms-cell:hover:not([aria-disabled='true']){filter:brightness(1.22);}.ms-dialog .ms-cell:active:not([aria-disabled='true']){transform:translateY(2px);}
.ms-right{align-self:center;}.ms-meters{padding:15px;margin-bottom:24px;}.ms-time{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c9a35f55;padding-bottom:14px;}.ms-time output{font:600 25px/1 system-ui;font-variant-numeric:tabular-nums;flex:1;}.ms-time button{width:41px;height:43px;padding:8px;}.ms-time button svg{width:24px;height:24px;}.ms-counters{display:flex;gap:10px;padding-top:18px;}.ms-counters>div{flex:1;display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px;}.ms-counters strong{font:600 24px system-ui;}.ms-counters span{grid-column:1/-1;font-size:11px;color:#c8d3cd;}.ms-tools{padding:15px;display:grid;grid-template-columns:1fr 20px;gap:15px 0;}.ms-tools button{display:flex;align-items:center;gap:15px;padding:13px 15px;min-height:60px;font-size:13px;grid-column:1/-1;}.ms-tools button[data-ms='hint'],.ms-tools button[data-ms='auto']{grid-column:1/-1;grid-row:auto;}.ms-tools b{position:absolute;right:10px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(#fff0b3,#e2a83f);color:#2b200c;border:1px solid #ffe1a0;font-size:15px;box-shadow:0 3px 6px #0007;pointer-events:none;}#ms-hints{top:6px;}#ms-autos{top:82px;}.ms-tools button[aria-pressed='true']{box-shadow:inset 0 0 17px #eac36a55;border-color:#f7cf78;}
#ms-message{min-height:20px;margin:16px 0 10px;text-align:center;font-size:12px;line-height:1.5;color:#fff2c7;text-shadow:0 2px 5px #000,0 0 6px #000;}.ms-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.ms-bottom button{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 8px;min-height:59px;font-size:11px;}.ms-bottom svg{width:27px;height:27px;}.ms-rules{grid-column:1/-1;max-width:850px;text-align:center;margin:0 auto;color:#e1d5b4;font-size:11px;line-height:1.7;background:#001c21d9;border-radius:10px;padding:9px 16px;}.ms-rules summary{cursor:pointer;}.ms-rules p{margin:10px 0 0;}.ms-paused{position:absolute;inset:8px;background:#02232beb;z-index:5;display:grid;place-items:center;backdrop-filter:blur(12px);}.ms-paused button{display:flex;gap:15px;align-items:center;padding:18px 25px;}.ms-is-paused #ms-board{visibility:hidden;}
.ms-modal{position:fixed;inset:0;background:#000e17c9;backdrop-filter:blur(14px);display:grid;place-items:center;padding:22px;z-index:50;}.ms-modal-card{width:min(480px,100%);max-height:90dvh;overflow:auto;padding:32px;}.ms-modal h2{font:700 29px Georgia,serif;color:#f3d590;margin:0 40px 25px 0;}.ms-modal-close{position:absolute;right:14px;top:14px;width:37px;height:37px;border-radius:50%!important;padding:9px;}.ms-modal-close svg{width:18px;height:18px;}#ms-panel-body{font-size:14px;line-height:1.6;}#ms-panel-body p{color:#c8d4cc;}#ms-panel-body button{padding:12px 18px;}#ms-panel-body dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d4b77644;padding:12px 0;}#ms-panel-body dd{color:#ffe2a0;font-weight:700;}.ms-setting{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #be9e5f3b;}.ms-setting input{width:23px;height:23px;accent-color:#dcb253;}.ms-setting select{background:#123735;color:#f9dfa0;padding:8px;border:1px solid #c0a05a;border-radius:7px;}.ms-theme{display:block;width:100%;margin:10px 0;background:linear-gradient(100deg,#0a4b53,#062126)!important;}.ms-theme[aria-pressed='true']{outline:2px solid #ffe0a2;outline-offset:2px;}.ms-theme.sapphire{background:linear-gradient(100deg,#16567f,#061b32)!important;}.ms-theme.night{background:linear-gradient(100deg,#252d54,#08101d)!important;}.ms-custom-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.ms-custom-fields input{display:block;width:100%;padding:10px 8px;margin-top:7px;background:#052027;border:1px solid #b99651;border-radius:7px;color:#ffe5b0;}.ms-confirm{display:flex;gap:12px;flex-wrap:wrap;}.ms-soon{font:700 28px Georgia,serif;color:#f8d388;}
.ms-dialog[data-theme='sapphire']{background:radial-gradient(ellipse at center,#164866,#031320);}.ms-dialog[data-theme='night']{background-image:linear-gradient(#01122bc2,#010a1bc9),url('assets/mines-alpine.webp');}
@keyframes ms-hint{50%{filter:brightness(1.5);}}
@media(min-width:1800px){.ms-main{grid-template-columns:260px minmax(0,880px) 280px;gap:32px;padding-top:35px;}.ms-title h1{font-size:78px;}}
@media(max-width:1150px){.ms-header{gap:10px;padding-inline:13px;}.ms-brand img{width:130px;}.ms-guest{display:none;}.ms-main{grid-template-columns:170px minmax(0,1fr) 190px;gap:16px;padding-inline:20px;}.ms-levels{padding:8px;}.ms-levels button{gap:9px;padding:14px 5px;min-height:85px;}.ms-levels button strong{font-size:12px;}.ms-levels button small{font-size:9px;}.ms-levels svg{width:28px;height:28px;}.ms-title h1{font-size:47px;}.ms-title p{font-size:8px;}.ms-meters{padding:12px;}.ms-time{gap:8px;}.ms-time output{font-size:19px;}.ms-time>svg{width:25px;height:25px;}.ms-tools{padding:10px;}.ms-tools button{padding:12px 10px;font-size:11px;gap:10px;}.ms-bottom{gap:7px;}.ms-bottom button{font-size:9px;gap:5px;}.ms-bottom svg{width:23px;height:23px;}}
@media(max-width:900px){.ms-header{flex-wrap:wrap;}.ms-header nav{order:3;flex-basis:100%;}.ms-header-actions{margin-left:auto;}.ms-header nav button{font-size:9px;min-height:58px;}.ms-header nav svg{width:25px;height:25px;}.ms-main{grid-template-columns:minmax(0,1fr) 200px;gap:20px;}.ms-levels{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0;}.ms-levels button{min-height:64px;border:0;padding:8px 5px;}.ms-title{margin-top:0;}.ms-title h1{font-size:45px;}.ms-right{align-self:center;}.ms-levels button small{margin-top:5px;}}
@media(max-width:620px){.ms-dialog{background-image:linear-gradient(#00162355,#00101e7a),url('assets/mines-alpine-mobile.webp');}.ms-header{margin:0;border-radius:0;padding:7px 10px;}.ms-brand img{width:126px;}.ms-header nav{gap:0;}.ms-header nav button{font-size:7px;gap:5px;padding:6px 1px;}.ms-header nav svg{width:23px;height:23px;}.ms-header-actions button{width:36px;height:36px;padding:8px;}.ms-header-actions svg{width:19px;height:19px;}.ms-main{display:flex;flex-direction:column;gap:18px;padding:18px 10px 25px;}.ms-levels{width:100%;padding:6px;gap:3px;}.ms-levels button{flex-direction:column;align-items:center;gap:4px;text-align:center;padding:7px 1px;min-height:78px;}.ms-levels button strong{font-size:9px;}.ms-levels button small{font-size:7px;line-height:1.5;}.ms-levels svg{width:24px;height:24px;}.ms-center{width:100%;}.ms-title>img{width:74px;height:51px;}.ms-title h1{font-size:43px;letter-spacing:-1px;}.ms-title p{font-size:7px;letter-spacing:1px;padding:5px 13px;}.ms-board-frame{padding:7px;border-width:3px;border-radius:13px;}.ms-scroll{padding:2px 2px 5px;}#ms-board{min-width:calc(var(--cols)*28px);gap:2px;}.ms-cell>span{font-size:clamp(19px,6vw,30px);}.ms-right{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;}.ms-meters{margin:0;padding:11px;}.ms-time{padding-bottom:10px;}.ms-time output{font-size:20px;}.ms-time button{width:33px;height:35px;padding:6px;}.ms-time button svg{width:21px;height:21px;}.ms-counters{gap:4px;padding-top:12px;}.ms-counters>div{grid-template-columns:24px 1fr;gap:5px;}.ms-counters svg{width:24px;height:24px;}.ms-counters strong{font-size:21px;}.ms-counters span{font-size:8px;}.ms-tools{gap:7px;padding:10px;}.ms-tools button{min-height:40px;padding:7px;font-size:9px;gap:9px;}.ms-tools svg{width:23px;height:23px;}.ms-tools b{width:20px;height:20px;font-size:11px;right:3px;}#ms-hints{top:4px;}#ms-autos{top:51px;}.ms-bottom button{flex-direction:column;font-size:9px;padding:9px 2px;min-height:61px;gap:6px;}.ms-bottom svg{width:25px;height:25px;}#ms-message{font-size:11px;}.ms-rules{font-size:10px;}.ms-modal{padding:12px;}.ms-modal-card{padding:26px 18px;}.ms-modal h2{font-size:25px;}.ms-modal-card .ms-custom-fields{gap:8px;}.ms-custom-fields label{font-size:11px;}.ms-setting{font-size:13px;}}
@media(prefers-reduced-motion:reduce){.ms-dialog *{animation:none!important;transition:none!important;}}
.ms-no-motion *{animation:none!important;transition:none!important;}
@media(min-width:901px){.ms-dialog[data-level='beginner'] .ms-board-frame{max-width:540px;margin-inline:auto;}.ms-title{margin-bottom:12px;}.ms-title h1{padding-block:5px 3px;}.ms-main{padding-top:14px;}}
.ms-title>img{width:150px;height:85px;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 7px #0009);margin-bottom:-20px;}.ms-title h1{z-index:2;}
@media(max-width:620px){.ms-title>img{width:125px;height:75px;margin-bottom:-17px;}}
@media(max-width:620px){#ms-board{width:100%;}.ms-dialog[data-level='beginner'] .ms-cell{min-height:29px;}}
.ms-setting input[type='checkbox']{appearance:none;-webkit-appearance:none;width:44px;height:25px;border:1px solid #aa8a4e;border-radius:20px;background:#384747;position:relative;cursor:pointer;flex:none;transition:background .2s;}.ms-setting input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:linear-gradient(#fffde8,#d9cfb0);box-shadow:0 2px 4px #0007;transition:translate .2s;}.ms-setting input[type='checkbox']:checked{background:linear-gradient(#ffe09b,#c38b32);}.ms-setting input[type='checkbox']:checked::after{translate:18px 0;}