/* Existing Secret artwork supplies the metal, stone, frame and button pixels.
   MU item icons and the other themes are deliberately unchanged. */
body.secret-theme .shop-browse .shop-browse__group,
body.secret-theme .shop-browse .shop-browse__type {
    display:flex; flex-direction:column; justify-content:center; align-items:center;
    box-sizing:border-box; gap:5px; padding:10px 5px 5px; min-height:100px;
    border:6px solid transparent; border-radius:0;
    border-image:url('../images/bg-content-top.jpg') 17 19 17 19 / 6px / 0 stretch;
    background-image:url('../images/bg-content-bottom.jpg'),url('../images/option-bg.jpg');
    background-position:center bottom,center; background-size:100% 8px,100% 100%;
    background-repeat:no-repeat; box-shadow:none; color:#bfb69e;
    text-align:center; text-decoration:none;
}
body.secret-theme .shop-browse .shop-browse__groups { gap:7px; }
body.secret-theme .shop-browse .shop-browse__group>img { width:42px; height:45px; margin:0; flex:none; object-fit:contain; filter:drop-shadow(0 2px 2px #0009); }
body.secret-theme .shop-browse .shop-browse__name {
    display:flex; justify-content:center; align-items:center; align-self:stretch;
    min-height:27px; margin:0 -4px -3px; padding:4px 3px;
    background:url('../images/block-title.png') center/100% 100% no-repeat;
    color:#c9b487; font:700 10px/1.35 Lunasima,Arial,sans-serif;
    text-transform:uppercase; letter-spacing:.025em;
}
body.secret-theme .shop-browse .shop-browse__group:is(:hover,.is-active),
body.secret-theme .shop-browse .shop-browse__type:is(:hover,.is-active) {
    background-image:url('../images/bg-content-bottom.jpg'),url('../images/option-bg.jpg');
    color:#e5c68a; box-shadow:none; filter:brightness(1.12);
}
body.secret-theme .shop-browse .shop-browse__group.is-active .shop-browse__name { color:#efce8b; }
body.secret-theme .shop-browse--root .shop-browse__group { min-height:176px; padding-top:16px; }
body.secret-theme .shop-browse--root .shop-browse__group>img { width:56px; height:64px; }
body.secret-theme .shop-browse--root .shop-browse__name { width:calc(100% + 8px); min-height:31px; margin-top:5px; }
body.secret-theme .shop-browse .shop-browse__native-copy { padding:5px 5px; font-size:10px; line-height:1.5; }
body.secret-theme .shop-browse .shop-browse__type { min-height:88px; padding:7px 5px 4px; }
body.secret-theme .shop-browse .shop-browse__type::before,
body.secret-theme .shop-browse .shop-browse__type::after { content:none; }
body.secret-theme .shop-browse .shop-browse__type img { width:32px; height:38px; flex:none; }
body.secret-theme .shop-browse .shop-browse__type>span { display:block; width:100%; font:11px/1.35 Lunasima,Arial,sans-serif; }
/* The shop illustration now belongs to the same native panel as account links. */
body.secret-theme .secret-shop-panel {
    width:100%; min-width:0; grid-column:1/-1; overflow:hidden;
    background:url('../images/bg-content-bottom.jpg') center bottom/100% 8px no-repeat,
        url('../images/bg-h-content.jpg') center/100% 100% no-repeat;
    box-shadow:0 7px 14px -6px #000;
}
body.secret-theme .secret-shop-panel .block-title { box-sizing:border-box; padding-left:0; }
body.secret-theme .secret-shop-panel .block-title-text { color:#cfaa5d; font-size:12px; }
body.secret-theme .secret-shop-panel .secret-web-shop-banner {
    display:flex; flex-direction:column; align-items:stretch; width:auto; max-width:none;
    padding:10px 12px 14px; margin:0; background:none; filter:none;
}
body.secret-theme .secret-web-shop-banner__art { display:flex; align-items:center; min-height:110px; padding:2px 0 9px; }
body.secret-theme .secret-web-shop-banner__art img { width:100%; height:auto; max-height:160px; object-fit:contain; filter:saturate(.72) brightness(.92); }
body.secret-theme .secret-web-shop-banner__button {
    display:flex; align-items:center; justify-content:center; gap:5px; min-height:34px;
    padding:4px 7px; color:#dac69e; font:11px/1.4 Lunasima,Arial,sans-serif;
    background:url('../images/button-small.png') center/100% 100% no-repeat;
}
body.secret-theme .secret-web-shop-banner:hover .secret-web-shop-banner__button { background-image:url('../images/button.png'); color:#ffe4ae; }
.secret-theme .secret-quicklinks a { gap:11px; align-items:center; }
.secret-theme .secret-quicklinks a>i { width:18px; flex:none; text-align:center; color:#c6b584; font-size:14px; }
.secret-theme .secret-quicklinks__label { flex:1; }
/* The same launch panel and responsive header are shared by every Secret page. */
.secret-theme .top-content--launch { position:relative; }
.secret-theme .top-content--launch .secret-launch { position:absolute; right:0; top:14px; width:285px; margin:0; padding:16px 17px 13px; grid-template-columns:minmax(0,1fr); gap:10px; text-align:center; border:0; border-radius:6px; overflow:hidden; background:#151515 url('../images/castle-siege.png') center/cover no-repeat; box-shadow:0 6px 22px #0009; }
.secret-theme .top-content--launch .secret-launch h2 { font-size:18px; text-shadow:0 2px 4px #0009; }
.secret-theme .top-content--launch .secret-launch__eyebrow { font-size:9px; letter-spacing:.12em; }
.secret-theme .top-content--launch .secret-launch__caption { display:none; }
.secret-theme .top-content--launch .secret-launch:not(.is-open) .secret-launch__status { display:none; }
.secret-theme .top-content--launch .secret-countdown b { font:400 28px/1 Lunasima,Arial,sans-serif; }
.secret-theme .top-content--launch .launch-schedule { display:grid; grid-template-columns:minmax(0,1fr); margin:0; padding:7px 4px; gap:4px; border:0; border-radius:4px; background:#0004; font-size:10px; }
.secret-theme .top-content--launch .launch-schedule small { display:inline; margin-right:4px; font-size:9px; }
.secret-theme .top-content--launch .launch-schedule time>span { display:none; }
.secret-theme .top-content--launch .secret-launch.is-open .secret-launch__status { font:700 20px/1.3 Lunasima,Arial,sans-serif; }
@media(max-width:1000px) {
 .secret-theme .top-content--launch { height:auto!important; min-height:0!important; padding:20px 0 24px!important; display:flex; flex-direction:column; gap:18px; }
 .secret-theme .top-content--launch .logo { position:relative; top:0; margin:0; }
 .secret-theme .top-content--launch .secret-launch { position:relative; top:0; right:auto; width:min(360px,calc(100% - 24px)); }
}
@media(max-width:600px) {
 body.secret-theme .shop-browse .shop-browse__group { min-height:100px; }
 body.secret-theme .shop-browse--root .shop-browse__group { min-height:164px; }
 body.secret-theme .shop-browse .shop-browse__types { grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); }
 body.secret-theme .secret-shop-panel { max-width:360px; margin-inline:auto; }
}