:root{--mahjong-felt: #0d2818;--mahjong-gold: #d4a853;--mahjong-brown: #4a2715;--mahjong-cream: #fff8df}body.page--mahjong{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(34,91,49,.42),transparent 34rem),#0d2818;color:#f8f6f0;font-family:Inter,DM Sans,Arial,sans-serif}.mahjong-game{padding:.85rem clamp(.75rem,2vw,2rem) 2rem}.mahjong-shell{max-width:1180px;margin:0 auto}.mahjong-hero{max-width:820px;margin:1.5rem auto 0;text-align:center}.mahjong-eyebrow{margin:0 0 .35rem;color:var(--mahjong-gold);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mahjong-hero h1{margin:0;color:var(--mahjong-gold);font-family:Cinzel,Playfair Display,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.mahjong-hero p{margin:.65rem auto 0;max-width:680px;color:#f8f6f0d1;font-size:clamp(1rem,1.5vw,1.12rem)}.mahjong-toolbar,.mahjong-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin:.75rem auto}.mahjong-toolbar{align-items:stretch}.mahjong-play-panel{max-width:1180px;margin:0 auto;padding:0 .85rem .85rem;border:1px solid rgba(212,168,83,.22);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#1008021a,#100802c7),url(/assets/footer-mNJpfgTL.webp),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:cover,cover,360px 360px;background-position:center;background-repeat:no-repeat,no-repeat,repeat;box-shadow:0 14px 30px #0003}.mahjong-toolbar label,.mahjong-stat,.mahjong-actions button{background:linear-gradient(135deg,#4a2715f0,#211008f0),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,320px 320px;border:1px solid rgba(212,168,83,.36);border-radius:8px;box-shadow:0 10px 22px #0000003d}.mahjong-toolbar label{display:grid;gap:.25rem;min-width:180px;padding:.55rem .7rem}.mahjong-toolbar label span,.mahjong-stat span{color:#f8f6f0ad;font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.mahjong-toolbar select{min-height:36px;border:1px solid rgba(212,168,83,.4);border-radius:6px;background:#0d1f12cc;color:#fff;font:800 .95rem Inter,sans-serif}.mahjong-stat{display:grid;align-content:center;min-width:106px;padding:.55rem .8rem;text-align:center}.mahjong-stat strong{color:#fff;font-size:1.3rem;line-height:1.1}.mahjong-actions button{display:flex;align-items:center;justify-content:center;gap:.4rem;width:max-content;min-height:42px;padding:.6rem .9rem;color:#fff8df;font:900 .92rem Inter,sans-serif;cursor:pointer}.mahjong-actions button svg{width:1.15rem;height:1.15rem;fill:currentColor;color:var(--mahjong-gold);flex:0 0 auto}.mahjong-actions button[data-new-game]{background:linear-gradient(180deg,#ffffff2e,#0000001f),#66a80f;border-color:#e2ffa875;color:#fff;box-shadow:0 10px 22px #0000003d,inset 0 1px #ffffff57}.mahjong-actions button[data-new-game] svg{color:#fff}.mahjong-actions button:hover:not(:disabled),.mahjong-actions button:focus-visible:not(:disabled){border-color:var(--mahjong-gold);color:#fff;transform:translateY(-1px)}.mahjong-actions button[data-new-game]:hover:not(:disabled),.mahjong-actions button[data-new-game]:focus-visible:not(:disabled){background:linear-gradient(180deg,#ffffff3d,#0000001a),#75b918;border-color:#f0ffbfb3}.mahjong-actions button:disabled{cursor:not-allowed;opacity:.45}.mahjong-message{min-height:1.5rem;margin:0 -.85rem .7rem;padding:.55rem .75rem;border:1px solid rgba(212,168,83,.28);border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(135deg,#4a2715f0,#211008f0),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,320px 320px;color:#f7e3a3;font-weight:800;text-align:center}.mahjong-difficulty-card{max-width:780px;margin:.75rem auto 0;padding:.85rem 1rem;border:1px solid rgba(212,168,83,.26);border-radius:8px;background:#0d1f1285;color:#f8f6f0d1;text-align:center}.mahjong-difficulty-card strong{display:block;margin-bottom:.35rem;color:var(--mahjong-gold);font-size:1rem}.mahjong-difficulty-card p{margin:0;line-height:1.48}.mahjong-difficulty-card span{color:#fff8df;font-weight:900}.mahjong-board-frame{position:relative;overflow:auto;max-width:100%;padding:1rem 1rem .35rem;border:1px solid rgba(212,168,83,.16);border-radius:12px 12px 0 0;background:radial-gradient(circle at center,#1c5c30d1,#092615f5),url(/assets/felt-green-CieYw_4d.webp);background-size:auto,460px 460px;box-shadow:inset 0 0 48px #00000047}.mahjong-board-hint{position:sticky;top:.65rem;right:.65rem;z-index:5000;display:flex;align-items:center;justify-content:center;gap:.4rem;width:max-content;min-height:40px;margin:0 0 .5rem auto;padding:.56rem .82rem;border:1px solid rgba(226,255,168,.52);border-radius:8px;background:linear-gradient(180deg,#ffffff2e,#0000001f),#66a80f;color:#fff;font:900 .88rem Inter,sans-serif;box-shadow:0 10px 22px #00000042,inset 0 1px #ffffff57;cursor:pointer}.mahjong-board-hint svg{width:1.05rem;height:1.05rem;fill:currentColor;color:#ffdf6e;filter:drop-shadow(0 0 7px rgba(255,223,110,.4))}.mahjong-board-hint:hover:not(:disabled),.mahjong-board-hint:focus-visible:not(:disabled){background:linear-gradient(180deg,#ffffff3d,#0000001a),#75b918;transform:translateY(-1px)}.mahjong-board-hint:disabled{cursor:not-allowed;opacity:.48}.mahjong-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mahjong-sparkle{position:absolute;width:var(--sparkle-size, 9px);height:var(--sparkle-size, 9px);border-radius:50%;background:var(--sparkle-color, #f8d66d);box-shadow:0 0 14px #f8d66db8;transform:translate(-50%,-50%);will-change:transform,opacity,filter}.mahjong-sparkle--dust{border-radius:45% 55% 52% 48%;filter:blur(.25px)}.mahjong-board{position:relative;width:var(--board-width);height:var(--board-height);min-width:min(var(--board-width),100%);margin:0 auto}.mahjong-tile{position:absolute;width:62px;height:78px;display:grid;place-items:center;padding:.34rem;border:1px solid rgba(111,70,28,.72);border-radius:9px;background:linear-gradient(145deg,#fffdf1,#f5e7bf 58%,#d9bf82);color:#2f1c0f;box-shadow:3px 5px #503012d1,0 8px 18px #00000057,inset 0 1px #ffffffdb;cursor:pointer;will-change:transform,opacity;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease}.tile-art{position:relative;z-index:1;width:86%;height:86%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.tile-fallback{position:absolute;right:8px;bottom:5px;color:#2f1c0f80;font-size:.68rem;font-weight:950;line-height:1;pointer-events:none}.mahjong-tile:before{content:"";position:absolute;inset:5px;border:1px solid rgba(164,92,31,.2);border-radius:6px;pointer-events:none}.mahjong-tile:not(.is-free){filter:saturate(.72) brightness(.74)}.mahjong-tile.is-free:hover,.mahjong-tile.is-selected,.mahjong-tile.is-hinted{filter:brightness(1.08);transform:translateY(-4px)}.mahjong-tile.is-selected{box-shadow:3px 5px #503012d1,0 0 0 3px #d4a853b8,0 12px 22px #00000061}.mahjong-tile.is-hinted{box-shadow:3px 5px #503012d1,0 0 0 3px #ffd24aeb,0 0 22px #ffd24a8a,0 14px 24px #0000006b}.mahjong-tile.is-removed{pointer-events:none;opacity:0}.tile-dots{display:grid;grid-template-columns:repeat(3,8px);gap:4px;justify-content:center}.tile-dots i{width:8px;height:8px;border-radius:50%;background:#b42318;box-shadow:inset 0 0 0 2px #ffffff52}.tile-dots--1,.tile-dots--2{grid-template-columns:repeat(1,8px)}.tile-bamboo{display:flex;justify-content:center;gap:3px}.tile-bamboo i{width:7px;height:34px;border-radius:999px;background:linear-gradient(#1f8a4c 0 26%,#f5e7bf 26% 34%,#1f8a4c 34% 66%,#f5e7bf 66% 74%,#1f8a4c 74%)}.tile-character,.tile-letter,.tile-flower{display:grid;place-items:center;gap:.1rem}.tile-character b,.tile-letter,.tile-flower b{color:#a9291f;font-size:1.9rem;font-weight:950;line-height:1}.tile-letter--dragon-green{color:#166534}.tile-letter--dragon-white{color:#374151}.mahjong-tile small{color:#2f1c0fa3;font-size:.62rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase}.mahjong-tile>b{position:absolute;right:9px;bottom:6px;color:#2f1c0f94;font-size:.7rem}.tile-flower i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at center,#fef3c7 0 18%,#b42318 20% 38%,transparent 40%),conic-gradient(from 0deg,#b42318,#d97706,#b42318,#d97706,#b42318)}.mahjong-guide{max-width:1060px;margin:0 auto 2.5rem;padding:0 clamp(.75rem,2vw,2rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.mahjong-guide section{position:relative;padding:1.2rem;border:1px solid rgba(212,168,83,.28);border-radius:10px;background:linear-gradient(135deg,#4a2715d1,#1d0f08e0),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:auto,360px 360px}.mahjong-guide__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;margin-bottom:.55rem;border:1px solid rgba(212,168,83,.36);border-radius:50%;color:var(--mahjong-gold);background:#0d1f128a}.mahjong-guide__icon svg{width:22px;height:22px;display:block;fill:currentColor}.mahjong-guide h2{margin:0 0 .5rem;color:var(--mahjong-gold);font-family:Cinzel,serif;font-size:1.2rem}.mahjong-guide p{margin:0;color:#f8f6f0cc}.page--mahjong .page__footer{margin-top:3rem;background:linear-gradient(180deg,#10080200,#100802ad),url(/assets/footer-mNJpfgTL.webp),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:cover,cover,360px 360px;background-position:center;background-repeat:no-repeat,no-repeat,repeat;border-top:1px solid rgba(212,168,83,.32)}@media(max-width:820px){.mahjong-board{transform:scale(.84);transform-origin:top center;margin-bottom:calc(var(--board-height) * -.16)}.mahjong-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.mahjong-toolbar,.mahjong-actions{justify-content:stretch}.mahjong-toolbar label,.mahjong-stat,.mahjong-actions button{flex:1 1 140px}.mahjong-board-frame{padding:.65rem .2rem}.mahjong-board-hint{right:.5rem;min-height:38px;padding:.5rem .68rem;font-size:.82rem}.mahjong-board{transform:scale(.68);margin-bottom:calc(var(--board-height) * -.32)}.mahjong-guide{grid-template-columns:1fr}}