/* beta 5.1.2 — bestiary art, achievements UI and dossier page turns */
#beta51AchievementBtn{
  color:#f7e4b0!important;
  border-color:rgba(232,199,128,.42)!important;
  background:radial-gradient(circle at 50% 38%,rgba(232,199,128,.18),transparent 55%),rgba(255,255,255,.025)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 0 20px rgba(210,177,116,.08)!important;
}
#beta51AchievementBtn::before{
  content:'✦'!important;
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:38px!important;
  color:#ffecc0!important;
  font:700 22px/1 Georgia,serif!important;
  text-shadow:0 0 9px rgba(244,210,137,.56),0 0 22px rgba(210,177,116,.26)!important;
  animation:beta512-achievement-pulse 3.6s ease-in-out infinite!important;
}
#beta51AchievementBtn svg,#beta51AchievementBtn .beta512-achievement-glyph{display:none!important}
#beta51AchievementBtn:hover::before,#beta51AchievementBtn:focus-visible::before{animation:beta512-achievement-awake .7s ease both!important}
@keyframes beta512-achievement-pulse{0%,100%{transform:scale(.92) rotate(0);opacity:.8}50%{transform:scale(1.08) rotate(7deg);opacity:1}}
@keyframes beta512-achievement-awake{0%{transform:scale(.85) rotate(-16deg)}55%{transform:scale(1.3) rotate(12deg)}100%{transform:scale(1) rotate(0)}}

.beta512-recipient-picker{display:grid;gap:10px;margin-top:9px}
.beta512-recipient-search-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.beta512-recipient-search{flex:1 1 230px;min-width:0}
.beta512-recipient-status{color:var(--muted);font-size:11px;white-space:nowrap}
.beta512-recipient-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;max-height:270px;overflow:auto;padding:2px}
.beta512-recipient-chip{position:relative;display:flex;gap:10px;align-items:center;min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:rgba(255,255,255,.022);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.beta512-recipient-chip:hover{transform:translateY(-1px);border-color:rgba(210,177,116,.32);box-shadow:0 9px 22px rgba(0,0,0,.15)}
.beta512-recipient-chip input{position:absolute;opacity:0;pointer-events:none}
.beta512-recipient-dot{width:18px;height:18px;flex:0 0 18px;border-radius:50%;border:1px solid rgba(210,177,116,.35);background:rgba(255,255,255,.02);box-shadow:inset 0 0 0 3px rgba(11,10,15,.65)}
.beta512-recipient-copy{min-width:0}.beta512-recipient-copy strong,.beta512-recipient-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beta512-recipient-copy small{margin-top:2px;color:var(--muted);font-size:10px}
.beta512-recipient-chip.is-selected{border-color:rgba(239,209,149,.62);background:linear-gradient(180deg,rgba(210,177,116,.13),rgba(255,255,255,.025));box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 0 0 1px rgba(239,209,149,.08)}
.beta512-recipient-chip.is-selected .beta512-recipient-dot{background:radial-gradient(circle,#fff4d6 0 30%,#d2b174 32% 60%,rgba(210,177,116,.22) 61%);box-shadow:0 0 0 3px rgba(210,177,116,.13),0 0 16px rgba(210,177,116,.18)}
.beta512-recipient-chip[hidden]{display:none!important}

#bestiary .beta51-bestiary-hero{min-height:210px;isolation:isolate}
.beta512-bestiary-art{position:absolute;right:105px;bottom:-88px;width:min(330px,34vw);height:330px;z-index:0;pointer-events:none;opacity:.22;filter:drop-shadow(0 18px 30px rgba(0,0,0,.48)) saturate(.75);animation:beta512-monster-breathe 7.2s ease-in-out infinite}
.beta512-bestiary-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}
.beta512-bestiary-relic{position:absolute;right:18px;top:18px;z-index:5;width:70px;height:70px;border-radius:23px;border:1px solid rgba(126,207,221,.38);background:radial-gradient(circle at 50% 44%,rgba(130,221,236,.18),rgba(20,17,26,.86) 62%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.28),0 0 28px rgba(112,184,201,.08);color:#dff8ff;cursor:pointer;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.beta512-bestiary-relic:hover,.beta512-bestiary-relic:focus-visible{transform:translateY(-2px) rotate(-3deg);border-color:rgba(180,240,250,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.32),0 0 30px rgba(112,184,201,.2);outline:none}
.beta512-bestiary-relic::before{content:'◉';position:absolute;inset:0;display:grid;place-items:center;font:700 30px/1 Georgia,serif;text-shadow:0 0 12px rgba(170,232,243,.55);animation:beta512-relic-eye 4.6s ease-in-out infinite}
.beta512-bestiary-relic::after{content:'';position:absolute;inset:9px;border:1px dashed rgba(190,238,247,.25);border-radius:18px;animation:beta512-relic-spin 14s linear infinite}
.beta512-bestiary-relic.is-awake{border-color:rgba(235,108,118,.72);box-shadow:0 0 34px rgba(211,79,91,.25),inset 0 0 24px rgba(211,79,91,.11)}
.beta512-bestiary-relic.is-awake::before{content:'◆';color:#ffb9bc;text-shadow:0 0 14px rgba(240,87,99,.8);animation:beta512-relic-awake 1.1s ease-in-out infinite}
.beta512-bestiary-whisper{position:relative;z-index:2;margin-top:10px;min-height:18px;color:rgba(204,233,239,.72);font-size:11px;letter-spacing:.035em}
.beta51-progress-ring.beta512-clickable{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.beta51-progress-ring.beta512-clickable:hover{transform:scale(1.045);box-shadow:0 0 38px rgba(112,184,201,.22)}.beta51-progress-ring.beta512-clickable.is-spinning{animation:beta512-ring-answer .82s cubic-bezier(.2,.8,.2,1)}
.beta512-spark{position:fixed;z-index:4000;width:5px;height:5px;border-radius:50%;pointer-events:none;background:#dff8ff;box-shadow:0 0 10px rgba(190,238,247,.82);animation:beta512-spark-flight .72s ease-out forwards}
.beta51-beast-card{--mx:50%;--my:50%;transform-style:preserve-3d}
.beta51-beast-card::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(204,239,245,.10),transparent 35%);opacity:0;transition:opacity .22s ease}.beta51-beast-card:hover::before{opacity:1}
.beta51-beast-card:hover .beta512-monster-art{transform:translateY(-4px) scale(1.035)}
.beta512-monster-art{width:92%!important;height:92%!important;object-fit:contain!important;object-position:center bottom!important;display:block;filter:brightness(.55) saturate(.55) contrast(1.22) drop-shadow(0 18px 20px rgba(0,0,0,.52));transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .35s ease;animation:beta512-monster-breathe 6.4s ease-in-out infinite}
.beta51-beast-card.is-seen .beta512-monster-art,.beta51-beast-card.is-studied .beta512-monster-art{filter:brightness(.78) saturate(.72) contrast(1.1) drop-shadow(0 18px 22px rgba(0,0,0,.48))}
.beta51-beast-detail-art .beta512-monster-art{width:94%!important;height:94%!important}

body:not(.mobile-layout):not(.calm-mode):not(.effects-off) .qol1311-scene{display:block!important}
body:not(.mobile-layout):not(.calm-mode):not(.effects-off) .qol1311-sheet{backface-visibility:hidden!important;will-change:transform,opacity!important}
body:not(.mobile-layout):not(.calm-mode):not(.effects-off) .modal-backdrop.qol1312-stacking>.modal{will-change:transform,opacity!important}

@keyframes beta512-monster-breathe{0%,100%{transform:translateY(0) scale(.985);opacity:.82}50%{transform:translateY(-7px) scale(1.01);opacity:1}}
@keyframes beta512-relic-eye{0%,42%,48%,100%{transform:scaleY(1) rotate(0)}45%{transform:scaleY(.08) rotate(3deg)}70%{transform:translateX(2px)}}
@keyframes beta512-relic-spin{to{transform:rotate(360deg)}}
@keyframes beta512-relic-awake{0%,100%{transform:scale(.9) rotate(0)}50%{transform:scale(1.15) rotate(12deg)}}
@keyframes beta512-ring-answer{0%{transform:scale(1) rotate(0)}55%{transform:scale(1.1) rotate(155deg)}100%{transform:scale(1) rotate(360deg)}}
@keyframes beta512-spark-flight{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}
@media(max-width:760px){.beta512-bestiary-art{right:-48px;bottom:-86px;width:250px;opacity:.13}.beta512-bestiary-relic{right:11px;top:11px;width:56px;height:56px;border-radius:18px}.beta512-bestiary-relic::before{font-size:24px}.beta512-recipient-list{grid-template-columns:1fr}.beta512-monster-art{animation:none!important}.beta51-beast-card:hover .beta512-monster-art{transform:none}}
@media(prefers-reduced-motion:reduce){#beta51AchievementBtn::before,.beta512-bestiary-art,.beta512-bestiary-relic::before,.beta512-bestiary-relic::after,.beta512-monster-art{animation:none!important}}

/* 1.0.0-beta.5.7.2 — restore the original cyan Bestiary seal. */
#bestiary .beta512-bestiary-relic{
  position:relative!important;right:auto!important;top:auto!important;order:2!important;
  flex:0 0 auto!important;width:39px!important;height:39px!important;margin:1px 0 0 2px!important;
  border-radius:13px!important;border:1px solid rgba(126,207,221,.38)!important;
  background:radial-gradient(circle at 50% 44%,rgba(130,221,236,.18),rgba(20,17,26,.86) 62%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 32px rgba(0,0,0,.28),0 0 28px rgba(112,184,201,.08)!important;
  color:#dff8ff!important;overflow:hidden!important;
}
#bestiary .beta512-bestiary-relic:hover,#bestiary .beta512-bestiary-relic:focus-visible{
  transform:translateY(-2px) rotate(-3deg)!important;border-color:rgba(180,240,250,.7)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.32),0 0 30px rgba(112,184,201,.2)!important;
}
#bestiary .beta512-bestiary-relic .beta521-relic-svg{display:none!important}
#bestiary .beta512-bestiary-relic::before{
  content:'◉'!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;
  font:700 19px/1 Georgia,serif!important;color:#dff8ff!important;
  text-shadow:0 0 12px rgba(170,232,243,.55)!important;animation:beta512-relic-eye 4.6s ease-in-out infinite!important;
}
#bestiary .beta512-bestiary-relic::after{
  content:''!important;position:absolute!important;inset:6px!important;display:block!important;
  border:1px dashed rgba(190,238,247,.25)!important;border-radius:10px!important;
  animation:beta512-relic-spin 14s linear infinite!important;
}
#bestiary .beta512-bestiary-relic.is-awake{
  border-color:rgba(235,108,118,.72)!important;
  box-shadow:0 0 34px rgba(211,79,91,.25),inset 0 0 24px rgba(211,79,91,.11)!important;
}
#bestiary .beta512-bestiary-relic.is-awake::before{
  content:'◆'!important;color:#ffb9bc!important;text-shadow:0 0 14px rgba(240,87,99,.8)!important;
  animation:beta512-relic-awake 1.1s ease-in-out infinite!important;
}
@media(max-width:760px){
  #bestiary .beta512-bestiary-relic{width:38px!important;height:38px!important;border-radius:13px!important}
  #bestiary .beta512-bestiary-relic::before{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
  #bestiary .beta512-bestiary-relic::before,#bestiary .beta512-bestiary-relic::after{animation:none!important}
}