/* VPU: Static light, worn hulls, faction colour. Fixed compositions, editable art. */
@font-face{font-family:VP Display;src:url('/assets/fonts/VP-Display.otf') format('opentype');font-display:swap;font-weight:700}
[hidden]{display:none!important}
:root{--bg:#080e13;--panel:#111b22;--text:#e6edf0;--muted:#a3b2bd;--line:#283a45;--gold:#66caff;--accent:#66caff;--max:1400px;--display:'VP Display','Arial Narrow',sans-serif}
h1,h2{font-weight:700}.hero h1{font-stretch:condensed;letter-spacing:-.025em}
body{background:var(--bg)}body[data-theme=black-flag]{--gold:#ed8d81;--accent:#df574c;--panel:#191719;--line:#443437}body[data-theme=union]{--gold:#dac292;--accent:#c6ad78}body[data-theme=freelancers]{--gold:#dbc28e;--accent:#d0af6a;--panel:#101b1e;--line:#3b453f}body[data-theme=hort]{--gold:#b9d8a5;--accent:#80b68d;--panel:#101f1c;--line:#30443c}body[data-theme=gas-monkeys]{--gold:#6be2cd;--accent:#ec82bd;--line:#3d3b49}
.topbar{background:#080e13ee;border-color:#22343e}.nav{height:88px;gap:24px}.brand .brand-mark{width:68px;height:48px;object-fit:contain;object-position:center}.wordmark{font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;letter-spacing:.075em}.brand:before{display:none}.nav-links{gap:22px}.nav-links a{font-size:12px;letter-spacing:.02em}.nav-course{border-color:#39647b;background:#0f2530;font:11px Consolas,monospace;white-space:nowrap}.motion-toggle{min-height:32px;padding:5px 7px;font:10px Consolas,monospace;color:#a2b9c7;border:0}.nav .menu-toggle{display:none}.button{transition:background .2s,border-color .2s,box-shadow .2s}.button.primary{background:var(--gold);box-shadow:0 0 24px #66caff12}.button.primary:hover{background:#d9eff9;box-shadow:0 0 25px #66caff38}.button:hover{box-shadow:inset 0 0 18px #6eceff0c}.status{color:var(--gold)}.status:before{box-shadow:0 0 9px var(--gold)}
.home-hero{min-height:680px;background:#080e13}.hero-image{filter:saturate(.85);transition:none}.home-hero .hero-image{object-position:70% 48%;opacity:.85}.hero:after{background:linear-gradient(90deg,#07101af5 0%,#07101ae8 23%,#07101a7a 48%,#07101a12 78%),linear-gradient(0deg,#080e13 0%,transparent 30%)}.hero-content{position:relative;z-index:1}.hero-content>.eyebrow{letter-spacing:.3em;margin-bottom:24px;color:#bbdef0}.hero h1{font-size:clamp(58px,6.7vw,106px);line-height:.98;max-width:630px;letter-spacing:.015em;margin-top:24px;text-wrap:balance;text-shadow:0 3px 30px #0004}.hero .hero-copy{font-size:16px;line-height:1.8;max-width:410px}.hero-caption{z-index:2;color:#a9becd}.hero-caption span{color:#76c8ed}.static-drift{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(117deg,transparent 40%,#4ac9ff09 46%,transparent 51%);background-size:220% 150%;animation:staticDrift 9s ease-in-out infinite}.home-hero:before{content:'';position:absolute;inset:9% 6% 14% 60%;border:1px solid #8dd6ff20;border-radius:50%;box-shadow:0 0 0 45px #88d9ff03,0 0 0 90px #88d9ff03;pointer-events:none;z-index:1;animation:beacon 6s ease-in-out infinite}.hero .actions{gap:22px}.hero .button.quiet{color:#d1e3ef}.page-hero .hero-content{padding-top:70px;padding-bottom:90px}.page-hero h1{max-width:820px}.page-hero:after{background:linear-gradient(90deg,#080e13f2,#080e1390 55%,#080e1320),linear-gradient(0deg,#080e13,transparent)}.focus-top{object-position:center top!important}.focus-bottom{object-position:center bottom!important}.focus-left{object-position:left center!important}.focus-right{object-position:right center!important}.focus-center{object-position:center!important}
.course-console{border:1px solid #29414e;display:grid;grid-template-columns:minmax(0,1fr) 295px;background:radial-gradient(ellipse at 40% 50%,#16354755,transparent 70%),#0a141c;position:relative;overflow:hidden}.course-console:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#95d4ed60 .6px,transparent .8px);background-size:53px 43px;opacity:.3}.course-map{position:relative;height:430px;min-width:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 53px,#5374890a 54px),repeating-linear-gradient(90deg,transparent 0,transparent 53px,#5374890a 54px)}.filament-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.filament-lines path{fill:none;stroke:#66b9e036;stroke-width:1}.filament-lines .active-route{stroke:#8bdbfd;stroke-width:1.5;stroke-dasharray:12 10;animation:filamentFlow 9s linear infinite;filter:drop-shadow(0 0 5px #6ed3ff)}.map-origin{position:absolute;top:48%;left:9.5%;color:#a2e2ff;text-shadow:0 0 20px #70d4ff}.map-annotation{position:absolute;bottom:14px;left:20px;font:9px Consolas,monospace;letter-spacing:.1em;color:#668492}.course-node{position:absolute;transform:translate(-50%,-40%);display:flex;flex-direction:column;gap:4px;border:0;background:none;box-shadow:none!important;padding:8px;width:175px;min-height:120px;cursor:pointer;font-weight:normal}.node-0{left:30%;top:20%}.node-1{left:50.5%;top:54%}.node-2{left:71%;top:22%}.node-3{left:33%;top:81%}.node-4{left:73%;top:82%}.node-ring{width:44px;height:44px;display:grid;place-items:center;border:1px solid #47738a;border-radius:50%;font:11px Consolas,monospace;color:#a3c7db;background:#0b1923;box-shadow:0 0 0 5px #66caff09;transition:box-shadow .3s,transform .3s}.node-label{font-size:14px;font-weight:bold;white-space:nowrap;margin-top:5px}.course-node small{font:9px Consolas,monospace;letter-spacing:.08em;color:#8fa6b2}.course-node:hover .node-ring,.course-node.selected .node-ring{border-color:#91deff;box-shadow:0 0 0 8px #66caff0c,0 0 30px #66caff40;color:white;transform:scale(1.08)}.course-node.selected .node-label{color:#8fd6ff}.course-detail{align-self:stretch;border-left:1px solid #29414e;padding:38px 27px;display:flex;flex-direction:column;justify-content:center;gap:14px;background:#0b141cbb;position:relative}.course-detail h3{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-size:37px;letter-spacing:.02em}.course-detail>p:not(.eyebrow){font-size:14px;color:#a9bdc8}.course-detail .actions{display:flex;flex-direction:column;align-items:start;gap:22px;margin-top:18px}.course-dialog{max-width:1120px;padding:30px}.course-dialog .course-map{height:380px}.course-dialog h2{font-size:42px}.course-dialog>p{margin-top:10px}.course-dialog .dialog-close{font-size:12px;float:right;border:0}
.faction-section{padding:10px 0 80px;text-align:center}.faction-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:25px 0}.faction-button{display:flex;flex-direction:column;gap:15px;border:1px solid transparent;font-size:10px;font-weight:normal;color:#aebcc5;padding:15px 3px;min-width:0}.faction-button[aria-pressed=true]{border-color:#46677a;background:#66caff0a;color:#bce6ff}.faction-sigil{display:block;width:64px;height:48px;background-image:url('/assets/art/factions.png');background-size:836px 470.5px;background-repeat:no-repeat;filter:saturate(.65);mix-blend-mode:screen}.sigil-0{background-position:-35px -411px}.sigil-1{background-position:-131px -411px}.sigil-2{background-position:-234px -411px}.sigil-3{background-position:-335px -411px}.sigil-4{background-position:-437px -411px}.sigil-5{background-position:-536px -411px}.sigil-6{background-position:-640px -411px}.sigil-7{background-position:-740px -411px}.faction-caption{color:#8fa6b4;font-size:12px;min-height:40px}.faction-caption a{color:#9edbff;white-space:nowrap}.faction-caption strong{color:#e1e9ee}.coming-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.7fr);gap:90px}.coming-content h2{font-size:37px;margin:15px 0 25px}.coming-content .actions{margin-top:26px}.transmission-panel{border:1px solid var(--line);background:linear-gradient(145deg,#1b384344,#111b22);padding:35px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.transmission-panel h3{font-size:22px}.transmission-panel p{color:var(--muted);font-size:13px}.page-emblem{width:75px;max-height:85px;object-fit:contain}.waveform{display:flex;align-items:center;gap:4px;height:48px;margin-bottom:12px}.waveform span{display:block;width:3px;height:12px;background:var(--gold);box-shadow:0 0 12px #66caff35;animation:signalWave 2.6s ease-in-out infinite}.waveform span:nth-child(3n){height:30px;animation-delay:.4s}.waveform span:nth-child(4n){height:40px;animation-delay:.7s}.waveform span:nth-child(2n){animation-delay:1s}.campaign-form{max-width:850px}.join-section{background:linear-gradient(135deg,#10243255,#10243200),#0c161e;border-top:1px solid #29404c}.join-intro .eyebrow{color:var(--gold)}.join-grid{gap:100px}.choice:hover,.choice:has(input:checked){border-color:#5790ae;background:#66caff09}.footer{background:#080d12}.footer .brand .brand-mark{width:55px;height:38px;object-fit:contain}.footer .wordmark{font-size:21px}
.live-design .page-hero{min-height:550px}.live-design .hero-content>.status{color:#afe3bc}.release-intro{display:flex;flex-direction:column;gap:25px;align-items:start;max-width:1050px}.release-intro .body-copy{font-size:20px;line-height:1.9}.feature-split{display:grid;grid-template-columns:1.2fr 1fr;min-height:450px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.feature-art{width:100%;height:100%;min-height:450px;object-fit:cover}.feature-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:25px;padding:50px}.feature-copy h2{font-size:46px}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.release-card{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;align-items:start;gap:14px}.release-card img{width:100%;height:210px;object-fit:cover}.release-card h3{font-size:26px}.release-card p{font-size:14px;color:var(--muted)}.release-card .button{margin-top:auto}.preview-banner{position:sticky;top:0;z-index:7;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #6bb6dc;background:#153248;color:#e0f2ff;font-size:12px}.preview-banner span{font-size:11px}
.admin-shell{background:#0c141b}.admin-content{max-width:1600px}.admin-sidebar{background:#0a1117}.admin-tabs button.active{border-color:#315a70;background:#66caff0a}.admin-panel{background:#111b23}.admin-heading h1{font-size:30px}.publishing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.publishing-card{padding:25px;border:1px solid #2d414e;background:#0d1720;display:flex;flex-direction:column;align-items:start;gap:12px}.publishing-card h3{font-size:23px}.publishing-card .button{margin-top:auto}.publishing-card p{font-size:12px}.editor-page-status{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:20px 0}.editor-variants{display:flex;border-bottom:1px solid #324d5f;margin-bottom:20px;gap:8px}.editor-variants .button{border:1px solid transparent;border-bottom:2px solid transparent;padding:16px 24px}.editor-variants .selected{border-bottom-color:#75cff8;background:#66caff0a}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.editor-layout>div{min-width:0}.image-slot{border:1px dashed #3e596a;padding:18px;margin:18px 0}.slot-label{font-weight:bold;margin-bottom:14px}.image-slot>img{max-height:180px;width:100%;object-fit:contain;background:#050b10}.image-slot .actions{margin:16px 0}.image-slot .field{margin-bottom:0}.slot-editor{padding:16px 0;border-top:1px solid var(--line)}.slot-editor summary{cursor:pointer;padding-bottom:16px;font-size:13px;color:var(--gold)}.editor-savebar{position:sticky;bottom:0;padding:18px;background:#0c1821f5;backdrop-filter:blur(10px);border:1px solid #3e6175;display:flex;flex-wrap:wrap;align-items:center;gap:12px;z-index:4;margin-bottom:24px}.editor-savebar .form-result{width:100%;margin:0;font-size:12px}.editor-savebar a[aria-disabled=true]{opacity:.5}.artwork-dialog{max-width:1100px;width:calc(100% - 32px)}.artwork-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0;max-height:55vh;overflow:auto}.artwork-option{flex-direction:column;align-items:stretch;gap:8px;padding:9px;min-width:0;text-align:left}.artwork-option img{width:100%;height:120px;object-fit:cover}.artwork-option span{font-size:11px;overflow-wrap:anywhere}.publish-dialog .actions{margin-top:24px}.publish-dialog h2{margin:15px 0 25px}.analytics-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:end;padding:20px;border:1px solid var(--line);margin-bottom:25px}.analytics-filters .field{margin:0}.analytics-metrics{grid-template-columns:repeat(3,1fr)}.analytics-metrics .metric{border-top:2px solid #548eaf}.analytics-metrics .metric:nth-child(3){border-top-color:#80b999}.analytics-metrics .metric:nth-child(4){border-top-color:#c8ad7f}.analytics-metrics .metric:nth-child(6){border-top-color:#a39ad5}.admin-content>.actions{margin:20px 0}.admin-panel .button{margin-top:16px}.admin-panel .artwork-option{margin:0}.admin-panel .choice{margin-bottom:10px}.field select{min-width:0}.admin-notice{border-color:#5eb5df;background:#66caff08}.preview-tag{background:#0b1820e8;border-color:#36566b}
@keyframes staticDrift{0%,100%{background-position:100% 50%;opacity:.2}50%{background-position:0% 50%;opacity:1}}@keyframes filamentFlow{to{stroke-dashoffset:-220}}@keyframes beacon{0%,100%{opacity:.25;transform:scale(.98)}50%{opacity:.7;transform:scale(1)}}@keyframes signalWave{0%,100%{transform:scaleY(.7)}50%{transform:scaleY(1.2)}}
.effects-off *,.effects-off *:before,.effects-off *:after{animation:none!important;transition:none!important}.effects-off .static-drift{display:none}
@media(max-width:1200px){.nav{gap:16px}.nav-links{gap:16px}.nav-course{padding:10px;font-size:10px}.motion-toggle{display:none}.hero h1{font-size:78px}.course-console{grid-template-columns:minmax(0,1fr) 250px}.course-detail{padding:25px}.course-node{width:140px}.publishing-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.faction-strip{grid-template-columns:repeat(4,1fr)}.analytics-filters{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:180px 1fr}}
@media(max-width:850px){.nav-links{display:none}.nav .menu-toggle{display:block;min-height:36px}.nav-links.open{display:flex}.course-console{grid-template-columns:1fr}.course-detail{border-left:0;border-top:1px solid #29414e;display:grid;grid-template-columns:1fr 1fr;padding:25px;gap:10px 30px}.course-detail h3{grid-column:1}.course-detail .actions{grid-column:2;grid-row:1/4;margin:0;align-items:end;justify-content:center}.course-detail>p{grid-column:1}.course-map{height:400px}.feature-split{grid-template-columns:1fr}.feature-art{min-height:280px;max-height:400px}.feature-copy{padding:35px}.coming-content{gap:35px}.release-grid{grid-template-columns:1fr 1fr}.preview-banner{flex-wrap:wrap;gap:8px}.nav-links{position:absolute;top:88px;background:#0b1720;left:0;right:0;padding:20px;z-index:6}.nav{position:relative}.nav-links.open{flex-direction:column}.nav-links a{padding:10px}}
@media(max-width:600px){.nav{height:75px;gap:10px}.brand .brand-mark{width:48px;height:36px}.wordmark{font-size:20px}.nav-course{display:none}.nav .menu-toggle{font-size:10px;padding:8px}.nav-links{top:75px;left:-18px;right:-18px}.hero.home-hero{min-height:690px;align-items:center}.hero h1{font-size:clamp(48px,12.4vw,70px);max-width:450px}.hero-content{padding:68px 0 100px}.hero-content>.eyebrow{font-size:9px;letter-spacing:.2em}.hero .hero-copy{font-size:14px;max-width:320px}.hero:after{background:linear-gradient(90deg,#07101aee,#07101a85 65%,#07101a55),linear-gradient(0deg,#080e13,transparent 60%)}.home-hero .hero-image{object-position:60% center;opacity:.7}.home-hero:before{inset:20% 7% 20% 30%;opacity:.3}.hero-caption{text-align:left;left:18px;font-size:8px}.hero .actions{gap:12px}.hero .actions .button{font-size:11px}.course-map{height:410px}.course-node{width:120px;padding:4px}.node-ring{height:35px;width:35px;font-size:9px}.node-label{font-size:12px}.course-node small{font-size:8px}.node-0{left:28%;top:20%}.node-2{left:75%;top:23%}.node-3{left:27%;top:80%}.node-4{left:76%;top:83%}.course-detail{padding:23px 20px;gap:8px 15px}.course-detail h3{font-size:27px}.course-detail>p:not(.eyebrow){font-size:12px}.course-detail .eyebrow{font-size:9px}.course-detail .button{font-size:10px}.course-dialog{padding:20px 15px}.course-dialog .course-map{height:370px}.course-dialog h2{font-size:31px}.faction-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.faction-button{font-size:8px;padding:10px 1px;gap:8px}.faction-sigil{transform:scale(.8)}.faction-section{padding-bottom:45px}.coming-content{grid-template-columns:1fr}.coming-content h2{font-size:31px}.page-hero h1{font-size:clamp(36px,9vw,60px)}.page-hero .hero-content{padding-bottom:100px}.live-design .page-hero{min-height:470px}.release-intro .body-copy{font-size:17px}.release-grid{grid-template-columns:1fr}.feature-copy h2{font-size:35px}.join-grid{gap:35px}.admin-shell{display:block}.publishing-grid{grid-template-columns:1fr}.editor-variants .button{font-size:11px;padding:13px 16px}.artwork-grid{grid-template-columns:repeat(2,1fr)}.artwork-option img{height:105px}.editor-savebar{position:static;padding:15px}.editor-savebar .button{flex:1;font-size:11px;min-width:120px}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.analytics-filters{padding:15px;grid-template-columns:1fr}.preview-banner{position:relative;padding:12px 18px}.page-hero .hero-copy{font-size:14px}.motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.preview-workbench{min-height:100vh;background:#03080d;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.preview-toolbar{width:100%;display:flex;justify-content:space-between;gap:20px;align-items:center}.preview-toolbar h1{font-family:Arial,sans-serif;font-size:24px;text-transform:none;margin:8px 0}.preview-toolbar p{font-size:12px;color:var(--muted)}.preview-toolbar button[aria-pressed=true]{background:#174059;border-color:#6ccdf7}.preview-frame{display:block;width:100%;height:calc(100vh - 150px);min-height:550px;border:1px solid #375363;background:#080e13;max-width:100%}.preview-frame[data-size=phone]{width:390px}.preview-frame[data-size=tablet]{width:768px}@media(max-width:650px){.preview-toolbar{flex-direction:column;align-items:start}.preview-workbench{padding:10px}.preview-frame{height:75vh;min-height:500px}}

/* One uncropped brand mark across the workshop and public site. */
.website-logo-summary{display:flex;align-items:center;gap:28px}.website-logo-summary>img{width:160px;height:110px;object-fit:contain;border:1px solid var(--line);background:#050b10;padding:14px}.website-logo-summary .button{margin-top:16px}.logo-dialog{width:min(620px,calc(100% - 32px))}.logo-dialog>p{margin:16px 0;color:var(--muted);font-size:13px}.logo-preview{margin:20px 0}.logo-preview>img{width:100%;height:180px;max-height:180px;object-fit:contain;background:repeating-conic-gradient(#10212c 0% 25%,#0b151d 0% 50%) 50% / 24px 24px;padding:20px;border:1px solid #355469}.logo-preview .actions{margin-top:14px}.global-logo-shortcut{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--line);margin-bottom:22px}.global-logo-shortcut p{font-size:12px;color:var(--muted)}.vp-home .vp-controls,.vp-home .vp-control-logo{mix-blend-mode:normal}@media(max-width:600px){.website-logo-summary{align-items:flex-start;gap:18px}.website-logo-summary>img{width:95px;height:90px;padding:9px}.global-logo-shortcut{align-items:flex-start;flex-direction:column}.logo-preview>img{height:140px}.admin-heading>.actions{justify-content:flex-end;gap:8px}}