@font-face{font-family:MahjongText;src:url('/assets/fonts/MahjongText.woff2') format('woff2');font-weight:200 900;font-display:swap}@font-face{font-family:MahjongTiles;src:url('/assets/fonts/MahjongTiles.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#273447;font-family:MahjongText,MahjongTiles,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d49d50;outline-offset:4px}.skip{position:absolute;top:-100px;padding:10px;background:#fff;z-index:10}.skip:focus{top:0}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 max(30px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid #e7e9ee;white-space:nowrap}.logo{display:flex;align-items:center;gap:0;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.8px;color:#243746}.logo>span{color:#98a5aa}.logo-symbol{width:39px;height:39px;margin-right:9px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:550;height:100%}.site-header nav a{text-decoration:none;display:flex;align-items:center;height:100%;border-bottom:2px solid transparent;color:#7c8793}.site-header nav a.nav-play{color:#314e49;border-color:#668579}.header-note{font-size:12px;color:#87918c;display:flex;align-items:center;gap:7px}.header-note i,.free-dot{width:6px;height:6px;background:#739e7f;border-radius:50%;display:inline-block}.game-heading{max-width:1180px;margin:0 auto;padding:22px 0 17px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:11px;letter-spacing:.1px;color:#9aa4af;margin-bottom:7px;display:flex;gap:9px}.breadcrumb a{text-decoration:none}.game-heading h1{display:flex;align-items:center;gap:12px;font-size:31px;line-height:1.1;letter-spacing:-.7px;font-weight:700;margin:0 0 7px}.title-tag{font-size:9px;letter-spacing:1px;padding:4px 7px;background:#e7ece5;color:#7d9377;border:1px solid #dbe2d7;border-radius:4px;font-weight:600}.game-heading p{font-size:14px;color:#9099a4;margin:0}.focus-link{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;color:#758291;border:1px solid #dce1e7;padding:8px 12px;background:#fafbfc;border-radius:6px}.focus-link svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none}.play-section{max-width:1180px;margin:auto}.player{border:1px solid #dce1e8;background:#19324c;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #162c4010}.player iframe{display:block;width:100%;height:600px;border:0}.player-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;font-size:11px;color:#98a1ad}.player-bottom>span{display:flex;align-items:center;gap:6px}.player-bottom a{text-decoration:none;color:#718492}.divider{padding:0 4px;color:#bac1c8}#load-message{font-size:13px;padding:12px;color:#ad663f}.quick-guide{max-width:1180px;margin:10px auto 0;background:#e9edf0;border:1px solid #e0e5e9;border-radius:9px;padding:17px 24px;display:flex;align-items:center;gap:25px}.quick-label{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#86919d;white-space:nowrap}.quick-guide p{margin:0;line-height:1.5;font-size:13px;color:#7b8792}.quick-guide strong{color:#516274;font-weight:600}.quick-guide a{font-size:12px;text-decoration:none;white-space:nowrap;color:#647a80}.section{max-width:1180px;margin:auto;padding:55px 0;border-bottom:1px solid #e0e5e9}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#96a0a9;margin-bottom:12px}.section h2{font-size:29px;line-height:1.2;letter-spacing:-.6px;font-weight:650;margin:0 0 15px}.intro{display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.intro p{font-size:15px;color:#7d8792;margin:0 0 13px;line-height:1.7}.text-link{font-size:13px;text-decoration:none;color:#608078;font-weight:600}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-top h2{margin:0}.section-top>span{font-size:12px;color:#98a1aa}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border:1px solid #e0e5e9;border-radius:10px;background:#fff;padding:24px;position:relative}.step-number{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf2ee;color:#89a08d;font-size:13px;font-weight:650;margin-bottom:15px}.steps h3{font-size:18px;font-weight:650;margin:0 0 10px}.steps p,.layout-cards p{font-size:14px;color:#86909a;line-height:1.6;margin:0}.layout-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.layout-cards>a{display:grid;grid-template-columns:104px 1fr;gap:0 18px;padding:24px;background:#fff;border:1px solid #dfe5e9;border-radius:10px;text-decoration:none;transition:border-color .15s,box-shadow .15s}.layout-cards>a:hover{border-color:#8ca99f;box-shadow:0 5px 16px #213a2f0a}.layout-art{grid-row:span 2;align-self:center;text-align:center;font-size:0;line-height:0;background:#29435a;border-radius:6px;padding:17px 0}.layout-art i{display:inline-block;background:#f7edcf;border-radius:1px;width:9px;height:11px;box-shadow:0 2px #619281;margin:1px}.layout-cards h3{display:flex;justify-content:space-between;align-items:center;font-size:21px;font-weight:650;margin:0 0 7px;align-self:end}.layout-cards h3 span{color:#9aaab1;font-size:17px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:85px}.faq details{border-bottom:1px solid #dce2e7}.faq summary{position:relative;cursor:pointer;list-style:none;padding:16px 22px 16px 0;font-size:16px;font-weight:550;color:#566575}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:#9aa6ae}.faq details[open] summary:after{content:'−'}.faq details p{color:#87939d;font-size:14px;padding-right:20px;line-height:1.7}.site-footer{max-width:1180px;margin:auto;padding:36px 0;color:#98a2ac;font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.site-footer .logo{font-size:20px;color:#6c7d86}.site-footer p{margin:0;font-size:12px;grid-column:1}.site-footer nav{display:flex;justify-content:flex-end;gap:22px;grid-column:2;grid-row:1;align-items:center}.site-footer nav a{text-decoration:none}.site-footer small{grid-column:2;text-align:right;font-size:11px}.article{max-width:800px;margin:36px auto 60px;padding:30px 38px;background:#fff;border:1px solid #e1e5e9;border-radius:12px}.article h1{font-size:46px;line-height:1.1;letter-spacing:-1px;color:#263c4d}.article h2{font-size:26px;font-weight:650;letter-spacing:-.4px;margin-top:35px;line-height:1.3}.article p,.article li{color:#7b8791;line-height:1.75}.article-lead{font-size:21px}.play-button{display:inline-block;background:#e9a351;border:1px solid #df994b;color:#373329;border-radius:6px;padding:10px 20px;text-decoration:none;font-weight:650}.article table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.article th,.article td{padding:13px 10px;text-align:left;border-bottom:1px solid #e2e7eb;vertical-align:top}.article th{background:#eef2f4;font-weight:600}.article td{color:#7b8791}.callout{background:#eef3ef;padding:25px;border-radius:9px;margin-top:35px}.callout h2{margin-top:0}
@media(max-width:1240px){.game-heading,.play-section,.quick-guide,.section,.site-footer{margin-left:26px;margin-right:26px}.site-header{padding-left:26px;padding-right:26px}}
@media(max-width:750px){.site-header{height:62px;padding:0 16px;gap:18px}.logo{font-size:21px}.logo-symbol{width:32px;height:34px}.site-header nav{gap:18px;font-size:12px}.header-note{display:none}.site-header nav .nav-play{display:none}.game-heading{padding:15px 0 13px;margin:0 16px}.game-heading h1{font-size:25px;gap:8px}.game-heading p{font-size:12px}.title-tag{font-size:8px;padding:3px 5px}.game-heading .breadcrumb{display:none}.focus-link{display:none}.play-section{margin:0 10px}.player{border-radius:11px}.player-bottom{font-size:9px;gap:9px;align-items:flex-start;padding:10px 3px}.player-bottom .divider{padding:0 1px}.player-bottom>span{flex-wrap:wrap;gap:3px}.player-bottom a{max-width:32%;text-align:right}.quick-guide{margin:5px 10px 0;padding:14px;gap:12px;align-items:flex-start}.quick-label{display:none}.quick-guide p{font-size:11px}.quick-guide a{font-size:10px;align-self:center}.section{margin:0 20px;padding:35px 0}.intro,.faq{grid-template-columns:1fr;gap:15px}.section h2{font-size:25px}.intro p{font-size:14px}.section-top{align-items:flex-start;gap:12px}.section-top .text-link{max-width:90px;text-align:right;font-size:11px}.section-top>span{display:none}.steps{grid-template-columns:1fr;gap:10px}.steps article{padding:17px 18px 17px 64px}.step-number{position:absolute;left:17px;top:20px}.steps h3{font-size:17px;margin-bottom:5px}.steps p{font-size:12px}.layout-cards{grid-template-columns:1fr;gap:10px}.layout-cards>a{padding:18px;grid-template-columns:85px 1fr}.layout-cards p{font-size:12px}.layout-cards h3{font-size:20px}.site-footer{margin:0 20px;padding:28px 0;display:block}.site-footer nav{justify-content:flex-start;margin:18px 0 10px;font-size:11px;gap:18px}.site-footer .logo{font-size:19px}.article{margin:16px 10px;padding:22px 18px;border-radius:10px}.article h1{font-size:36px}.article h2{font-size:24px}.article-lead{font-size:18px}.article table{font-size:12px}.article th,.article td{padding:9px 5px}.article p,.article li{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:751px){.site-header{height:64px}.game-heading{padding-top:15px;padding-bottom:15px}.game-heading .breadcrumb{display:none}.game-heading h1{font-size:28px}.game-heading p{font-size:13px}}
