/* VaultNine Gaming — 2026 site refresh. Self-hosted, responsive and dependency-free. */
:root{color-scheme:dark;--bg:#080b0f;--surface:#11161d;--surface2:#171d25;--ink:#f4f4f1;--muted:#a5adb8;--line:#303741;--red:#e45448;--red2:#a82d29;--silver:#d5d9dc;--teal:#8bbfc1;--warm:#f3d1a6;--max:1200px;--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #efaa88;outline-offset:4px}button,input{font:inherit}::selection{background:#a9332e;color:#fff}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.narrow{max-width:820px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(8,11,15,.89);border-bottom:1px solid rgba(216,222,229,.14);backdrop-filter:blur(20px)}.site-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.site-brand{display:flex;align-items:center;text-decoration:none;min-width:0;flex-shrink:0}.site-brand img{width:340px;max-width:36vw;min-width:210px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.site-links{display:flex;align-items:center;gap:28px}.site-links a{font-size:.82rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#d8dade;text-decoration:none;transition:color .2s}.site-links a:hover,.site-links a[aria-current]{color:#ff9286}.nav-cta{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(243,113,100,.6);border-radius:4px;padding:11px 17px;background:rgba(135,30,30,.13)!important}.mobile-nav{display:none;position:relative}.mobile-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:5px;font-size:24px}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-menu{position:absolute;top:calc(100% + 13px);right:0;width:230px;background:#11171e;border:1px solid #343b44;border-radius:8px;box-shadow:var(--shadow);padding:10px}.mobile-menu a{display:block;padding:12px;text-decoration:none;font-weight:800;border-radius:4px}.mobile-menu a:hover{background:#242b34}
.site-footer{border-top:1px solid var(--line);background:#0b0f14;padding:39px 0;color:#b4b9c2}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.footer-brand img{width:280px}.footer-brand p{margin:10px 0 0;font-size:.84rem}.footer-links{display:flex;gap:19px;flex-wrap:wrap}.footer-links a{text-decoration:none;color:#cbd0d8;font-size:.87rem}.footer-links a:hover{color:white}
.eyebrow{color:#ee786d;font-size:.77rem;letter-spacing:.21em;text-transform:uppercase;font-weight:850;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';display:inline-block;width:23px;height:2px;background:var(--red)}.eyebrow.subtle{color:#a9b0bb}.eyebrow.subtle:before{background:#8b939e}
.section{padding:100px 0}.section-tight{padding:74px 0}.section-head{max-width:760px;margin-bottom:38px}.section-head h2,h2.section-title{font-weight:850;letter-spacing:-.045em;font-size:clamp(2.2rem,4.5vw,4.3rem);line-height:1.1;margin:15px 0}.lead{color:#aeb4bf;font-size:1.08rem;line-height:1.85;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;text-decoration:none;font-weight:850;font-size:.86rem;text-transform:uppercase;letter-spacing:.09em;padding:15px 24px;border:1px solid transparent;border-radius:4px;transition:transform .2s,background .2s,border-color .2s;min-height:50px}.btn:hover{transform:translateY(-2px)}.btn-primary{color:white;background:linear-gradient(120deg,#c74239,#851f20);box-shadow:0 8px 30px rgba(169,38,40,.25);border-color:#d35045}.btn-primary:hover{background:linear-gradient(120deg,#e75b4d,#a72528)}.btn-outline{border-color:#68717b;color:#f0f1f2;background:rgba(0,0,0,.25)}.btn-outline:hover{border-color:#d1d6db;background:rgba(255,255,255,.065)}.btn-plain{border:1px solid var(--line);color:#d6dce2;background:#161d24}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.muted{color:var(--muted)}
/* Main home feature */
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 37%,rgba(117,39,40,.15),transparent 45%),linear-gradient(125deg,#11161d 0%,#080b0f 66%);border-bottom:1px solid var(--line)}.home-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(175,187,201,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(175,187,201,.028) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 0%,black 70%)}.hero-inner{min-height:695px;display:grid;grid-template-columns:1.15fr .77fr;gap:7%;align-items:center;padding-block:80px}.home-title{font-size:clamp(3.3rem,6.8vw,7.5rem);line-height:.98;letter-spacing:-.064em;font-weight:900;margin:22px 0 24px;max-width:890px}.home-title span{color:var(--red)}.home-intro{font-size:1.12rem;line-height:1.85;color:#c7cdd4;max-width:570px}.hero-tags{display:flex;gap:20px;flex-wrap:wrap;margin:32px 0 0;padding:22px 0 0;border-top:1px solid #35404a;color:#9da6b0;font-size:.77rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.hero-tags span:before{content:'✦';color:#dc6a5a;margin-right:10px}.poster-frame{position:relative;max-width:470px;margin:0 auto;filter:drop-shadow(0 32px 70px rgba(0,0,0,.48))}.poster-frame:before{content:'';position:absolute;inset:22px -18px -18px 22px;border:1px solid #91423c;background:linear-gradient(120deg,rgba(154,40,41,.22),transparent);z-index:-1}.poster-frame .poster{aspect-ratio:941/1672;max-height:590px;width:100%;object-fit:cover;object-position:center top;border:1px solid #626873}.poster-caption{position:absolute;bottom:0;left:0;right:0;padding:60px 22px 19px;background:linear-gradient(transparent,rgba(5,9,14,.91));display:flex;justify-content:space-between;align-items:end;gap:18px}.poster-caption strong{display:block;letter-spacing:.19em;font-size:.83rem}.poster-caption small{color:#abb5bf;display:block;font-size:.76rem;margin-top:2px}.poster-caption span{font-size:.7rem;color:#f4a39b;border:1px solid #ac534b;padding:5px 9px;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em}
.micro-band{border-bottom:1px solid var(--line);background:#11161b}.micro-grid{display:grid;grid-template-columns:repeat(3,1fr)}.micro-grid div{padding:25px 27px;border-right:1px solid var(--line)}.micro-grid div:first-child{padding-left:0}.micro-grid div:last-child{border-right:0}.micro-grid strong{display:block;color:#e4e7e9;letter-spacing:.14em;font-size:.76rem;text-transform:uppercase}.micro-grid span{color:#9ba3ad;font-size:.88rem}
.feature-section{background:linear-gradient(180deg,#0b0f13,#11171d)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.feature-visual{position:relative;border:1px solid #323942;background:linear-gradient(145deg,#1d232b,#090e13);padding:45px 25px;min-height:300px;display:grid;place-items:center;overflow:hidden}.feature-visual:before{content:'';position:absolute;width:480px;height:480px;border:1px solid rgba(213,221,229,.055);border-radius:50%;box-shadow:0 0 0 80px rgba(213,221,229,.014),0 0 0 160px rgba(213,221,229,.014);inset:auto}.feature-visual img{position:relative;width:100%;filter:drop-shadow(0 14px 12px rgba(0,0,0,.55))}.feature-copy p{max-width:530px;color:#b7bec7;line-height:1.9}.fact-row{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}.fact-row span{border:1px solid #3a434d;padding:7px 12px;color:#cbd1d8;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;font-weight:750;background:#161c23}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{border:1px solid #303944;background:linear-gradient(145deg,#1b222a,#11161d);padding:28px;position:relative}.tile:before{content:'';position:absolute;height:3px;width:42px;background:#ad3a35;top:0;left:28px}.tile-num{font-size:.77rem;letter-spacing:.18em;color:#e36f64;font-weight:850}.tile h3{font-size:1.36rem;letter-spacing:-.025em;margin:14px 0 9px}.tile p{color:#aab3bd;line-height:1.75;margin:0}.studio-section{background:#0b0e12}.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.studio-split p{color:#bac1ca;line-height:1.95}.contact-panel{border:1px solid #65413e;background:radial-gradient(circle at 95% 15%,rgba(200,69,54,.19),transparent 35%),linear-gradient(120deg,#252027,#151820);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:45px}.contact-panel h2{font-size:clamp(1.85rem,4vw,3.3rem);line-height:1.1;margin:11px 0;letter-spacing:-.04em}.contact-panel p{margin:0;color:#c1c5cc}
/* TUA editorial page */
.tua-hero{background:radial-gradient(circle at 12% 55%,rgba(111,37,35,.17),transparent 40%),#0c1015;border-bottom:1px solid #393a3e;overflow:hidden}.tua-hero-inner{min-height:690px;display:grid;grid-template-columns:1.1fr .7fr;gap:7%;align-items:center;padding-top:62px;padding-bottom:62px}.tua-title-asset{width:min(580px,100%);filter:drop-shadow(0 12px 25px rgba(0,0,0,.6));margin:18px 0 12px}.tua-hero h1{font-size:1rem;letter-spacing:.15em;text-transform:uppercase;color:#cbd1d8;font-weight:650}.tua-hero p{color:#c0c8d1;max-width:580px;font-size:1.06rem}.tua-poster{width:100%;max-width:390px;max-height:625px;object-fit:cover;border:1px solid #48505a;box-shadow:var(--shadow);margin:auto}.status-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.status-chips span{color:#d2d5da;background:#1a222a;border:1px solid #424953;padding:6px 12px;font-size:.74rem;font-weight:800;letter-spacing:.05em}.tua-dark{background:#11161b}.tua-copy p{color:#b5bec8;max-width:720px}.tua-quote{border-left:3px solid var(--red);padding-left:20px;font-size:1.22rem;color:#e1e4e6;max-width:680px}.notice-box{background:#161d24;border:1px solid #45434a;padding:30px;display:flex;gap:30px;justify-content:space-between;align-items:center}.notice-box p{color:#bdc5cd;margin-bottom:0}.notice-box .eyebrow{margin-bottom:14px}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.world-card{background:#181d23;border:1px solid #323a42;padding:31px}.world-card .number{font-size:.82rem;color:#e17062;letter-spacing:.18em}.world-card h3{font-size:1.6rem;letter-spacing:-.025em;margin:14px 0 7px}.world-card p{color:#b8bfc7;margin:0}.development-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.development-steps div{padding:28px;border-top:2px solid #99413b;background:#171d23}.development-steps strong{display:block;font-size:1.1rem}.development-steps span{color:#aeb6c0;font-size:.89rem}
/* Tester hub */
.ptr-hero{position:relative;padding:100px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(135,39,41,.16),transparent 40%),#0f141b;border-bottom:1px solid var(--line)}.ptr-hero .titleasset{width:min(490px,100%);margin:25px 0}.ptr-hero p{max-width:720px;font-size:1.09rem;color:#b5bec9}.eyebrow-notice{font-size:.8rem;font-weight:800;color:#f3b29e;text-transform:uppercase;letter-spacing:.14em}.ptr-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:19px}.ptr-card{padding:32px;border:1px solid #383f47;background:#151b22}.ptr-card h2{letter-spacing:-.03em;margin:0 0 12px;font-size:1.9rem}.ptr-card p,.ptr-card li{color:#bbc3cd}.ptr-card ol{padding-left:23px}.ptr-card li{margin:10px 0}.ptr-warning{border-left:3px solid #d45c4e;background:rgba(201,74,59,.1);padding:14px 18px;color:#e1c5bd;margin-top:19px}.ptr-small{color:#b1b9c3;font-size:.91rem}
/* Legal pages: preserve original policy/terms wording */
.legal-intro{padding:72px 0 38px}.legal-intro h1{font-size:clamp(2.6rem,5.6vw,5rem);line-height:1.08;letter-spacing:-.06em;margin:12px 0}.legal-intro .updated{color:#a5afb9;font-size:.89rem}.legal-page main{padding-bottom:90px}.legal-page .legal{padding:clamp(22px,4vw,58px);border:1px solid #343c45;background:linear-gradient(180deg,#171d24,#11161c);box-shadow:var(--shadow);border-radius:5px}.legal-page .legal a{color:#e7a79f}.legal-page .legal h2{scroll-margin-top:110px;font-size:1.65rem;line-height:1.25;margin:42px 0 12px;color:#f1f2f2}.legal-page .legal h3{color:#dce1e6;font-size:1.16rem;margin-top:29px}.legal-page .legal p,.legal-page .legal li{color:#c1c9d2;line-height:1.85}.legal-page .legal .notice{background:rgba(180,75,59,.095);border-left:3px solid #b9493d;padding:17px 21px;margin:0 0 22px;color:#dce1e6}.legal-page .legal .toc{background:#0f141a;border:1px solid #3a424c;padding:22px 26px;margin:25px 0 34px}.legal-page .legal .toc strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:#f5cbc4}.legal-page .legal .toc ol{columns:2;column-gap:32px;padding-left:19px}.legal-page .legal .toc li{break-inside:avoid;margin:6px 0;font-size:.88rem}.legal-page .legal .toc a{color:#d6dde5;text-decoration:none}.legal-page .legal .toc a:hover{text-decoration:underline}.legal-page .legal .small{font-size:.86rem;color:#a4abb4}
@media(max-width:1050px){.site-brand img{width:265px;min-width:195px}.site-links{gap:16px}.hero-inner{gap:5%}.feature-layout{gap:6%}}
@media(max-width:850px){.site-links{display:none}.mobile-nav{display:block}.site-brand img{max-width:65vw}.hero-inner,.tua-hero-inner{grid-template-columns:1fr;min-height:unset;gap:50px}.hero-inner{padding-block:85px 75px}.home-title{font-size:clamp(3rem,9vw,6rem)}.poster-frame{max-width:360px}.poster-frame .poster{max-height:470px}.feature-layout,.studio-split,.ptr-grid{grid-template-columns:1fr}.cards,.world-grid,.development-steps{grid-template-columns:1fr 1fr}.tua-hero-inner{padding-top:80px}.tua-poster{max-width:310px;max-height:440px}.micro-grid{grid-template-columns:1fr}.micro-grid div{padding:14px 0!important;border-right:0;border-bottom:1px solid #313942}.micro-grid div:last-child{border-bottom:0}.section{padding:78px 0}.notice-box{flex-direction:column;align-items:start}}
@media(max-width:600px){.wrap{width:min(calc(100% - 32px),var(--max))}.site-nav{min-height:71px}.site-brand img{width:230px;min-width:0}.hero-inner{padding-block:65px}.home-title{font-size:clamp(2.85rem,12vw,4.7rem)}.hero-tags{gap:8px;flex-direction:column}.cards,.world-grid,.development-steps{grid-template-columns:1fr}.btn{width:100%}.actions{flex-direction:column}.feature-visual{min-height:220px;padding:26px 18px}.section,.section-tight{padding:60px 0}.section-head h2,h2.section-title{font-size:2.6rem}.contact-panel{padding:28px;flex-direction:column;align-items:stretch}.poster-caption{font-size:.7rem}.ptr-card{padding:23px}.legal-intro{padding:56px 0 22px}.legal-page .legal .toc ol{columns:1}.legal-page .legal{padding:20px}.footer-inner{display:block}.footer-links{margin-top:20px}.footer-brand img{width:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}