:root{color-scheme:dark;--bg:#090b0c;--panel:#111415;--ink:#e4dccb;--muted:#b5b3aa;--gold:#b2a07d;--line:#383c3b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;font-family:var(--sans);font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}button,input,select{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(2.4rem,4.1vw,4.4rem);line-height:1.1;letter-spacing:-.035em}h2{font-size:clamp(2.25rem,3.8vw,4rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.65rem;line-height:1.3}p{color:var(--muted)}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.skip{position:fixed;left:20px;top:-70px;z-index:20;background:var(--ink);color:var(--bg);padding:10px 16px}.skip:focus{top:15px}.preview-note{text-align:center;padding:7px 15px;font-size:.8125rem;color:#d2c8af;background:#282b27;border-bottom:1px solid #505044}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;background:var(--bg);border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:var(--serif);font-weight:700;font-size:1.5rem;letter-spacing:.11em;text-decoration:none}nav{display:flex;align-items:center;gap:35px;font-size:.875rem}nav a{text-decoration:none}nav a:hover,.text-link:hover{color:#fff}.nav-cta{border:1px solid #777361;padding:11px 20px}.hero{position:relative;min-height:720px;min-height:min(830px,88vh);display:flex;align-items:center;isolation:isolate;overflow:hidden;padding:65px 8vw 125px}.hero-image{position:absolute;inset:0;object-fit:cover;object-position:62% center;width:100%;height:100%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,8,.95),rgba(5,7,8,.76) 37%,rgba(5,7,8,.14) 72%),linear-gradient(0deg,#090b0c 0%,transparent 27%);z-index:-2}.hero-copy{max-width:610px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8125rem;font-weight:600;color:var(--gold);margin-bottom:22px}.hero-logo{width:330px;height:auto;mix-blend-mode:screen;margin:0 0 24px -5px}.hero-description{max-width:485px;margin-top:24px;font-size:1.08rem;line-height:1.7;color:#d0cfc6}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#111516;background:var(--ink);border:1px solid var(--ink);padding:15px 23px;font-size:.9375rem;font-weight:600;min-height:52px;cursor:pointer}.button:hover{background:#f7f0e0}.text-link{font-size:.9375rem;color:var(--ink);text-decoration:underline}.hero-footer{position:absolute;bottom:22px;left:8vw;right:8vw;border-top:1px solid #74766b66;padding-top:20px;display:flex;gap:42px;color:#c0c1b7;font-size:.8125rem;letter-spacing:.06em}.capture-label{font-size:.75rem;line-height:1.6;color:#d2d1c7}.hero>.capture-label{position:absolute;right:3vw;bottom:99px;max-width:270px;text-align:right;text-shadow:0 1px 5px #000}.section{max-width:1320px;margin:auto;padding:110px 7vw}.game-section{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.section-intro>p:last-child{margin-top:27px;max-width:390px}.principles{padding-top:8px}.principles article{display:flex;gap:24px;padding:27px 0;border-top:1px solid var(--line)}.principles article:last-child{border-bottom:1px solid var(--line)}.principles h3{margin-bottom:12px}.number{font-family:var(--serif);font-size:1.1rem;color:var(--gold);padding-top:3px}.world-section{display:grid;grid-template-columns:1.35fr 1fr;background:#101313}.world-image{position:relative;min-height:570px}.world-image>img{height:100%;width:100%;object-fit:cover;object-position:58% center}.world-image>.capture-label{position:absolute;bottom:0;left:0;right:0;padding:22px 30px;background:linear-gradient(transparent,#000b)}.world-copy{padding:70px 6vw;align-self:center}.world-copy p:not(.eyebrow){margin-top:25px}.world-copy .text-link{display:inline-block;margin-top:27px}.playtest-section{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw}.lead{margin-top:26px}.test-details{margin:35px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:23px}.test-details dt{font-size:.8125rem;color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.test-details dd{margin:4px 0 0}.signup-panel{align-self:center;background:var(--panel);border:1px solid var(--line);padding:42px}.small-label{display:block;color:var(--gold);font-size:.8125rem;margin-bottom:15px;text-transform:uppercase;letter-spacing:.09em}.signup-panel h3{font-size:2rem;margin-bottom:18px}.registration-status{border:1px solid #55594c;padding:18px;margin:25px 0;color:var(--ink)}.small-copy{font-size:.875rem}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:9vw;padding-top:85px}details{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}summary{cursor:pointer;font-size:1.0625rem;list-style-position:outside;margin-left:18px;padding-left:10px}details p{margin:18px 0 0 28px}footer{border-top:1px solid var(--line);padding:40px 5.5vw;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p,footer a:not(.wordmark),footer span{font-size:.8125rem}footer span{margin-left:auto;color:var(--muted)}.form-field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.form-field label{font-size:.875rem}.form-field input,.form-field select{width:100%;background:#090b0c;border:1px solid #61685e;color:var(--ink);padding:12px}.form-field input:disabled{opacity:.65}.check-field{display:flex;align-items:start;gap:12px;margin:20px 0;font-size:.875rem}.check-field input{margin-top:7px}.form-message{margin-top:20px;font-size:.9375rem}.form-message:empty{display:none}.signup-panel .button{width:100%}.button:disabled{cursor:not-allowed;opacity:.55}.password-note{font-size:.8125rem;margin-top:4px}.register-layout{max-width:660px;margin:70px auto;padding:0 24px}.register-layout h1{font-size:3rem;margin-bottom:24px}.register-layout .signup-panel{margin-top:30px}.back-link{display:inline-block;margin-bottom:22px}
@media(min-width:1500px){.hero{padding-left:max(8vw,calc((100vw - 1270px)/2))}.hero-copy{max-width:650px}.hero-image{object-position:center}}
@media(max-width:850px){.site-header{padding:0 5vw;height:75px}nav{gap:20px}nav a:not(.nav-cta){display:none}.hero{min-height:750px;padding:55px 7vw 140px}.hero-shade{background:linear-gradient(90deg,#050708e8,#050708a6 60%,#05070866),linear-gradient(0deg,#090b0c,transparent 70%)}.hero-copy{max-width:530px}.hero-footer{left:7vw;right:7vw;gap:22px}.hero>.capture-label{left:7vw;right:auto;bottom:94px;text-align:left;max-width:none}.game-section,.playtest-section,.faq-section{grid-template-columns:1fr;gap:45px}.section{padding:75px 7vw}.section-intro>p:last-child{max-width:570px}.world-section{grid-template-columns:1fr}.world-image{min-height:0;height:auto;aspect-ratio:16/10}.world-copy{padding:55px 7vw}.world-copy h2 br{display:none}.world-copy h2{max-width:500px}.signup-panel{padding:30px}.faq-section{gap:35px}footer{gap:18px}footer p{flex-basis:100%}footer span{margin-left:0}}
@media(max-width:480px){.preview-note{font-size:.75rem;padding:8px 12px}.wordmark{font-size:1.12rem}.nav-cta{padding:9px 12px;font-size:.8125rem}.hero{min-height:710px;padding-top:38px;align-items:start}.hero-logo{width:260px;margin-bottom:24px}.eyebrow{font-size:.75rem;letter-spacing:.12em}.hero-description{font-size:1rem}.hero-footer{gap:14px;flex-wrap:wrap;font-size:.75rem;bottom:18px}.hero-footer span:last-child{flex-basis:100%}.hero>.capture-label{bottom:112px;font-size:.75rem;max-width:270px}.actions{gap:22px}.actions .button{width:100%}.test-details{gap:20px}.signup-panel{padding:26px 22px}.section{padding-top:65px;padding-bottom:65px}.world-image{aspect-ratio:1.15;}.world-image>.capture-label{padding:20px}.principles article{gap:16px}summary{font-size:1rem}.register-layout h1{font-size:2.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.optional{font-size:.8125rem;color:var(--muted)}.privacy-link{margin:0 0 20px}.signup-expectations{margin-top:25px}.policy-layout{max-width:790px;padding:65px 28px 90px;margin:auto}.policy-layout>p{margin-top:22px}.policy-layout section{margin-top:40px}.policy-layout h2{font-size:1.65rem;margin-bottom:15px}.policy-layout section p+p{margin-top:15px}[hidden]{display:none!important}
@media(max-width:480px){.hero{padding-bottom:180px}}
#signup-fields{border:0;padding:0;margin:0;min-width:0}
.concept-section{border-bottom:1px solid var(--line)}
.story-section{border-bottom:1px solid var(--line);padding-bottom:85px}
.story-intro{display:grid;grid-template-columns:.85fr 1.3fr;gap:7vw;align-items:start;margin-bottom:45px}
.story-prose p+p{margin-top:22px}
.story-prose{font-size:1.02rem;line-height:1.85}
.story-art{margin:0 0 45px;position:relative;border:1px solid var(--line)}
.story-art img{width:100%;height:auto}
.story-art figcaption{font-size:.6875rem;position:absolute;bottom:0;left:0;right:0;text-align:right;padding:28px 20px 12px;background:linear-gradient(transparent,#000b);color:var(--ink)}
.story-factions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.story-factions article{border-top:1px solid var(--line);padding-top:22px}
.story-factions .eyebrow{font-size:.6875rem;margin-bottom:10px}
.story-factions h3{font-size:1.7rem;margin-bottom:17px}
.story-factions article>p:last-child{font-size:.9375rem}
@media(max-width:850px){.story-intro{grid-template-columns:1fr;gap:24px}.story-intro h2{max-width:440px}.story-factions{gap:22px}.story-factions h3{font-size:1.4rem}}
@media(max-width:600px){.story-factions{grid-template-columns:1fr;gap:28px}.story-factions h3{font-size:1.7rem}.story-art{margin-bottom:32px}.story-art figcaption{padding:24px 10px 8px;font-size:.625rem}.story-intro{margin-bottom:30px}}
.concept-intro{display:grid;grid-template-columns:1fr 1.3fr;gap:7vw;align-items:end;margin-bottom:42px}
.concept-intro>div:last-child>p:first-child{font-size:1.1rem}
.concept-scope{font-size:.875rem;margin-top:18px;max-width:610px}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding:25px 0 32px}
.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}
.gallery-filters button,.art-viewer button{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;padding:9px 15px;font-size:.8125rem}
.gallery-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.gallery-filters button:hover,.art-viewer button:hover{border-color:var(--gold)}
#gallery-count{font-size:.8125rem;white-space:nowrap;color:var(--gold)}
.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.concept-card{min-width:0}
.concept-link{display:block;text-decoration:none}
.concept-image{position:relative;background:#161b1b;border:1px solid var(--line);aspect-ratio:16/10;overflow:hidden}
.concept-card[data-category=characters] .concept-image{aspect-ratio:3/4}
.concept-image img{width:100%;height:100%;object-fit:contain}
.concept-enlarge{position:absolute;right:0;bottom:0;background:#090b0ce8;padding:7px 11px;font-size:.6875rem;letter-spacing:.04em;color:var(--ink)}
.concept-link:hover .concept-image,.concept-link:focus-visible .concept-image{border-color:var(--gold)}
.concept-copy{padding-top:18px}
.concept-status{font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.concept-copy h3{font-size:1.45rem;line-height:1.2;margin-bottom:10px}
.concept-copy>p:last-child{font-size:.875rem;line-height:1.6}
.concept-disclosure{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);font-size:.75rem;max-width:880px}
.art-viewer{width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px 24px;background:#0c1011;color:var(--ink);border:1px solid #66695b;overflow:auto}
.art-viewer[open]{display:grid;gap:18px}
.art-viewer::backdrop{background:#000e}
.art-viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px}
#art-position{color:var(--gold);font-size:.8125rem}
#art-close{display:flex;align-items:center;gap:20px}
#art-close span{font-size:1.3rem;line-height:1}
.art-viewer-image{min-height:100px;background:#151a1a;display:flex;align-items:center;justify-content:center}
#art-image{width:100%;height:min(62vh,740px);height:min(62dvh,740px);object-fit:contain}
.art-viewer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center}
#art-title{font-size:1.5rem;margin-bottom:6px}
#art-caption{font-size:.8125rem;max-width:720px}
.art-navigation{display:flex;gap:8px;flex-shrink:0}
.art-navigation button{display:flex;gap:8px;align-items:center}
@media(min-width:851px) and (max-width:1100px){nav{gap:20px}.site-header{padding:0 4vw;gap:15px}.nav-cta{padding:11px 14px}}
@media(max-width:850px){.concept-intro{grid-template-columns:1fr;gap:24px}.concept-intro h2 br{display:none}.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.art-viewer-bottom{align-items:start;flex-direction:column;gap:16px}.art-navigation{align-self:flex-end}}
@media(max-width:480px){.concept-grid{grid-template-columns:1fr;gap:35px}.concept-card[data-category=characters] .concept-image{aspect-ratio:3/4;max-height:440px}.concept-copy h3{font-size:1.65rem}.concept-status{font-size:.6875rem}.gallery-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.gallery-filters button{padding:10px 8px;font-size:.75rem}.gallery-toolbar{gap:12px;padding-top:20px}.art-viewer{padding:14px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}#art-image{height:52dvh}#art-title{font-size:1.3rem}.concept-disclosure{margin-top:30px}}
.has-music footer{padding-bottom:120px}.music-player{position:fixed;right:20px;bottom:max(18px,env(safe-area-inset-bottom));z-index:15;display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:calc(100vw - 32px);padding:12px 16px;background:#111415f5;border:1px solid #555a52;box-shadow:0 6px 24px #0008}.music-title{font:12px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--gold)}.music-player button{min-height:40px;padding:8px 12px;border:1px solid #777361;background:transparent;color:var(--ink);cursor:pointer;font-size:14px}.music-player button:hover{background:#242925}.music-player button:disabled{cursor:wait;opacity:.7}.music-volume{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px;line-height:1.3}.music-volume input{width:76px;height:18px;accent-color:var(--ink);cursor:pointer}.music-player p{flex-basis:100%;font-size:12px;max-width:280px}.music-player p:empty{display:none}@media(max-width:480px){.music-player{right:16px;gap:10px;padding:10px 12px}.music-title{font-size:11px}.music-volume input{width:66px}}
