*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif}.login-lab{min-height:100vh;background:#07111f;color:#edf6fa;display:grid;place-items:center;padding:45px}.login-lab main{width:min(1100px,100%)}.brand-mark,.login-logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:13px;font-weight:800;line-height:.75;letter-spacing:-.04em}.brand-mark i,.login-logo i{width:38px;height:43px;display:grid;place-items:center;background:linear-gradient(140deg,#d8a446,#705424);clip-path:polygon(50% 0,96% 22%,96% 70%,50% 100%,4% 70%,4% 22%);color:#f8e9b7;font-style:normal}.brand-mark b,.login-logo strong{color:#81c7ee}.kicker,.eyebrow,.mini-label{font:500 10px 'DM Mono';letter-spacing:.15em;color:#6fc7b9;margin:0;text-transform:uppercase}.login-lab h1{font-size:clamp(42px,6vw,74px);line-height:.96;letter-spacing:-.07em;margin:27px 0 19px}.login-lab h1 em{font-family:'Playfair Display',serif;font-weight:600;color:#d8a446}.lead{max-width:640px;color:#9eb2c5;line-height:1.65;font-size:14px}.login-concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:42px}.login-concepts a{min-height:245px;border:1px solid #29425e;padding:19px;color:#edf6fa;text-decoration:none;display:flex;flex-direction:column;background:#0d1a2b;transition:.2s}.login-concepts a:hover{transform:translateY(-6px);border-color:#73c8ee}.login-concepts a:nth-child(2){background:#1a2432;border-color:#547896}.login-concepts a:nth-child(3){background:#111a36;border-color:#5f64d8}.login-concepts a:nth-child(4){background:#172b2b;border-color:#4b8e83}.login-concepts span{font:10px 'DM Mono';color:#d8a446}.login-concepts strong{font-size:23px;letter-spacing:-.05em;margin:auto 0 8px}.login-concepts p{font-size:11px;color:#a8bac9;line-height:1.5;margin:0}.login-concepts b{font-size:11px;color:#6fc7b9;margin-top:19px}.login{--ink:#eff8fa;--muted:#9eb2c5;--line:#ffffff22;--teal:#6fc7b9;--gold:#d8a446;background:#07111f;color:var(--ink);min-height:100vh;overflow-x:hidden}.page{min-height:100vh;position:relative;isolation:isolate;padding:30px 5vw 20px;display:flex;flex-direction:column}.page:before{content:'';position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 20% 15%,#204c7447,transparent 36%),#07111f}.page header{display:flex;justify-content:space-between;align-items:center}.login-logo i{font-size:16px}.login-logo i b{font-size:12px}.login-logo span{font-size:14px}.secure{font:10px 'DM Mono';color:var(--muted);display:flex;align-items:center;gap:7px}.secure span{width:7px;height:7px;border-radius:50%;background:#73e6aa;box-shadow:0 0 14px #73e6aa}main{flex:1;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:8vw;max-width:1280px;width:100%;margin:auto}.story{max-width:570px}.story h1{font-size:clamp(43px,5vw,74px);line-height:.98;letter-spacing:-.075em;margin:15px 0 18px}.story h1 em{font-family:'Playfair Display',serif;font-weight:600;color:var(--gold)}.story>p:not(.eyebrow){color:var(--muted);max-width:450px;font-size:15px;line-height:1.7}.story-card{margin-top:30px;display:inline-block;border-left:2px solid var(--teal);padding:5px 0 5px 14px}.story-card p{font:10px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 5px}.story-card b{font-size:13px}.login-card{padding:34px;background:#0c1a2cce;border:1px solid var(--line);box-shadow:0 25px 70px #0008;backdrop-filter:blur(16px)}.login-card h2{font-size:29px;letter-spacing:-.06em;margin:7px 0 5px}.instruction{font-size:12px;color:var(--muted);margin:0 0 25px}form{display:grid;gap:16px}form>label{font:600 10px Manrope;color:#cfdfeb}input{display:block;width:100%;margin-top:7px;padding:13px 14px;background:#071424;border:1px solid #577493;color:var(--ink);outline:none;font:12px Manrope;transition:.15s}input:focus{border-color:#7bd4ee;box-shadow:0 0 0 3px #72ceef1a}.password-wrap{position:relative;display:block}.password-wrap input{padding-right:45px}.password-wrap button{position:absolute;right:8px;top:8px;background:none;border:0;color:#82a3ba;cursor:pointer;font-size:14px}.form-tools{display:flex;justify-content:space-between;align-items:center;margin-top:-3px}.form-tools>button{background:none;border:0;color:var(--teal);font:600 10px Manrope;cursor:pointer}.remember{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}.remember input{display:none}.remember i{width:14px;height:14px;border:1px solid #7991a7;background:#244d64;position:relative}.remember input:checked+i:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:10px;color:white}.sign-in{margin-top:5px;border:0;background:linear-gradient(90deg,#2773bd,#5a91dc);color:white;padding:14px;font:800 12px Manrope;cursor:pointer;transition:.18s}.sign-in:hover{filter:brightness(1.13);transform:translateY(-1px)}.sign-in span{float:right;font-size:17px;line-height:.6}.privacy{text-align:center;color:#71889d;font:9px 'DM Mono';margin:20px 0 0}footer{display:flex;justify-content:flex-end;gap:20px;color:#6f8599;font:10px 'DM Mono'}footer a{color:inherit;text-decoration:none}.notice{position:fixed;z-index:5;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;transition:.25s;background:#d8a446;color:#101d2a;padding:11px 15px;font:700 11px Manrope;box-shadow:0 10px 35px #0008}.notice.show{transform:translate(-50%,0);opacity:1}
/* 01: cinematic citadel */.landscape{height:200px;position:relative;margin-top:35px;overflow:hidden;max-width:550px;background:linear-gradient(#102b4b00,#0b1729);border-bottom:1px solid #ffffff15}.moon{position:absolute;width:112px;height:112px;border-radius:50%;background:#b8e4f5;right:16%;top:18px;box-shadow:0 0 70px #8ad9f966}.hill{position:absolute;bottom:-70px;width:400px;height:180px;background:#0c2333;border-radius:50%}.h1{left:-50px}.h2{right:-100px;background:#09202a;bottom:-95px}.tower{position:absolute;bottom:34px;right:39%;width:65px;height:85px;background:#2c5670;clip-path:polygon(50% 0,78% 25%,78% 100%,22% 100%,22% 25%);display:grid;place-items:center;color:#d8a446;font-size:22px;font-style:normal;box-shadow:0 0 30px #d8a44655}.landscape span{position:absolute;right:26%;bottom:38px;color:#d8a446;font:10px 'DM Mono'}
/* 02: campaign */.campaign .page:before{background:linear-gradient(100deg,#0a1728,#26384d 50%,#111b30)}.campaign .story{border-left:1px solid #5c99c1;padding-left:27px}.campaign .login-card{border-radius:16px;border-color:#6597bf;background:#102139f2}.campaign .sign-in{background:#d8a446;color:#112039}.campaign .story h1 em{color:#87cbea}.mission-lines{display:grid;gap:0;margin-top:32px;max-width:370px}.mission-lines i{height:17px;border-left:1px dashed #75a4c3;margin-left:8px}.mission-lines span{background:#1d3d55;border:1px solid #4d7190;padding:10px 12px;font:11px 'DM Mono';color:#c5e7f6}.campaign .login-zone{position:relative}.campaign .login-zone:before{content:'CAMPAIGN / ACCESS';position:absolute;right:-35px;top:-36px;font:10px 'DM Mono';color:#7d9bb7;letter-spacing:.14em;transform:rotate(90deg)}
/* 03: portal */.portal .page:before{background:radial-gradient(circle at 50% 50%,#24378a77,transparent 22%),radial-gradient(circle at 70% 25%,#0d88ca44,transparent 30%),#090d2b}.portal .story h1{font-size:clamp(45px,5.6vw,80px)}.portal .story h1 em{color:#8e96ff}.portal .login-card{border-radius:24px;background:#10183ce8;border-color:#7179e655}.portal .sign-in{border-radius:10px;background:linear-gradient(90deg,#5d65e9,#9e65ee)}.portal .eyebrow{color:#a5aaff}.orbital{width:230px;height:230px;border:1px solid #626cd277;border-radius:50%;margin:18px 0 0 36px;display:flex;align-items:center;justify-content:space-between;position:relative;animation:float 6s ease-in-out infinite}.orbital:before,.orbital:after{content:'';position:absolute;inset:20px;border:1px solid #7f89ff44;border-radius:50%}.orbital:after{inset:-14px;border-color:#559de838}.orbital b{z-index:2;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#6570e5;box-shadow:0 0 45px #7482ff;color:#f1eeff}.orbital span{z-index:2;font:10px 'DM Mono';color:#b7c6ff}.orbital i{width:8px;height:8px;background:#7cd5ff;border-radius:50%;box-shadow:0 0 15px #7cd5ff}@keyframes float{50%{transform:translateY(-8px) rotate(4deg)}}
/* 04: guild */.guild .page:before{background:radial-gradient(circle at 20% 0,#2c695c55,transparent 35%),#0b1c21}.guild .login-card{border-radius:12px;background:#10272af2;border-color:#5f9d92}.guild .story h1 em{color:#80d5bd}.guild .sign-in{background:#65ad95;color:#09221d}.guild .eyebrow{color:#80d5bd}.base-stack{display:flex;margin-top:34px}.base-stack div{width:118px;height:135px;border:1px solid #73aa9e;background:#17363a;display:flex;flex-direction:column;justify-content:flex-end;padding:13px;color:#e2d293;font:800 36px Manrope;letter-spacing:-.07em;transform:rotate(-6deg)}.base-stack div:nth-child(2){margin-left:-18px;transform:translateY(-13px) rotate(4deg);background:#204846;color:#bce7d5}.base-stack div:nth-child(3){margin-left:-16px;transform:rotate(-3deg);background:#143136;color:#f1c86e}.base-stack small{font:10px Manrope;letter-spacing:0;color:#a9c7c1}
@media(max-width:820px){.login-lab{padding:30px 20px}.login-concepts{grid-template-columns:1fr 1fr}.login-concepts a{min-height:180px}.page{padding:23px 20px 17px}main{grid-template-columns:1fr;gap:35px;padding:48px 0 35px}.story h1{font-size:47px}.login-zone{width:min(100%,440px);margin:auto}.story-card{margin-top:20px}.landscape{height:125px;margin-top:21px}.orbital{width:160px;height:160px;margin:15px auto}.base-stack{margin-top:25px}.base-stack div{width:92px;height:105px;font-size:29px}.secure{display:none}footer{justify-content:space-between;gap:7px;font-size:8px}.campaign .login-zone:before{display:none}}@media(max-width:480px){.login-concepts{grid-template-columns:1fr}.login-concepts a{min-height:140px}.login-lab h1{font-size:43px}.story h1{font-size:39px}.login-card{padding:25px 20px}.page{min-height:100dvh}.campaign .story{padding-left:16px}}

/* Layouts are intentionally different: split-scene, mission briefing, central portal, archive wall. */
.citadel-layout{min-height:100vh;display:grid;grid-template-columns:minmax(52%,1fr) minmax(380px,42%);position:relative}.citadel-scene{min-height:100vh;position:relative;padding:30px 6vw;overflow:hidden;background:radial-gradient(circle at 68% 23%,#335f8247,transparent 25%),linear-gradient(150deg,#0c2339,#07121f 73%)}.citadel-scene header{position:relative;z-index:2}.citadel-copy{position:absolute;z-index:2;left:10%;top:28%;max-width:510px}.citadel-copy h1{font-size:clamp(47px,5vw,77px);line-height:.96;letter-spacing:-.075em;margin:14px 0}.citadel-copy h1 em{font-family:'Playfair Display';color:#d8a446}.citadel-copy>p:last-of-type{color:#a9c0d0;line-height:1.7;max-width:420px}.citadel-scene .landscape{position:absolute;left:0;right:0;bottom:9%;max-width:none;height:260px}.scene-status{position:absolute;z-index:2;left:10%;bottom:7%;font:11px 'DM Mono';color:#b8ced8}.scene-status b{color:#72dfaa}.scene-status span{display:block;color:#758da1;margin-top:6px}.citadel-access{padding:30px clamp(28px,5vw,80px);background:#0c1929;display:flex;flex-direction:column;justify-content:center;position:relative}.citadel-access>.secure{position:absolute;right:30px;top:32px}.citadel-access .login-card{max-width:420px;width:100%;margin:auto}.side-note{max-width:420px;width:100%;margin:18px auto 0;color:#7890a3;font-size:11px;line-height:1.5}.citadel-layout footer{position:absolute;bottom:18px;right:32px;z-index:3}
.campaign-layout{min-height:100vh;padding:28px 5vw;display:flex;flex-direction:column;background:linear-gradient(100deg,#071323,#112940 60%,#172840)}.campaign-layout header{display:flex;justify-content:space-between;align-items:center}.briefing{display:grid;grid-template-columns:1.15fr .85fr;gap:0;align-items:stretch;max-width:1100px;width:100%;margin:auto;border:1px solid #5884a8;min-height:570px}.mission-brief{padding:52px 60px;position:relative;border-right:1px solid #5884a8;background:linear-gradient(135deg,#102c46,#0c1a2c)}.mission-number{position:absolute;top:39px;right:45px;color:#48718e;font:100px 'DM Mono';letter-spacing:-.2em;margin:0}.mission-brief h1{position:relative;font-size:clamp(45px,5vw,70px);line-height:.95;letter-spacing:-.08em;max-width:450px;margin:49px 0 18px}.mission-brief h1 em{font-family:'Playfair Display';color:#8dcbed}.mission-brief>p:not(.eyebrow):not(.mission-number){color:#9bb7cb;max-width:390px;line-height:1.7;font-size:13px}.briefing-access{padding:45px;background:#0a1728;display:flex;flex-direction:column;justify-content:center}.access-label{font:10px 'DM Mono';color:#7ca6c5;letter-spacing:.14em;margin:0 0 14px}.briefing-access .login-card{padding:0;border:0;box-shadow:none;background:none;backdrop-filter:none}.campaign-layout footer{margin-top:18px}
.portal-layout{min-height:100vh;background:radial-gradient(circle at 50% 50%,#21346d82,transparent 23%),#080d2a;display:flex;flex-direction:column;padding:27px 5vw;position:relative;overflow:hidden}.portal-layout:before,.portal-layout:after{content:'';position:absolute;border:1px solid #5b66d42b;width:750px;height:750px;border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%)}.portal-layout:after{width:970px;height:970px;border-color:#438cc821}.portal-layout header{z-index:2;display:flex;justify-content:space-between;align-items:center}.portal-layout header>a{font:10px 'DM Mono';color:#a8b2ff;text-decoration:none}.portal-main{z-index:1;display:grid;grid-template-columns:1fr 330px 1fr;align-items:center;gap:30px;max-width:1200px;width:100%;margin:auto}.portal-copy{text-align:right}.portal-copy h1{font-size:clamp(40px,4.5vw,68px);line-height:.96;letter-spacing:-.075em;margin:14px 0}.portal-copy h1 em{font-family:'Playfair Display';color:#9fa8ff}.portal-ring{width:300px;height:300px;border-radius:50%;border:1px solid #7e87ff55;position:relative;display:grid;place-items:center;justify-self:center}.portal-ring:before,.portal-ring:after{content:'';position:absolute;inset:28px;border-radius:50%;border:1px solid #668aff4d}.portal-ring:after{inset:78px;border-style:dashed}.portal-ring>i{font-style:normal;z-index:1;width:85px;height:85px;border-radius:50%;display:grid;place-items:center;background:#6570e5;color:#f9f5ff;font-size:24px;box-shadow:0 0 50px #6673ff}.pod{position:absolute;font:10px 'DM Mono';color:#c1c7ff;text-align:center}.pod b{font:8px Manrope;font-weight:600}.p1{top:-26px;left:50%;transform:translateX(-50%)}.p2{bottom:18px;right:-32px}.p3{bottom:18px;left:-36px;color:#88e1e0}.portal-access .login-card{border-radius:18px;background:#10183df0;border-color:#7179e65c}.portal-access .sign-in{background:linear-gradient(90deg,#6068e8,#9669e8)}.portal-footer{z-index:1;display:flex;justify-content:center;gap:28px;color:#737ca8;font:10px 'DM Mono'}.portal-footer span:last-child{color:#7ddfc7}.portal-layout footer{display:none}
.guild-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,44%) 1fr;background:#0c1d21}.guild-access{padding:29px clamp(28px,5vw,75px);display:flex;flex-direction:column;background:#10272a}.guild-intro{margin:auto 0 25px;max-width:480px}.guild-intro h1{font-size:clamp(37px,4vw,62px);line-height:.98;letter-spacing:-.075em;margin:14px 0}.guild-intro h1 em{font-family:'Playfair Display';color:#82d3bd}.guild-intro>p:last-child{color:#a5c3bd;font-size:13px;line-height:1.7}.guild-access .login-card{padding:0;max-width:430px;border:0;box-shadow:none;background:none;backdrop-filter:none}.tiny-return{color:#86c7b8;font:10px 'DM Mono';text-decoration:none;margin-top:25px}.guild-archive{padding:42px 7vw;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 90% 4%,#2c69594d,transparent 35%),#0b1a1f}.archive-title{font:10px 'DM Mono';color:#83bfb2;letter-spacing:.13em}.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(155px,1fr));gap:13px;max-width:620px;margin:20px 0}.archive-grid article{background:#153337;border:1px solid #3b7068;min-height:145px;padding:15px;display:flex;flex-direction:column;position:relative}.archive-grid article:nth-child(2){background:#19413f}.archive-grid article:nth-child(3){background:#102c32}.archive-grid article:nth-child(4){background:#183239}.archive-grid b{font-size:43px;letter-spacing:-.08em;color:#e4c466}.archive-grid span{font-size:12px;font-weight:700}.archive-grid small{font:9px 'DM Mono';color:#98b8b2}.archive-grid i{font:10px 'DM Mono';font-style:normal;color:#7fd5ba;margin-top:auto}.archive-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid #3d716b;padding-top:21px;max-width:620px}.archive-bottom strong{font-size:50px;letter-spacing:-.08em;color:#82d3bd}.archive-bottom span{font:11px 'DM Mono';color:#a6c6c0}.guild-layout footer{position:absolute;bottom:18px;right:32px}
@media(max-width:820px){.citadel-layout,.guild-layout{display:block}.citadel-scene{min-height:430px;padding:25px}.citadel-copy{left:25px;top:115px}.citadel-copy h1{font-size:47px}.citadel-scene .landscape{bottom:30px;height:155px}.scene-status{display:none}.citadel-access{min-height:540px;padding:35px 24px}.citadel-layout footer,.guild-layout footer{position:static;margin:12px 25px}.briefing{grid-template-columns:1fr;margin:35px auto;min-height:0}.mission-brief{border-right:0;border-bottom:1px solid #5884a8;padding:35px 28px}.mission-number{font-size:67px;right:26px}.mission-brief h1{font-size:45px;margin-top:38px}.briefing-access{padding:35px 28px}.portal-main{grid-template-columns:1fr;gap:23px;margin:40px auto}.portal-copy{text-align:center}.portal-ring{order:2}.portal-access{order:3;width:min(100%,400px);margin:auto}.portal-footer{margin-top:auto}.guild-access{padding:26px 24px}.guild-intro{margin:55px 0 26px}.guild-archive{padding:40px 24px;min-height:450px}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-grid article{min-height:122px}.portal-layout footer{display:none}}@media(max-width:480px){.portal-ring{width:235px;height:235px}.portal-copy h1{font-size:40px}.archive-grid{gap:8px}.archive-grid article{padding:11px;min-height:110px}.archive-grid b{font-size:34px}.guild-intro h1{font-size:39px}.citadel-access>.secure{display:flex}.briefing{margin:20px auto}}