/* Shared production chrome, using the approved Sanctuary menu's native D2R art.
   Kept after page sheets so LoD, D2R and the gateway have identical geometry. */
@font-face{font-family:RealmNavigation;src:url('fonts/source-serif-4-latin.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-2199}
@font-face{font-family:RealmNavigation;src:url('fonts/source-serif-4-latin-ext.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0100-024F,U+0300-036F,U+1E00-1EFF}
body[data-realm] .rh.rh-sanctuary{position:relative;top:0;z-index:200;background:linear-gradient(#030506,#050709ed 75%,transparent);box-shadow:none}
body[data-realm] .rh-sanctuary .rh-bar{padding:0 0 25px;background:transparent;border:0;box-shadow:none}
body[data-realm] .rh-sanctuary .rh-bar::before,body[data-realm] .rh-sanctuary .rh-bar::after{content:none}
body[data-realm] .rh-sanctuary .rh-bar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:25px 24px;width:calc(100% - 128px);max-width:1280px;height:auto;min-height:0;margin:auto;padding:22px 0 0;overflow:visible}
body[data-realm] .rh-sanctuary .rh-brand{grid-column:1;grid-row:1;gap:13px;min-width:0}
body[data-realm] .rh-sanctuary .rh-brand-copy{display:block}
body[data-realm] .rh-sanctuary .rh-brand-copy strong{font-size:19px;line-height:1.3;text-shadow:none}
body[data-realm] .rh-sanctuary .rh-brand-copy small{display:block;line-height:1.5;letter-spacing:1px}
body[data-realm] .rh-sanctuary .rh-seal{display:none}
body[data-realm] .c9-brand-mark{display:block;flex:none;width:56px;height:56px;object-fit:contain}
body[data-realm] .rh-sanctuary .rh-actions{grid-column:2;grid-row:1;display:flex;gap:18px;margin:0;position:relative;z-index:5}
body[data-realm] .rh-sanctuary .rh-cta{display:inline-flex;min-width:150px;min-height:44px;font:600 11px/1.5 RealmNavigation,Georgia,serif;letter-spacing:.5px}
body[data-realm] .rh-sanctuary .rh-medallion{grid-column:auto;display:block;width:48px;height:48px;min-width:48px;position:relative;transition:none}
body[data-realm] .rh-sanctuary .rh-gem-button.lobby-gem,body[data-realm] .rh-sanctuary .rh-gem-button .lobby-gem-art{width:48px;height:48px;margin:0;transition:none}
body[data-realm] .rh-sanctuary .rh-gem-state{top:55px;bottom:auto;left:50%;transform:translateX(-50%);width:210px}
body[data-realm] .rh-sanctuary .header-account-panel{max-height:calc(100dvh - 145px);overflow:auto;overscroll-behavior:contain;z-index:20}
body[data-realm] .rh-sanctuary .c9-menu-rail{grid-column:1/-1;grid-row:2;position:relative;isolation:isolate;min-width:0;padding:0 22px;border:10px solid transparent;background:transparent;box-shadow:0 12px 24px #0009}
body[data-realm] .rh-sanctuary .c9-menu-rail::before{content:'';position:absolute;inset:0 22px;z-index:-1;background:#181919;pointer-events:none}
body[data-realm] .rh-sanctuary .c9-menu-rail::after{content:'';position:absolute;inset:-10px 22px;border-style:solid;border-width:10px 0 0;border-color:transparent;border-image:url('sanctuary/d2r/panel-frame.webp') 26 stretch;box-shadow:inset 0 2px 4px #000a;pointer-events:none}
/* Lower edge repeats the upper profile, matching the mirrored filigree halves. */
body[data-realm] .rh-sanctuary .c9-rail-lower{position:absolute;left:22px;right:22px;bottom:-10px;height:10px;border-top:10px solid transparent;border-image:url('sanctuary/d2r/panel-frame.webp') 26 stretch;transform:scaleY(-1);z-index:1;pointer-events:none}
body[data-realm] .rh-sanctuary .c9-rail-crest{position:absolute;left:50%;top:-28px;width:82px;height:33px;transform:translateX(-50%);object-fit:contain;pointer-events:none;filter:brightness(.85)}
body[data-realm] .rh-sanctuary .c9-rail-ornament{position:absolute;top:50%;transform:translateY(-50%);width:74px;height:98px;pointer-events:none;z-index:2;filter:brightness(1.7) saturate(.65)}
body[data-realm] .rh-sanctuary .c9-rail-left{left:-52px}body[data-realm] .rh-sanctuary .c9-rail-right{right:-52px}
body[data-realm] .rh-sanctuary .c9-rail-ornament img{display:block;width:100%;height:50%;object-fit:contain}
body[data-realm] .rh-sanctuary .c9-rail-ornament img+img{transform:scaleY(-1)}
body[data-realm] .rh-sanctuary .rh-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;justify-content:stretch;gap:0;min-width:0;margin:0;isolation:isolate}
body[data-realm] .rh-sanctuary .rh-wing{display:contents}
body[data-realm] .rh-sanctuary .rh-wing::before,body[data-realm] .rh-sanctuary .rh-wing::after,body[data-realm] .rh-sanctuary .rh-wing>a::before,body[data-realm] .rh-sanctuary .rh-more::before,body[data-realm] .rh-sanctuary .rh-more>summary::before{content:none}
body[data-realm] .rh-sanctuary .rh-more{position:static;display:block;flex:1;min-width:0;margin:0}
body[data-realm] .rh-sanctuary .rh-wing>a,body[data-realm] .rh-sanctuary .rh-nav>.rh-discord,body[data-realm] .rh-sanctuary .rh-more>summary,body[data-realm] .rh-sanctuary .rh-mobile>summary{
 position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;width:auto;height:auto;min-height:48px;margin:0;padding:12px 9px;border:0;border-left:1px solid #050708;border-radius:0;box-shadow:inset 1px 0 #7b7b712e,inset 0 1px #b5b6a910;
 color:#c1b9a5;text-align:center;font:500 12px/1.5 RealmNavigation,Georgia,serif;text-transform:uppercase;letter-spacing:1.3px;text-shadow:none;white-space:normal;transform:none;
 background-color:#181919;background-image:linear-gradient(#ffffff02,#0004),url('sanctuary/d2r/menu-stone.webp');background-position:center,center 44%;background-size:100% 100%,768px 512px;background-repeat:no-repeat;background-blend-mode:normal,screen;transition:color .18s,background-color .18s;
}
body[data-realm] .rh-sanctuary .rh-more>summary{height:100%}
body[data-realm] .rh-sanctuary .rh-nav>.rh-discord svg{display:none}
body[data-realm] .rh-sanctuary .rh-nav>.rh-discord b{display:block;font:inherit}
body[data-realm] .rh-sanctuary .rh-wing>a::after,body[data-realm] .rh-sanctuary .rh-more>summary::after{content:none}
body[data-realm] .rh-sanctuary .rh-wing>a:hover,body[data-realm] .rh-sanctuary .rh-nav>.rh-discord:hover,body[data-realm] .rh-sanctuary .rh-more>summary:hover,body[data-realm] .rh-sanctuary .rh-more[open]>summary{color:#f6e8ca;background-color:#28261f}
body[data-realm] .rh-sanctuary .rh-wing>a.active,body[data-realm] .rh-sanctuary .rh-wing>a[aria-current=page]{color:#fff2d5;background-color:#27251e;box-shadow:inset 0 -1px #a08855,inset 1px 0 #7b7b712e}
body[data-realm] .rh-sanctuary :is(a,button,summary):focus-visible{outline:2px solid #ead4a0;outline-offset:-4px}
body[data-realm] .rh-sanctuary .rh-nav .nav-menu.wp{position:absolute;top:calc(100% + 12px);right:22px;left:auto;width:360px;max-width:calc(100vw - 60px);max-height:calc(100dvh - 235px);overflow:auto;z-index:10}
body[data-realm] .rh-sanctuary .wp a,body[data-realm] .rh-sanctuary .wp-tab{font-family:RealmNavigation,Georgia,serif;text-shadow:none;letter-spacing:.3px;min-height:44px}
body[data-realm] .rh-sanctuary .rh-mobile{display:none}
@media(max-width:1150px){
 body[data-realm] .rh-sanctuary .rh-bar-inner{width:calc(100% - 88px)}
 body[data-realm] .rh-sanctuary .rh-wing>a,body[data-realm] .rh-sanctuary .rh-nav>.rh-discord,body[data-realm] .rh-sanctuary .rh-more>summary{font-size:11px;letter-spacing:.5px;padding:12px 5px}
}
@media(max-width:900px){
 body[data-realm] .rh-sanctuary .rh-bar-inner{width:calc(100% - 46px);gap:28px 12px;padding-top:18px}
 body[data-realm] .rh-sanctuary .rh-brand-copy strong{font-size:17px;letter-spacing:1px}
 body[data-realm] .rh-sanctuary .rh-brand{gap:8px}
 body[data-realm] .rh-sanctuary .c9-brand-mark{width:44px;height:44px}
 body[data-realm] .rh-sanctuary .rh-brand-copy small{font-size:7px;letter-spacing:.4px}
 body[data-realm] .rh-sanctuary .rh-actions{gap:10px}
 body[data-realm] .rh-sanctuary .rh-cta{display:none}
 body[data-realm] .rh-sanctuary .rh-account .header-account-toggle{min-width:44px;min-height:44px}
 body[data-realm] .rh-sanctuary .rh-account .header-account-toggle>span:nth-child(2){display:none}
 body[data-realm] .rh-sanctuary .header-account-panel{position:absolute;right:0;width:min(360px,calc(100vw - 46px));max-width:calc(100vw - 46px);max-height:calc(100dvh - 140px)}
 body[data-realm] .rh-sanctuary .c9-menu-rail{padding:0;border-width:9px;border-image:url('sanctuary/d2r/panel-frame.webp') 26 stretch;background:#151616}
 body[data-realm] .rh-sanctuary .c9-menu-rail::before{inset:0}
 body[data-realm] .rh-sanctuary .c9-menu-rail::after{inset:1px 0;border:0;box-shadow:inset 0 2px 4px #000a,inset 0 -2px 4px #000}
 body[data-realm] .rh-sanctuary .c9-rail-lower{display:none}
 body[data-realm] .rh-sanctuary .c9-rail-crest{width:70px;height:28px;top:-29px}
 body[data-realm] .rh-sanctuary .c9-rail-ornament{top:24px;width:34px;height:45px}
 body[data-realm] .rh-sanctuary .c9-rail-left{left:-22px}body[data-realm] .rh-sanctuary .c9-rail-right{right:-22px}
 body[data-realm] .rh-sanctuary .rh-nav{display:none}
 body[data-realm] .rh-sanctuary .rh-gem-state{left:auto;right:0;transform:none;white-space:normal;overflow-wrap:anywhere}
 body[data-realm] .rh-sanctuary .rh-mobile{position:relative;display:block;width:100%;margin:0;grid-column:auto;grid-row:auto}
 body[data-realm] .rh-sanctuary .rh-mobile>summary{width:100%;justify-content:space-between;padding:13px 17px;color:#e6d9bd;list-style:none}
 body[data-realm] .rh-sanctuary .rh-mobile>summary span{height:auto;background:none;box-shadow:none;transform:none}
 body[data-realm] .rh-sanctuary .c9-menu-toggle-icon::after{content:'+';font:22px/1 Arial,sans-serif;color:#b8c1bf;font-style:normal}
 body[data-realm] .rh-sanctuary .rh-mobile[open] .c9-menu-toggle-icon::after{content:'−'}
 body[data-realm] .rh-sanctuary .mobile-menu-panel{position:relative;top:auto;right:auto;left:auto;width:100%;max-width:none;max-height:65dvh;overflow:auto;overscroll-behavior:contain;padding:12px 10px;margin:0;border:0;background:#101313;box-shadow:none}
 body[data-realm] .rh-sanctuary .rh-mobile .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 body[data-realm] .rh-sanctuary .rh-mobile .nav>a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 6px;font:500 11px/1.5 RealmNavigation,Georgia,serif;letter-spacing:.3px;text-align:center;background:#181919 url('sanctuary/d2r/menu-stone.webp') center 44%/768px 512px no-repeat;background-blend-mode:screen;text-shadow:none}
 body[data-realm] .rh-sanctuary .rh-mobile .nav>a:hover,body[data-realm] .rh-sanctuary .rh-mobile .nav>a.active{background-color:#28261f;color:#fff2d5}
 body[data-realm] .rh-sanctuary .rh-mobile .d2r-mobile-waypoints{grid-column:1/-1;min-width:0;width:100%;padding:0}
 body[data-realm] .rh-sanctuary .rh-mobile .wp a{font-size:13px;line-height:1.5;padding:10px 8px}
 body[data-realm] .rh-sanctuary .mobile-menu-secondary{gap:4px 14px}
 body[data-realm] .rh-sanctuary .mobile-menu-secondary a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:360px){
 body[data-realm] .rh-sanctuary .rh-brand-copy strong{font-size:14px}
 body[data-realm] .rh-sanctuary .rh-brand{gap:5px}
 body[data-realm] .rh-sanctuary .c9-brand-mark{width:36px;height:36px}
 body[data-realm] .rh-sanctuary .rh-brand-copy small{font-size:6px}
 body[data-realm] .rh-sanctuary .rh-actions{gap:5px}
 body[data-realm] .rh-sanctuary .rh-gem-state{left:auto;right:0;transform:none}
}
@media(prefers-reduced-motion:reduce){body[data-realm] .rh-sanctuary *{transition:none!important}}