:root{--bg:#0b1115;--panel:#111d23;--ink:#e8e5db;--muted:#94a3a9;--gold:#cbaa72;--line:#c5b18a29;--blue:#9ec6d9;--copper:#c78f64;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}p{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.12;font-weight:400}h2{font-size:clamp(34px,4vw,58px);letter-spacing:-1.5px;margin-bottom:25px}h2 em,h1 em{font-style:normal;color:var(--gold)}.wrap{max-width:1300px;width:88%;margin:auto}.eyebrow{font:600 10px/1.8 'Segoe UI',sans-serif;letter-spacing:3px;color:var(--gold);margin-bottom:23px}.eyebrow i{display:inline-block;background:#b9d9ba;width:6px;height:6px;border-radius:50%;box-shadow:0 0 12px #90bca9;margin-right:8px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;left:10px;z-index:30;background:#111;padding:15px}header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:10;background:#0b1115}.wordmark{font:700 21px Georgia;letter-spacing:2px;white-space:nowrap}.wordmark span{color:var(--gold)}.wordmark small{display:block;font:8px 'Segoe UI';letter-spacing:3.5px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:30px;font-size:12px}nav a{padding:12px 0;color:#b9c0bf}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{font-size:10px;letter-spacing:1.5px;border:1px solid #a48a5f70;padding:12px 17px}.nav-cta span{padding-left:20px;color:var(--gold)}.hero{min-height:740px;height:calc(100svh - 91px);max-height:970px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 6% 100px;isolation:isolate;overflow:hidden}.hero-land{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b1115f5,#0b1115c4 50%,#0b11158a),linear-gradient(0deg,#0b1115,transparent 50%),url('assets/camp-6.webp') center/cover;opacity:.65}.hero:after{content:'';position:absolute;width:480px;height:480px;right:-200px;top:50px;background:#a36c3920;filter:blur(90px);z-index:-1}.hero-content{z-index:1}h1{font-size:clamp(48px,5.7vw,88px);letter-spacing:-3px;margin-bottom:28px}.lead{font-size:15px;line-height:1.9}.hero-links{display:flex;gap:27px;align-items:center;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:15px 24px;font-size:10px;letter-spacing:1.5px;font-weight:700}.gold{background:linear-gradient(110deg,#e2c18a,#b59056);color:#171a1b;box-shadow:0 0 25px #c7a66a15}.button:hover{filter:brightness(1.12)}.text-link{font-size:11px;border-bottom:1px solid #9da6a444;padding:12px 0}.platform{font-size:8px;letter-spacing:1.2px;margin-top:35px}.platform span{margin:0 8px;color:var(--gold)}.hero-emblem{position:relative;margin-left:-20px}.hero-emblem img{width:100%;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse,black 48%,transparent 73%)}.emblem-foot{display:flex;align-items:center;justify-content:center;gap:32px;font-size:9px;letter-spacing:3px;color:var(--blue)}.emblem-foot span:last-child{color:var(--copper)}.emblem-foot b{font-size:25px;color:var(--gold);font-weight:400}.hero-bottom{position:absolute;bottom:25px;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font-size:8px;letter-spacing:2px;color:#889899}.hero-bottom a{font-size:23px;min-width:44px;text-align:right}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:110px 0 65px}.intro p{font-size:14px}.intro strong{color:#d6d8d1;font-weight:500}.muted{font-size:12px!important}.numbers{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0 32px}.numbers div{display:flex;align-items:center;gap:20px}.numbers strong{font:48px Georgia;color:#d8c49e;font-weight:400}.numbers strong span{font:24px Georgia}.numbers div>span{font-size:8px;letter-spacing:1.5px;max-width:100px}.nations{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-head p:not(.eyebrow){font-size:12px;max-width:420px;line-height:1.9}.section-head h2{margin-bottom:0}.nation-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.nation{height:540px;position:relative;overflow:hidden;border:1px solid #7a9da548;background:#1b282e}.wolf-art{position:absolute;inset:0;background:url('assets/wolf-selection.png') 8% 12% /220% auto no-repeat;transition:transform .6s}.nation:hover .wolf-art{transform:scale(1.025)}.nation.brown{border-color:#b18a5d55;background:#292017}.brown .wolf-art{background-position:94% 12%}.nation:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#091219 0%,#091219bb 25%,transparent 60%)}.nation-copy{position:absolute;z-index:1;bottom:30px;left:35px}.nation-copy>span{font-size:8px;letter-spacing:2px;color:var(--blue)}.nation-copy h3{font-size:39px;letter-spacing:4px;margin:12px 0;color:#d3e8ed}.brown .nation-copy h3,.brown .nation-copy>span{color:#dfb085}.nation-copy p{font-size:12px;margin:0}.asset-note{font-size:10px;line-height:1.7;color:#7c8d94;margin:18px 0 0}.camp-section{background:#111b20;padding:90px 0;border-block:1px solid var(--line)}.camp-showcase{display:grid;grid-template-columns:1.8fr 1fr;border:1px solid #a28a5d55;background:#0c151b}.camp-picture{position:relative;align-self:center}.camp-picture img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.concept{position:absolute;bottom:10px;left:12px;background:#0b151ce8;padding:4px 9px;color:#cfc2a4;font-size:8px;letter-spacing:2px}.camp-copy{padding:30px;position:relative;overflow:hidden}.big-number{font:115px Georgia;position:absolute;right:14px;top:0;color:#d7b4750d;pointer-events:none}.camp-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:14px}.camp-copy h3{font-size:33px;position:relative}.camp-copy p{font-size:12px}.capacity{font-size:8px;color:var(--gold);letter-spacing:2px}.arrows{display:flex;align-items:center;gap:8px;margin-top:22px}.arrows button{background:transparent;border:1px solid #7b8d9255;color:#d5c29e;width:44px;height:44px;font-size:20px}.arrows span{margin-left:10px;font-size:10px;letter-spacing:2px;color:#9aa6a9}#camp-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:15px}#camp-tabs button{display:flex;gap:12px;align-items:center;min-height:54px;background:#17242b;border:1px solid #304148;color:#b7c2c4;padding:8px 12px;text-align:left;font-size:11px}#camp-tabs button span{font:20px Georgia;color:#7a929b}#camp-tabs button[aria-pressed=true]{border-color:var(--gold);background:#332c20;color:#f2dfb7}#camp-tabs button[aria-pressed=true] span{color:var(--gold)}.war{padding:110px 0}.province-intro{display:flex;gap:25px;align-items:center;border-block:1px solid var(--line);padding:20px 0}.province-intro strong{font:24px Georgia;color:#d7c098}.province-intro span{color:var(--muted);font-size:12px}.province-intro span:last-child{margin-left:auto;font-size:8px;letter-spacing:1px;color:var(--gold)}.search{display:flex;align-items:center;gap:20px;font-size:11px;margin:25px 0;color:#a9b7bc}.search input{width:300px;max-width:75%;min-height:44px;background:#121e24;color:#e1e4df;border:1px solid #35454b;padding:8px 14px;border-radius:0}#province-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;max-height:350px;overflow:auto;padding:3px}#province-grid button{display:flex;gap:7px;align-items:center;text-align:left;background:#101b21;border:1px solid #26353b;min-height:44px;color:#a7b7bd;padding:8px;font-size:10px}#province-grid button b{font:14px Georgia;color:#c0a778}#province-grid button[aria-pressed=true]{border-color:#c0a778;background:#2b2a23;color:#f1dfbc}.play-section{padding:90px 0;background:radial-gradient(ellipse at center,#23313a,#0e171d 70%);border-block:1px solid var(--line)}.devices{padding:15px 0 70px;position:relative;max-width:1050px;margin:auto}.monitor{margin:0;width:85%}.monitor-screen{border:10px solid #20282c;border-radius:10px;background:black;box-shadow:0 25px 60px #0008;outline:1px solid #77868b77}.monitor img{width:100%;aspect-ratio:16/9;object-fit:contain}.monitor-neck{height:55px;width:20%;margin:auto;background:linear-gradient(90deg,#192126,#546068,#1d272c);clip-path:polygon(30% 0,70% 0,80% 80%,100% 90%,100% 100%,0 100%,0 90%,20% 80%)}.devices figcaption{font-size:8px;color:#9babb2;letter-spacing:2px;text-align:center;margin-top:15px}.phone{position:absolute;bottom:20px;right:0;width:43%;margin:0}.phone img{border:8px solid #0a0d0e;border-radius:22px;outline:1px solid #8a969a;box-shadow:0 20px 40px #0009;aspect-ratio:844/390;object-fit:contain;background:#101619}.mechanics{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.mechanics article{border-top:1px solid var(--line);padding-top:25px}.mechanics article>span{font:14px Georgia;color:var(--gold)}.mechanics h3{font-size:27px;margin:18px 0}.mechanics p{font-size:13px}.beta{text-align:center;padding:110px 0 70px}.beta h2{font-size:clamp(40px,5vw,72px)}.beta>p:not(.eyebrow){font-size:14px}.beta .button{margin:18px 0 45px}.development{display:flex;justify-content:center;gap:50px;border-block:1px solid var(--line);padding:25px 0;font-size:9px;color:#718088;letter-spacing:1px}.development b{display:block;font-weight:400;font-size:12px;color:#aeb9be;letter-spacing:0;margin-top:6px}.development .current{color:var(--gold)}.faq{max-width:900px;padding:20px 0 90px}.faq details{border-bottom:1px solid var(--line);padding:0 3px}.faq summary{cursor:pointer;min-height:64px;padding:18px 0;font-size:14px}.faq p{font-size:13px;padding:0 20px 15px 0}.social{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:30px 0 100px;align-items:center}.social p{font-size:12px}.social-frame{position:relative;border:1px solid #a48d6155;padding:35px;background:linear-gradient(135deg,#1e2b31,#0d171d);outline:1px solid #a48d611a;outline-offset:7px}.frame-label{position:absolute;top:-9px;left:25px;background:#152127;padding:0 10px;font-size:8px;letter-spacing:2px;color:var(--gold)}#social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}#social-links a{display:flex;align-items:center;gap:12px;padding:13px 10px;min-height:50px;border:1px solid #73808733;font-size:12px}#social-links a:hover{background:#b99e6520;border-color:#b99e65}#social-links svg{width:21px;height:21px;fill:currentColor;color:#cdb380}#social-links a span:last-child{margin-left:auto;color:#83939b}.social-frame small{display:block;color:#7f919a;font-size:10px;line-height:1.7;margin-top:20px}footer{border-top:1px solid var(--line);padding:32px 0;display:flex;align-items:center;justify-content:space-between}footer p{font-size:10px;margin:0}footer>span{font-size:8px;color:var(--gold);letter-spacing:2px;text-align:right}
@media(min-width:1700px){.hero{padding-inline:max(6%,calc((100% - 1400px)/2))}}@media(max-width:1000px){nav{gap:15px}.hero{min-height:660px}h1{font-size:65px}.hero-links{gap:14px}.numbers div{display:block}.numbers div>span{display:block;max-width:160px}.camp-showcase{grid-template-columns:1.5fr 1fr}.camp-copy{padding:20px}.camp-copy h3{font-size:27px}#province-grid{grid-template-columns:repeat(6,1fr)}.nation{height:440px}.social{gap:35px}.section-head{align-items:start}.section-head p:not(.eyebrow){max-width:300px}}
@media(max-width:700px){header{height:76px;padding:0 6%}header nav{display:none}.wordmark{font-size:16px}.wordmark small{font-size:6px}.nav-cta{font-size:8px;padding:10px}.nav-cta span{padding-left:8px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:35px;padding-bottom:80px}.hero-emblem{order:-1;width:85%;max-width:380px;margin:-20px auto 15px}.emblem-foot{font-size:7px;gap:20px;margin-top:-15px}.hero-content{width:100%;text-align:center}h1{font-size:54px;letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:15px}.hero .lead{font-size:12px}.hero-links{justify-content:center;flex-wrap:wrap;margin-top:25px}.platform{font-size:7px;letter-spacing:.4px}.hero-bottom span{font-size:6px;letter-spacing:1px}.intro{grid-template-columns:1fr;gap:10px;padding:65px 0 35px}.intro p{font-size:13px}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:25px}.numbers strong{font-size:38px}.numbers div>span{font-size:7px}.nations,.war{padding:65px 0}.section-head{display:block}.section-head p:not(.eyebrow){max-width:none;margin-top:20px}.nation-pair{gap:10px}.nation{height:330px}.nation-copy{left:14px;bottom:18px}.nation-copy h3{font-size:21px;letter-spacing:1px}.nation-copy>span{font-size:6px;letter-spacing:1px}.nation-copy p{font-size:9px}.wolf-art{background-size:290% auto;background-position:12% 0}.brown .wolf-art{background-position:88% 0}.camp-section,.play-section{padding:60px 0}.camp-showcase{display:block}.camp-copy{padding:20px}.camp-copy h3{font-size:29px;margin-bottom:15px}.big-number{font-size:95px}#camp-tabs{grid-template-columns:repeat(2,1fr)}#camp-tabs button{font-size:10px;min-height:48px}.province-intro{display:block}.province-intro span{display:block;margin-top:7px}#province-grid{grid-template-columns:repeat(3,1fr);max-height:330px}.devices{padding-bottom:65px}.monitor{width:95%}.monitor-screen{border-width:5px}.monitor-neck{height:35px}.phone{width:65%;bottom:0}.phone img{border-width:5px;border-radius:15px}.devices figcaption{font-size:6px;letter-spacing:1px}.mechanics{grid-template-columns:1fr;gap:15px;margin-top:40px}.mechanics h3{font-size:25px;margin:10px 0}.beta{padding:65px 0 45px}.development{gap:18px;justify-content:space-between;font-size:7px}.development b{font-size:10px}.faq{padding-bottom:60px}.social{grid-template-columns:1fr;gap:25px;padding-bottom:60px}.social-frame{padding:25px 20px}footer{gap:20px;flex-wrap:wrap}footer>span{text-align:left}h2{letter-spacing:-.7px}.asset-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}
