/* Вкладка «Кімната» (/@nick/room): 3D-клієнт у кадрі на весь екран — поверх сторінки й нижнього меню (вхід — іконка
   на плашці, назад — «×» у клієнті). Поки кімната відкрита, сторінка під нею не гортається. */
.rpr-room{ position:fixed; inset:0; z-index:40; background:#18203A; }
.rpr-room iframe{ display:block; width:100%; height:100%; border:0; }
body.rpr-on{ overflow:hidden; }

/* Підказка (js/room-tab.js): іконка на плашці світиться й «дихає», поки її не натиснуть (далі — раз на місяць).
   Без анімації для тих, хто її вимкнув у системі, — лише сяйво. */
.rpf-hero__ptab.rpr-hint{ position:relative; background:color-mix(in srgb, currentColor 24%, transparent);
  box-shadow:0 0 0 0 color-mix(in srgb, #F08365 70%, transparent); animation:rpr-hint 1.8s ease-out infinite; }
.rpf-hero__ptab.rpr-hint::after{ content:""; position:absolute; top:2px; right:2px; width:10px; height:10px; border-radius:50%;
  background:#F08365; box-shadow:0 0 0 2px color-mix(in srgb, currentColor 30%, transparent); }
@keyframes rpr-hint{
  0%{ box-shadow:0 0 0 0 color-mix(in srgb, #F08365 70%, transparent); transform:scale(1); }
  45%{ transform:scale(1.07); }
  70%{ box-shadow:0 0 0 14px color-mix(in srgb, #F08365 0%, transparent); transform:scale(1); }
  100%{ box-shadow:0 0 0 0 color-mix(in srgb, #F08365 0%, transparent); }
}
@media (prefers-reduced-motion: reduce){
  .rpf-hero__ptab.rpr-hint{ animation:none; box-shadow:0 0 0 4px color-mix(in srgb, #F08365 55%, transparent); }
}