:root{--bg:#10231c;--glow:#31513c;--accent:#fde68a}.mahjong-wrap{display:grid;place-items:center;gap:8px;width:100%;height:100%}.timer{width:min(94vw,720px);height:7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.1)}.timer span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fb7185,#fde68a,#86efac);transition:width .2s linear}.mahjong-board{display:grid;grid-template-columns:repeat(var(--cols,8),1fr);gap:clamp(3px,.7vw,6px);width:min(91vw,720px);max-height:76vh;aspect-ratio:var(--cols,8)/var(--rows,6);padding:7px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(7,21,15,.58);box-shadow:0 22px 65px rgba(0,0,0,.38)}.tile{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:linear-gradient(145deg,#f8f1d2,#d6c999);color:#244234;font:inherit;font-size:clamp(16px,4vw,32px);font-weight:1000;cursor:pointer;box-shadow:inset 0 0 0 3px rgba(255,255,255,.28),0 4px 8px rgba(0,0,0,.22);transition:.15s ease}.tile::after{content:attr(data-mark);position:absolute;right:5px;bottom:3px;color:#8c6545;font-size:8px}.tile.selected{transform:translateY(-4px);box-shadow:0 0 0 3px #67e8f9,0 8px 15px rgba(0,0,0,.3)}.tile.hint{animation:pulse .7s ease infinite alternate}.tile.removed{visibility:hidden;opacity:0;transform:scale(.3)}@keyframes pulse{to{box-shadow:0 0 0 4px #fde68a,0 0 18px #fde68a}}@media(max-height:440px){.mahjong-board{max-height:70vh;width:auto;height:70vh}.timer{width:min(80vw,650px)}}