/* Block 2: resource rail and rare-event card only. Existing fonts and rail height stay. */
html.hw-game-active .topbar .resource-icon{width:2rem;min-width:2rem;height:2.125rem;font-size:.9375rem}
html.hw-game-active .topbar .resource-pill strong{font-size:1.25rem;line-height:1.25;color:#fff0d3}
.topbar .resource-pill[data-resource]{position:relative;outline-offset:.2rem}
.topbar .resource-pill[data-resource]:focus-visible{outline:1px solid #d7b37c}
.topbar .resource-tooltip{display:block;position:absolute;top:calc(100% + .35rem);right:0;width:min(15rem,calc(100vw - 1.5rem));padding:.6rem .75rem;border:1px solid #98754e;background:#180f15;box-shadow:0 .2rem .5rem #0009;color:#f3dfbf;font-size:.6875rem;line-height:1.6;letter-spacing:0;text-align:left;white-space:normal;visibility:hidden;pointer-events:auto;z-index:4}
.topbar [data-resource=gold] .resource-tooltip{left:0;right:auto}
.topbar [data-resource]:is(:hover,:focus-within):not([data-tooltip-dismissed]) .resource-tooltip{visibility:visible}
.topbar .resource-gain{position:absolute;top:calc(100% - .1rem);right:.25rem;z-index:3;color:#ffdf9d;font-size:1rem;font-weight:700;line-height:1.2;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 .2rem #000;pointer-events:none}
.topbar [data-resource=souls] .resource-gain{color:#dabdff}
.topbar [data-resource=shards] .resource-gain{color:#b5e9d5}
.topbar .resource-gain[hidden]{display:none}

/* Retain the painted reliquary at a smaller size, with a legible action plate. */
html.hw-game-active .app-frame #eventOverlay{width:8.75rem;height:12rem;padding:1.25rem .875rem .75rem}
html.hw-game-active .app-frame #eventOverlay .event-ribbon{height:1rem;font-size:.625rem;line-height:1rem;letter-spacing:.02em}
html.hw-game-active .app-frame #eventTarget{height:calc(100% - .875rem);grid-template-rows:minmax(1.5rem,1fr) 1.75rem 1.625rem .3125rem 1.5rem;gap:.1875rem}
html.hw-game-active .app-frame #eventOverlay .event-illustration{width:100%;height:100%;min-height:0}
html.hw-game-active .app-frame #eventOverlay .event-title{font-size:.875rem;line-height:1.3}
html.hw-game-active .app-frame #eventOverlay .event-instruction{display:grid;place-items:center;width:100%;height:1.625rem;margin:0;padding:0 .25rem;border:1px solid #b58b56;background:linear-gradient(#5a2c25,#32181b);color:#ffe8bd;font-size:.75rem;line-height:1;font-weight:700;letter-spacing:.04em;box-shadow:inset 0 0 0 1px #261116}
html.hw-game-active .app-frame #eventTarget:hover .event-instruction,html.hw-game-active .app-frame #eventTarget:focus-visible .event-instruction{border-color:#f2d39b;background:#71382b}
html.hw-game-active .app-frame #eventOverlay .event-progress-track{height:.3125rem}
html.hw-game-active .app-frame #eventOverlay .event-clock{display:block;width:100%;margin:0;text-align:center;font-size:1rem;line-height:1.5rem;font-weight:700;color:#ffe0ac;white-space:nowrap}
html.hw-game-active .app-frame #eventOverlay[data-urgent=true] .event-clock{color:#ff7268;text-shadow:0 1px #18080a}
@media(max-width:1100px){html.hw-game-active .topbar .resource-icon{width:1.875rem;min-width:1.875rem;height:2rem}html.hw-game-active .topbar .resource-pill strong{font-size:1.125rem}}
@media(min-width:1000px) and (max-height:680px){html.hw-game-active .app-frame #eventOverlay{height:10.75rem;width:8rem;padding:1.1rem .75rem .625rem}html.hw-game-active .app-frame #eventOverlay .event-title{font-size:.8125rem}}
@media(max-width:760px){
 html.hw-game-active .topbar .resource-icon{width:1.625rem;min-width:1.625rem;height:1.75rem;font-size:.75rem}
 html.hw-game-active .topbar .resource-pill strong{font-size:1rem}
 .topbar .resource-gain{font-size:.8125rem}
 .topbar [data-resource=souls] .resource-tooltip{right:auto;left:50%;transform:translateX(-50%)}
 html.hw-game-active .app-frame #eventOverlay{width:7rem;height:min(10.75rem,calc(100% - 172px));padding:1.1rem .625rem .625rem}
 html.hw-game-active .app-frame #eventTarget{grid-template-rows:minmax(1rem,1fr) 1.625rem 1.375rem .3125rem 1.25rem;gap:.125rem}
 html.hw-game-active .app-frame #eventOverlay .event-title{font-size:.75rem;line-height:.8125rem}
 html.hw-game-active .app-frame #eventOverlay .event-ribbon{font-size:.4375rem}
 html.hw-game-active .app-frame #eventOverlay .event-instruction{height:1.375rem;font-size:.625rem}
 html.hw-game-active .app-frame #eventOverlay .event-clock{font-size:.875rem;line-height:1.25rem}
}
@media(orientation:landscape) and (max-height:600px){
 html.hw-game-active .topbar .resource-icon{width:1.5rem;min-width:1.5rem;height:1.625rem;font-size:.6875rem}
 html.hw-game-active .topbar .resource-pill strong{font-size:.9375rem}
 html.hw-game-active .app-frame #eventOverlay{width:min(7rem,calc(15vw - 10px));height:min(9.375rem,calc(100% - 100px));padding:.875rem .625rem .5rem}
 html.hw-game-active .app-frame #eventTarget{grid-template-rows:minmax(.5rem,1fr) 1.625rem 1.125rem .25rem 1.125rem;gap:.125rem}
 html.hw-game-active .app-frame #eventOverlay .event-ribbon{height:.6875rem;line-height:.6875rem;font-size:.375rem}
 html.hw-game-active .app-frame #eventOverlay .event-title{font-size:.6875rem;line-height:.75rem}
 html.hw-game-active .app-frame #eventOverlay .event-instruction{height:1.125rem;font-size:.5625rem}
 html.hw-game-active .app-frame #eventOverlay .event-clock{font-size:.75rem;line-height:1.125rem}
}