/* Secret homepage: native theme textures, original MU character PNGs and
   separate environment plates. Character pixels are not generated or repainted.
   Loaded only on home; no account, admin, info or other-theme overrides. */
/* Launch announcement sits in the artwork header to the right of the logo. */
.secret-theme.secret-view-home .top-content--launch { position:relative; }
.secret-theme.secret-view-home .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-color:#151515; background-image:linear-gradient(180deg,#0e0e0e30,#0e0e0e80),url('../images/castle-siege.png'); background-position:center; background-size:cover; background-repeat:no-repeat; box-shadow:0 6px 22px #0009,0 0 10px #0005; }
.secret-theme.secret-view-home .top-content--launch .secret-launch h2 { font-size:18px; text-shadow:0 2px 4px #0009; }
.secret-theme.secret-view-home .top-content--launch .secret-launch__eyebrow { font-size:9px; letter-spacing:.12em; }
.secret-theme.secret-view-home .top-content--launch .secret-launch__caption { display:none; }
.secret-theme.secret-view-home .top-content--launch .secret-launch:not(.is-open) .secret-launch__status { display:none; }
.secret-theme.secret-view-home .top-content--launch .secret-countdown b { font:400 28px/1 Lunasima,Arial,sans-serif; font-variant-numeric:lining-nums tabular-nums; }
.secret-theme.secret-view-home .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.secret-view-home .top-content--launch .launch-schedule small { display:inline; margin-right:4px; font-size:9px; }
.secret-theme.secret-view-home .top-content--launch .launch-schedule time > span { display:none; }
.secret-theme.secret-view-home .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.secret-view-home .top-content--launch { height:auto!important; min-height:0!important; padding:20px 0 24px!important; display:flex; flex-direction:column; gap:18px; }
 .secret-theme.secret-view-home .top-content--launch .logo { position:relative; top:0; margin:0; }
 .secret-theme.secret-view-home .top-content--launch .secret-launch { position:relative; top:0; right:auto; width:min(360px,calc(100% - 24px)); }
}
.secret-theme.secret-view-home { --sf-gold:#d8b369; --sf-paper:#e3d6b4; --sf-text:#ada99d; }
.secret-theme.secret-view-home .header { height:36px; max-height:none; }
.secret-view-home .header-buttons { font-size:11px; }
.secret-view-home .header-buttons .cms-language-switcher__flag { width:24px; height:16px; }
.secret-view-home .header .btn-sm { height:28px; width:auto; min-width:92px; padding-inline:16px; font-size:11px; white-space:nowrap; }
.secret-view-home .top-content { padding-bottom:30px; }
.secret-theme.secret-view-home .main-content-middle { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:20px; }
.secret-theme.secret-view-home .main-content-middle > .left-content,
.secret-theme.secret-view-home .main-content-middle > .right-content { width:100%; min-width:0; margin:0; }
.secret-view-home .main-content-middle > .left-content,
.secret-view-home .main-content-middle > .right-content { gap:18px; }
.secret-view-home .main-content-middle > .left-content > *,
.secret-view-home .main-content-middle > .right-content > * { box-sizing:border-box; }
.secret-view-home :is(.sf-hero,.sf-section,.sf-panel) { color:var(--sf-text); }
.secret-view-home :is(.sf-hero,.sf-panel) { border:0; background:#111211 url('../images/bg-h-content.jpg') center/100% 100% no-repeat; box-shadow:0 5px 14px #0007; }
.secret-view-home :is(.sf-hero,.sf-panel,.sf-section) * { box-sizing:border-box; }
.secret-view-home :is(.sf-hero,.sf-section,.sf-panel) :is(a,button,summary):focus-visible { outline:2px solid #dfb96a; outline-offset:3px; }
.secret-view-home .sf-hero { width:100%; padding:6px 6px 10px; background-image:url('../images/bg-content-bottom.jpg'),url('../images/bg-h-content.jpg'); background-position:bottom,center; background-size:100% 9px,100% 100%; }
.secret-view-home .sf-hero__scene { min-height:324px; position:relative; display:flex; align-items:center; overflow:hidden; background:#0b0e10; }
.secret-view-home .sf-hero__scene::before { content:''; position:absolute; inset:0; pointer-events:none; background-image:url('../images/mu-scenes/hero-knight.png'),url('../images/mu-scenes/citadel-background.webp'); background-position:right center,center; background-size:auto 112%,cover; background-repeat:no-repeat; }
.secret-view-home .sf-hero__scene::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#0b0e10f5 0%,#0b0e10e6 28%,#0b0e1080 49%,transparent 76%),linear-gradient(0deg,#0b0e1099,transparent 22%); }
.secret-view-home .sf-hero__copy { z-index:1; position:relative; width:70%; padding:25px 24px 27px; text-shadow:0 2px 4px #000; }
.secret-view-home .sf-hero__eyebrow { margin:0 0 10px; color:#d0b77b; font:10px/1.4 Lunasima,Arial,sans-serif; text-transform:uppercase; letter-spacing:.16em; }
.secret-view-home .sf-hero__eyebrow span { margin:0 8px; }
.secret-view-home .sf-hero h1 { margin:0 0 3px; color:#f1dfab; font:700 37px/1.03 Georgia,'Times New Roman',serif; letter-spacing:-.025em; }
.secret-view-home .sf-hero__promise { max-width:340px; margin:0; color:#e6dabe; font:26px/1.06 Georgia,'Times New Roman',serif; }
.secret-view-home .sf-hero__lead { max-width:286px; margin:15px 0 19px; color:#c1bfb2; font:12px/1.6 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-hero__actions { display:flex; gap:12px; width:390px; max-width:calc(100% + 50px); flex-wrap:wrap; }
.secret-view-home .sf-button { display:inline-flex; justify-content:center; align-items:center; gap:15px; min-height:44px; border:0; border-radius:0; padding:10px 19px; background:transparent url('../images/button.png') center/100% 100% no-repeat; box-shadow:0 3px 8px #0008; color:#f2dfb8; font:12px/1.3 Lunasima,Arial,sans-serif; text-decoration:none; text-shadow:0 1px 3px #2d150b; transition:filter .15s; }
.secret-view-home .sf-button:hover { filter:brightness(1.2); }
.secret-view-home .sf-button--quiet { background-image:url('../images/button-small.png'); color:#e0d5b7; }
.secret-view-home .sf-facts { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:0; background:url('../images/block-title.png') top/100% 100% no-repeat; }
.secret-view-home .sf-facts li { display:flex; align-items:center; justify-content:center; gap:13px; min-height:67px; padding:10px 5px; border-right:1px solid #ffffff09; }
.secret-view-home .sf-facts li:last-child { border:0; }
.secret-view-home .sf-facts i { color:#d3a546; font-size:26px; text-shadow:0 1px 0 #ffe9aa,0 3px 7px #000; }
.secret-view-home .sf-facts__swords { color:#d3a546; font:32px/1 'Segoe UI Symbol',serif; text-shadow:0 1px 0 #ffe9aa,0 3px 7px #000; }
.secret-view-home .sf-facts b { display:block; color:#dfc281; font:700 14px/1.4 Georgia,'Times New Roman',serif; }
.secret-view-home .sf-facts small { display:block; color:#a8a394; font:10px/1.4 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-section { --sf-section-inset:17px; padding:0 var(--sf-section-inset) 15px; background:#111211 url('../images/bg-h-content.jpg') center/100% 100% no-repeat; border:0; box-shadow:0 5px 14px #0007; }
.secret-view-home .sf-section__heading { display:flex; align-items:center; gap:14px; min-height:51px; margin:0 calc(-1 * var(--sf-section-inset)) 14px; padding:8px var(--sf-section-inset); background:url('../images/block-title.png') center/100% 100% no-repeat; }
.secret-view-home .sf-section__heading h2 { flex:0 1 auto; margin:0; color:var(--sf-paper); font:700 25px/1.25 Georgia,'Times New Roman',serif; }
.secret-view-home .sf-section__heading > span { flex:1; }
.secret-view-home .sf-section__intro { margin:0 0 15px; color:#ada99d; font:12px/1.65 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-features__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.secret-view-home .sf-feature { display:flex; flex-direction:column; width:100%; padding:0; text-align:left; border:0; background:#111310 url('../images/bg-h-without-line.jpg') center/cover no-repeat; color:inherit; border-radius:0; overflow:hidden; box-shadow:0 3px 8px #0005; transition:filter .18s; }
.secret-view-home .sf-feature:hover { filter:brightness(1.12); }
.secret-view-home .sf-feature__art,
.secret-view-home .sf-feature__image { display:block; width:100%; aspect-ratio:2.4; object-fit:cover; border:0; }
.secret-view-home .sf-feature__art { background-repeat:no-repeat; }
.secret-view-home .sf-art--0 { background-image:url('../images/mu-scenes/equipment-knight.png'),url('../images/mu-scenes/treasury-background.webp'); background-size:auto 150%,cover; background-position:8% 5px,center 60%; }
.secret-view-home .sf-art--1 { background-image:url('../images/mu-scenes/quest-elf.png'),url('../images/mu-scenes/journey-background.webp'); background-size:auto 166%,cover; background-position:left 28%,center; }
.secret-view-home .sf-art--2 { background-image:url('../images/mu-scenes/event-knight.png'),url('../images/mu-scenes/citadel-background.webp'); background-size:auto 110%,cover; background-position:left 5px,center 44%; }
.secret-view-home .sf-art--3 { background-image:url('../images/mu-scenes/progression-wizard.png'),url('../images/mu-scenes/arcane-background.webp'); background-size:auto 142%,cover; background-position:7% 5px,center; }
.secret-view-home .sf-feature__body { display:block; padding:10px 12px 12px; }
.secret-view-home .sf-feature__body strong { display:block; color:var(--sf-paper); font:700 17px/1.25 Georgia,'Times New Roman',serif; }
.secret-view-home .sf-feature__body > span { display:block; margin-top:5px; color:#a5a69d; font:11px/1.6 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-news { padding-bottom:5px; }
.secret-view-home .sf-text-link { display:inline-flex; align-items:center; gap:8px; border:0; padding:4px 0; border-radius:0; background:none; color:#d4b775; font:11px/1.5 Lunasima,Arial,sans-serif; text-decoration:none; }
.secret-view-home .sf-text-link:hover { color:#ffe4a0; }
.secret-view-home .sf-news__row { display:grid; grid-template-columns:166px minmax(0,1fr) 78px; gap:14px; align-items:start; padding:11px 0; border-top:1px solid #ffffff0c; }
.secret-view-home .sf-news__row:first-child { border-top:0; padding-top:0; }
.secret-view-home .sf-news__image { display:block; width:166px; height:90px; object-fit:cover; border:0; background-repeat:no-repeat; }
.secret-view-home .sf-news__image--castle { background:url('../images/mu-scenes/citadel-background.webp') 65% center/cover; }
.secret-view-home .sf-news__image--treasure { background-image:url('../images/mu-scenes/treasury-background.webp'); background-size:cover; background-position:right center; }
.secret-view-home .sf-news__body { min-width:0; }
.secret-view-home .sf-news__body h3 { margin:4px 0 8px; color:var(--sf-paper); font:700 13px/1.5 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-news__body p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0; color:#a5a69d; font:11px/1.65 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-news__meta { display:flex; min-height:90px; flex-direction:column; justify-content:space-between; align-items:flex-end; padding:5px 0; }
.secret-view-home .sf-news__meta time { color:#928b79; font:10px/1.5 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-panel { width:100%; min-width:0; padding:0 0 4px; }
.secret-view-home .sf-panel .block-title { width:100%; height:44px; text-align:left; }
.secret-view-home .sf-panel .block-title-text { padding-left:26px; color:#e2b55c; font-size:12px; letter-spacing:.025em; }
.secret-view-home .sf-panel .block-frame { width:45px; opacity:.8; pointer-events:none; }
.secret-view-home .sf-login { display:grid; gap:10px; padding:15px 16px 9px; }
.secret-view-home .sf-login__field { position:relative; display:flex; align-items:center; min-width:0; margin:0; }
.secret-view-home .sf-login__field > i { position:absolute; left:13px; font-size:13px; color:#d5c399; pointer-events:none; }
.secret-view-home .sf-login input { display:block; width:100%; min-width:0; height:41px; border:1px solid #39372e; padding:10px 12px 10px 38px; border-radius:0; background:#0d100f; color:#ded8c7; font:12px Lunasima,Arial,sans-serif; box-shadow:inset 0 2px 9px #0007; }
.secret-view-home .sf-login input::placeholder { color:#858278; opacity:1; }
.secret-view-home .sf-login input:-webkit-autofill,
.secret-view-home .sf-login input:-webkit-autofill:hover,
.secret-view-home .sf-login input:-webkit-autofill:focus { -webkit-text-fill-color:#ded8c7; -webkit-box-shadow:0 0 0 1000px #101310 inset; caret-color:#ded8c7; }
.secret-view-home .sf-login > .sf-button { width:100%; margin-top:2px; text-transform:uppercase; }
.secret-view-home .sf-login__register { justify-self:center; padding:3px 0 5px; color:#b1ae9e; font:11px/1.5 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-account__links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:14px; }
.secret-view-home .sf-account__links p { grid-column:1/-1; margin:0 0 5px; text-align:center; font-size:12px; line-height:1.6; }
.secret-view-home .sf-account__links .sf-button { padding:8px; font-size:11px; }
.secret-view-home .sf-account__links .sf-button:last-child:nth-child(even) { grid-column:1/-1; }
.secret-view-home .sf-events__list { padding:0 15px; margin:0; list-style:none; }
.secret-view-home .sf-event { display:flex; align-items:center; gap:11px; min-height:56px; padding:9px 0; border-bottom:1px solid #ffffff0a; }
.secret-view-home .sf-event:last-child { border-bottom:0; }
.secret-view-home .sf-event__body { flex:1; min-width:0; font:12px/1.4 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-event__body a { color:#c6c5b8; text-decoration:none; }
.secret-view-home .sf-event__body a:hover { color:#f1d391; }
.secret-view-home .sf-event__body small { display:block; margin-top:4px; color:#858372; font:9px/1.4 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-event__time { flex:0 0 auto; display:flex; align-items:center; gap:8px; color:#b4b2a5; font:11px/1.4 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-event__soon { padding:2px 5px; border:0; background:url('../images/button-small.png') center/100% 100%; color:#eccb7f; font-size:9px; }
.secret-view-home .sf-events__more { border-top:1px solid #ffffff0a; margin:0 14px; }
.secret-view-home .sf-events__more summary { padding:13px 2px 11px; color:#c7a761; text-align:right; list-style:none; font:11px/1.5 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-events__more summary::-webkit-details-marker { display:none; }
.secret-view-home .sf-events__more summary > span { display:inline-block; margin-left:8px; }
.secret-view-home .sf-events__more[open] summary > span { transform:rotate(90deg); }
.secret-view-home .sf-events__more .sf-events__list { padding:0; max-height:350px; overflow-y:auto; }
.secret-view-home .sf-community__links { padding:4px 16px 7px; }
.secret-view-home .sf-community__links a { display:flex; align-items:center; gap:12px; min-height:38px; border-bottom:1px solid #ffffff0a; color:#c0bfb0; font:12px/1.5 Lunasima,Arial,sans-serif; }
.secret-view-home .sf-community__links a:last-child { border:0; }
.secret-view-home .sf-community__links a:hover { color:#f0d493; }
.secret-view-home .sf-community__links i { width:19px; text-align:center; color:#c6b584; font-size:14px; }
.secret-view-home .sf-community__links a > span:last-child { margin-left:auto; color:#a2926e; }
.secret-view-home .sf-empty { padding:18px; margin:0; font-size:12px; line-height:1.7; }
.secret-view-home .footer { margin-top:0; }
.secret-view-home .footer-wrapper { padding-top:20px; padding-bottom:25px; }
.secret-view-home .footer-top { display:none; }
.secret-view-home .footer-bottom { padding-top:16px; }
.secret-view-home .footer-text { font-size:10px; line-height:1.7; }
.secret-view-home .footer-link { font-size:10px; }
.secret-view-home .footer-divider { margin:0; }
@media (min-width:801px) and (max-width:1000px) {
    .secret-theme.secret-view-home .main-content-middle { grid-template-columns:minmax(0,1fr); padding:10px 18px 20px; }
    .secret-theme.secret-view-home .main-content-middle > .right-content { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
    .secret-theme.secret-view-home .main-content-middle > .left-content > * { width:100%; margin:0; }
    .secret-theme.secret-view-home .main-content { background-size:100% auto; }
}
@media (min-width:801px) and (max-width:1020px) {
    .secret-view-home .sf-hero__copy { padding-left:18px; }
    .secret-view-home .sf-hero h1 { font-size:32px; }
    .secret-view-home .sf-hero__promise { font-size:24px; }
    .secret-view-home .sf-news__row { grid-template-columns:120px minmax(0,1fr) 65px; gap:10px; }
    .secret-view-home .sf-news__image { width:120px; height:86px; }
    .secret-view-home .sf-facts li { gap:7px; }
    .secret-view-home .sf-facts i { font-size:20px; }
}
@media (max-width:800px) {
    .secret-theme.secret-view-home .top-content { min-height:190px; padding-bottom:10px!important; }
    .secret-view-home .sf-hero__scene { min-height:320px; }
    .secret-view-home .sf-hero__copy { max-width:430px; }
    .secret-view-home .sf-section { --sf-section-inset:12px; }
    .secret-view-home .sf-panel .block-title-text { padding-left:20px; }
    .secret-theme.secret-view-home .header { height:auto; min-height:40px; }
    .secret-theme.secret-view-home .header-content { padding:4px 10px; gap:6px; flex-wrap:wrap; justify-content:space-between; }
    .secret-theme.secret-view-home .header-content .left-content { height:auto; }
    .secret-theme.secret-view-home .header-content .right-content { max-width:100%; margin-right:0; }
    .secret-theme.secret-view-home .header-buttons { justify-content:center; flex-wrap:wrap; gap:8px; }
    .secret-view-home .header-buttons .reg-btn { font-size:10px; }
    .secret-view-home .header .btn-sm { min-width:64px; width:auto; padding-inline:12px; font-size:10px; }
    .secret-view-home .header .axe { display:none; }
    .secret-view-home .header .total-online { display:none; }
    .secret-view-home .header .server-online { margin:0; }
    .secret-view-home .header .server-dropdown-panel { left:0; width:min(300px,calc(100vw - 20px)); }
}
@media (max-width:520px) {
    .secret-view-home .sf-hero__scene { min-height:320px; }
    .secret-view-home .sf-hero__scene::before { background-position:74% center,center; background-size:auto 100%,cover; }
    .secret-view-home .sf-hero__scene::after { background:linear-gradient(90deg,#0b0e10fa,#0b0e10ab 60%,#0b0e1033); }
    .secret-view-home .sf-hero__copy { width:83%; padding:22px 15px; }
    .secret-view-home .sf-hero__eyebrow { font-size:8px; }
    .secret-view-home .sf-hero h1 { font-size:31px; }
    .secret-view-home .sf-hero__promise { font-size:23px; }
    .secret-view-home .sf-hero__lead { font-size:11px; max-width:230px; }
    .secret-view-home .sf-hero__actions { gap:8px; max-width:calc(100% + 40px); }
    .secret-view-home .sf-hero__actions .sf-button { font-size:10px; padding:9px 11px; min-height:40px; gap:8px; }
    .secret-view-home .sf-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .secret-view-home .sf-facts li { min-height:55px; border-bottom:1px solid #ffffff09; justify-content:flex-start; padding-left:20px; }
    .secret-view-home .sf-facts li:nth-child(even) { border-right:0; }
    .secret-view-home .sf-facts li:nth-last-child(-n+2) { border-bottom:0; }
    .secret-view-home .sf-facts i { font-size:23px; width:27px; }
    .secret-view-home .sf-section__heading { gap:7px; }
    .secret-view-home .sf-section__heading h2 { font-size:22px; }
    .secret-view-home .sf-features__grid { gap:8px; }
    .secret-view-home .sf-feature__body { padding:9px 8px; }
    .secret-view-home .sf-feature__body strong { font-size:15px; }
    .secret-view-home .sf-feature__body > span { font-size:10px; }
    .secret-view-home .sf-news__row { grid-template-columns:96px minmax(0,1fr); gap:8px 11px; }
    .secret-view-home .sf-news__image { width:96px; height:70px; }
    .secret-view-home .sf-news__body h3 { margin-top:0; margin-bottom:4px; font-size:11px; }
    .secret-view-home .sf-news__body p { font-size:10px; }
    .secret-view-home .sf-news__meta { grid-column:2; min-height:0; flex-direction:row; align-items:center; padding:0; }
    .secret-view-home .sf-news__meta time { font-size:9px; }
    .secret-view-home .sf-section__heading .sf-text-link { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) {
    .secret-view-home :is(.sf-button,.sf-feature) { transition:none; }
}