/* Scoped: sadece #rose-crush içinde etkili */
#rose-crush.rc-wrap{max-width:520px;margin:16px auto;padding:14px;border:1px solid rgba(0,0,0,.12);border-radius:14px;position:relative}
#rose-crush .rc-top{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
#rose-crush .rc-title{font-weight:700;font-size:18px}
#rose-crush .rc-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:13px}
#rose-crush .rc-stat{opacity:.9}
#rose-crush .rc-btn{border:1px solid rgba(0,0,0,.18);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
#rose-crush .rc-btn:active{transform:translateY(1px)}
#rose-crush .rc-btn-wide{width:100%}

#rose-crush .rc-board{
  display:grid;
  grid-template-columns:repeat(8, 1fr);
  gap:6px;
  user-select:none;
  touch-action:none; /* swipe bizim kontrolümüzde */
}
#rose-crush .rc-cell{
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,.01));
  transition:transform .12s ease, opacity .12s ease, outline-color .12s ease;
  position:relative;
  overflow:hidden;
}
#rose-crush .rc-cell.rc-pop{transform:scale(.85);opacity:.25}
#rose-crush .rc-cell.rc-picked{outline:3px solid rgba(0,0,0,.22)}

#rose-crush .rc-gem{
  width:78%;
  height:78%;
  object-fit:contain;
  pointer-events:none;
  -webkit-user-drag:none;
  user-select:none;
}
#rose-crush .rc-emoji{
  font-size:26px;
  pointer-events:none;
}

#rose-crush .rc-power{
  position:absolute;
  right:6px;
  bottom:6px;
  font-size:12px;
  opacity:.9;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  padding:2px 6px;
  pointer-events:none;
}

#rose-crush .rc-hint{margin-top:10px;font-size:12px;opacity:.75;line-height:1.35}

#rose-crush .rc-overlay{
  position:absolute; inset:0;
  display:grid; place-items:center;
  background:rgba(0,0,0,.35);
  border-radius:14px;
}
#rose-crush .rc-overlay-card{
  width:min(360px, 92%);
  background:#fff;
  border-radius:14px;
  padding:14px;
  border:1px solid rgba(0,0,0,.12);
}
#rose-crush .rc-overlay-title{font-weight:800;font-size:18px;margin-bottom:6px}
#rose-crush .rc-overlay-text{opacity:.85;margin-bottom:12px;line-height:1.35}

@media (max-width:420px){
  #rose-crush .rc-emoji{font-size:24px}
  #rose-crush .rc-stats{gap:8px}
}

/* Bazı temalar [hidden] davranışını bozabiliyor */
#rose-crush .rc-overlay[hidden]{
  display:none !important;
}

#rose-crush .rc-cell { will-change: transform; }


#rose-crush .rc-brand{display:flex;flex-direction:column;gap:2px}
#rose-crush .rc-subtitle{font-size:12px;opacity:.7;line-height:1.2}
#rose-crush .rc-footer{
  margin-top:10px;
  font-size:12px;
  opacity:.7;
  line-height:1.35;
  border-top:1px dashed rgba(0,0,0,.12);
  padding-top:10px;
}