/* Landing page only: field-manual typography, charcoal and military green, with campaign art taking the lead. */
:root{color-scheme:dark;--background:#121a18;--ink:#eceee5;--muted:#b1baaf;--line:#35443b;--green:#1c3027;--brass:#cfaf70}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.65 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}[hidden]{display:none!important}img{display:block;width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--brass);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--green);color:white;padding:12px;z-index:10}.skip:focus{top:12px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:22px;border-bottom:1px solid var(--line)}.brand{display:block;flex:none;width:min(490px,42vw)}.brand img{width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.site-header nav>a:not(.button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:12px 22px;background:var(--green);color:#f8f5eb;font-size:14px;font-weight:600;border:1px solid #668061;transition:background .15s}.button:hover{background:#304c3d}.button span{font-size:19px;font-weight:400}.button.compact{min-height:42px;padding:8px 17px;font-size:13px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;min-height:44px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:#b5be96;margin-bottom:20px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding-block:76px 66px}h1{font:400 clamp(42px,4.05vw,62px)/1.07 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin-bottom:27px}h1 em{color:#c4cda8;font-weight:400}.lead{font-size:17px;line-height:1.75;max-width:510px}.intro{color:var(--muted);font-size:14px;max-width:450px;margin:18px 0 27px}.hero-note{color:var(--muted);font-size:11px;margin-top:20px}.hero-map{border:1px solid #54634d;background:var(--green);box-shadow:12px 14px 0 #0b110f;transform:rotate(-1deg)}.figure-label{display:flex;justify-content:space-between;padding:13px 17px;font-size:9px;font-weight:600;letter-spacing:.16em;color:#d6dac5}.hero-map img{aspect-ratio:1.25;object-fit:cover;object-position:center}.hero-map figcaption{display:flex;align-items:center;gap:9px;color:#d8ddcc;font-size:11px;padding:13px 17px}.live-dot{width:6px;height:6px;border-radius:50%;background:#c8ba7c}.principles{display:flex;justify-content:space-between;gap:16px;border-block:1px solid var(--line);padding-block:21px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.principles span::before{content:'+';color:var(--brass);margin-right:15px}
.campaign{display:grid;grid-template-columns:1fr 1.75fr;gap:80px;padding-block:86px}.section-heading h2,h2{font:400 38px/1.15 Georgia,serif;letter-spacing:-.025em}.section-heading>p:last-child{font-size:14px;color:var(--muted);margin-top:22px;max-width:370px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:3px}.feature-no{font:italic 28px Georgia,serif;color:var(--brass);display:block;margin-bottom:27px}.features h3{font:400 21px/1.2 Georgia,serif;margin-bottom:14px}.features p{font-size:13px;color:var(--muted);line-height:1.8}.field-notes{background:var(--green);color:var(--ink);padding-block:64px}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px}.detail-image{border:1px solid #516254}.detail-image img{aspect-ratio:1.6;object-fit:cover}.detail-image figcaption{padding:12px 16px;font-size:9px;letter-spacing:.17em;color:#c1c8b9}.detail-copy .eyebrow{color:#caba89}.detail-copy h2{font-size:42px;margin-bottom:24px}.detail-copy>p:not(.eyebrow){color:#c3cbbf;font-size:14px;margin-bottom:16px}.light{color:#e5d4a1;margin-top:6px}.roles{padding-block:84px 68px}.horizontal{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.horizontal>p:last-child{margin:0;font-size:13px}.role-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.role-grid article{padding:35px 40px}.role-grid article+article{border-left:1px solid var(--line);background:#1a2721}.role-grid .eyebrow{margin-bottom:15px}.role-grid h3{font:400 29px/1.2 Georgia,serif;margin-bottom:20px}.role-grid p:not(.eyebrow){font-size:14px;color:var(--muted)}.role-grid .role-foot{font-size:10px!important;letter-spacing:.04em;margin-top:26px;border-top:1px solid var(--line);padding-top:15px}
.getting-started{padding-bottom:75px}.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps li{border-top:1px solid var(--line);padding-top:20px}.steps li>span{display:block;font:italic 24px Georgia,serif;color:var(--brass);margin-bottom:22px}.steps h3{font-size:14px;margin-bottom:10px}.steps p{font-size:13px;color:var(--muted)}.closing{border-block:1px solid var(--line);padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:32px}.closing .eyebrow{margin-bottom:12px}.closing h2{font-size:31px}.closing p:last-child{color:var(--muted);font-size:14px;margin-top:12px}.closing .actions{align-items:flex-start;flex-direction:column;gap:3px;flex-shrink:0}footer{display:flex;justify-content:space-between;gap:20px;padding-block:27px 34px;font-size:11px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:90px 80px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.site-header{gap:20px}.site-header nav{gap:16px}.site-header nav>a[href="#campaign"]{display:none}.hero{gap:34px}.campaign{gap:40px;grid-template-columns:1fr 2fr}.features{gap:20px}.detail-grid{gap:40px}.horizontal h2{font-size:32px}.role-grid article{padding:28px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px;flex-wrap:wrap;gap:18px}.brand{width:min(100%,420px);margin-inline:auto}.site-header nav{width:100%;justify-content:space-between;gap:14px}.site-header nav>a[href="#campaign"]{display:block}.site-header nav>a[href="#start"]{display:none}.hero{grid-template-columns:1fr;padding-block:42px;gap:34px}h1{font-size:clamp(39px,8vw,58px)}.hero .lead{font-size:16px}.hero-map{transform:none;box-shadow:6px 7px 0 #0b110f}.hero-map img{aspect-ratio:1.52}.principles{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:14px}.principles span::before{margin-right:8px}.campaign{grid-template-columns:1fr;padding-block:52px;gap:30px}.features{grid-template-columns:1fr;gap:23px}.features article{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:35px 1fr;gap:5px 14px}.feature-no{grid-row:span 2;margin:0;font-size:24px}.features h3{margin-bottom:4px}.features p{grid-column:2}.section-heading h2,h2{font-size:34px}.detail-grid{grid-template-columns:1fr;gap:30px}.field-notes{padding-block:36px}.detail-copy h2{font-size:36px}.roles{padding-block:50px}.horizontal{display:block;margin-bottom:27px}.horizontal>p:last-child{margin-top:16px}.role-grid{grid-template-columns:1fr}.role-grid article+article{border-left:0;border-top:1px solid var(--line)}.steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:28px}.getting-started{padding-bottom:45px}.closing{display:block;padding-block:30px}.closing .actions{margin-top:25px}.closing h2{font-size:29px}footer{flex-direction:column;gap:5px;font-size:10px}.hero-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* World choice and scenario pack reference sections. */
.worlds{padding-block:84px 10px}.worlds .horizontal>p:last-child{max-width:355px}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.world-card{min-height:300px;border:1px solid #53644d;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.earth-world{background:linear-gradient(180deg,rgba(11,23,18,.04),rgba(11,23,18,.95)),url('/assets/home/europe.png') center/cover}.fantasy-world{background:linear-gradient(180deg,rgba(11,23,18,.04),rgba(11,23,18,.95)),url('/assets/home/azgaar.png') center/cover}.world-card-top{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#e4e8d7}.world-card-copy{padding:55px 28px 26px;max-width:470px}.world-card h3{font:400 30px/1.2 Georgia,serif;margin-bottom:12px}.world-card p{font-size:14px;color:#e0e5d9;line-height:1.65}.world-note{margin-top:15px;color:var(--muted);font-size:12px}.worlds+.campaign{padding-top:82px}
.store{background:#1a2821;border-block:1px solid var(--line);padding-block:68px 60px}.store .horizontal>p:last-child{max-width:330px}.pack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pack-card{border:1px solid #4a5b4b;background:#142019;padding:30px;min-height:260px;display:flex;flex-direction:column}.pack-category{color:var(--brass);font-size:10px;font-weight:700;letter-spacing:.17em}.pack-card h3{font:400 27px/1.2 Georgia,serif;margin:28px 0 12px}.pack-card p{font-size:13px;color:var(--muted);line-height:1.65}.pack-price{display:block;margin-top:auto;padding-top:22px;font:400 28px Georgia,serif;color:#e4d0a4}.store-note{font-size:12px;color:var(--muted);margin-top:20px}.store+.closing{border-top:0}
@media(max-width:1050px){.site-header nav>a[href="#start"]{display:none}}
@media(max-width:760px){.site-header nav>a[href="#campaign"]{display:none}.site-header nav{flex-wrap:wrap;justify-content:center}.worlds{padding-block:54px 0}.world-grid{grid-template-columns:1fr}.world-card{min-height:270px}.worlds+.campaign{padding-top:55px}.store{padding-block:50px 45px}.pack-grid{grid-template-columns:1fr}.pack-card{min-height:220px}.pack-card h3{margin-top:20px}}

/* Screens from live campaigns. */
.screenshots{padding-block:82px 10px}.screenshots .horizontal>p:last-child{max-width:360px}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.screenshot-card{min-width:0;border:1px solid #4a5b4b;background:#1a2821;overflow:hidden}.screenshot-card img{aspect-ratio:1.8;object-fit:cover}.screenshot-wide{grid-column:1/-1}.screenshot-wide img{aspect-ratio:2.15}.screenshot-ui img{object-fit:contain;background:#203328}.screenshot-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 19px;border-top:1px solid #4a5b4b}.screenshot-card figcaption span{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--brass)}.screenshot-card figcaption strong{font:400 20px/1.2 Georgia,serif;text-align:right}.screenshots+.roles{padding-top:80px}
@media(max-width:760px){.screenshots{padding-block:52px 0}.screenshot-grid{grid-template-columns:1fr;gap:16px}.screenshot-wide{grid-column:auto}.screenshot-wide img,.screenshot-card img{aspect-ratio:1.65}.screenshot-card figcaption{padding:13px 15px}.screenshot-card figcaption strong{font-size:17px}.screenshots+.roles{padding-top:55px}}