/* 1.0.0-beta.5.7.2 — restored ink silhouettes, real mobile workbench and scroll-safe creature sheets. */
#bestiary .beta513-monster-art{background:transparent!important;mix-blend-mode:normal!important;image-rendering:auto}
#bestiary .beta52-entry-art img,#bestiary .beta52-main-art img,#bestiary .beta52-right-creature img,.beta51-beast-detail-art .beta513-monster-art{background:transparent!important}
#bestiary .beta52-entry-art{background:radial-gradient(circle,rgba(202,165,93,.13),transparent 72%)}
#bestiary .beta52-entry-art img{filter:brightness(2.15) saturate(.58) contrast(1.1) drop-shadow(0 0 1px rgba(238,214,170,.58)) drop-shadow(0 4px 6px rgba(0,0,0,.7))!important}
#bestiary .beta52-main-art{background:radial-gradient(circle at 50% 48%,rgba(202,165,93,.22),rgba(202,165,93,.08) 34%,transparent 68%)!important}
#bestiary .beta52-main-art img{filter:brightness(1.65) saturate(.66) contrast(1.14) drop-shadow(0 0 2px rgba(238,214,170,.22)) drop-shadow(0 21px 24px rgba(0,0,0,.64))!important}
#bestiary .beta52-entry-art .beta513-monster-art{opacity:.82!important;filter:invert(76%) sepia(24%) saturate(620%) hue-rotate(356deg) brightness(76%) contrast(102%) drop-shadow(0 0 1px rgba(246,222,178,.7)) drop-shadow(0 4px 6px rgba(0,0,0,.72))!important}
#bestiary .beta52-main-art .beta513-monster-art{opacity:.9!important;filter:invert(72%) sepia(18%) saturate(480%) hue-rotate(354deg) brightness(72%) contrast(106%) drop-shadow(0 0 2px rgba(245,219,171,.35)) drop-shadow(0 20px 22px rgba(0,0,0,.7))!important}
#bestiary .beta52-right-creature .beta513-monster-art{opacity:.82!important;filter:invert(30%) sepia(85%) saturate(1700%) hue-rotate(320deg) brightness(92%) contrast(116%) drop-shadow(0 0 28px rgba(205,41,57,.5))!important}
#bestiary .beta513-title-row{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}
#bestiary .beta513-title-row h2{order:1;min-width:0}
#bestiary .beta512-bestiary-relic{order:2!important;flex:0 0 auto!important;width:38px!important;height:38px!important;margin-left:2px!important;border-radius:50%!important}
#bestiary .beta512-bestiary-relic::before,#bestiary .beta512-bestiary-relic::after{display:none!important}
#bestiary .beta521-relic-svg{width:24px;height:24px;display:block;margin:auto;overflow:visible;color:#d9b56c;filter:drop-shadow(0 0 8px rgba(217,181,108,.35));transition:transform .25s ease,color .25s ease,filter .25s ease}
#bestiary .beta521-relic-svg path,#bestiary .beta521-relic-svg circle{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#bestiary .beta512-bestiary-relic:hover .beta521-relic-svg{transform:scale(1.08) rotate(-5deg)}
#bestiary .beta512-bestiary-relic.is-awake .beta521-relic-svg{color:#ff9ca6;filter:drop-shadow(0 0 11px rgba(255,92,108,.75));animation:beta521-relic-pulse 1.05s ease-in-out infinite}
#bestiary .beta521-mobile-nav{display:none}
#bestiary .beta521-mobile-back{display:none}
.beta521-field-icon{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:7px;border:1px solid rgba(202,165,93,.24);border-radius:50%;color:#d3aa61;background:rgba(202,165,93,.055);font:600 12px/1 Georgia,serif;vertical-align:middle;flex:0 0 auto}
#beta51BeastFormModal .form-group>label,#beta51BeastDetailModal .beta51-detail-section h4{display:flex;align-items:center}
@keyframes beta521-relic-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.12)}}

@media(max-width:760px){
  #bestiary{padding:6px 0 34px;overflow:visible}
  #bestiary .beta52-shell{width:100%!important;max-width:none!important;margin:0!important;transform:none!important;padding:0 8px}
  #bestiary .beta521-mobile-nav{position:relative;top:auto;z-index:18;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 8px;padding:6px;border:1px solid rgba(202,165,93,.3);border-radius:14px;background:rgba(10,10,15,.94);backdrop-filter:blur(16px);box-shadow:0 10px 28px rgba(0,0,0,.34)}
  #bestiary .beta521-mobile-nav button{min-width:0;min-height:48px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px;align-items:center;padding:7px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#958978;font:11px/1.1 Georgia,serif;text-align:left}
  #bestiary .beta521-mobile-nav button span:first-child{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(202,165,93,.22);border-radius:50%;color:#c69d57;font-size:14px}
  #bestiary .beta521-mobile-nav button.is-active{border-color:rgba(202,165,93,.38);background:linear-gradient(135deg,rgba(144,40,58,.22),rgba(202,165,93,.06));color:#ead8b5;box-shadow:inset 0 -2px 0 rgba(171,48,64,.55)}
  #bestiary .beta52-layout{display:block!important;min-height:0!important}
  #bestiary .beta52-panel{width:100%;min-width:0;border-radius:14px}
  #bestiary .beta52-shell[data-mobile-view="catalog"] .beta52-dossier,#bestiary .beta52-shell[data-mobile-view="catalog"] .beta52-right{display:none!important}
  #bestiary .beta52-shell[data-mobile-view="dossier"] .beta52-sidebar,#bestiary .beta52-shell[data-mobile-view="dossier"] .beta52-right{display:none!important}
  #bestiary .beta52-shell[data-mobile-view="echo"] .beta52-sidebar,#bestiary .beta52-shell[data-mobile-view="echo"] .beta52-dossier{display:none!important}
  #bestiary .beta52-sidebar{display:flex!important;min-height:calc(100dvh - 216px)!important;padding:14px 11px 11px!important}
  #bestiary .beta52-title-card{margin-bottom:10px!important;padding-bottom:10px!important}
  #bestiary .beta52-title-card>div:first-child{padding:0!important}
  #bestiary .beta52-title-card h2{font-size:31px!important}
  #bestiary .beta512-bestiary-relic{width:36px!important;height:36px!important}
  #bestiary .beta521-relic-svg{width:22px;height:22px}
  #bestiary .beta52-search{width:100%;height:44px;font-size:16px!important}
  #bestiary .beta52-filters{grid-template-columns:1fr!important;gap:7px!important}
  #bestiary .beta52-filters .select{height:44px;font-size:16px!important}
  #bestiary .beta52-add{grid-column:auto!important;height:44px!important}
  #bestiary .beta52-catalog{max-height:none!important;min-height:250px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-right:2px}
  #bestiary .beta52-entry{grid-template-columns:54px minmax(0,1fr) 25px!important;min-height:62px!important;padding:6px 8px!important;touch-action:manipulation}
  #bestiary .beta52-entry-art{width:52px!important;height:50px!important}
  #bestiary .beta52-entry-art{background:radial-gradient(circle,rgba(202,165,93,.18),transparent 70%)}
  #bestiary .beta52-entry-art img{width:100%!important;height:100%!important;opacity:1!important;filter:brightness(2.35) saturate(.62) contrast(1.08) drop-shadow(0 0 1px rgba(238,214,170,.68)) drop-shadow(0 5px 7px rgba(0,0,0,.68))!important}
  #bestiary .beta52-entry-copy strong{font-size:16px!important}
  #bestiary .beta52-entry-copy small{font-size:12px!important}
  #bestiary .beta52-sidebar-foot{position:sticky;bottom:0;padding:10px 3px 4px;background:linear-gradient(180deg,rgba(9,10,15,.25),rgba(9,10,15,.98) 32%)}
  #bestiary .beta52-dossier{display:flex!important;min-height:calc(100dvh - 216px)!important;padding:13px 9px 18px!important;overflow:visible!important}
  #bestiary .beta52-dossier-inner{overflow:visible!important}
  #bestiary .beta52-dossier-head{position:relative;flex-direction:column!important;gap:9px!important;padding:5px 2px 12px!important}
  #bestiary .beta521-mobile-back{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:7px 10px;border:1px solid rgba(202,165,93,.28);border-radius:999px;background:rgba(202,165,93,.04);color:#c9aa70;font:11px Georgia,serif}
  #bestiary .beta52-dossier h2{font-size:clamp(34px,11vw,47px)!important;overflow-wrap:anywhere}
  #bestiary .beta52-admin-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px!important}
  #bestiary .beta52-admin-actions .btn{justify-content:center;min-height:42px;white-space:normal}
  #bestiary .beta52-mobile-open{display:inline-flex!important}
  #bestiary .beta52-hero-grid{display:flex!important;flex-direction:column!important;gap:12px!important;padding:12px 1px 10px!important}
  #bestiary .beta52-main-art{order:-1;min-height:280px!important;height:min(52vh,430px);border-left:0!important;border-bottom:1px solid rgba(202,165,93,.14);border-radius:10px;background:radial-gradient(circle at 50% 48%,rgba(202,165,93,.28) 0,rgba(202,165,93,.12) 32%,rgba(17,13,19,.35) 58%,transparent 76%)!important}
  #bestiary .beta52-main-art img{width:98%!important;height:98%!important;filter:brightness(1.82) saturate(.68) contrast(1.12) drop-shadow(0 0 2px rgba(236,211,166,.28)) drop-shadow(0 18px 21px rgba(0,0,0,.68))!important}
  #bestiary .beta52-entry-art .beta513-monster-art{opacity:.86!important;filter:invert(78%) sepia(24%) saturate(650%) hue-rotate(356deg) brightness(78%) contrast(104%) drop-shadow(0 0 1px rgba(246,222,178,.75)) drop-shadow(0 4px 6px rgba(0,0,0,.7))!important}
  #bestiary .beta52-main-art .beta513-monster-art{opacity:.92!important;filter:invert(74%) sepia(18%) saturate(520%) hue-rotate(354deg) brightness(75%) contrast(106%) drop-shadow(0 0 2px rgba(245,219,171,.4)) drop-shadow(0 18px 21px rgba(0,0,0,.68))!important}
  #bestiary .beta52-chips{margin-top:2px}
  #bestiary .beta52-chip{font-size:11px;padding:6px 9px}
  #bestiary .beta52-summary-text{font-size:16px!important;line-height:1.62!important}
  #bestiary .beta52-fact{grid-template-columns:112px minmax(0,1fr)!important;gap:8px!important;font-size:13px!important}
  #bestiary .beta52-tabs{position:sticky;bottom:0;z-index:11;margin:3px -2px 0!important;padding:8px 2px 5px;background:rgba(10,10,15,.96);backdrop-filter:blur(14px);overflow-x:auto!important;scroll-snap-type:x proximity}
  #bestiary .beta52-tab{flex:0 0 auto!important;min-height:40px;padding:9px 12px!important;font-size:11px!important;scroll-snap-align:start}
  #bestiary .beta52-detail-copy{min-height:170px;margin:0!important;padding:15px 12px!important;font-size:16px!important;line-height:1.65!important;overflow-wrap:anywhere}
  #bestiary .beta52-right{display:flex!important;min-height:calc(100dvh - 216px)!important;padding:8px!important}
  #bestiary .beta52-right-stage{min-height:min(58vh,500px)!important;border-radius:10px}
  #bestiary .beta52-right-creature{inset:5% -4% 1%!important}
  #bestiary .beta52-right-creature img{filter:brightness(1.18) contrast(1.2) drop-shadow(0 0 30px rgba(205,41,57,.42))!important}
  #bestiary .beta52-right-art .beta513-bestiary-vector{right:-55px!important;bottom:-18px!important;width:330px!important;height:300px!important;opacity:.46!important}
  #bestiary .beta52-side-cards{grid-template-columns:1fr!important;margin:8px 0 0!important}
  #bestiary .beta52-side-card{grid-template-columns:44px minmax(0,1fr)!important;text-align:left!important;min-height:64px}
  #bestiary .beta52-side-icon{margin:0!important}
  #bestiary .beta52-unknown{min-height:calc(100dvh - 250px)!important;padding:18px 8px!important}
  #bestiary .beta52-unknown-art{height:min(48vh,360px)!important}

  #beta51BeastFormModal.open,#beta51BeastDetailModal.open{display:block!important;padding:0!important;overflow:hidden!important;overscroll-behavior:none}
  #beta51BeastFormModal .modal,#beta51BeastDetailModal .modal{width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-width:0!important;border-radius:0!important;background:#111017!important}
  #beta51BeastFormModal .modal-head,#beta51BeastDetailModal .modal-head{position:relative;z-index:4;flex:0 0 auto;padding:calc(13px + env(safe-area-inset-top)) 14px 12px!important;background:rgba(17,16,23,.98);box-shadow:0 8px 20px rgba(0,0,0,.28)}
  #beta51BeastFormModal .modal-head h3,#beta51BeastDetailModal .modal-head h3{font-size:24px!important}
  #beta51BeastFormModal form{display:flex;flex:1;min-height:0;flex-direction:column;overflow:hidden}
  #beta51BeastFormModal .modal-body,#beta51BeastDetailModal .modal-body{flex:1;min-height:0;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 12px calc(28px + env(safe-area-inset-bottom))!important;scrollbar-width:thin}
  #beta51BeastFormModal .modal-foot{position:relative;z-index:5;flex:0 0 auto;display:grid!important;grid-template-columns:auto 1fr 1.35fr;gap:7px!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;background:rgba(17,16,23,.98);box-shadow:0 -9px 22px rgba(0,0,0,.34)}
  #beta51BeastFormModal .modal-foot .btn{min-width:0;min-height:44px;padding:8px 9px;white-space:normal;font-size:12px}
  #beta51BeastFormModal .beta51-form-grid{grid-template-columns:1fr!important;gap:12px!important}
  #beta51BeastFormModal .beta51-form-grid .full{grid-column:auto!important}
  #beta51BeastFormModal .form-group{min-width:0}
  #beta51BeastFormModal .field,#beta51BeastFormModal .select,#beta51BeastFormModal textarea{font-size:16px!important;max-width:100%}
  #beta51BeastFormModal textarea.field{min-height:118px!important}
  #beta51BeastFormModal input[type="file"]{min-height:52px;padding:10px 8px}
  #beta51BeastDetailModal .beta51-beast-detail{display:flex!important;flex-direction:column!important;gap:12px!important}
  #beta51BeastDetailModal .beta51-beast-detail-art{min-height:300px!important;height:min(49vh,420px);flex:0 0 auto}
  #beta51BeastDetailModal .beta51-beast-detail-art img{object-fit:contain!important;background:transparent!important}
  #beta51BeastDetailModal .beta51-beast-detail-copy h2{font-size:37px!important;overflow-wrap:anywhere}
  #beta51BeastDetailModal .beta51-detail-section p{font-size:16px;line-height:1.62;overflow-wrap:anywhere}
}
@media(max-width:390px){
 #bestiary .beta521-mobile-nav button{grid-template-columns:23px minmax(0,1fr);padding:7px 5px;font-size:10px}
 #bestiary .beta521-mobile-nav button span:first-child{width:23px;height:23px;font-size:12px}
 #bestiary .beta52-shell{padding:0 5px}
 #bestiary .beta52-entry{grid-template-columns:48px minmax(0,1fr) 22px!important}
 #bestiary .beta52-entry-art{width:46px!important;height:45px!important}
 #beta51BeastFormModal .modal-foot{grid-template-columns:1fr 1fr}
 #beta51BeastFormModal .modal-foot .danger{grid-column:1/-1;order:3}
}
@media(prefers-reduced-motion:reduce){#bestiary .beta521-relic-svg{animation:none!important}}