/* Shared Cyclopedia frame. Module styles contain only their own content. */
.realm-window{width:min(920px,calc(100vw - 64px));height:min(650px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);padding:0;margin:auto;color:#d6d2bf;color-scheme:dark;font:15px/1.5 var(--body);border:3px solid #544c3e;border-top-color:#8e7d61;border-bottom-color:#292923;outline:2px solid #151817;outline-offset:2px;background:repeating-linear-gradient(112deg,#fff8df03 0 1px,transparent 1px 7px),radial-gradient(ellipse at 20% 0,#514a361f,transparent 65%),#1a1d1b;box-shadow:0 24px 80px #000c,0 0 0 7px #080c0ee0,inset 0 0 0 2px #a18b5926;overflow:hidden}
.realm-window[open]{display:flex;flex-direction:column}
.realm-window::backdrop{background:#02090bbd;backdrop-filter:blur(3px)}
.realm-window::before{content:'';position:absolute;inset:3px;pointer-events:none;border:1px solid #92908220;z-index:6}
.realm-window-ornaments{position:absolute;inset:5px;z-index:7;pointer-events:none}
.realm-window-ornaments i{position:absolute;width:5px;height:5px;border:1px solid #161914;border-radius:50%;background:linear-gradient(#a89979,#494639);box-shadow:0 1px 1px #000}
.realm-window-ornaments i:nth-child(1){left:0;top:0}.realm-window-ornaments i:nth-child(2){right:0;top:0}.realm-window-ornaments i:nth-child(3){right:0;bottom:0}.realm-window-ornaments i:nth-child(4){left:0;bottom:0}
.realm-window .panel-header{position:relative;flex:none;display:block;padding:15px 72px 14px 24px;text-align:left;background:repeating-linear-gradient(0deg,#0001 0 1px,transparent 1px 4px),linear-gradient(#343730,#242824);border-bottom:3px solid #111714;box-shadow:inset 0 -1px #82724b70,0 2px 0 #56523c50}
.realm-window .panel-header>div{padding:0}.realm-window .panel-header>div::before{content:none}
.realm-window .panel-header .realm-kicker{color:#b3a98b;font:600 10px/1.4 var(--body);letter-spacing:.7px}
.realm-window .panel-header h2{margin:3px 0;font:700 24px/1.3 var(--display);letter-spacing:.3px;color:#eddab0;text-shadow:0 2px 0 #0b100d,0 0 3px #000}
.realm-window-subtitle{margin:0;color:#c3c4b0;font:14px/1.4 var(--body)}
.realm-window .panel-close{position:absolute;right:18px;top:21px;display:grid;place-items:center;width:44px;height:44px;padding:0;flex:none;color:var(--gold);border:2px solid #756b54;border-bottom-color:#3a3b30;background:linear-gradient(#393b30,#252922);box-shadow:inset 0 0 0 1px #aaa07730,0 2px 4px #0005}
.realm-window .panel-close .realm-icon{width:17px}
.realm-window .panel-close:hover{border-color:#c1a376;background:linear-gradient(#494b38,#30372a)}
.realm-window .panel-close:active{box-shadow:inset 0 2px 6px #0009}
.realm-window :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #f1d49a;outline-offset:2px}
.realm-window :is(.panel-scroll,.local-body,.realm-directory,.chronicle-directory){min-height:0;max-height:none;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-color:#847354 #151b18}
.realm-window :is(#realm-frame,.realm-page-frame){display:block;border:0;width:100%;min-height:0;flex:1;height:auto;background:transparent;color-scheme:dark}
.realm-window .panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:10px 22px;background:#19231c;border-top:2px solid #53593c;min-height:38px}
.realm-window .panel-footer>span{color:#a8b29c;font-size:10px;letter-spacing:.3px}.realm-window .panel-footer a{color:#d8c49c;font-size:13px}.realm-window .panel-footer small{color:#a8b29c;font-size:11px}.realm-window .panel-footer a:hover{color:var(--gold-light)}
.realm-window .panel-loading,.realm-window .panel-error{flex:none;margin:0;padding:10px 22px;border-bottom:1px solid var(--line)}.realm-window .panel-error{color:#f1c5aa}.realm-window .panel-error a{text-decoration:underline!important}
.realm-window .account-shortcuts{display:flex;flex:none;flex-wrap:wrap;gap:12px 25px;padding:12px 22px;border-bottom:1px solid var(--line);font-size:13px;color:var(--gold-light)}
.realm-window.local-dialog{width:min(510px,calc(100vw - 64px));height:fit-content}
.realm-window.local-dialog>.local-body{flex:0 1 auto}
body.panel-open{overflow:hidden}
html:not(.realm-enhanced):not(.realm-embedded) .realm-window:target{height:auto;max-height:none;overflow:visible}
@media(max-width:700px){
 .realm-window,.realm-window.local-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);outline-offset:2px}
 .realm-window:not(.local-dialog){height:calc(100dvh - 32px)}
 .realm-window .panel-header{padding:14px 62px 13px 15px}.realm-window .panel-header h2{font-size:21px;letter-spacing:0;margin-block:4px}.realm-window .panel-header .realm-kicker{font-size:9px}.realm-window-subtitle{font-size:13px}.realm-window .panel-close{right:12px;top:20px}
 .realm-window .panel-footer{padding:10px 12px;gap:8px}.realm-window .panel-footer>span{font-size:9px;letter-spacing:0}.realm-window .panel-loading,.realm-window .panel-error{padding-inline:12px}.realm-window .account-shortcuts{padding:10px 12px;gap:10px 14px;font-size:12px}
}