/* The room is one scenery layer. No trophy can paint over an actor again. */
.chamber .room-world{z-index:0}
.room-honors{position:absolute;inset:0;pointer-events:none}
.room-honors .room-honor{position:absolute;left:var(--honor-x);top:var(--honor-y);width:var(--honor-w);height:var(--honor-h);transform:translateX(-50%);padding:0;border:0;background:none;pointer-events:auto;filter:drop-shadow(2px 3px 2px #120b0bac)}
.room-honors .room-honor img{display:block;width:100%;height:100%;padding:0;object-fit:contain;object-position:center bottom}
.room-honors .room-honor[hidden]{display:none}
.room-honors .room-honor:hover{cursor:pointer;filter:brightness(1.17) drop-shadow(2px 3px 2px #120b0bac)}
.room-honor:focus-visible{outline:2px solid #efd49c;outline-offset:4px}
.room-honor .honor-watch{display:grid;place-items:center;width:100%;height:100%;color:#e6d3a0;font-size:clamp(14px,2vw,32px);background:linear-gradient(90deg,#29464d,#557883,#29464d);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);border-top:3px solid #baa476}
.room-honors .room-honor:is([data-honor=crown-knight],[data-honor=ashkar-slayer]){background:linear-gradient(90deg,#182c37,#2f4753,#182c37);border-top:3px solid #bea473;clip-path:polygon(0 0,100% 0,100% 100%,50% 87%,0 100%)}
.room-honors .room-honor[data-honor=ashkar-slayer]{background:linear-gradient(90deg,#331c16,#553a26,#331c16)}
.room-honors .room-honor:is([data-honor=crown-knight],[data-honor=ashkar-slayer]) img{padding:10% 7% 34%;object-position:center}
.chamber:is(.city-view,.character-open,.forge-open,.market-open) .room-honors{display:none}
.chamber .mobile-chest .chest-menu-art{display:block;width:60px;height:60px;object-fit:contain;margin:auto}
.chamber .mobile-chest{padding:0;text-align:center}
.chamber .mobile-chest span{margin-top:1px}
@media(max-width:800px) and (orientation:portrait){
 .chamber .mobile-chest .chest-menu-art{width:42px;height:42px}
 .chamber .lower-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-height:440px) and (orientation:landscape){.chamber .mobile-chest .chest-menu-art{width:36px;height:36px}}

/* Keep the collection reachable when room decoration is outside the crop. */
@media(max-width:800px) and (orientation:portrait){.chamber .footer-links.ad-actions:has(.room-honors-link){grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-height:440px) and (orientation:landscape){.chamber:not(.city-view):not(.forge-open):not(.market-open):not(.character-open) .footer-links .room-honors-link{display:inline-flex!important;position:fixed;left:76px;top:231px;width:92px;min-height:44px;justify-content:center;font-size:12px;text-decoration:underline;text-underline-offset:4px}}

.room-honor-collection{width:min(580px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #997246;background:#191a1b;color:#f4e2bb}
.room-honor-collection::backdrop{background:#100d0cbb}
.room-honor-collection header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px 4px 16px;background:#191a1b;border-bottom:1px solid #99724688}
.room-honor-collection h2{margin:0;font:600 24px/1.1 Georgia,serif}
.room-honor-collection header button{min-width:44px;min-height:44px;font-size:25px}
.room-honor-collection ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:4px 12px;margin:0;padding:12px;list-style:none}
.room-honor-collection li button{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 8px;border:1px solid #99724666;text-align:left}
.room-honor-collection li button:hover,.room-honor-collection li button:focus-visible{background:#362a20;border-color:#d9b377}
.room-honor-collection li img{width:38px;height:38px;object-fit:contain;flex:none}