/* Carved bronze, dark steel and quiet ember light. Shared navigation on public / game pages. */
.realm-header{--bronze:#a3834d;position:relative;isolation:isolate;display:flex;align-items:center;gap:20px;width:calc(100% - 64px);max-width:1440px;min-height:105px;margin:18px auto 24px;padding:14px 30px!important;border:1px solid #ad8b55;border-top:2px solid #d1b684;border-bottom:2px solid #7b5834;border-radius:7px 7px 30px 30px;background:linear-gradient(180deg,#494137 0%,#232725 16%,#171c1d 57%,#292923 85%,#48321f 100%);box-shadow:inset 0 0 0 4px #11191b,inset 0 0 0 5px #786344,0 10px 30px #0008,0 3px 18px #cc663018;backdrop-filter:blur(10px)}
.realm-header:before,.realm-header:after{content:'';position:absolute;top:7px;bottom:5px;width:28px;pointer-events:none;z-index:-1;background:linear-gradient(110deg,#372c21,#d5b985 28%,#60472e 42%,#211b18 48%,#b7935e 63%,#443323 73%,#d2ae70);clip-path:polygon(50% 0,100% 10%,65% 23%,100% 38%,70% 50%,100% 66%,65% 80%,50% 100%,0 85%,30% 66%,0 50%,30% 30%,0 12%);filter:drop-shadow(0 0 9px #ad6a32a0)}.realm-header:before{left:-15px}.realm-header:after{right:-15px;transform:scaleX(-1)}
.realm-header .realm-seal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:132px;min-width:132px;gap:5px;padding:0 12px;text-decoration:none;border:0;color:#e0c490;background:none;white-space:normal;line-height:1.2}
.realm-seal>span{font:700 30px Georgia,serif;letter-spacing:-3px;display:grid;place-items:center;width:58px;height:48px;color:#efd4a1;border:1px solid #aa8b53;border-radius:45% 45% 40% 40%;background:radial-gradient(ellipse at 50% 10%,#685234,#262a26 65%);text-shadow:0 2px #1a100a,0 0 14px #bf8c3a66;box-shadow:inset 0 0 0 3px #1b211f,0 2px 10px #0009}.realm-seal small{font:9px Georgia,serif;letter-spacing:1.2px;text-align:center;color:#d2bc94}
.realm-header nav{display:flex;flex:1;justify-content:center;align-items:stretch;gap:4px;flex-wrap:nowrap}.realm-header nav>button,.realm-header nav>a,.realm-header nav>form>button,.realm-header .realm-logout>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:70px;min-width:78px;padding:7px 12px;margin:0;background:none;border:1px solid transparent;border-radius:5px;color:#b7b3a5;text-decoration:none;font:10px Georgia,serif;letter-spacing:.45px;text-transform:uppercase;box-shadow:none;line-height:1.25;white-space:nowrap}.realm-header nav>form{display:flex;margin:0}.realm-header nav>form>button{height:100%}.realm-header .nav-glyph{width:24px;height:24px;color:#b7b7ad;filter:drop-shadow(0 2px 1px #000);flex-shrink:0;transition:color .15s}.realm-header nav>button:hover,.realm-header nav>a:hover,.realm-header nav>form>button:hover,.realm-header .realm-logout>button:hover,.realm-header nav>.active,.realm-header [aria-current=page]{background:linear-gradient(#ab895a15,#ad803121);border-color:#aa8b514d;color:#f1d7a4;box-shadow:inset 0 1px #c9a56733,0 6px 10px #0002}.realm-header button.active:after,.realm-header a.active:after{content:'';position:absolute;left:20%;right:20%;bottom:0;height:2px;background:#d3a45d;box-shadow:0 0 8px #e89938}.realm-header button:hover .nav-glyph,.realm-header a:hover .nav-glyph,.realm-header .active .nav-glyph{color:#d6b77f}.realm-header button:focus-visible,.realm-header a:focus-visible{outline:2px solid #d6b77f;outline-offset:3px}.realm-header button:disabled{opacity:.35;cursor:not-allowed}.realm-header [hidden]{display:none!important}.realm-header .realm-logout{margin:0;padding-left:10px;border-left:1px solid #88725155}.realm-header .realm-logout>button{min-width:58px;padding:7px}.realm-header #referral-nav{max-width:none;min-width:100px;white-space:nowrap;background:none;font-size:10px}
.game-realm+ #connection{margin-top:0}.game-realm~main{padding-top:10px}.public-realm{max-width:1260px}.public-realm nav>a,.public-realm nav>form>button{min-width:140px}
/* Public homepage composition. */
body.auth49{background-image:linear-gradient(180deg,#070d1430,#080e1440 60%,#0c1219e6),url('redesign/landing-v414.webp');background-position:center top;background-size:cover;background-attachment:fixed;background-color:#101617}
.auth49-main{max-width:1260px;width:calc(100% - 64px);padding:20px 20px 36px;min-height:0;align-items:stretch;justify-content:start}.is-login .auth49-main{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:24px 48px;align-items:start}.is-login .auth49-brand{grid-column:1;grid-row:1;align-items:flex-start;text-align:left;margin:8px 0 0}.auth49-brand small{font-size:9px;letter-spacing:3px}.auth49-brand strong{font-size:46px;color:#f0d7a8;letter-spacing:1px;text-shadow:0 3px 3px #000,0 0 25px #b5833b55}.auth49-brand span{font:14px/1.8 Georgia,serif;color:#c5baa6}.is-login .auth49-tabs{grid-column:2;grid-row:1;align-self:end;margin:0;justify-self:stretch;background:#141b1dea;border-radius:7px;min-height:47px}.auth49-tabs>span,.auth49-tabs>button{flex:1;text-align:center;font:12px Georgia,serif;display:flex;justify-content:center;align-items:center;padding:14px 10px}.auth49-tabs>span{background:linear-gradient(#6a5337,#3b3125);color:#f0d0a0}.auth49-tabs>button:hover{background:#443b2e}
.is-login .login49{grid-column:2;grid-row:2;width:100%;padding:28px!important;margin:0;background:linear-gradient(140deg,#323129f5,#151b1df5);border:1px solid #a98b59;border-radius:5px;box-shadow:0 14px 40px #0008,inset 0 0 0 4px #101719,inset 0 0 0 5px #8d734248}.is-login .login49:before,.is-login .login49:after{display:none}.is-login .creation-account h2{font-size:26px;margin-top:9px;margin-bottom:24px}.auth49 input:not([type=radio]){background:linear-gradient(#131b1e,#202629);border-color:#7e6a49;color:#eaddc8;box-shadow:inset 0 3px 8px #0007;min-height:47px}.auth49 input::placeholder{color:#827f73}.auth49 .primary{background:linear-gradient(#ae8d55,#77572e);border:1px solid #d8bb7b;box-shadow:inset 0 2px #f4dca266,0 4px 13px #0007;color:#fff1d0;font-family:Georgia,serif;font-size:16px}.auth49 .primary:hover{background:linear-gradient(#a38350,#654a2a);box-shadow:inset 0 1px #d7ba7b77,0 0 16px #a87e3626}.auth49 .auth49-error{margin:0 0 18px;width:100%;font-size:12px}.auth49 .auth-footer{max-width:1220px;width:calc(100% - 64px);padding:24px 0;border-top:1px solid #8e754e88;margin:auto;background:linear-gradient(#141b1ddb,#101619ee);text-align:center}
.landing-intro{grid-column:1;grid-row:2;align-self:center;padding:18px 0 12px;text-shadow:0 2px 9px #000}.landing-kicker{font:10px Arial,sans-serif;letter-spacing:3px;color:#bd9e68}.landing-intro h1{font:42px/1.2 Georgia,serif;margin:18px 0 20px;color:#f0dfbf}.landing-intro h1 em{font-style:normal;color:#cfac73}.landing-intro>p{font:15px/1.9 Georgia,serif;color:#d7cbb5;max-width:530px}.landing-world-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:24px 0}.landing-world-links>a,.landing-world-links button{display:flex;gap:30px;align-items:center;border:1px solid #a98b59;background:linear-gradient(#393329d9,#1e2424ed);color:#e7cca0;border-radius:4px;padding:12px 16px;text-decoration:none;font:13px Georgia,serif;box-shadow:0 3px 12px #0005}.landing-world-links form{margin:0}.landing-world-links span{color:#b8985d}.landing-facts{display:flex;gap:30px;padding:24px 0 0;border-top:1px solid #a4865255;color:#b9ae99;font-size:11px;flex-wrap:wrap}.landing-facts b{display:block;font:25px Georgia,serif;color:#d7ba83;margin-bottom:6px}.landing-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}.landing-features .panel{margin:0;background:linear-gradient(145deg,#2d2d26f0,#131b1eea);padding:25px 22px;border:1px solid #94794d;border-radius:4px;box-shadow:inset 0 0 0 4px #151c1d77,0 8px 22px #0007}.landing-features .panel:before,.landing-features .panel:after{display:none}.landing-features .nav-glyph{width:32px;height:32px;display:block;color:#c2a472;margin-bottom:15px}.landing-features small,.landing-guide small{font:9px Arial;letter-spacing:2px;color:#b3935f}.landing-features h2{font:23px Georgia,serif;margin:10px 0}.landing-features p{font:13px/1.9 Arial,sans-serif;color:#bdb4a3;margin-bottom:0}.landing-guide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding:28px!important;margin:12px 0 0;background:#1a2222eb;border-color:#8d754c}.landing-guide h2{font:25px Georgia,serif}.landing-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:15px}.landing-guide li{display:flex;align-items:center;gap:16px;font-size:13px;color:#cfc4b1}.landing-guide li b{font:20px Georgia;color:#a98b58}.landing-guide>.button{grid-column:1/-1;justify-self:start;font-size:12px}.is-register .auth49-main{display:flex;align-items:center}.is-register .auth49-brand{margin:12px 0 24px}.is-register .auth49-brand strong{font-size:38px}.is-register .creation-form{margin-top:8px}.is-register .creation-form>.panel{background:linear-gradient(140deg,#303129f5,#131c1ff5);border-color:#aa8c57}.is-register .creation-image-frame{background:linear-gradient(135deg,#75613c,#141c1d 35%,#141c1d 65%,#75613c)}
/* Clan identity is compact next to the name; public details sit below presence. */
.clan-name-icon{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;padding:0!important;margin:0 6px 2px 0!important;width:25px;height:29px;min-width:25px;min-height:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;cursor:help}.clan-name-icon>img{width:24px;height:27px;object-fit:contain;display:block;filter:drop-shadow(0 1px 2px #0008)}.clan-name-icon:focus-visible{outline:1px solid #d6b57b;outline-offset:2px}.clan-tip-heading{display:flex;gap:16px;align-items:center;max-width:320px}.clan-tip-heading>img{width:64px;height:72px;object-fit:contain}.clan-tip-heading small{font:10px Arial;letter-spacing:2px;color:#b99b65}.clan-tip-heading h3{margin:7px 0;overflow-wrap:anywhere;color:#e3c28d}.clan-tip-heading p{margin:0;color:#c1b49e}.profile-record .clan-public-badge{display:flex;gap:12px;margin:8px 0 14px;padding:12px;border-color:#836b43;background:linear-gradient(110deg,#342e21,#1d2321)}.clan-public-badge>img{width:36px;height:40px;object-fit:contain}.clan-heading h2{display:flex;gap:14px;align-items:center}.clan-heading-emblem{width:46px;height:52px;object-fit:contain}.banner-current{display:flex;align-items:center;gap:22px;padding:24px;border:1px solid #937747;border-radius:7px;background:linear-gradient(120deg,#353025,#1c2321);margin:20px 0}.banner-current>img{width:90px;height:100px;object-fit:contain}.banner-current small{font-size:10px;letter-spacing:2px;color:#b99b65}.banner-current h2{margin:8px 0}.banner-current p{color:#b9b09d;font-size:13px}.clan-emblem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.clan-emblem-grid>button{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:150px;padding:20px 10px;background:radial-gradient(ellipse at top,#6f5b3138,transparent 75%),#19201e;border:1px solid #75603d;border-radius:6px;color:#d5c2a0;font-family:Georgia,serif}.clan-emblem-grid>button>img{width:66px;height:73px;object-fit:contain}.clan-emblem-grid>button[aria-pressed=true]{border-color:#d1ae6a;background-color:#3a3325;box-shadow:inset 0 0 0 2px #8c70483d,0 0 16px #bd91452b}.clan-emblem-grid small{font:10px Arial;letter-spacing:1px;color:#c8ab73}.clan-emblem-grid button:disabled{opacity:1;cursor:default}.clan-emblem-grid button:not(:disabled):hover{background-color:#353022;border-color:#c4a469}
@media(min-width:1450px){.game-realm nav>button{min-width:100px}}
@media(max-width:1150px){.realm-header{gap:10px;padding:12px 18px!important;width:calc(100% - 36px)}.realm-header .realm-seal{width:100px;min-width:100px;padding:0 3px}.realm-seal small{font-size:8px}.realm-header nav{gap:0}.realm-header nav>button,.realm-header nav>a,.realm-header nav>form>button{min-width:68px;padding:7px 8px;font-size:9px}.realm-header #referral-nav{min-width:90px;font-size:9px}.public-realm nav>a,.public-realm nav>form>button{min-width:115px}.is-login .auth49-main{gap:24px 28px;grid-template-columns:minmax(0,1fr) 340px}.auth49-brand strong{font-size:39px}.landing-intro h1{font-size:36px}}
@media(max-width:900px){.realm-header{position:relative!important;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;min-height:0;border-radius:6px 6px 22px 22px}.realm-header .realm-seal{width:auto;min-width:0;flex-direction:row;gap:10px;justify-content:center}.realm-seal>span{width:40px;height:35px;font-size:23px}.realm-seal small{font-size:9px;max-width:120px;letter-spacing:1.5px}.realm-header nav{flex:1 0 100%;order:2;justify-content:center;flex-wrap:wrap}.realm-header .realm-logout{position:absolute;right:16px;top:13px;border:0;padding:0}.realm-header .realm-logout>button{min-height:30px;min-width:0;flex-direction:row;font-size:9px;gap:5px}.realm-header .realm-logout .nav-glyph{width:16px;height:16px}.realm-header nav>button,.realm-header nav>a,.realm-header nav>form>button{min-width:75px;min-height:62px;gap:6px}.public-realm nav{flex-wrap:nowrap}.public-realm nav>a,.public-realm nav>form>button{min-width:100px}.realm-header .nav-glyph{width:21px;height:21px}.auth49-main{width:calc(100% - 36px);padding:12px 0 30px}.is-login .auth49-main{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.auth49-brand strong{font-size:32px}.auth49-brand small{font-size:8px;letter-spacing:2px}.auth49-brand span{font-size:12px}.landing-intro h1{font-size:31px}.landing-intro>p{font-size:13px}.landing-facts{gap:20px}.landing-features{gap:15px}.landing-features h2{font-size:19px}.landing-features .panel{padding:20px 16px}.auth49 .auth-footer{width:calc(100% - 36px)}}
@media(max-width:680px){.realm-header{width:calc(100% - 24px);margin:10px auto 16px;padding:12px 10px!important}.realm-header nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}.realm-header nav>button,.realm-header nav>a,.realm-header nav>form>button,.realm-header #referral-nav{width:100%;min-width:0;min-height:58px;font-size:9px;padding:7px 3px;gap:6px}.realm-header .realm-logout{top:14px;right:12px}.realm-header .realm-logout span{display:none}.public-realm nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.public-realm nav>a,.public-realm nav>form{width:calc(20% - 2px);min-width:0}.public-realm nav>form>button{min-width:0;font-size:8px}.public-realm nav>a{font-size:8px}.public-realm .realm-seal{margin-bottom:5px}.auth49-main{width:calc(100% - 30px)}.is-login .auth49-main{display:flex;flex-direction:column;gap:18px;align-items:stretch}.is-login .auth49-brand{align-items:center;text-align:center;order:0}.auth49-brand strong{font-size:35px}.auth49-brand span{font-size:13px}.is-login .auth49-tabs{order:1;width:100%;margin-top:6px}.is-login .login49{order:2;padding:28px!important}.landing-intro{order:3;padding:22px 4px 4px}.landing-intro h1{font-size:33px}.landing-intro>p{font-size:14px}.landing-facts{gap:26px}.landing-features{order:4;display:grid;grid-template-columns:1fr;margin-top:12px;gap:18px}.landing-features .panel{padding:24px}.landing-features h2{font-size:23px}.landing-guide{order:5;display:flex;flex-direction:column;padding:24px!important;gap:14px}.landing-guide h2{font-size:24px}.auth49 .auth-footer{width:calc(100% - 30px);padding:20px 10px}.is-register .auth49-brand strong{font-size:31px}.is-register .auth49-main{padding-top:5px}.clan-emblem-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.banner-current{padding:18px;gap:14px}.banner-current>img{width:65px;height:73px}.banner-current h2{font-size:21px}.clan-name-icon{width:22px;height:25px;min-width:22px;margin-right:4px!important}.clan-name-icon>img{width:21px;height:24px}}
@media(prefers-reduced-motion:reduce){.realm-header .nav-glyph{transition:none}}
@media(max-width:680px){.realm-header .nav-label{white-space:normal;text-align:center;max-width:100%;font-size:9px;line-height:1.25}.realm-header #referral-nav{white-space:normal}.realm-header nav>button{min-height:61px}}
.auth49 input:-webkit-autofill,.auth49 input:-webkit-autofill:hover,.auth49 input:-webkit-autofill:focus{-webkit-text-fill-color:#e7d9bd;box-shadow:0 0 0 1000px #1d2729 inset!important;caret-color:#e7d9bd}
.realm-header:before,.realm-header:after{width:47px;top:-10px;bottom:-10px;background:url('ui/header-scroll.svg') center/100% 100% no-repeat;clip-path:none;filter:drop-shadow(0 2px 3px #000a)}.realm-header:before{left:-18px}.realm-header:after{right:-18px}
@media(max-width:680px){.realm-header:before,.realm-header:after{width:30px;top:-4px;bottom:-4px}.realm-header:before{left:-10px}.realm-header:after{right:-10px}}