/* Feslottet v3 WP1 DOORS – the indoor «UT» button (DESIGN3 §4.5). Bottom-left above the gear, only while she is inside a building
   (js/game/buildings.js toggles .on). --u is the HUD scale set by hud.js (1 when missing). */
.bld-ut { position: fixed; z-index: 21; left: calc(12px * var(--u, 1)); bottom: calc(56px * var(--u, 1));
  width: max(76px, calc(84px * var(--u, 1))); height: max(76px, calc(84px * var(--u, 1))); box-sizing: border-box;
  border-radius: 22%; background: radial-gradient(circle at 50% 38%, #fffaf0 0%, #fff1d6 70%, #ffe1a8 100%);
  border: calc(4px * var(--u, 1)) solid #e0a91e; box-shadow: 0 4px 0 #b9821a, 0 6px 14px rgba(80, 40, 0, .28);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; cursor: pointer;
  opacity: 0; pointer-events: none; transform: translateY(calc(24px * var(--u, 1))) scale(.85);
  transition: opacity .22s, transform .22s; touch-action: manipulation; user-select: none; -webkit-user-select: none; }
.bld-ut.on { opacity: 1; pointer-events: auto; transform: none; }
.bld-ut.on:active { transform: scale(.93); }
.bld-ut .ut-door { width: 46%; height: auto; display: block; }
.bld-ut .ut-word { font-family: 'Andika', 'Andika New Basic', system-ui, sans-serif; font-weight: 700; font-size: max(22px, calc(25px * var(--u, 1)));
  line-height: 1; color: #c0392b; letter-spacing: .06em; margin-top: 2%; }
.bld-ut.hint { animation: bldUtGlow 1.2s ease-in-out infinite alternate; }
@keyframes bldUtGlow { from { box-shadow: 0 4px 0 #b9821a, 0 0 0 0 rgba(140, 233, 154, .0); } to { box-shadow: 0 4px 0 #b9821a, 0 0 22px 8px rgba(140, 233, 154, .85); } }
body.screen-on .bld-ut, body.hud-task .bld-ut, body.tray-open .bld-ut, body.wand-open .bld-ut, body.overview-on .bld-ut, body.map-open .bld-ut { opacity: 0 !important; pointer-events: none !important; }
/* the indoor map (bldmap.js): green «UT» button, greyed rooms she cannot reach */
.bldmap .bm-ut { display: inline-flex; align-items: center; gap: .35em; margin: 0 0 0 auto; padding: .25em .7em; border-radius: .7em;
  background: #a8dd88; border: 3px solid #5a9a3a; color: #1f5d14; font-weight: 700; font-size: 1.25em; cursor: pointer; }
.bldmap .bm-ut svg { width: 1.3em; height: 1.5em; }
.bldmap .bm-room.bm-off { filter: grayscale(1); opacity: .45; }