/* 猫田小日子 v1.17 · 入山 — 矿洞：层牌、状态印章、矿料箱、山中拾遗 */
.ico { background-image: url(../assets/ui/items_hd.webp?v=1173); }
#mine-plaque { position: fixed; left: 50%; top: 26px; transform: translateX(-50%); z-index: 12; width: 216px; height: 34px; display: flex; align-items: center; justify-content: center; gap: 8px; pointer-events: none; opacity: 0; transition: opacity .5s; color: #3a2a1a; }
#mine-plaque.show { opacity: 1; }
#mine-plaque[hidden] { display: none; }
#mine-plaque img { position: absolute; top:0;right:0;bottom:0;left:0; width: 100%; height: 100%; image-rendering: pixelated; z-index: -1; }
#mine-plaque b { font-size: 17px; letter-spacing: 3px; font-weight: normal; text-shadow: 0 1px 0 rgba(255, 240, 210, .5); }
#mine-plaque i { font-style: normal; font-size: 12px; color: #5a4630; letter-spacing: 2px; }
#mine-plaque em { position: absolute; right: 26px; bottom: -14px; font-style: normal; font-size: 12px; letter-spacing: 1px; padding: 0 6px; background: rgba(243, 234, 213, .88); border: 1px solid rgba(64, 52, 36, .4); border-radius: 2px; color: #4b3f2b; }
#mine-plaque em.full { color: #a34e3b; border-color: #a34e3b; }
body:not(.in-mine) #hud-seals7 { display: none; }
#hud-seals7 { position: absolute; left: 100%; top: 34px; margin-left: 6px; display: flex; gap: 3px; pointer-events: auto; }
#hud-seals7 img { width: 24px; height: 24px; image-rendering: pixelated; cursor: pointer; filter: drop-shadow(0 1px 0 rgba(40, 34, 30, .35)); }
body.in-mine #minimap-wrap { display: none !important; }
.relbook { margin-top: 10px; border-top: 1px dashed rgba(40, 34, 22, .3); padding-top: 6px; }
.relbook h4 { margin: 0 0 4px; font-weight: normal; font-size: 15px; letter-spacing: 4px; color: #8a3b2c; }
.relseg { margin-bottom: 4px; }
.relseg b { font-weight: normal; font-size: 12px; color: #5a4a32; letter-spacing: 2px; }
.relseg small { color: #8a7c60; }
.relseg > div { display: flex; flex-wrap: wrap; gap: 4px 8px; margin-top: 2px; }
.relseg .rel-got, .relseg .rel-none { display: inline-flex; align-items: center; gap: 2px; font-size: 12px; }
.relseg .rel-got .ico { --s: 22px; }
.relseg .rel-got em, .relseg .rel-none em { font-style: normal; color: #4b3f2b; }
.relseg .rel-none { opacity: .4; }
.relseg .rel-none i { display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; border: 1px dashed #8a7c60; font-style: normal; }