@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&family=Barlow+Condensed:wght@500;600;700&display=swap');
:root{--bg:#0b0a09;--ivory:#e2dac6;--gold:#b39863;--gold-light:#e3c88f;--bronze:#6d5737;--red:#9a2d21;--muted:#978e7d;--line:#b99d6226;--serif:'Cinzel',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--condensed:'Barlow Condensed',Arial,sans-serif;color-scheme:dark;--texture:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.63' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h140v140H0z' fill='%23fff' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border-radius:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-light);outline-offset:6px}::selection{color:#fff2d2;background:#873224}em{font-style:normal;color:var(--gold)}img{max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--ivory);color:#111;padding:10px}.skip:focus{top:10px}
/* An engraved, symmetrical navigation plate, anchored by the clan's crest. */
.site-header{position:absolute;inset:0 0 auto;z-index:20;padding:0 4.7%;height:190px}.herald-bar{height:43px;display:flex;align-items:center;justify-content:space-between;font-family:var(--condensed);font-size:10px;letter-spacing:2.1px;color:#9c8c74;border-bottom:1px solid #8c6a3b20;max-width:1600px;margin:auto}.herald-bar a{color:#c0b297}.herald-bar a span{margin:0 10px;color:#6e5940}.herald-motto{font-size:8px;letter-spacing:4px;color:#9f8b695c;position:absolute;left:50%;transform:translateX(-50%)}.language{display:flex;align-items:center;gap:12px}.language>span{font-size:5px;color:var(--gold)}.nav-shell{position:relative;max-width:1600px;margin:15px auto 0;height:87px}.nav-plate{position:absolute;inset:0;background:linear-gradient(180deg,#bda27155 0,#302a20 2px,#1d1b18 4px,#121211 28%,#111110 66%,#27211b 94%,#89714b 98%,#29241c 100%);border:1px solid #89744e6b;box-shadow:0 15px 35px #000a,inset 0 0 20px #000a;clip-path:polygon(1% 0,99% 0,100% 16%,100% 80%,98.6% 100%,1.4% 100%,0 80%,0 16%)}.nav-plate:before{content:'';position:absolute;inset:6px;border:1px solid #8a785329;clip-path:polygon(1% 0,99% 0,100% 16%,100% 80%,98.6% 100%,1.4% 100%,0 80%,0 16%);background:var(--texture);opacity:.6;pointer-events:none}.nav-plate:after{content:'';position:absolute;bottom:0;left:13%;right:13%;height:1px;background:linear-gradient(90deg,transparent,#d7ba7c8a,transparent)}.rivet{position:absolute;height:4px;width:4px;background:radial-gradient(circle at 30% 20%,#c5ac7c,#52432e 60%,#181714);border-radius:50%;box-shadow:0 1px 2px #000}.r1{left:18px;top:12px}.r2{right:18px;top:12px}.r3{left:18px;bottom:12px}.r4{right:18px;bottom:12px}.main-nav{position:relative;display:grid;grid-template-columns:1fr 1fr 180px 1fr 1fr;height:100%;padding:0 25px;gap:0}.nav-link{border:0;background:transparent;position:relative;display:flex;align-items:center;justify-content:center;gap:11px;font-family:var(--condensed);font-size:14px;letter-spacing:1.4px;color:#b1a38b;transition:color .25s,background .25s;text-align:left;isolation:isolate}.nav-link small{display:block;font-family:var(--sans);font-size:6px;letter-spacing:1.3px;color:#766e61;margin-top:8px;font-weight:500}.nav-mark{font-family:Georgia;font-size:23px;opacity:.55;color:#b5a079;text-shadow:0 2px #000}.nav-link:after{content:'';position:absolute;right:0;top:22px;bottom:22px;width:1px;background:linear-gradient(transparent,#b2996340,transparent)}.nav-link:nth-child(4):after{left:0;right:auto}.nav-link:nth-child(2):after{display:none}.nav-link:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#b45b2723,transparent 65%);opacity:0;transition:opacity .3s;z-index:-1}.nav-link:hover,.nav-link.active{color:#e3c88f}.nav-link:hover:before,.nav-link.active:before{opacity:1}.nav-link.active .nav-mark{color:#c87e42;opacity:1}.nav-link.active>span:last-child:after{content:'';position:absolute;bottom:-3px;left:50%;width:5px;height:5px;transform:rotate(45deg);background:#dc9d55;box-shadow:0 0 11px #d36936,0 0 20px #be4923}.nav-join{color:#d1b27a}.nav-join:before{background:linear-gradient(90deg,transparent,#5c24192b);opacity:1}.nav-join>b{font-family:Arial;font-weight:400;font-size:19px;margin-left:6px}.nav-crest{position:relative;height:174px;margin-top:-33px;text-align:center;z-index:2;transition:filter .4s}.nav-crest:hover{filter:brightness(1.2)}.nav-crest img{height:169px;width:169px;filter:drop-shadow(0 10px 18px #000b)}.nav-crest>span{position:absolute;left:0;right:0;bottom:-5px;display:block;font-size:8px;font-family:var(--serif);letter-spacing:2px;text-shadow:0 2px 5px #000;color:#b8a177}.mobile-menu-toggle,#mobile-nav{display:none}
/* The opening is a single cinematic composition, rather than a stack of panels. */
.hero{height:100svh;min-height:920px;max-height:1150px;position:relative;overflow:hidden;background:#15100d}.battlefield,.scene-vignette,.scene-fog,#embers,.scene-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.battlefield{background:url('assets/karus-battlefield.webp') 61% 40%/cover no-repeat;animation:battle-drift 35s ease-in-out infinite alternate;opacity:.95;filter:saturate(.77) contrast(1.04)}.scene-vignette{background:linear-gradient(90deg,#0b0b0de0 0%,#0a0a0bd4 19%,#0a0909a1 37%,#100b0b0d 72%,#0a080822 100%),linear-gradient(180deg,#080707b8 0%,#0a080800 34%,#0a090933 62%,#0b0a09f7 100%)}.scene-grain{background:var(--texture);mix-blend-mode:soft-light;opacity:.18}.scene-fog{inset:auto -15% -25% -15%;width:130%;height:55%;filter:blur(35px);background:radial-gradient(ellipse at 45% 80%,#a4846b1f,transparent 65%),radial-gradient(ellipse at 80% 20%,#b5a69c0d,transparent 50%);z-index:2;animation:fog-drift 30s ease-in-out infinite alternate}.fog-two{inset:20% -15% auto;width:100%;height:35%;opacity:.5;animation-direction:alternate-reverse;animation-duration:38s}.hero-layout{max-width:1700px;margin:auto;height:100%;position:relative;display:flex;align-items:center;padding:210px 8.7% 140px}.hero-copy{position:relative;z-index:5;width:52%;max-width:680px;margin-top:25px}.campaign-badge{font-family:var(--condensed);font-size:11px;letter-spacing:2.3px;display:flex;align-items:center;gap:12px;color:#bba075;margin-bottom:29px}.badge-spark{font-size:18px;color:#ba7744;text-shadow:0 0 15px #a94121}.badge-line{display:inline-block;width:50px;height:1px;background:linear-gradient(90deg,#9d7e4c,transparent)}h1{font-family:var(--serif);font-size:clamp(96px,8.8vw,150px);font-weight:800;line-height:1.03;letter-spacing:-5px;position:relative;margin:0 0 0 -6px;filter:drop-shadow(0 7px 10px #000a)}.title-first,.title-second{display:block;width:max-content;max-width:100%;position:relative;background:linear-gradient(180deg,#faf0d5 7%,#cfc2a4 30%,#f0e6d0 45%,#a49376 50%,#d4c5a4 69%,#928264 98%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.5px #decba64a}.title-second{background-image:linear-gradient(180deg,#ddc38f,#a98e5c 36%,#d5b777 48%,#796244 51%,#b79a66 80%,#57452c);font-size:1.02em}.title-dot{font-size:.8em;color:#a95830;-webkit-text-stroke:0;text-shadow:0 0 18px #ad54252e}.oath-divider{display:flex;align-items:center;width:350px;max-width:85%;gap:12px;margin:20px 0 21px}.oath-divider>span{height:1px;width:100%;background:linear-gradient(90deg,transparent,#95744a)}.oath-divider>span:last-child{background:linear-gradient(90deg,#95744a,transparent)}.oath-divider svg{height:17px;min-width:60px;fill:#ac8a54;opacity:.8}.hero-copy h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:-.4px;margin:0 0 16px;text-shadow:0 2px 8px #000}.hero-description{font-size:12px;color:#b8ad99;line-height:2;margin:0 0 30px;letter-spacing:.2px}.hero-description strong{font-weight:500;color:#e3d5b8}.hero-actions{display:flex;align-items:center;gap:28px}.forged-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:63px;padding:20px 30px;border:1px solid #a476434f;background:linear-gradient(180deg,#b18554 0,#885435 2px,#722c20 4px,#8d3527 48%,#642219 91%,#a67439 97%,#3d291b 100%);font-family:var(--condensed);font-weight:600;font-size:13px;letter-spacing:1.6px;color:#eddfc4;text-shadow:0 1px 3px #290904;box-shadow:inset 0 0 0 4px #0002,0 8px 30px #0008;transition:filter .2s,transform .2s,box-shadow .2s;isolation:isolate}.forged-button:before{content:'';position:absolute;inset:5px;border:1px solid #e5ba6940;pointer-events:none;background:var(--texture);opacity:.5;z-index:-1}.forged-button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffe2a322 50%,transparent 75%);background-size:240% 100%;background-position:100% 0;transition:background-position .6s;z-index:-1}.forged-button:hover{filter:brightness(1.16);box-shadow:0 8px 35px #812b2355;transform:translateY(-2px)}.forged-button:hover:after{background-position:0 0}.forged-button svg{width:22px;height:22px;fill:none;stroke:#ebc68e;stroke-width:1.3}.forged-button b{font-family:Arial;font-weight:400;font-size:20px;color:#cda577;margin-left:8px}.button-edge:before,.button-edge:after{content:'';position:absolute;top:calc(50% - 4px);width:7px;height:7px;transform:rotate(45deg);border:1px solid #c9a26c;background:#341b13}.button-edge:before{left:-4px}.button-edge:after{right:-4px}.discover-button{display:flex;align-items:center;gap:11px;font-family:var(--condensed);font-size:10px;letter-spacing:1.2px;color:#bfaf91}.discover-button small{font-family:var(--sans);display:block;font-size:8px;letter-spacing:.1px;color:#877d6c;margin-top:7px}.discover-circle{height:37px;width:37px;display:grid;place-items:center;border:1px solid #a382474f;border-radius:50%;font-family:Arial;font-size:18px;position:relative;transition:background .2s}.discover-circle:after{position:absolute;content:'';inset:-4px;border:1px solid #a382471c;border-radius:50%}.discover-button:hover .discover-circle{background:#8261322b}.preparation-status{display:flex;align-items:center;gap:8px;margin-top:25px;font-size:8px;letter-spacing:.4px;color:#8d8371}.pulse-dot{height:5px;width:5px;background:#9fa17a;border-radius:50%;box-shadow:0 0 8px #a6ac6e;animation:dot-pulse 3s ease-in-out infinite}.preparation-status i{width:1px;height:10px;background:#b39d673a;margin:0 4px}.preparation-status>span:last-child{font-family:var(--condensed);color:#ad9262;letter-spacing:2px;font-size:9px}.world-coordinate{position:absolute;z-index:3;left:2.8%;top:43%;writing-mode:vertical-rl;color:#8d79565c;font-family:var(--condensed);font-size:9px;letter-spacing:2.4px;line-height:1.9}.world-coordinate>span{font-family:var(--serif);font-size:17px;letter-spacing:1px;color:#9d815644;display:inline-block;margin-bottom:24px}.world-coordinate i{height:55px;width:1px;background:#7b603640;display:inline-block;margin-bottom:20px;margin-right:8px}.world-coordinate b{font-weight:500;color:#a3906a55}
/* The animated 3D ball sits inside a forged relic, with restrained reflected fire. */
.emblem-stage{position:absolute;width:clamp(430px,40vw,660px);aspect-ratio:600/660;right:4.5%;top:50%;transform:translateY(-40%);z-index:3;isolation:isolate;animation:relic-float 9s ease-in-out infinite}.relic-aura{position:absolute;inset:8% -10% 15%;background:radial-gradient(ellipse,#8c3c221c,transparent 65%);filter:blur(30px)}.relic-rays{position:absolute;inset:8% 8% 22%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0deg,#edb87306 10deg,transparent 23deg,transparent 160deg,#e1934e06 172deg,transparent 185deg);animation:relic-light 35s linear infinite;filter:blur(7px)}#eight-ball{position:absolute;width:100%;aspect-ratio:1;left:0;top:-2.3%;filter:drop-shadow(0 28px 25px #0009);z-index:2}.ball-fallback{position:absolute;left:11%;top:7.7%;width:78%;aspect-ratio:1;background:radial-gradient(circle at 30% 20%,#777b7b 0,#17191b 25%,#060809 68%,#371b12 94%);border-radius:50%;display:grid;place-items:center;box-shadow:inset -5px 0 10px #d5692133,0 22px 30px #000}.ball-fallback>span{width:36%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#0c0d0d;background:#ded6c1;font:700 110px Georgia;transform:rotate(-12deg)}.webgl-ready .ball-fallback{visibility:hidden}.relic-frame{position:absolute;inset:0;width:100%;height:100%;z-index:4;filter:drop-shadow(0 4px 6px #000)}.relic-glint{position:absolute;top:13%;left:23%;height:4px;width:4px;background:#f5d196;box-shadow:0 0 7px 2px #b8945f75;transform:rotate(45deg);z-index:5;animation:glint 9s ease-in-out infinite}.hero-lower{position:absolute;left:8.7%;right:5%;bottom:69px;display:flex;align-items:center;justify-content:space-between;z-index:5}.scroll-hint{display:flex;align-items:center;gap:12px;font-family:var(--condensed);font-size:9px;letter-spacing:1.5px;color:#a5906b}.mouse{height:22px;width:14px;border:1px solid #9b7d4859;border-radius:8px;position:relative}.mouse:after{content:'';position:absolute;height:5px;width:1px;background:#bf9a60;left:6px;top:5px;animation:scroll 2s ease-in-out infinite}.scroll-hint b{font-size:16px;font-weight:400;margin-left:12px}.chapter-label{font-family:var(--condensed);font-size:8px;letter-spacing:2px;color:#7c6a4a}.chapter-label i{font-style:normal;margin:0 13px;color:#b69b5f}#motion-toggle{display:flex;gap:10px;align-items:center;border:1px solid #9c7c402c;background:#100e0ba6;padding:10px 13px;font-size:7px;letter-spacing:1px;color:#a18a65;position:relative}#motion-toggle:hover{border-color:#b899665a}.motion-icon{color:#c5a36e;font-size:11px}.hero-bottom-edge{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;gap:12px;color:#7f6037;z-index:5;opacity:.6}.hero-bottom-edge>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#b98e4e)}.hero-bottom-edge>span:last-child{transform:rotate(180deg)}.hero-bottom-edge>b{font-size:8px}
/* War table: one continuous piece with cornerwork and an actual countdown. */
.war-board{display:grid;grid-template-columns:1.15fr .6fr 1.8fr .6fr;align-items:center;position:relative;margin:-27px auto 0;width:calc(100% - 17.4%);max-width:1420px;min-height:148px;padding:24px 30px;background:linear-gradient(180deg,#2c261d,#191714 3px,#141311 50%,#191612 98%,#3d3020);border:1px solid #9e7d4345;box-shadow:0 18px 45px #0009;z-index:6}.war-board:before{content:'';position:absolute;inset:6px;border:1px solid #ac8c4e1c;background:var(--texture);pointer-events:none;opacity:.6}.war-board-heading{display:flex;align-items:center;gap:15px;min-width:0}.war-board-heading>span{font-size:34px;color:#a48854;font-family:Georgia;opacity:.75}.war-board-heading small,.board-info>small{font-family:var(--condensed);font-size:9px;letter-spacing:2px;color:#8d7650;display:block}.war-board-heading strong{font-family:var(--serif);font-weight:500;font-size:13px;display:block;margin-top:9px;color:#d1b985;letter-spacing:-.3px}.board-info{padding:8px 0 8px 25px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.board-info strong{font-family:var(--condensed);font-weight:500;font-size:21px;letter-spacing:3px;display:flex;align-items:center;gap:9px;margin-top:7px}.red-diamond{font-size:7px;color:#b45b39;text-shadow:0 0 12px #d86338}.board-countdown{padding-left:30px;padding-right:20px}.board-caption{font-family:var(--condensed);font-size:8px;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:15px;color:#8f7b56}.board-caption>a{color:#827052;font-size:7px;letter-spacing:.5px}.board-caption>a:hover{color:var(--gold-light)}.countdown-digits{font-family:var(--condensed);font-size:24px;letter-spacing:1.5px;font-variant-numeric:tabular-nums;color:#d4c09b;margin-top:6px}.opening-time{font-family:var(--condensed);color:#74654d;font-size:8px;letter-spacing:1.8px;display:block;margin-top:5px}.opening-time i{font-style:normal;margin:0 6px}.board-join{align-self:stretch;background:linear-gradient(90deg,#6c472012,#a9783c12);border:1px solid #a27b3f40;border-left:3px solid #9e763b77;display:flex;align-items:center;justify-content:center;gap:15px;font-family:var(--condensed);font-size:12px;letter-spacing:2px;color:#c5a468;margin:7px 0}.board-join>span:last-child{font-family:Arial;font-size:21px;transition:transform .2s}.board-join:hover{background:#8f672322}.board-join:hover>span:last-child{transform:translateX(3px)}.board-corner{position:absolute;height:16px;width:16px;border-style:solid;border-color:#bea37299;z-index:2}.corner-tl{top:-2px;left:-2px;border-width:2px 0 0 2px}.corner-tr{top:-2px;right:-2px;border-width:2px 2px 0 0}.corner-bl{bottom:-2px;left:-2px;border-width:0 0 2px 2px}.corner-br{bottom:-2px;right:-2px;border-width:0 2px 2px 0}
/* The clan's story and its class selection. */
.content-section{max-width:1700px;margin:auto;padding:110px 8.7% 0}.chapter-heading{display:flex;align-items:center;gap:17px;font-family:var(--condensed);font-size:9px;letter-spacing:2px;color:#9b8051;margin-bottom:44px}.chapter-heading>span:first-child{font-family:var(--serif);font-size:13px;letter-spacing:0;color:#b39969}.chapter-heading i{display:block;height:1px;width:40px;background:linear-gradient(90deg,#ad8b55,transparent)}.brotherhood-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.story-art{position:relative;aspect-ratio:1.08;background:#181411;isolation:isolate;box-shadow:0 20px 35px #0005;margin:10px}.story-image,.story-shade,.story-frame{position:absolute;inset:0}.story-image{background:url('assets/karus-battlefield.webp') 88% 35%/auto 140%;filter:saturate(.5);opacity:.5}.story-shade{background:linear-gradient(180deg,#1a110c66,#0c0b0a4d 30%,#0e0c0bef 90%),linear-gradient(90deg,#0b090977,transparent)}.story-frame{inset:-10px;border:1px solid #96754547}.story-frame:before{content:'';position:absolute;inset:17px;border:1px solid #bca16b27;clip-path:polygon(0 0,15% 0,15% 1px,85% 1px,85% 0,100% 0,100% 100%,85% 100%,85% calc(100% - 1px),15% calc(100% - 1px),15% 100%,0 100%)}.story-frame:after{content:'◆';font-size:9px;position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);background:var(--bg);padding:0 10px;color:#b69b67}.story-art>img{position:absolute;width:160px;height:160px;left:calc(50% - 80px);top:10%;filter:drop-shadow(0 15px 20px #0009)}.story-caption{position:absolute;bottom:19%;left:0;right:0;text-align:center;font-family:var(--serif);text-shadow:0 4px 10px #000}.story-caption>span{font-size:13px;letter-spacing:4px;color:#baaa8d;display:block}.story-caption>strong{font-weight:500;font-size:29px;letter-spacing:5px;color:#c7b17f;display:block;margin-top:8px}.art-coordinate{position:absolute;bottom:25px;left:0;right:0;text-align:center;color:#9c805156;font-family:var(--condensed);font-size:8px;letter-spacing:2px}.eyebrow{font-family:var(--condensed);font-size:9px;letter-spacing:2px;color:#ad8b53;margin:0 0 18px;line-height:1.8}.story-copy h2,.section-heading h2,.final-call h2{font-family:var(--serif);font-weight:500;font-size:33px;letter-spacing:-.7px;line-height:1.65;margin:0}.story-copy h2 em{color:#c5a675}.mini-ornament{font-size:13px;color:#846231;letter-spacing:3px;margin:19px 0 17px;opacity:.8}.story-copy>p:not(.eyebrow){font-size:11px;line-height:2.2;color:#9c9281;max-width:440px;margin-bottom:25px}.story-copy blockquote{font-family:var(--serif);font-size:17px;line-height:1.8;color:#b9a786;margin:0 0 25px;border-left:2px solid #7e5c314f;padding-left:20px}.story-signature{display:flex;align-items:center;gap:18px;font-family:var(--serif);font-size:9px;letter-spacing:2px;color:#d0bc94}.signature-line{height:1px;width:40px;background:#99733f}.story-signature small{display:block;font-family:var(--condensed);font-size:7px;letter-spacing:2.5px;color:#7c6948;margin-top:6px}.creed{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:65px;padding:24px 0}.creed>div{position:relative;display:flex;align-items:center;gap:20px;padding:0 28px;border-left:1px solid var(--line)}.creed>div:first-child{padding-left:8px;border:0}.creed-icon{font-family:Georgia;font-size:29px;color:#aa8c56;opacity:.7}.creed p{font-family:var(--condensed);font-size:8px;letter-spacing:2px;color:#a28a60;margin:0}.creed strong{font-family:var(--serif);font-weight:500;font-size:14px;letter-spacing:-.3px;color:#c1b093;display:block;margin-top:8px}.creed-index{font-family:var(--serif);font-size:36px;color:#ae8b4e12;position:absolute;right:15px;top:4px}.classes{padding-top:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:30px}.section-heading h2{font-size:37px;line-height:1.5}.section-heading>.eyebrow{margin-bottom:12px}.section-heading>p{font-size:11px;line-height:2;color:#9c917e;padding-bottom:5px}.section-heading>p>span{display:block;font-family:var(--condensed);font-size:8px;letter-spacing:1.5px;color:#a88a53;margin-top:20px}.class-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.class-card{position:relative;height:390px;border:1px solid #9e804137;background:#141211;overflow:hidden;text-align:left;padding:0;box-shadow:0 15px 30px #0004;isolation:isolate;transition:transform .4s,border-color .3s,box-shadow .3s}.class-card:before{content:'';position:absolute;inset:5px;border:1px solid #bf9e5321;z-index:5;pointer-events:none}.class-card:after{content:'';height:2px;width:25px;background:#c4a160;position:absolute;bottom:0;left:calc(50% - 12px);box-shadow:0 0 10px #ae84471a;z-index:6;transition:width .3s,left .3s}.class-portrait{position:absolute;inset:0;background-image:url('assets/class-portraits.webp');background-size:500% 100%;background-position:var(--portrait) center;opacity:.82;filter:saturate(.7);transition:transform .7s,filter .7s,opacity .7s}.card-shadow{position:absolute;inset:0;background:linear-gradient(180deg,#08070844 0,transparent 30%,#0e0c0b55 45%,#0c0b0be8 72%,#0a0909 100%)}.card-border{position:absolute;inset:10px;border:1px solid #a58a511b;z-index:5;clip-path:polygon(0 0,20px 0,20px 1px,calc(100% - 20px) 1px,calc(100% - 20px) 0,100% 0,100% 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 1px),20px calc(100% - 1px),20px 100%,0 100%);pointer-events:none}.class-number{position:absolute;top:20px;left:20px;font-family:var(--serif);font-size:13px;color:#ceb78c9e;text-shadow:0 1px 5px #000}.class-topline{font-family:var(--condensed);font-size:8px;letter-spacing:2px;position:absolute;right:18px;top:23px;color:#bdab8b99}.class-copy{position:absolute;bottom:24px;left:22px;right:22px;z-index:2}.class-symbol{display:block;font-family:Georgia;font-size:27px;color:var(--class-color);text-shadow:0 0 15px #000;margin-bottom:13px}.class-copy strong{font-family:var(--serif);font-size:19px;letter-spacing:1px;font-weight:500;color:#d5c4a4;display:block}.class-description{font-size:9px;line-height:1.7;color:#92836c;display:block;margin-top:10px;min-height:30px}.class-action{border-top:1px solid #b0905133;padding-top:16px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-family:var(--condensed);font-size:8px;letter-spacing:1px;color:#ab8f5c}.class-action b{font-family:Arial;font-size:17px;font-weight:400;transition:transform .3s}.class-card:hover{transform:translateY(-9px);border-color:#b29357a3;box-shadow:0 15px 35px #000b,0 0 28px #94743715}.class-card:hover .class-portrait{transform:scale(1.05);filter:saturate(1);opacity:1}.class-card:hover:after{width:70%;left:15%}.class-card:hover .class-action b{transform:translate(3px,-3px)}.class-card:hover .class-copy strong{color:#f1d7a7}.class-footnote{font-size:8px;color:#7b6d53;text-align:center;letter-spacing:.4px;margin:25px 0 0;display:flex;align-items:center;justify-content:center;gap:11px}.class-footnote span{font-size:5px;color:#a98950}.final-call{position:relative;text-align:center;margin-top:100px;padding:72px 8% 85px;overflow:hidden;border-top:1px solid #9d774326;border-bottom:1px solid #9d774326;isolation:isolate}.final-art{position:absolute;inset:0;background:linear-gradient(#0b0a09eb,#0b0a09bd 50%,#0b0a09f7),url('assets/karus-battlefield.webp') 50% 50%/cover;z-index:-1}.call-ornament{color:#b0894d;font-size:27px;text-shadow:0 0 20px #b48b3544;margin-bottom:20px}.final-call .eyebrow{font-size:8px;letter-spacing:3px;color:#9f8151}.final-call h2{font-size:36px;line-height:1.55;margin-bottom:30px}.final-call .forged-button{min-width:260px}footer{position:relative;max-width:1700px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 8.7% 45px}.footer-topline{position:absolute;left:8.7%;right:8.7%;top:-6px;display:flex;align-items:center;gap:15px}.footer-topline span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#a47d412b)}.footer-topline>span:last-child{transform:rotate(180deg)}.footer-topline b{font-family:var(--serif);font-size:9px;letter-spacing:3px;font-weight:500;background:#0b0a09;padding:0 15px;color:#8d7143}.footer-brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:12px;letter-spacing:2px;color:#c3ab7e}.footer-brand img{margin-left:-17px}.footer-brand small{font-family:var(--condensed);display:block;font-size:7px;letter-spacing:2px;color:#7b694c;margin-top:8px}footer p{font-size:7px;color:#6e6556;line-height:1.9}.back-top{font-family:var(--condensed);font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:12px;color:#a68b5b}.back-top>span{border:1px solid #8e6e3647;width:30px;height:34px;display:grid;place-items:center;font-family:Arial;font-size:17px}
/* The application dossier uses the same material vocabulary as the war table. */
body.modal-open{overflow:hidden}dialog{max-width:560px;width:calc(100% - 32px);max-height:92svh;background:linear-gradient(135deg,#24201a,#121110 60%,#1a1510);border:1px solid #a3895b7a;padding:42px;color:var(--ivory);box-shadow:inset 0 0 70px #0006,0 40px 160px #000;overflow-y:auto}dialog:before{content:'';position:absolute;inset:6px;border:1px solid #a78a4d24;pointer-events:none;background:var(--texture);opacity:.2;z-index:0}dialog::backdrop{background:#050504dc;backdrop-filter:blur(9px)}.dialog-top-edge{position:absolute;top:0;height:2px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#d2ad6c,transparent);box-shadow:0 0 20px #c5904433}.close-dialog{position:absolute;right:15px;top:14px;width:29px;height:29px;border:1px solid #9f7d403c;background:#12110e;display:grid;place-items:center;color:#c6a974;font-size:23px;z-index:2}.close-dialog:hover{background:#4f2b1d}.dialog-crest{position:absolute;right:38px;top:32px;opacity:.4;pointer-events:none}dialog>.eyebrow{font-size:8px;margin-bottom:13px}dialog h2{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:0 0 18px;position:relative}.dialog-intro{font-size:10px;line-height:2;color:#a39985;margin:0 0 26px;position:relative}form{position:relative;display:grid;gap:19px}label{display:grid;gap:9px;font-family:var(--condensed);font-size:9px;letter-spacing:1.5px;color:#af9361}input,textarea,select{width:100%;background:linear-gradient(#080808b3,#11100eb3);border:1px solid #9c7b413b;border-bottom-color:#a186504d;font-family:var(--sans);font-size:11px;letter-spacing:0;color:#cfc1a6;padding:13px 14px;transition:border-color .2s;min-width:0}input::placeholder,textarea::placeholder{color:#6f6556;font-size:10px}input:hover,select:hover,textarea:hover{border-color:#b18e4a70}textarea{resize:vertical}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}form .forged-button{font-size:11px;width:100%;min-height:58px;margin-top:3px}#form-status{font-size:10px;line-height:1.9;color:#b7ab87;margin:0}.dialog-bottom-ornament{text-align:center;color:#8d6d39;font-size:12px;letter-spacing:3px;margin-top:22px}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important}
@keyframes battle-drift{to{transform:scale(1.055) translate(-.5%,.3%)}}@keyframes fog-drift{to{transform:translate(6%,-4%)}}@keyframes relic-float{50%{transform:translateY(calc(-40% - 9px))}}@keyframes relic-light{to{transform:rotate(360deg)}}@keyframes glint{0%,100%{opacity:.2}45%{opacity:1}55%{opacity:.6}}@keyframes dot-pulse{50%{opacity:.5;box-shadow:0 0 2px #a6ac6e}}@keyframes scroll{50%{transform:translateY(4px);opacity:.3}}
@media(min-width:1650px){.hero-layout{padding-left:10%;padding-right:10%}.emblem-stage{right:4%;width:610px}.hero-copy{margin-top:10px}.hero-description{font-size:14px}.hero-copy h2{font-size:29px}.hero{min-height:1000px}.class-card{height:450px}.class-copy strong{font-size:22px}.war-board-heading strong{font-size:16px}}
@media(max-width:1200px){.site-header{padding:0 3.5%}.main-nav{grid-template-columns:1fr 1fr 140px 1fr 1fr;padding:0 12px}.nav-link{font-size:12px;letter-spacing:1px;gap:8px}.nav-link small{font-size:5px;letter-spacing:1px}.nav-mark{font-size:20px}.nav-crest img{width:150px;height:150px}.nav-crest{margin-top:-25px}.nav-crest>span{bottom:4px}.hero-layout{padding-left:8%;padding-top:230px}.hero-copy{width:58%}.emblem-stage{width:470px;right:0;top:49%}h1{font-size:110px}.hero-copy h2{font-size:23px}.campaign-badge{font-size:9px;letter-spacing:2px}.hero-actions{gap:22px}.forged-button{padding:18px 23px;font-size:12px;gap:10px}.discover-button{font-size:9px;gap:9px}.discover-button small{font-size:7px}.war-board{width:86%;padding:24px;grid-template-columns:1fr .65fr 1.9fr .5fr}.war-board-heading{gap:10px}.war-board-heading strong{font-size:11px}.war-board-heading>span{font-size:25px}.board-info{padding-left:20px}.board-countdown{padding-left:20px;padding-right:15px}.countdown-digits{font-size:22px;letter-spacing:1px}.board-join{font-size:10px;gap:8px}.board-caption>a{font-size:6px}.content-section{padding-left:7%;padding-right:7%}.story-copy h2{font-size:28px}.story-copy>.eyebrow{font-size:8px;letter-spacing:1.4px}.story-copy blockquote{font-size:15px}.brotherhood-grid{gap:7%}.class-cards{gap:10px}.class-card{height:350px}.class-copy{left:16px;right:16px;bottom:23px}.class-copy strong{font-size:16px;letter-spacing:.2px}.class-description{font-size:8px}.class-action{font-size:7px}.class-topline{font-size:7px;right:15px}.creed strong{font-size:13px}.hero-lower{left:8%}}
@media(max-width:960px) and (min-width:761px){.hero{min-height:880px}.nav-mark{display:none}.nav-link{font-size:11px}.nav-link small{letter-spacing:.5px}.hero-copy{width:60%;margin-top:45px}h1{font-size:92px}.campaign-badge{font-size:8px;letter-spacing:1.4px;gap:9px}.badge-line{display:none}.hero-actions{gap:16px}.forged-button{padding:17px;font-size:10px;min-height:56px;gap:9px}.forged-button svg{width:17px}.forged-button b{font-size:18px;margin-left:2px}.discover-button{font-size:8px}.discover-circle{height:30px;width:30px}.emblem-stage{width:380px;right:-4%;top:47%}.hero-copy h2{font-size:21px}.chapter-label{display:none}.war-board{grid-template-columns:.75fr .65fr 1.8fr;padding:24px 20px}.board-join{display:none}.war-board-heading strong{font-size:10px}.war-board-heading>span{font-size:22px}.board-caption>a{display:none}.board-info{padding-left:15px}.countdown-digits{font-size:22px}.brotherhood-grid{gap:6%}.story-copy h2{font-size:23px}.story-copy>p:not(.eyebrow){font-size:10px}.story-copy>.eyebrow{font-size:7px}.story-art>img{width:130px;height:130px;left:calc(50% - 65px);top:7%}.story-caption>strong{font-size:24px}.story-caption>span{font-size:10px}.story-copy blockquote{font-size:13px}.section-heading h2{font-size:30px}.section-heading>p{font-size:9px}.class-card{height:330px}.class-cards{gap:7px}.class-copy{left:12px;right:12px}.class-copy strong{font-size:13px}.class-number{left:14px;font-size:11px}.class-topline{right:12px;font-size:6px}.class-description{font-size:7px}.class-action{font-size:6px;letter-spacing:.3px}.creed>div{gap:14px;padding:0 18px}.creed strong{font-size:11px}.creed-index{font-size:30px;right:7px}footer p{max-width:200px}}
@media(max-width:760px){.site-header{height:150px;padding:0 5%;z-index:25}.herald-bar{height:29px;font-size:7px;letter-spacing:1.3px}.herald-bar a span{margin:0 6px}.herald-motto{display:none}.language{font-size:8px;gap:8px}.nav-shell{margin-top:10px;height:69px}.main-nav{display:block;padding:0}.nav-link{display:none}.nav-plate{clip-path:polygon(3% 0,97% 0,100% 16%,100% 80%,97% 100%,3% 100%,0 80%,0 16%)}.nav-crest{position:absolute;left:calc(50% - 65px);width:130px;top:0;margin-top:-19px;height:135px}.nav-crest img{width:130px;height:130px}.nav-crest>span{font-size:6px;letter-spacing:1.7px;bottom:-3px}.nav-shell:after{content:'KARUS';font-family:var(--condensed);font-size:10px;letter-spacing:2.2px;color:#a18a5b;position:absolute;top:28px;left:23px}.mobile-menu-toggle{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;right:10%;top:59px;z-index:5;width:34px;height:31px;background:linear-gradient(#2b241c,#14120f);border:1px solid #a1854e47;box-shadow:inset 0 0 0 3px #0002}.mobile-menu-toggle>span{height:1px;width:14px;background:#c0a575;transition:transform .2s,opacity .2s}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#mobile-nav:not([hidden]){display:grid;gap:0;position:absolute;top:152px;left:5%;right:5%;background:linear-gradient(135deg,#242017,#100f0d);border:1px solid #a78d544f;padding:12px 22px;box-shadow:0 30px 70px #000e;z-index:4}#mobile-nav>a{display:flex;gap:15px;align-items:center;padding:18px 0;border-bottom:1px solid #9a7a3e24;font-family:var(--condensed);font-size:10px;color:#8f764a}#mobile-nav>a>span{flex:1;font-family:var(--serif);font-size:14px;letter-spacing:.5px;color:#cab78f}#mobile-nav>button{display:flex;justify-content:space-between;border:1px solid #9a4a2c5e;background:linear-gradient(90deg,#612318,#2e1913);padding:15px;margin:15px 0 5px;font-family:var(--condensed);font-size:12px;letter-spacing:1.5px;color:#d7b680}.hero{height:auto;min-height:1140px;max-height:none}.hero-layout{padding:160px 8% 140px;display:flex;flex-direction:column;align-items:start;min-height:1140px}.hero-copy{margin-top:378px;width:100%;max-width:none}.emblem-stage{width:340px;right:auto;left:50%;top:172px;transform:translateX(-50%);animation:mobile-relic-float 9s ease-in-out infinite;z-index:4}.ball-fallback>span{font-size:76px}.battlefield{background-position:76% 18%;background-size:auto 108%;opacity:.88}.scene-vignette{background:linear-gradient(0deg,#0b0a09 0%,#0b0a09e0 15%,#0b0a09e8 33%,#0b0a0955 67%,#0b0a09a1 100%),linear-gradient(90deg,#0b0a0977,transparent)}.world-coordinate{display:none}.campaign-badge{font-size:8px;letter-spacing:1.8px;gap:10px;margin-bottom:23px}.badge-line{width:27px}.badge-spark{font-size:15px}h1{font-size:clamp(65px,18vw,120px);letter-spacing:-3.5px;margin-left:-3px;line-height:1.04}.title-first,.title-second{max-width:100%}.oath-divider{width:280px;margin:16px 0 20px}.oath-divider svg{height:13px;min-width:48px}.hero-copy h2{font-size:21px;letter-spacing:-.5px;margin-bottom:13px}.hero-description{font-size:11px;line-height:1.9;margin-bottom:26px}.hero-actions{gap:22px}.forged-button{font-size:11px;letter-spacing:1px;padding:17px 20px;min-height:57px;gap:9px}.forged-button svg{width:19px}.forged-button b{margin-left:2px;font-size:18px}.discover-button{font-size:8px;letter-spacing:.7px;gap:10px}.discover-circle{width:30px;height:30px;font-size:15px}.discover-button small{font-size:7px;margin-top:5px}.preparation-status{font-size:7px;margin-top:23px;gap:7px}.hero-lower{bottom:56px;left:8%;right:8%}.scroll-hint{font-size:7px;letter-spacing:1px;gap:10px}.scroll-hint b{margin-left:5px}.chapter-label{display:none}#motion-toggle{font-size:6px;letter-spacing:.6px;padding:9px;gap:7px}.scene-fog{height:30%}.hero-bottom-edge{bottom:16px}.war-board{width:84%;grid-template-columns:1.35fr .7fr;min-height:250px;padding:25px 22px;margin-top:-17px;gap:22px 10px}.war-board-heading{gap:12px}.war-board-heading>span{font-size:29px}.war-board-heading small{font-size:8px;letter-spacing:1.5px}.war-board-heading strong{font-size:12px;margin-top:7px;line-height:1.5}.board-info{padding-left:20px;border-right:0}.board-info>small{font-size:8px}.board-info strong{font-size:20px;letter-spacing:2px;gap:8px}.red-diamond{font-size:6px}.board-countdown{grid-column:1/-1;padding:17px 0 0;border-top:1px solid var(--line)}.board-caption{font-size:8px;letter-spacing:.8px}.board-caption>a{font-size:6px}.countdown-digits{font-size:28px;letter-spacing:1.5px;margin-top:10px}.opening-time{font-size:8px;margin-top:5px;letter-spacing:1.5px}.board-join{display:none}.content-section{padding:72px 8% 0}.chapter-heading{font-size:7px;letter-spacing:1.6px;gap:12px;margin-bottom:32px}.chapter-heading i{width:25px}.chapter-heading>span:first-child{font-size:12px}.brotherhood-grid{grid-template-columns:1fr;gap:40px}.story-art{aspect-ratio:1.15;margin:10px 6px}.story-art>img{height:145px;width:145px;left:calc(50% - 72px);top:7%}.story-caption{bottom:17%}.story-caption>strong{font-size:27px;letter-spacing:5px}.story-caption>span{font-size:11px;letter-spacing:3px}.art-coordinate{font-size:7px;bottom:21px}.story-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.story-copy h2{font-size:28px;line-height:1.6}.mini-ornament{margin:16px 0}.story-copy>p:not(.eyebrow){font-size:11px;line-height:2.2}.story-copy blockquote{font-size:17px;padding-left:16px;margin-bottom:24px}.story-signature{font-size:8px}.creed{grid-template-columns:1fr;margin-top:40px;padding:0}.creed>div,.creed>div:first-child{padding:22px 10px;border-left:0;border-top:1px solid var(--line);gap:20px}.creed>div:first-child{border:0}.creed-icon{font-size:27px;width:31px;text-align:center}.creed strong{font-size:15px;margin-top:6px}.creed-index{font-size:37px;right:15px;top:20px}.creed p{font-size:8px}.classes{padding-top:65px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:33px;line-height:1.5}.section-heading .eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:15px}.section-heading>p{font-size:10px;margin-top:21px;line-height:2}.section-heading>p>span{font-size:7px;letter-spacing:1px;margin-top:15px}.class-cards{grid-template-columns:1fr 1fr;gap:15px 12px}.class-card{height:330px}.class-copy{left:18px;right:18px;bottom:24px}.class-copy strong{font-size:17px;letter-spacing:.5px}.class-symbol{font-size:26px;margin-bottom:10px}.class-description{font-size:8px;min-height:26px}.class-action{font-size:7px;letter-spacing:.5px;padding-top:14px;margin-top:11px}.class-topline{font-size:7px;letter-spacing:1.3px;top:20px;right:16px}.class-number{top:18px;left:16px;font-size:12px}.class-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}.class-footnote{font-size:7px;line-height:1.8;letter-spacing:.1px;margin-top:23px;gap:9px}.final-call{margin-top:65px;padding:50px 8% 60px}.final-call .eyebrow{font-size:7px;letter-spacing:2px}.final-call h2{font-size:27px;letter-spacing:-.7px}.final-call .forged-button{min-width:240px;font-size:11px}.call-ornament{font-size:23px}footer{padding:35px 8% 30px;flex-wrap:wrap;gap:25px;align-items:center}.footer-brand{font-size:10px;letter-spacing:1.3px;gap:0}.footer-brand>img{width:63px;height:63px;margin-left:-13px}.footer-brand small{font-size:6px;letter-spacing:1.2px}.back-top{font-size:6px;letter-spacing:.5px;gap:8px}.back-top>span{height:28px;width:25px;font-size:14px}footer p{order:3;width:100%;margin:0;font-size:7px;line-height:2}.footer-topline{left:8%;right:8%}dialog{padding:34px 24px;max-height:92svh}.dialog-crest{right:22px;top:26px;opacity:.3}.dialog-crest img{width:85px;height:85px}dialog h2{font-size:26px;line-height:1.6}dialog>.eyebrow{font-size:7px;letter-spacing:1.3px}.dialog-intro{font-size:10px;line-height:1.9}.form-columns{gap:12px}label{font-size:8px;letter-spacing:1px}input,select,textarea{padding:12px 11px;font-size:10px}form .forged-button{font-size:10px;padding:16px 18px}.dialog-bottom-ornament{margin-top:16px}}
@media(max-width:380px){.hero-actions{gap:14px}.forged-button{padding:17px;font-size:10px;gap:8px}.forged-button svg{width:16px}.discover-button{font-size:7px;letter-spacing:.3px;gap:8px}.discover-button small{font-size:6px}.discover-circle{width:26px;height:26px}.campaign-badge{font-size:7px;letter-spacing:1.4px}.badge-line{display:none}.emblem-stage{width:310px;top:176px}.hero-copy{margin-top:355px}.hero-layout{min-height:1100px}.hero{min-height:1100px}.class-copy{left:14px;right:14px}.class-copy strong{font-size:15px}.class-description{font-size:7px}.class-action{font-size:6px}.class-card{height:310px}.countdown-digits{font-size:25px}.war-board-heading strong{font-size:10px}.war-board-heading>span{font-size:25px}.board-info{padding-left:12px}.board-info strong{font-size:18px}.story-copy h2{font-size:25px}.back-top{font-size:5px}}
@keyframes mobile-relic-float{50%{transform:translate(-50%,-7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.game-icon{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linejoin:miter;stroke-linecap:round}.nav-mark .game-icon{width:25px;height:25px}.war-board-heading .game-icon{width:33px;height:33px}.creed-icon .game-icon{width:29px;height:29px}.class-symbol .game-icon{width:28px;height:28px}.nav-link small{font-size:7px}.story-copy>p:not(.eyebrow){font-size:12px}.hero-description{font-size:13px}
@media(max-width:1200px){.nav-link small{font-size:6px}.hero-description{font-size:12px}}@media(max-width:960px){.nav-link small{font-size:5px}.story-copy>p:not(.eyebrow){font-size:11px}}@media(max-width:760px){.hero-description{font-size:11px}.war-board-heading .game-icon{width:28px;height:28px}}
/* Clan portal navigation and working sections. */
.main-nav{grid-template-columns:1fr 150px 1fr;padding:0 18px}.nav-group{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}.nav-group-right{grid-template-columns:1.6fr 1.1fr .8fr 1fr}.nav-group .nav-link{font-size:11px;letter-spacing:.7px;gap:7px;text-align:center}.nav-group-right .nav-link{font-size:10px;letter-spacing:.45px}.nav-group .nav-mark .game-icon{width:20px;height:20px}.nav-group .nav-link:after{display:block;right:0;left:auto;top:25px;bottom:25px}.nav-group .nav-link:last-child:after{display:none}.nav-group .nav-link.active>span:last-child:after{bottom:-3px}.header-actions{display:flex;align-items:center;gap:22px;font-family:var(--condensed);font-size:9px;letter-spacing:1.2px}.herald-apply{border:0;background:transparent;color:#d5b479;font-family:var(--condensed);font-size:10px;letter-spacing:1.3px;padding:5px}#admin-link{color:#b39c75;font-size:8px}.herald-motto{pointer-events:none}.ball-fallback>span{border:1px solid var(--gold)}.portal-mode .site-header{position:relative;inset:auto;height:202px;background:radial-gradient(ellipse at 50% 0,#58402122,transparent 70%),#0e0d0b}.portal-mode .world-coordinate{display:none}.portal-page{padding:30px 8.7% 70px;max-width:1700px;margin:auto;min-height:65svh}.portal-page h1{font-family:var(--serif);font-size:52px;line-height:1.4;letter-spacing:-1.5px;color:var(--ivory);margin:0 0 18px;filter:none;font-weight:500}.portal-page h1 em{color:#b89a64}.page-heading{margin-bottom:45px;border-bottom:1px solid var(--line);padding-bottom:33px;position:relative}.page-heading:after{content:'◆';position:absolute;bottom:-5px;left:0;font-size:8px;color:var(--gold);background:var(--bg);padding-right:12px}.page-heading>p:last-child{font-size:12px;color:#988e7b;line-height:2;margin:0}.page-heading .eyebrow{font-size:8px}.portal-page h2{font-family:var(--serif);font-size:22px;font-weight:500;letter-spacing:-.5px;margin:0 0 22px;line-height:1.6}.page-toolbar{display:flex;gap:18px;align-items:end;margin-bottom:30px;flex-wrap:wrap}.page-toolbar>label{min-width:165px}.page-toolbar .search-field{flex:1}.compact{min-height:46px;padding:13px 21px;font-size:11px}.compact b{font-size:17px}.text-action{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;border:0;border-bottom:1px solid #a4824640;background:transparent;color:#c2a56e;font-family:var(--condensed);font-size:11px;letter-spacing:1px;padding:11px 0;cursor:pointer}.text-action:hover{color:#ecd09d}.metal-panel{position:relative;padding:29px;background:linear-gradient(135deg,#201b143b,#141210);border:1px solid #a7894b3d;box-shadow:inset 0 0 0 5px #0002,0 12px 30px #0003}.metal-panel:before,.metal-panel:after{content:'';position:absolute;width:11px;height:11px;pointer-events:none;border:1px solid #b69860a1}.metal-panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.metal-panel:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.record-list{display:grid;gap:14px}.empty-state{text-align:center;padding:50px 25px;border:1px solid #a4824626;background:radial-gradient(ellipse,#9e763b07,transparent 70%)}.empty-state>span{display:block;font-family:var(--serif);font-size:45px;color:#9f7d3b55;margin-bottom:15px}.empty-state h2{font-size:21px;margin-bottom:13px}.empty-state p{font-size:11px;line-height:2;color:#8e816a;margin:0 auto;max-width:400px}.loading-message{padding:40px;text-align:center;font-size:12px;color:#9b865d}.record-card{padding:22px 25px;border:1px solid #9f81422b;background:linear-gradient(110deg,#1d191340,#11100f);transition:border-color .2s}.record-card:hover{border-color:#ad8b4c75}.record-card h3{font-family:var(--serif);font-size:16px;font-weight:500;color:#cbb993;margin:10px 0;line-height:1.7}.record-card p{font-size:11px;line-height:2;color:#95876f}.record-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:8px;letter-spacing:.5px;color:#8b7959}.tag{display:inline-block;font-family:var(--condensed);font-size:9px;letter-spacing:1px;padding:5px 9px;background:#8b663311;border:1px solid #a8864242;color:#baa06c}.topic-open{background:transparent;border:0;text-align:left;color:inherit;width:100%;padding:0}.topic-open h3{transition:color .2s}.topic-open:hover h3{color:#e4c897}.topic-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2.2;color:#b6a990;padding:25px 0}.topic-detail-header{display:flex;justify-content:space-between;gap:25px;align-items:start}.topic-detail-header h2{font-size:27px;margin:20px 0}.topic-back{margin-bottom:25px}.reply-list{display:grid;gap:12px;margin:30px 0}.reply-card{padding:20px;border-left:2px solid #9b7b3e66;background:#1b17122b}.reply-content{white-space:pre-wrap;font-size:12px;line-height:2;color:#aa9b81}.clan-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:30px}.clan-tab{border:1px solid #9c7e423b;background:linear-gradient(#221d1644,#14120f);color:#8e7b58;text-align:left;padding:20px;position:relative}.clan-tab small{display:block;font-family:var(--condensed);font-size:8px;letter-spacing:2px;margin-bottom:9px}.clan-tab strong{font-family:var(--serif);font-weight:500;font-size:15px;color:#bca67c;overflow-wrap:anywhere}.clan-tab.active{border-color:#b59a6077;background:radial-gradient(ellipse at 50% 100%,#986b2920,transparent 70%),#19150f}.clan-tab.active:after{content:'';position:absolute;bottom:-3px;left:calc(50% - 3px);width:6px;height:6px;transform:rotate(45deg);background:#c8a46c;box-shadow:0 0 12px #ad7c3755}.clan-tab.active strong{color:#e0c490}.roster-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.roster-heading h2{margin:0}.roster-heading p{font-size:10px;line-height:1.9;color:#8d7e63;margin:8px 0 0}.leader-card{display:flex;align-items:center;justify-content:center;gap:25px;text-align:center;border-color:#b79b5b70;max-width:590px;margin:0 auto 24px;padding:23px}.leader-card img{width:110px;height:110px}.rank-label{display:block;font-family:var(--condensed);font-size:9px;letter-spacing:3px;color:#b69456}.member-name{font-family:var(--serif);font-size:20px;font-weight:500;display:block;margin:14px 0 10px;color:#d8c39c;overflow-wrap:anywhere}.vacant .member-name{font-size:15px;color:#776a53}.member-job{font-size:10px;color:#887555}.assist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:35px}.assist-card{text-align:center;padding:25px 20px}.assist-card .member-name{font-size:16px}.assist-card .rank-label{font-size:8px;letter-spacing:2px}.roster-table,.archive-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}.table-scroll{overflow-x:auto;border:1px solid #a5823c29}.roster-table th,.archive-table th{font-family:var(--condensed);font-size:10px;letter-spacing:1px;font-weight:500;color:#ae905d;background:#211b1355;padding:16px 20px;border-bottom:1px solid #aa8b462f}.roster-table td,.archive-table td{padding:15px 20px;border-bottom:1px solid #aa8b461a;line-height:1.8;color:#a29478}.roster-table tr:last-child td,.archive-table tr:last-child td{border-bottom:0}.roster-table td:first-child{font-family:var(--condensed);font-size:10px;color:#6a5b40}.roster-table .slot-empty{color:#62563f;font-size:10px}.roster-table tr:hover td{background:#9d793d08}.roster-editor{display:grid;gap:9px;max-height:48svh;overflow:auto;padding-right:6px}.roster-edit-row{display:grid;grid-template-columns:72px 1fr 145px;gap:10px;align-items:center}.roster-edit-row>span{font-family:var(--condensed);font-size:9px;color:#9b8051}.roster-edit-row input,.roster-edit-row select{padding:10px;font-size:10px}.field-help{font-family:var(--sans);font-size:9px;line-height:1.9;color:#8e7d60;letter-spacing:0;margin:0}.form-message{font-size:10px;line-height:1.9;color:#cfb17b;margin:0;white-space:pre-wrap}.form-message.error,#form-status.error{color:#db9980}.form-message.success{color:#b9c39a}.drop-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.drop-layout form{gap:19px}.drop-layout h2{margin-bottom:1px}.drop-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.drop-summary span{display:block;font-family:var(--condensed);font-size:9px;letter-spacing:1px;color:#a28b62}.drop-summary strong{display:block;font-family:var(--condensed);font-size:22px;font-weight:500;color:#d3bc8d;margin-top:10px}.drop-share-row{display:grid;grid-template-columns:1fr 55px 120px;gap:10px;padding:13px 0;border-bottom:1px solid #a7863d1f;font-size:11px;color:#ac9a76}.drop-share-row>b{font-family:var(--condensed);font-weight:500;font-size:14px;color:#d1b57a;text-align:right}.drop-share-row small{color:#776849}.drop-share-list{max-height:460px;overflow:auto;margin-bottom:20px}.drop-result-item{font-size:13px!important;margin-bottom:25px!important}.subsection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin:55px 0 25px;padding-bottom:20px}.subsection-heading h2{font-size:22px;margin:0}.subsection-heading>span{font-family:var(--condensed);font-size:8px;letter-spacing:2px;color:#947b4f}.record-card details>summary{cursor:pointer;font-size:10px;color:#b59b65;padding:10px 0}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{position:relative;padding:25px;background:linear-gradient(135deg,#2b1d122e,#14120f);border:1px solid #a283453d}.event-card:before{content:'';position:absolute;top:0;left:25px;width:30px;height:2px;background:#b29151}.event-card h2{font-size:19px;margin:20px 0;overflow-wrap:anywhere}.event-date{font-family:var(--condensed);font-size:29px;letter-spacing:1px;color:#cfb47e;margin-top:20px}.event-date small{font-size:12px;color:#9e8353;margin-left:10px}.event-card p{font-size:10px;color:#a08d6b;line-height:1.9}.event-card .event-note{white-space:pre-wrap;color:#887b62}.event-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.danger-action{background:transparent;border:0;color:#a36d52;font-size:9px;padding:5px;cursor:pointer}.danger-action:hover{color:#edab8b}.history-tabs{display:flex;gap:12px;margin-bottom:25px}.tab-button{border:1px solid #987d4040;background:#15120f;padding:14px 22px;font-family:var(--condensed);font-size:11px;letter-spacing:1px;color:#9c8359}.tab-button.active{border-color:#bf9f5b85;color:#ddc18d;background:#4b371825}.time-machine{padding:30px 40px 35px;background:radial-gradient(ellipse at 50% 70%,#9f743417,transparent 70%),linear-gradient(135deg,#201a12,#0f0e0c)}.time-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--condensed);font-size:8px;letter-spacing:2px;color:#967e4e}.time-top button{padding:9px 13px;border:1px solid #ac8b4a57;background:#0c0a08;color:#ccb37c;font-family:var(--condensed);font-size:10px;letter-spacing:1px}.time-year{font-family:var(--serif);font-size:110px;line-height:1.6;color:#ccb27c;text-align:center;letter-spacing:-5px;text-shadow:0 5px 30px #000;margin:10px 0}.timeline-control{display:grid;gap:15px;font-size:8px;letter-spacing:2px}.timeline-control input{padding:0;accent-color:#bc9a5c;width:100%;cursor:ew-resize}.timeline-endpoints{display:flex;justify-content:space-between;font-family:var(--condensed);font-size:9px;letter-spacing:1.6px;color:#887044;margin-top:13px}.timeline-events{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.timeline-card{border-left:2px solid #ac8a4a66;background:#201a132e;padding:23px;position:relative;animation:timeline-appear .45s ease-out both}.timeline-card h2{font-size:20px;margin:10px 0;color:#ccb581}.timeline-card p{font-size:10px;line-height:2;color:#958269;margin:10px 0 0}.timeline-card .tag{font-size:8px}.pvp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pvp-item{padding:17px;border:1px solid #93773d2b;background:#15120e;font-family:var(--condensed);font-size:13px;color:#ac9360;letter-spacing:.6px}.pvp-item>span{font-size:7px;color:#665738;margin-right:10px}.archive-table td:nth-child(4){min-width:250px;font-size:10px;color:#8b7b61}.archive-table td:nth-child(3){min-width:140px;color:#c8af7c}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-note{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-note h2{font-size:22px;margin:10px 0 15px}.contact-note p{font-size:11px;line-height:2.2;color:#a08d70;max-width:320px}.contact-note .text-action{margin-top:12px}.admin-details{margin-top:20px;border-top:1px solid var(--line);padding-top:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px}.detail-grid dt{font-family:var(--condensed);font-size:9px;letter-spacing:1px;color:#9a7f4b}.detail-grid dd{font-size:11px;color:#c1ac83;line-height:1.9;overflow-wrap:anywhere;margin:6px 0 0;white-space:pre-wrap}.detail-grid .wide-detail{grid-column:1/-1}.admin-status-select{max-width:180px;font-size:10px;padding:9px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.admin-head h3{margin-top:0}.status-tag{font-size:8px;padding:5px 8px;border:1px solid #ad8d473b;color:#c6ab6d}.status-accepted{color:#b2c293;border-color:#73894c66}.status-declined{color:#c98c73;border-color:#915e4466}#portal-dialog{max-width:800px;padding:40px}#portal-dialog h2{font-size:26px;font-family:var(--serif);font-weight:500;line-height:1.5;margin:0 0 25px}#portal-dialog form{gap:20px}.dialog-footer-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-top:10px}#site-toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%) translateY(30px);background:#1e1911;border:1px solid #b1955d7a;padding:14px 22px;font-size:11px;color:#d0b783;max-width:90%;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;box-shadow:0 10px 35px #0009}#site-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}
/* A complete five-step application dossier. */
#application{max-width:810px;padding:38px 42px}.application-steps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:28px 0;border-bottom:1px solid var(--line)}.application-steps li{font-family:var(--condensed);font-size:10px;letter-spacing:1px;color:#6d5d41;padding:0 0 15px;position:relative}.application-steps li>span{display:block;font-family:var(--serif);font-size:12px;margin-bottom:7px;color:#816b40}.application-steps li.current{color:#e0c38b}.application-steps li.current>span{color:#c4a461}.application-steps li.current:after{content:'';position:absolute;bottom:-1px;left:0;width:calc(100% - 20px);height:2px;background:#bb9450}.application-steps li.completed{color:#ab9361}.application-step{display:grid;gap:20px}.form-divider{font-family:var(--condensed);font-size:10px;letter-spacing:1.3px;color:#c0a16b;border-bottom:1px solid #b5955126;padding:8px 0 12px}.application-step label b,.choice-field b{color:#b26f46;font-size:10px;font-weight:400}.choice-field{border:0;padding:0;margin:0;min-width:0}.choice-field legend{font-family:var(--sans);font-size:11px;letter-spacing:0;color:#c1ad89;padding:0;margin-bottom:13px;line-height:1.8}.choice-grid{display:flex;gap:10px;flex-wrap:wrap}.choice-option{position:relative;display:block;min-width:90px;flex:1}.choice-option input{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0;pointer-events:none}.choice-option>span{padding:13px 14px;display:block;border:1px solid #95773a3b;background:#100e0b9c;text-align:center;font-family:var(--condensed);font-size:12px;letter-spacing:.4px;color:#8d7a57;transition:border-color .2s,color .2s,background .2s;cursor:pointer}.choice-option input:checked+span{color:#e1c18b;border-color:#b9944f9c;background:#5d431c33;box-shadow:inset 0 -2px #b8924547}.choice-option input:focus-visible+span{outline:2px solid #d1af71;outline-offset:3px}.server-selector-tools{display:grid;grid-template-columns:1fr 140px;gap:12px}.server-checklist{max-height:265px;overflow-y:auto;border:1px solid #987a3b30;background:#09080666;padding:8px}.server-check-option{display:grid;grid-template-columns:18px 1fr 65px;align-items:center;gap:10px;padding:12px 9px;border-bottom:1px solid #a2833d17;cursor:pointer}.server-check-option:last-child{border:0}.server-check-option input{width:14px;height:14px;accent-color:#bd9d5f;padding:0}.server-check-option strong{font-family:var(--condensed);font-size:13px;letter-spacing:.4px;color:#baa175;font-weight:500}.server-check-option small{display:block;font-family:var(--sans);font-size:8px;line-height:1.8;letter-spacing:0;color:#796a50;margin-top:4px}.server-check-option>span:last-child{font-family:var(--condensed);font-size:8px;letter-spacing:.5px;text-align:right;color:#826a40}.server-check-option:has(input:checked){background:#a5802d0d}.selection-counter{font-family:var(--condensed);font-size:10px;color:#ac8d51;margin:0;letter-spacing:.5px}.job-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.job-group{border:1px solid #987a3c32;background:#100e0a80;padding:16px}.job-parent,.job-leaf{display:flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--condensed);font-size:13px;letter-spacing:.5px;color:#c0a270}.job-parent input,.job-leaf input{width:14px;height:14px;accent-color:#b99a5b;padding:0;margin:0}.job-parent input:disabled{opacity:.85;cursor:default}.job-parent>small{font-family:var(--sans);font-size:7px;color:#756442;margin-left:auto;letter-spacing:0}.job-children{display:grid;gap:13px;padding-top:18px;margin-top:16px;border-top:1px solid #a786421f}.job-children .job-leaf{font-size:12px;color:#a89166}.main-job-display{border-left:2px solid #b28c43;background:#32231533;padding:15px;font-size:11px;color:#cdb17c;line-height:1.9}.main-job-display>small{display:block;font-size:8px;color:#7d6e53;margin-top:4px}.main-job-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;margin-right:6px;border:1px solid #997a3f45;font-family:var(--condensed);font-size:10px;color:#ae925e;background:transparent}.main-job-pill.is-main{color:#e0bf7c;border-color:#bb94518a}.wizard-actions{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-top:17px;border-top:1px solid var(--line)}#application-progress{font-family:var(--condensed);font-size:10px;letter-spacing:2px;color:#857048;margin-right:auto}#application-prev{font-size:9px}#application-next,#application-submit{width:auto;min-height:48px;margin:0;font-size:11px}.application-review{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px}.review-item>span{font-family:var(--condensed);font-size:9px;letter-spacing:1px;color:#897040}.review-item>strong{font-weight:400;display:block;font-size:11px;line-height:1.9;color:#c7af81;overflow-wrap:anywhere;margin-top:5px}.review-item.wide{grid-column:1/-1}#application-success{text-align:center;padding:30px 0}#application-success h3{font-family:var(--serif);font-size:25px;font-weight:500;color:#cfb27d}#application-success p{font-size:11px;line-height:2;color:#a18e6b}.success-seal{border:1px solid #b69d5a80;width:65px;height:65px;margin:auto;display:grid;place-items:center;border-radius:50%;font-size:32px;color:#c5a461;box-shadow:0 0 0 7px #9d7d3310}#application-code{display:block;color:#a99671;font-size:10px;overflow-wrap:anywhere;margin:20px 0}#download-application{margin:auto}button:disabled{cursor:wait;opacity:.55}.job-parent input:disabled{cursor:default}.page-auth-note{font-size:11px;line-height:2;color:#b49a6a;padding:20px;border:1px solid #a5803f44}.page-auth-note a{border-bottom:1px solid #ac8a4a;color:#dac193}
@keyframes timeline-appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1300px){.nav-group .nav-mark{display:none}.nav-group .nav-link{font-size:11px}.nav-group-right .nav-link{font-size:10px;letter-spacing:.2px}.main-nav{grid-template-columns:1fr 140px 1fr}.drop-share-row{grid-template-columns:1fr 40px 95px}.portal-page{padding-left:7%;padding-right:7%}.event-grid{grid-template-columns:1fr 1fr}.timeline-events{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.site-header{height:150px;padding:0 5%;z-index:25}.herald-bar{height:29px;font-size:7px;letter-spacing:1.3px}.herald-motto{display:none}.header-actions{gap:14px;font-size:7px}.herald-apply{font-size:8px;letter-spacing:.7px}.language{font-size:7px}.nav-shell{margin-top:10px;height:69px}.main-nav{display:block;padding:0}.nav-group{display:none}.nav-crest{position:absolute;left:calc(50% - 65px);width:130px;top:0;margin-top:-19px;height:135px}.nav-crest img{width:130px;height:130px}.nav-crest>span{font-size:6px;letter-spacing:1.7px;bottom:-3px}.nav-shell:after{content:'KARUS';font-family:var(--condensed);font-size:10px;letter-spacing:2.2px;color:#a18a5b;position:absolute;top:28px;left:23px}.mobile-menu-toggle{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;right:10%;top:59px;z-index:5;width:34px;height:31px;background:linear-gradient(#2b241c,#14120f);border:1px solid #a1854e47}.mobile-menu-toggle>span{height:1px;width:14px;background:#c0a575;transition:transform .2s,opacity .2s}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}#mobile-nav:not([hidden]){display:grid;position:absolute;top:152px;left:5%;right:5%;background:linear-gradient(135deg,#242017,#100f0d);border:1px solid #a78d544f;padding:10px 22px;box-shadow:0 30px 70px #000e;max-height:calc(100svh - 180px);overflow-y:auto;z-index:4}#mobile-nav>a{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #9a7a3e24;font-family:var(--condensed);font-size:9px;color:#8f764a}#mobile-nav>a>span{flex:1;font-family:var(--serif);font-size:12px;letter-spacing:.3px;color:#cab78f}#mobile-nav>button{display:flex;justify-content:space-between;border:1px solid #9a4a2c5e;background:linear-gradient(90deg,#612318,#2e1913);padding:15px;margin:15px 0 5px;font-family:var(--condensed);font-size:12px;letter-spacing:1.5px;color:#d7b680}.portal-mode .site-header{height:188px}.clan-tab{padding:17px 14px}.clan-tab strong{font-size:12px}.drop-layout{gap:18px}.metal-panel{padding:23px}.pvp-grid{grid-template-columns:repeat(3,1fr)}.drop-summary strong{font-size:18px}}
@media(max-width:760px){.portal-page{padding:20px 8% 50px}.portal-page h1{font-size:35px;line-height:1.5;letter-spacing:-1px}.page-heading{padding-bottom:26px;margin-bottom:30px}.page-heading>p:last-child{font-size:10px;line-height:2}.page-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.page-toolbar{gap:15px;margin-bottom:23px}.page-toolbar>label{min-width:0;flex:1;flex-basis:40%}.page-toolbar .search-field{flex-basis:100%}.compact{font-size:10px;padding:12px 18px;min-height:43px}.metal-panel{padding:23px 20px}.portal-page h2{font-size:20px}.record-card{padding:20px}.record-card h3{font-size:14px}.record-meta{font-size:7px;line-height:1.8;gap:10px;flex-wrap:wrap}.record-card p{font-size:10px}.empty-state{padding:40px 20px}.empty-state h2{font-size:18px}.empty-state p{font-size:10px}.topic-content{font-size:11px}.topic-detail-header h2{font-size:21px}.clan-tabs{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.clan-tab{display:flex;align-items:center;gap:15px;padding:15px}.clan-tab small{margin:0;font-size:7px;min-width:70px}.clan-tab strong{font-size:13px}.clan-tab.active:after{left:auto;right:15px;bottom:calc(50% - 3px)}.roster-heading{gap:15px;align-items:start}.roster-heading h2{font-size:19px}.roster-heading p{font-size:9px}.roster-heading .text-action{font-size:8px;white-space:nowrap}.leader-card{gap:15px;padding:20px 16px}.leader-card img{width:90px;height:90px}.member-name{font-size:19px}.assist-grid{gap:9px;grid-template-columns:1fr}.assist-card{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:19px}.assist-card .member-name{font-size:13px;margin:0}.assist-card .rank-label{font-size:7px;min-width:70px}.assist-card .member-job{font-size:8px}.roster-table td,.roster-table th,.archive-table td,.archive-table th{padding:12px 13px;font-size:10px}.roster-table{min-width:350px}.roster-edit-row{grid-template-columns:48px 1fr 100px;gap:7px}.roster-edit-row>span{font-size:8px}.roster-edit-row input,.roster-edit-row select{padding:9px 7px;font-size:9px}.drop-layout{grid-template-columns:1fr;gap:24px}.drop-summary strong{font-size:22px}.drop-share-row{grid-template-columns:1fr 40px 100px;font-size:10px}.drop-share-row>b{font-size:13px}.subsection-heading{margin:40px 0 23px;align-items:baseline;flex-wrap:wrap;gap:10px}.subsection-heading h2{font-size:20px}.subsection-heading>span{font-size:7px;letter-spacing:1px}.event-grid{grid-template-columns:1fr;gap:15px}.event-card{padding:23px}.event-card h2{font-size:22px}.event-date{font-size:30px}.event-card p{font-size:11px}.history-tabs{gap:8px}.tab-button{font-size:10px;letter-spacing:.4px;padding:13px 14px;flex:1}.time-machine{padding:22px 20px}.time-year{font-size:80px;line-height:1.7;letter-spacing:-4px}.time-top{font-size:7px;letter-spacing:1px}.time-top button{font-size:9px;padding:8px 10px;letter-spacing:.5px}.timeline-endpoints{font-size:7px;letter-spacing:1px}.timeline-events{grid-template-columns:1fr;gap:12px}.timeline-card{padding:21px}.timeline-card h2{font-size:22px}.pvp-grid{grid-template-columns:1fr 1fr;gap:9px}.pvp-item{padding:15px 12px;font-size:12px;letter-spacing:0}.pvp-item>span{font-size:6px;margin-right:7px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-note img{width:130px;height:130px}.contact-note h2{font-size:21px}.contact-note p{font-size:10px}.detail-grid{gap:15px;grid-template-columns:1fr}.detail-grid dt{font-size:8px}.detail-grid dd{font-size:10px}.admin-head{gap:15px}.admin-status-select{max-width:120px;font-size:9px}.status-tag{font-size:7px}.admin-head h3{font-size:13px}#portal-dialog{padding:34px 22px}#portal-dialog h2{font-size:23px}#application{padding:32px 24px}.application-steps{margin:25px 0;gap:5px}.application-steps li{font-size:9px;letter-spacing:.3px}.application-steps li>span{font-size:11px}.application-steps li.current:after{width:calc(100% - 7px)}.choice-option{min-width:100px}.choice-option>span{padding:13px 10px;font-size:12px}.choice-grid{gap:8px}.choice-field legend{font-size:10px}.application-step{gap:18px}.form-divider{font-size:9px;letter-spacing:.9px}.job-selector{grid-template-columns:1fr}.job-group{padding:16px}.job-parent,.job-leaf{font-size:13px}.job-parent>small{font-size:7px}.job-children{grid-template-columns:1fr 1fr;gap:17px 13px}.job-children .job-leaf{font-size:12px}.server-selector-tools{grid-template-columns:1fr 100px;gap:8px}.server-checklist{max-height:230px;padding:5px}.server-check-option{grid-template-columns:16px 1fr 51px;gap:8px;padding:11px 7px}.server-check-option strong{font-size:12px}.server-check-option small{font-size:7px}.server-check-option>span:last-child{font-size:7px}.application-review{gap:14px;grid-template-columns:1fr 1fr}.review-item>span{font-size:8px}.review-item>strong{font-size:10px}.wizard-actions{gap:13px}.wizard-actions .forged-button{padding:13px 15px}#application-next,#application-submit{font-size:10px;letter-spacing:.4px;min-height:45px}#application-prev{font-size:8px}#application-progress{font-size:9px;letter-spacing:1px}.field-help{font-size:8px}.main-job-display{font-size:10px}.main-job-pill{font-size:10px;margin-bottom:5px}#site-toast{font-size:10px;padding:13px 18px;bottom:18px}.header-actions{gap:10px}.language{gap:5px}.herald-apply{font-size:7px;letter-spacing:.5px}.herald-bar{font-size:6px}.herald-bar a span{margin:0 4px}#admin-link{font-size:7px}.portal-mode .site-header{height:178px}}

/* Eight balanced main-navigation links including the anvil game. */
@media(min-width:761px){.nav-group:not(.nav-group-right){grid-template-columns:repeat(4,minmax(0,1fr))}.nav-group:not(.nav-group-right) .nav-link{font-size:10px;letter-spacing:.5px}}
@media(min-width:761px) and (max-width:1100px){.nav-group:not(.nav-group-right) .nav-link{font-size:9px;letter-spacing:.2px;gap:5px}.nav-group:not(.nav-group-right) .nav-mark .game-icon{width:17px;height:17px}}

.header-actions .herald-anvil{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:5px 9px;border:1px solid #b4934d4d;background:linear-gradient(135deg,#5a3c192d,#17120c66);font-family:var(--condensed);font-size:9px;letter-spacing:1px;color:#d7b77a;white-space:nowrap;box-shadow:inset 0 0 0 2px #0002;transition:color .2s,border-color .2s,background .2s}.header-actions .herald-anvil .game-icon{width:13px;height:13px;color:#b49358}.header-actions .herald-anvil:hover{color:#f2d79d;border-color:#c6a263a6;background:#9b6d2526}.header-actions .herald-anvil:focus-visible{outline:2px solid #d7b77a;outline-offset:3px}@media(max-width:760px){.header-actions{gap:8px}.header-actions .herald-anvil{min-height:22px;padding:3px 6px;font-size:7px;letter-spacing:.5px;gap:4px}.header-actions .herald-anvil .game-icon{width:10px;height:10px}}@media(max-width:380px){.herald-bar>a{font-size:5px;letter-spacing:.6px}.header-actions{gap:6px}.header-actions .herald-anvil{font-size:6px;letter-spacing:.3px;padding:3px 5px}.header-actions .herald-apply{font-size:6px}.header-actions #admin-link{font-size:6px}}