/* The armory uses the same gold finish as the intro and the lobby Play button. */
body.royal-theme :is(#shop,#inspectDialog)[open] button:not(.inspect-preview),
body.royal-theme :is(#shop,#inspectDialog)[open] select,
body.royal-theme #shop[open] .inspect-preview>span{
 color:#392240!important;-webkit-text-fill-color:#733c2e!important;
 font-family:Georgia,serif!important;font-weight:800!important;
 font-size:clamp(11px,3.2vw,14px)!important;line-height:1.25!important;letter-spacing:.02em!important;
 background:linear-gradient(175deg,#fff2bd 0%,#e6be72 46%,#fff1c9 49%,#b4823c 100%)!important;
 border:2px solid #ffe6ac!important;border-bottom:5px solid #ffe6ac!important;border-radius:14px!important;
 box-shadow:inset 0 1px 0 #fff7d4,inset 0 -3px 0 #805329,0 5px 18px #030e1d99!important;
 text-shadow:0 1px #fff0b7!important;
 min-height:44px;padding:9px 11px!important;
 white-space:normal;overflow-wrap:normal;
}
/* The artwork itself remains an image; only its Esamina label becomes a gold control. */
body.royal-theme #shop[open] .inspect-preview>span{
 display:inline-flex;align-items:center;justify-content:center;min-height:30px!important;
 padding:5px 9px!important;border-bottom-width:3px!important;border-radius:9px!important;
 font-size:10px!important;bottom:8px!important;right:8px!important;
}
body.royal-theme :is(#shop,#inspectDialog)[open] button:not(.inspect-preview)::before,
body.royal-theme :is(#shop,#inspectDialog)[open] button:not(.inspect-preview)::after{display:none!important}
body.royal-theme :is(#shop,#inspectDialog)[open] button:not(.inspect-preview)>span{
 color:inherit!important;-webkit-text-fill-color:inherit!important;font-family:inherit!important;text-shadow:inherit!important;
}
body.royal-theme #shop[open] .shop-tabs{gap:8px;padding:6px!important;background:#102432!important;border-color:#e6be724d!important;top:0}
body.royal-theme #shop[open] .shop-tabs button{font-size:16px!important;min-height:48px!important;filter:brightness(.81) saturate(.66)}
body.royal-theme #shop[open] .shop-tabs button.active{
 filter:none;box-shadow:inset 0 1px 0 #fff7d4,inset 0 -4px 0 #805329,0 0 10px #e6be7245!important;
}
body.royal-theme #inspectDialog[open] #previewLevels button.selected{
 outline:2px solid #fff3c5!important;outline-offset:2px;filter:brightness(1.12);
}
body.royal-theme :is(#shop,#inspectDialog)[open] button:disabled{
 opacity:.58!important;filter:saturate(.3)!important;cursor:default;
 box-shadow:inset 0 1px 0 #fff7d4,inset 0 -2px 0 #805329!important;
}
body.royal-theme :is(#shop,#inspectDialog)[open] :is(button,select):focus-visible{
 outline:3px solid #8ce8ee!important;outline-offset:3px!important;
}
body.royal-theme :is(#shop,#inspectDialog)[open] .close{
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 padding:1px 0 4px!important;font:800 26px/1 Georgia,serif!important;border-radius:12px!important;
}
body.royal-theme #shop[open] .showroom-navigation button{
 width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important;
 padding:2px!important;font-size:20px!important;
}
body.royal-theme #shop[open] #shopFeatureInspect{padding:9px 7px!important;font-size:11px!important;letter-spacing:0!important}
body.royal-theme :is(#shop,#inspectDialog)[open] select{
 appearance:none!important;padding-right:29px!important;
 background-image:linear-gradient(45deg,transparent 50%,#733c2e 50%),linear-gradient(135deg,#733c2e 50%,transparent 50%),linear-gradient(175deg,#fff2bd 0%,#e6be72 46%,#fff1c9 49%,#b4823c 100%)!important;
 background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%,0 0!important;
 background-size:5px 5px,5px 5px,100% 100%!important;background-repeat:no-repeat!important;
}
body.royal-theme :is(#shop,#inspectDialog)[open] select option{background:#fff0c6;color:#392240}
body.royal-theme #inspectDialog[open] #previewLevels button{padding:7px 3px!important;min-height:36px!important;border-radius:10px!important}
@media(max-width:380px){
 body.royal-theme #shop[open] .shop-item>button[data-skin]{font-size:11px!important;padding:8px 5px!important}
 body.royal-theme #shop[open] .shop-tabs button{font-size:14px!important}
}

body.royal-theme :is(#shop,#inspectDialog)[open] select{white-space:nowrap!important;font-size:12px!important}
body.royal-theme #shop[open] #shopFeatureInspect{white-space:nowrap!important;font-size:10px!important}
@media(max-width:380px){body.royal-theme #shop[open] select{font-size:11px!important}}
body.royal-theme #shop[open] .showroom-navigation>span{white-space:nowrap!important;letter-spacing:.06em!important;font-size:10px!important}
@media(max-width:380px){
 body.royal-theme #shop[open] #shopFeatureInspect{font-size:9px!important;padding:8px 3px!important;letter-spacing:-.02em!important}
 body.royal-theme #shop[open] select{font-size:10px!important}
}