/* ═══════════════════════════════════════════
   РУНА ДНЯ
   ═══════════════════════════════════════════ */

.daily-date{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--purple);
  margin:14px 0 0;
}

/* ── барабан ── */
.daily-stage{
  display:flex;flex-direction:column;align-items:center;
  gap:16px;padding:14px 0 6px;
}
.daily-box{
  position:relative;
  width:min(230px,62vw);aspect-ratio:3/5;
  background:rgba(10,8,14,0.55);
  border:1px solid var(--border);border-radius:18px;
  overflow:hidden;cursor:pointer;backdrop-filter:blur(10px);
  transition:border-color .3s,box-shadow .3s;
}
.daily-box:hover{
  border-color:rgba(212,175,55,0.45);
  box-shadow:0 22px 60px -18px rgba(160,100,220,0.5);
}
.daily-box.spinning{border-color:rgba(160,100,220,0.55)}

.reel{
  position:absolute;inset:0;z-index:1;
  will-change:transform;
}
/* ячейка равна окну — руна видна целиком и встаёт ровно по центру */
.reel-cell{
  display:flex;align-items:center;justify-content:center;
  width:100%;
}
.reel-cell img{
  width:88%;max-height:96%;height:auto;display:block;object-fit:contain;
  filter:drop-shadow(0 0 24px rgba(160,100,220,0.55));
}
.reel-cell.rev img{transform:rotate(180deg)}
/* остановленный барабан: лёгкое парение выпавшей руны */
.daily-box.locked .reel-cell img{
  animation:cellFloat 7s ease-in-out infinite;
}
.daily-box.locked .reel-cell.rev img{
  animation:cellFloatRev 7s ease-in-out infinite;
}
@keyframes cellFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@keyframes cellFloatRev{
  0%,100%{transform:rotate(180deg) translateY(0)}
  50%{transform:rotate(180deg) translateY(8px)}
}
@media(prefers-reduced-motion:reduce){
  .daily-box.locked .reel-cell img,
  .daily-box.locked .reel-cell.rev img{animation:none}
  .daily-box.locked .reel-cell.rev img{transform:rotate(180deg)}
}

/* рамка центральной ячейки — как золотая рамка в виджете бота */
.daily-box::after{
  content:'';position:absolute;z-index:3;pointer-events:none;
  top:50%;left:6px;right:6px;height:calc(50% - 8px);
  transform:translateY(-50%);
  border:1px solid transparent;border-radius:10px;
}

.daily-empty{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:10px;transition:opacity .3s;
}
.daily-box.spinning .daily-empty,
.daily-box.locked .daily-empty{opacity:0}
.daily-plus{
  font-size:52px;color:rgba(212,175,55,0.55);line-height:1;
  animation:drawFloat 6s ease-in-out infinite;
}
@keyframes drawFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
.daily-hintword{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:rgba(200,185,154,0.4);
}
.daily-hint{
  font-size:13.5px;color:var(--text-dim);margin:0;
  text-align:center;letter-spacing:.3px;min-height:20px;
}

/* ── результат ── */
.daily-result{
  text-align:center;
  animation:dailyIn .6s cubic-bezier(.2,.8,.3,1);
}
.daily-result[hidden]{display:none}
@keyframes dailyIn{
  from{opacity:0;transform:translateY(20px) scale(.96)}
  to{opacity:1;transform:none}
}

.daily-rune{display:none}
.daily-rune img{
  width:min(260px,66vw);height:auto;
  filter:drop-shadow(0 0 40px rgba(160,100,220,0.6))
         drop-shadow(0 16px 34px rgba(0,0,0,0.6));
  animation:runeFloatDaily 7s ease-in-out infinite;
}
.daily-rune img.rev{animation:runeFloatDailyRev 7s ease-in-out infinite}
@keyframes runeFloatDaily{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@keyframes runeFloatDailyRev{
  0%,100%{transform:rotate(180deg) translateY(0)}
  50%{transform:rotate(180deg) translateY(10px)}
}
@media(prefers-reduced-motion:reduce){
  .daily-rune img,.daily-rune img.rev{animation:none}
  .daily-rune img.rev{transform:rotate(180deg)}
}

.daily-name{
  font-family:'Cinzel',serif;font-size:clamp(24px,4vw,34px);
  letter-spacing:3px;color:var(--gold-soft);margin-top:8px;
}
.daily-pos{
  font-family:'Cinzel',serif;font-size:10.5px;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--purple);margin-top:6px;
}
.daily-kw{
  font-size:13.5px;color:var(--text-dim);margin-top:12px;
  letter-spacing:.4px;
}
.daily-msg{
  max-width:480px;margin:20px auto 0;
  font-size:clamp(16px,2.2vw,19px);font-style:italic;line-height:1.75;
  color:var(--text);
}

.daily-actions{
  display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  margin-top:30px;
}
.daily-again{
  margin-top:22px;font-size:12.5px;color:rgba(200,185,154,0.45);
}

/* ═══ подсказка перед вытягиванием ═══ */

/* ═══ ВЫБОР КАМНЯ ═══ */

/* закрытый камень: тёмный, без символа */

@keyframes stoneIn{
  from{opacity:0;transform:translateY(24px) scale(.9)}
  to{opacity:1;transform:none}
}
@keyframes stoneBreath{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

/* выбранный поднимается, остальные тают */

@media(prefers-reduced-motion:reduce){
}
@media(max-width:560px){
}

/* Смаз во время вращения. Фотографические кристаллы на быстрой прокрутке
   рябят и «расползаются»; лёгкое размытие убирает рябь и заодно не даёт
   выцелить нужную руну — остановка должна быть случайной. */
.daily-box.spinning .reel-cell img{
  filter:blur(3px) drop-shadow(0 0 18px rgba(160,100,220,0.45));
  opacity:.92;
}
.daily-box.spinning .reel{will-change:transform}