.themeSite [hidden]{display:none!important}
.guildSiteHeader{display:block!important;position:relative!important;inset:auto!important;z-index:40!important;width:100%!important;height:auto!important;min-height:0!important;max-width:none!important;padding:0!important;margin:0!important;border-bottom:1px solid #7c4b2d!important;background:linear-gradient(180deg,#071725d9,#06111acd)!important;box-sizing:border-box}
.guildHeaderRow{display:flex;align-items:center;gap:10px;padding:14px 24px;max-width:1440px;margin:auto;min-width:0;box-sizing:border-box}.guildHeaderBrand{display:flex;align-items:center;gap:10px;min-width:0;flex:1;color:#eee7de;text-decoration:none}.guildHeaderBrand img{width:78px;height:62px;object-fit:contain;flex-shrink:0}.guildHeaderBrand strong{font:600 clamp(17px,3vw,32px)/1.15 'Bodoni Moda',Georgia,serif;min-width:0;overflow-wrap:normal}.guildMenuToggle,.guildAccountToggle{flex:0 0 48px;width:48px!important;height:48px!important;min-width:0!important;padding:0!important;margin:0!important;position:relative;cursor:pointer;border:1px solid #c17c38!important;background:linear-gradient(#261a11,#090e13)!important;color:#ffc17e!important;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);box-sizing:border-box;overflow:hidden}.guildMenuToggle svg{display:block;width:24px;height:24px;margin:auto}.guildAccountArtwork{position:absolute;left:0;top:0;height:100%!important;width:auto!important;max-width:none!important;object-fit:contain!important}.guildAccountName{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.guildHeaderSignIn{color:#ffd3a0;font:700 12px/1.3 system-ui;text-decoration:none;max-width:48px;text-align:center}.guildSiteHeader .guildHeaderNav{position:absolute;display:grid!important;top:100%;left:14px;right:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px!important;background:#08131bf5!important;border:1px solid #87542e;margin:6px 0!important;box-sizing:border-box;max-height:70dvh;overflow-y:auto}.guildHeaderNav :is(a,button),.guildAccountDropdown :is(a,button){display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;box-sizing:border-box;min-width:0;width:auto;color:#e5eaf0!important;text-decoration:none;font:700 13px/1.3 Rajdhani,system-ui;border:1px solid #344b59;background:linear-gradient(#15232d,#090f15);cursor:pointer;letter-spacing:.04em}.guildAccountDropdown{position:absolute;right:14px;top:calc(100% + 6px);width:220px;max-width:calc(100vw - 28px);display:grid;gap:8px;padding:10px;background:#08131bf5;border:1px solid #87542e;box-sizing:border-box}.guildSiteHeader button:focus-visible,.guildSiteHeader a:focus-visible{outline:2px solid #ffc17e;outline-offset:2px}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){.guildHeaderRow{padding:10px 12px;gap:8px}.guildHeaderBrand img{width:52px;height:44px}.guildHeaderBrand strong{font-size:clamp(15px,3.9vw,23px)}.guildMenuToggle,.guildAccountToggle{width:44px!important;height:44px!important;flex-basis:44px}.guildSiteHeader .guildHeaderNav{grid-template-columns:repeat(2,minmax(0,1fr))}.guildHeaderBrand{gap:6px}.themeSite .accountInfo strong{overflow-wrap:anywhere}.themeSite .intro,.themeSite .aboutCopy,.themeSite .leaderCard,.themeSite .accountInfoGrid{min-width:0;max-width:100%;box-sizing:border-box}.themeSite main{box-sizing:border-box;min-width:0}.themeSite :is(.aboutCopy,.leaderCard,.pageFooter){overflow-wrap:anywhere}}
@media(max-width:800px){.themeSite .intro h1{overflow-wrap:anywhere}}
@media(min-width:801px) and (min-height:601px){.guildSiteHeader .guildHeaderNav{position:relative;top:auto;left:auto;right:auto;display:flex!important;flex-wrap:wrap;justify-content:center;margin:0!important;padding:8px 18px!important;border:0;border-top:1px solid #344b5960;max-height:none}.guildHeaderNav :is(a,button){flex:0 1 auto}.guildAccountDropdown{top:84px}}


/* Shared header visibility wins over legacy home-page nav rules. */
.guildSiteHeader .guildHeaderNav[hidden],.guildSiteHeader .guildMenuToggle[hidden],.guildSiteHeader .guildAccountToggle[hidden],.guildSiteHeader .guildAccountDropdown[hidden]{display:none!important}


/* Restore the original desktop artwork instead of enlarging the phone icon. */
@media(min-width:801px) and (min-height:601px){
.guildSiteHeader{background:transparent!important;border:0!important}
.guildSiteHeader .guildHeaderRow{max-width:none;padding:14px 2.2vw;min-height:106px;gap:24px;background:linear-gradient(90deg,#07111a99,#07111a22)}
.guildSiteHeader .guildHeaderBrand{gap:16px}
.guildSiteHeader .guildHeaderBrand img{width:96px;height:76px}
.guildSiteHeader .guildHeaderBrand strong{font-size:clamp(24px,2.4vw,40px)}
.guildSiteHeader .guildAccountToggle{flex:0 0 clamp(260px,29vw,410px);width:clamp(260px,29vw,410px)!important;height:auto!important;aspect-ratio:1024/260;display:block;padding:0!important;background:none!important;border:0!important;clip-path:none;overflow:visible}
.guildSiteHeader .guildAccountArtwork{inset:0;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none}
.guildSiteHeader .guildAccountName{position:absolute;left:28%;right:9%;top:29%;width:auto;height:auto;clip-path:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee7de;font:700 clamp(14px,1.35vw,20px)/1.2 Rajdhani,system-ui;letter-spacing:.06em}
.guildSiteHeader .guildAccountRole{position:absolute;left:28%;right:9%;top:56%;color:#d69a66;font:700 10px/1.3 Rajdhani,system-ui;letter-spacing:.08em;text-transform:uppercase}
.guildSiteHeader .guildAccountPortrait{display:none}
.guildSiteHeader .guildAccountToggle:after{content:'⌄';position:absolute;right:5%;top:40%;color:#efbb77}
.guildSiteHeader .guildAccountDropdown{top:calc(100% - 64px);right:2.2vw}
.guildSiteHeader .guildHeaderSignIn{max-width:none;padding:12px 20px;border:1px solid #87542e}
.guildSiteHeader .guildHeaderNav{min-height:82px;gap:0;background:url('assets/navigation/navbar-bg-web.png') center/100% 100% no-repeat!important;border:0;overflow:visible}
.guildSiteHeader .guildHeaderNav :is(a,button){position:relative;isolation:isolate;flex:0 1 126px;height:54px;min-width:92px;padding:0;border:0;background:transparent;font:600 12px Georgia,serif;letter-spacing:.03em;text-transform:uppercase;box-shadow:none}
.guildSiteHeader .guildHeaderNav :is(a,button):before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/navigation/roster-default-wide.png') center/100% 100% no-repeat;mask-image:linear-gradient(to bottom,#000 0 35%,transparent 35% 67%,#000 67%),linear-gradient(to right,#000 0 18%,transparent 18% 82%,#000 82%);mask-composite:add}
.guildSiteHeader .guildHeaderNav :is(a,button):hover:before{background-image:url('assets/navigation/roster-hover.png')}
.guildSiteHeader .guildHeaderNav .guildArtTab{font-size:0;background-position:center;background-size:100% 100%;background-repeat:no-repeat}
.guildSiteHeader .guildHeaderNav .guildArtTab:before{display:none}
.guildSiteHeader .guildHeaderNav .guildArt-home{background-image:url('assets/navigation/home-default-wide.png')}
.guildSiteHeader .guildHeaderNav .guildArt-events{background-image:url('assets/navigation/events-default-wide.png')}
.guildSiteHeader .guildHeaderNav .guildArt-gallery{background-image:url('assets/navigation/gallery-default-wide.png')}
.guildSiteHeader .guildHeaderNav .guildArt-about{background-image:url('assets/navigation/about-default-wide.png')}
.guildSiteHeader .guildHeaderNav .guildArt-discord{flex-basis:180px;background-image:url('assets/navigation/join-discord-default.png')}
}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){.guildSiteHeader .guildAccountArtwork{display:none}.guildSiteHeader .guildAccountPortrait{display:block;width:100%;height:100%;object-fit:contain}.guildSiteHeader .guildAccountRole{display:none}}

/* Crop the decorative border from avatar assets while preserving character colors. */
.guildSiteHeader .guildAccountPortraitFrame{display:none}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){
 .guildSiteHeader .guildAccountPortraitFrame{display:block;position:absolute;inset:4px;overflow:hidden;border:1px solid #85b7ca;border-radius:3px}
 .guildSiteHeader .guildAccountPortraitFrame .guildAccountPortrait{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover;transform:scale(1.65);border:0}
}

/* Character portraits in a reusable steel frame, without baked orange artwork. */
.guildSiteHeader .guildAccountArtwork{display:none!important}
.guildSiteHeader .guildAccountToggle{position:relative;flex:0 0 300px;width:300px!important;height:98px!important;min-height:98px;aspect-ratio:auto!important;padding:12px!important;background:linear-gradient(145deg,#496575,#102432 48%,#08131e 49%,#193343)!important;border:1px solid #abc6d3!important;clip-path:polygon(12px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);box-shadow:inset 0 0 0 4px #05111c,inset 0 0 0 5px #84abc64a;overflow:hidden}
.guildSiteHeader .guildAccountPortraitFrame{display:block!important;position:absolute;left:12px;top:12px;width:72px;height:72px;overflow:hidden;border:2px solid #91b5c8;box-sizing:border-box;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}
.guildSiteHeader .guildAccountPortraitFrame .guildAccountPortrait{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;border:0!important;transform:none!important}
.guildSiteHeader .guildAccountName{left:102px!important;right:16px!important;top:29px!important;width:auto!important;height:auto!important;clip-path:none!important;font:600 20px/1.2 Rajdhani,sans-serif!important;color:#e6f3fa!important;text-overflow:ellipsis}
.guildSiteHeader .guildAccountRole{left:102px!important;top:59px!important;color:#b5d5e5!important}
.guildSiteHeader .guildAccountToggle:after{color:#b5d5e5}
@media(max-width:800px),(orientation:landscape) and (max-height:600px){.guildSiteHeader .guildAccountToggle{flex-basis:58px;width:58px!important;height:58px!important;min-height:58px;clip-path:none!important;border-radius:3px}.guildSiteHeader .guildAccountPortraitFrame{inset:4px;width:48px;height:48px;border-width:1px}.guildSiteHeader .guildAccountName,.guildSiteHeader .guildAccountRole,.guildSiteHeader .guildAccountToggle:after{display:none!important}}

/* Account tile shares the refreshed contact control finish. */
body.themeSite .guildSiteHeader .guildAccountToggle{background:linear-gradient(120deg,#24404d,#12252e)!important;border-color:#7899aa!important;box-shadow:inset 0 1px #c3e2ee18,0 3px 10px #0003!important;isolation:isolate;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;}
body.themeSite .guildSiteHeader .guildAccountToggle::before{content:"";position:absolute;inset:-50% auto -50% -60%;width:35%;background:linear-gradient(90deg,transparent,#b9e8ff20,transparent);transform:skewX(-20deg);pointer-events:none;z-index:-1;}
body.themeSite .guildSiteHeader .guildAccountToggle:hover{border-color:#b0d5e5!important;background:linear-gradient(120deg,#315361,#18343f)!important;box-shadow:inset 0 1px #c3e2ee22,0 0 16px #82c6e026!important;transform:translateY(-1px);}
body.themeSite .guildSiteHeader .guildAccountToggle:hover::before{animation:accountPaneSweep .65s ease-out;}
body.themeSite .guildSiteHeader .guildAccountToggle:active{transform:translateY(0);}
body.themeSite .guildSiteHeader .guildAccountToggle:focus-visible{outline:2px solid #e2b776!important;outline-offset:4px;}
@keyframes accountPaneSweep{to{left:140%;}}
@media(prefers-reduced-motion:reduce){body.themeSite .guildSiteHeader .guildAccountToggle{transition:none;transform:none!important}body.themeSite .guildSiteHeader .guildAccountToggle::before{display:none}}
