/* Two obsidian wings, a central insignia, and light that follows the hand. */
:root{--nav-font:16px;--crest-size:224px}
.site-header{padding:0 4.7%;height:235px}
.herald-bar{height:42px;border-bottom-color:#ae8f4a1a;font-size:10px;letter-spacing:2.1px}
.herald-motto{display:none}
.header-actions{gap:25px}
.herald-anvil{border-color:#bb945a40!important;background:linear-gradient(135deg,#a27c3510,transparent)!important;transition:border-color .25s,color .25s}
.herald-anvil:hover{border-color:#d0ac6a88!important;color:#f1dbab}
.nav-shell{height:94px;margin:25px auto 0;perspective:1200px;isolation:isolate}
.nav-plate{inset:-20px -3% -40px;background:radial-gradient(ellipse at 50% 50%,#000c,transparent 64%);border:0;box-shadow:none;clip-path:none;pointer-events:none;z-index:-1}
.nav-plate:before,.nav-plate:after{display:none}
.main-nav{display:grid;grid-template-columns:minmax(0,1fr) var(--crest-size) minmax(0,1fr);grid-template-rows:94px;gap:10px;align-items:center;height:94px;min-height:0;padding:0}
.main-nav>.nav-group{height:94px;min-height:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;background:linear-gradient(180deg,#ccb27918 0,#2c2820cc 1px,#111719ed 4px,#0c1114f0 70%,#191b18f2 100%);border:1px solid #af8f4b5c;border-bottom-color:#bba16b77;box-shadow:0 15px 35px #0007,inset 0 0 0 3px #05090b77;backdrop-filter:blur(18px);clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.main-nav>.nav-group-right{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}
.nav-group:before{content:'';position:absolute;inset:4px;border:1px solid #b1965c1c;pointer-events:none;z-index:2}
.nav-group:after{content:'';position:absolute;top:0;left:6%;width:44%;height:1px;background:linear-gradient(90deg,transparent,#f0d8a3aa,transparent);pointer-events:none;animation:nav-metal-pass 12s ease-in-out infinite;opacity:.3}
.nav-group-right:after{animation-delay:3s}
.main-nav .nav-group .nav-link{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:10px;padding:10px 6px 11px;background:transparent;font-family:var(--condensed);font-size:var(--nav-font);font-weight:600;line-height:1.2;letter-spacing:1px;text-align:center;color:#bcb59f;text-shadow:0 2px 8px #000;transition:color .25s;overflow:hidden}
.main-nav .nav-group .nav-link>span:last-child{position:relative;z-index:2;max-width:100%;text-wrap:balance;transition:transform .3s,color .3s}
.main-nav .nav-group .nav-link:before{content:'';position:absolute;inset:0;z-index:0;opacity:0;background:radial-gradient(ellipse at var(--light-x,50%) var(--light-y,70%),#d4ae5330,transparent 75%),linear-gradient(180deg,#e9cf8e07,#e9cf8e02);transition:opacity .3s;pointer-events:none}
.main-nav .nav-group .nav-link:after{content:'';display:block;position:absolute;inset:auto 24% 0;width:auto;height:2px;background:linear-gradient(90deg,transparent,#ecd3a0,transparent);box-shadow:0 -3px 18px #cfa75b44;transform:scaleX(0);opacity:0;transition:transform .35s,opacity .35s;pointer-events:none}
.main-nav .nav-group .nav-link:not(:last-child)>span:last-child:before{content:'';position:absolute;right:-13px;top:calc(50% - 15px);height:30px;width:1px;background:linear-gradient(transparent,#ba9f6433,transparent)}
.main-nav .nav-group .nav-mark{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;color:#a08752;opacity:.8;transition:color .3s,filter .3s,transform .3s}
.main-nav .nav-group .nav-mark .game-icon{width:23px;height:23px;stroke-width:1.15}
.main-nav .nav-group .nav-link:hover,.main-nav .nav-group .nav-link:focus-visible,.main-nav .nav-group .nav-link.active{color:#f2dfb3;background:transparent}
.main-nav .nav-group .nav-link:hover:before,.main-nav .nav-group .nav-link:focus-visible:before,.main-nav .nav-group .nav-link.active:before{opacity:1}
.main-nav .nav-group .nav-link:hover:after,.main-nav .nav-group .nav-link:focus-visible:after,.main-nav .nav-group .nav-link.active:after{transform:scaleX(1);opacity:1}
.main-nav .nav-group .nav-link:hover .nav-mark,.main-nav .nav-group .nav-link:focus-visible .nav-mark,.main-nav .nav-group .nav-link.active .nav-mark{color:#e0bd7c;opacity:1;filter:drop-shadow(0 0 7px #d5a95366);transform:translateY(-2px)}
.main-nav .nav-group .nav-link.active>span:last-child:after{display:none}
.main-nav .nav-group .nav-link:focus-visible{outline-offset:-6px;outline-width:1px;outline-color:#dfc38a}
.nav-crest{height:94px;min-height:0;width:100%;position:relative;inset:auto;display:flex;align-items:center;justify-content:center;align-self:center;margin:0;z-index:5;transform:none;perspective:650px;filter:none;isolation:isolate}
.nav-crest img{position:relative;display:block;flex-shrink:0;max-width:none;width:var(--crest-size);height:var(--crest-size);object-fit:contain;transform:rotateX(var(--crest-x,0deg)) rotateY(var(--crest-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.3,1),filter .5s;filter:drop-shadow(0 10px 9px #000c);z-index:2;pointer-events:none}
.nav-crest:hover{filter:none}
.nav-crest:hover img,.nav-crest:focus-visible img{filter:drop-shadow(0 10px 12px #000c) drop-shadow(0 0 10px #b7934440)}
.nav-crest>.crest-accessible{position:absolute;inset:auto!important;bottom:auto!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;font-size:1px}
.crest-halo{position:absolute;inset:-50% -10%;pointer-events:none;background:radial-gradient(ellipse,#d1aa4e1a,transparent 65%);opacity:.7;transition:opacity .5s}
.nav-crest:hover .crest-halo{opacity:1}
.crest-orbit{width:calc(var(--crest-size) * .68);height:calc(var(--crest-size) * .68);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);border:1px solid #d9b97422;border-radius:50%;pointer-events:none;box-shadow:0 0 0 7px #bba16a05}
.crest-orbit:before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid transparent;border-top-color:#e5c98c77;border-right-color:#e5c98c22;animation:crest-circuit 22s linear infinite}
.crest-orbit:after{content:'';position:absolute;top:-2px;left:50%;width:3px;height:3px;background:#ecd4a0;box-shadow:0 0 9px #e2bb6caa;transform:rotate(45deg)}
.portal-mode .site-header{height:237px;background:radial-gradient(ellipse at 50% 0,#82673712,transparent 65%),#0b1012}
@keyframes crest-circuit{to{transform:rotate(360deg)}}
@keyframes nav-metal-pass{0%,100%{transform:translateX(0);opacity:.2}50%{transform:translateX(90%);opacity:.8}}
@media(min-width:1001px) and (max-width:1350px){.site-header{padding:0 3.5%}.main-nav{gap:5px}.main-nav .nav-group .nav-link{font-size:clamp(13px,1.15vw,var(--nav-font));letter-spacing:.45px;padding:10px 4px}.main-nav .nav-group .nav-link:not(:last-child)>span:last-child:before{right:-8px}.header-actions{gap:19px}}
@media(max-width:1000px){.site-header{height:195px;padding:0 5%}.herald-bar{height:30px;font-size:8px;letter-spacing:1px}.header-actions{gap:15px}.nav-shell{height:82px;margin-top:26px}.main-nav{display:block;height:82px;min-height:0}.main-nav>.nav-group{display:none}.nav-plate{inset:0;background:linear-gradient(180deg,#303027cc,#101719f5 5%,#0b1115f2 92%,#5c4d31);border:1px solid #ac8d4b55;box-shadow:0 15px 30px #0008;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);z-index:0}.nav-plate:before{display:block;inset:4px;border:1px solid #ad945b1f;clip-path:none;background:none;opacity:1}.nav-crest{position:absolute;height:82px;width:172px;top:0;left:50%;margin:0;transform:translateX(-50%)}.nav-crest img{width:178px;height:178px}.crest-orbit{width:120px;height:120px}.crest-halo{inset:-30px -10px}.nav-shell:after{content:'KARUS\A CLAN';white-space:pre;left:23px;top:27px;font:600 11px/1.5 var(--condensed);letter-spacing:3px;color:#aa915e;pointer-events:none}.mobile-menu-toggle{width:44px;height:42px;right:calc(5% + 18px);top:76px;border:1px solid #a58a4b5c;background:linear-gradient(145deg,#aa8b3915,#10171b);gap:6px;box-shadow:inset 0 0 0 3px #0002;z-index:8}.mobile-menu-toggle>span{width:18px;background:#d2b67f}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}#mobile-nav:not([hidden]){top:174px;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:19px;background:radial-gradient(ellipse at 50% 0,#65502b26,transparent 65%),#0b1116f7;border:1px solid #ba9a5866;box-shadow:0 25px 60px #000d;backdrop-filter:blur(22px);max-height:calc(100svh - 230px);z-index:7;animation:nav-reveal .2s ease-out}#mobile-nav>a{border:1px solid #aa8c4c2e;background:linear-gradient(140deg,#d4b26c08,transparent);padding:18px 13px;min-height:64px;gap:11px;align-items:center;font-size:8px;letter-spacing:.5px;color:#8a744c;transition:background .2s,border-color .2s}#mobile-nav>a:hover,#mobile-nav>a:focus-visible{border-color:#c9a55b99;background:#d8b67113}#mobile-nav>a>span{font:600 16px/1.5 var(--condensed);letter-spacing:.8px;color:#d1c7ae}#mobile-nav>button{grid-column:1/-1;align-items:center;min-height:48px;margin:7px 0 0;padding:14px 17px;font-size:13px;letter-spacing:1.4px;background:linear-gradient(110deg,#6e3524,#3b241a);border-color:#bb866151}.portal-mode .site-header{height:209px}}
@keyframes nav-reveal{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.site-header{height:190px}.herald-bar{font-size:6px;letter-spacing:.9px}.header-actions{gap:12px}.herald-anvil{font-size:7px!important;padding:5px 7px!important}.header-actions .herald-apply{font-size:7px;letter-spacing:.5px}.header-actions .language{display:none}.herald-bar>a{font-size:6px;letter-spacing:1px;max-width:100px}.herald-bar>a span{margin:0 5px}.nav-shell{margin-top:26px;height:79px}.main-nav,.nav-crest{height:79px}.nav-crest{width:164px}.nav-crest img{width:164px;height:164px}.crest-orbit{width:112px;height:112px}.nav-shell:after{left:17px;top:26px;font-size:10px;letter-spacing:2.3px}.mobile-menu-toggle{right:calc(5% + 13px);top:75px;width:40px;height:40px}#mobile-nav:not([hidden]){top:164px;padding:14px;gap:8px;max-height:calc(100svh - 215px)}#mobile-nav>a{padding:15px 10px;min-height:61px;gap:8px;font-size:7px}#mobile-nav>a>span{font-size:15px;letter-spacing:.35px}#mobile-nav>button{font-size:12px}.portal-mode .site-header{height:200px}}
@media(prefers-reduced-motion:reduce){.crest-orbit:before,.nav-group:after{animation:none}.nav-crest img{transform:none!important}.nav-crest img,.main-nav .nav-group .nav-link:after,.main-nav .nav-group .nav-mark{transition:none}#mobile-nav:not([hidden]){animation:none}}
.paused .crest-orbit:before,.paused .nav-group:after{animation-play-state:paused}.paused .nav-crest img{transform:none}