/* Preserve the original SVG artwork, including its front and back designs. */
.tile.tile-art{border:0;background:url('./assets/mahjong/Front.svg') center/100% 100% no-repeat;box-shadow:1px 2px 1px #283d3526;padding:0;line-height:0;border-radius:4px}
.tile-art>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.tile.tile-art.tile-back{background:none}
.brand-tile{background:url('./assets/mahjong/Front.svg') center/100% 100% no-repeat;border:0;box-shadow:1px 2px 1px #283d3526}
.brand-tile img{width:100%;height:100%;object-fit:contain}
.tile-gallery{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:9px;padding:6px 28px}
.tile-gallery-row{display:flex;align-items:center;gap:28px;padding:23px 0}
.tile-gallery-row+.tile-gallery-row{border-top:1px solid var(--line)}
.tile-gallery-row h2{font-size:18px;font-weight:500;min-width:45px}
.tile-gallery-tiles{display:flex;flex-wrap:wrap;gap:16px}
.tile-gallery-tiles>div{display:flex;flex-direction:column;align-items:center;gap:9px}
.tile-gallery-tiles .tile{width:44px;height:59px}
.tile-gallery-tiles>div>span:last-child{font-size:10px;color:var(--muted)}
@media(max-width:700px){.tile-gallery{padding:0 18px}.tile-gallery-row{align-items:flex-start;flex-direction:column;gap:16px;padding:21px 0}.tile-gallery-row h2{font-size:17px}.tile-gallery-tiles{gap:15px 12px}.tile-gallery-tiles .tile{width:40px;height:54px}}