/* ======================
   mahjong-deco.css
   Mahjong tile decorations, dividers
   Light mode (default) values
   ====================== */

/* ---------- Tile dividers between sections ---------- */
.tile-divider{
  display:flex;align-items:center;justify-content:center;
  gap:8px;padding:12px 0;margin:40px auto;
  max-width:360px;user-select:none;
}
.tile-divider-line{
  flex:1;height:2px;
  background:linear-gradient(90deg,transparent,var(--divider-line-color),transparent);
}
.tile-divider-tiles{
  display:flex;gap:6px;font-size:1.6rem;opacity:var(--tile-divider-opacity);
}

/* ---------- Footer tile row ---------- */
.footer-tiles{
  display:flex;justify-content:center;gap:6px;
  font-size:1.3rem;opacity:var(--tile-footer-opacity);margin-bottom:8px;
  user-select:none;letter-spacing:3px;
}

/* ---------- Responsive ---------- */
@media(max-width:480px){
  .tile-divider-tiles{font-size:1.2rem;gap:4px}
  .footer-tiles{font-size:1rem}
}