/* 13 Oct (owner, item 8): doors that open with the hero's level or the chain (js/client/56-unlock.js) */
.ulOff{opacity:.42;filter:grayscale(.85) brightness(.85);cursor:not-allowed!important;position:relative}
.ulOff:hover{opacity:.6}
#hudBtns>button.ulOff{position:relative!important;border-color:#6a5c44}
.ulL{position:absolute;right:-5px;bottom:-5px;width:15px;height:17px;display:grid;place-items:center;background:#1a120b;border:1px solid var(--line2);color:var(--gold);pointer-events:none;z-index:1}
.ulL svg{width:9px!important;height:11px!important;display:block;transform:none!important}
#hudBtns>button .ulL{right:auto;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%) rotate(-45deg) translate(0,17px)}
.mvb.ulOff .ulL,#cmds .ulOff .ulL{right:6px;top:50%;bottom:auto;transform:translateY(-50%);border:0;background:none}
#cmds .ulOff .ulL{right:2px}
#ulTip{position:fixed;z-index:60;padding:6px 10px;font:600 12px/1.3 var(--f-ui);color:var(--ink);max-width:260px;pointer-events:none;border-color:var(--gold);white-space:normal}
/* the moment a door opens: a glow on the button and a plaque at the top */
.ulGlow{animation:ulGlow 2.4s ease-out}
@keyframes ulGlow{0%{box-shadow:0 0 0 1px #000,0 0 0 0 #ffd24a00}20%{box-shadow:0 0 0 1px #000,0 0 22px 6px #ffd24acc}100%{box-shadow:0 0 0 1px #000,0 0 0 0 #ffd24a00}}
#ulNew{position:absolute;left:50%;bottom:210px;transform:translateX(-50%);z-index:7;pointer-events:none;opacity:0;padding:9px 26px;text-align:center;
  background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--gold);box-shadow:0 0 0 1px #000,0 0 30px #ffd24a66}
#ulNew small{display:block;font:600 11px var(--f-ui);letter-spacing:.25em;text-transform:uppercase;color:var(--ember2)}
#ulNew b{display:block;font:700 24px/1.15 var(--f-display);color:var(--gold);text-shadow:2px 2px 0 #000}
#ulNew.on{animation:ulNew 2.7s ease forwards}
@keyframes ulNew{0%{opacity:0;transform:translate(-50%,-14px) scale(.9)}12%{opacity:1;transform:translate(-50%,0) scale(1.04)}22%{transform:translate(-50%,0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-6px)}}
@media (max-width:900px){#ulNew{bottom:180px;padding:7px 18px}#ulNew b{font-size:19px}}
@media (prefers-reduced-motion:reduce){.ulGlow{animation:none;box-shadow:0 0 0 2px #ffd24a}#ulNew.on{animation:ulNewR 2.7s step-end forwards}@keyframes ulNewR{0%{opacity:1}100%{opacity:0}}}
/* the chapter card's action (open the packs / merge): 47-pack-scene.js */
#loreTrk .tact{display:block;margin:6px 0 2px;width:100%;padding:6px 8px;font:700 13px var(--f-ui);color:#1a0e04;background:linear-gradient(180deg,#ffd24a,#ff9a2a);border:1px solid #000;box-shadow:inset 0 1px 0 #fff8;cursor:pointer}
#loreTrk .tact:hover{filter:brightness(1.1)}
@media (prefers-reduced-motion:no-preference){#loreTrk .tact{animation:tactP 1.6s ease-in-out infinite}}
@keyframes tactP{50%{box-shadow:inset 0 1px 0 #fff8,0 0 12px #ffd24a99}}