:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#101315;color:#f4efe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #101315;--panel: #171b1e;--panel-strong: #20252a;--stone: #8d938b;--paper: #f4efe6;--muted: #b8b3a8;--brass: #c9a45f;--signal: #c44d3c;--scout: #3f7561;--sky: #6e98ad;--line: rgba(244, 239, 230, .16);--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#10131500,#101315 720px),radial-gradient(circle at 20% 0%,rgba(196,77,60,.18),transparent 34rem),linear-gradient(120deg,#101315,#192026 48%,#121615)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid rgba(110,152,173,.8);outline-offset:4px}img{display:block;max-width:100%}main{overflow:hidden}.topbar{position:fixed;inset:0 0 auto 0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:72px;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid rgba(244,239,230,.1);background:#0d1012b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-play,.primary-action,.secondary-action,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px}.brand{font-weight:800;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(201,164,95,.55);background:#c9a45f26;color:var(--brass);font-family:Georgia,serif;font-size:20px}.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,34px);color:#f4efe6bd;font-size:14px}.nav-links a,.text-link{transition:color .18s ease}.nav-links a:hover,.text-link:hover{color:var(--brass)}.nav-play{min-width:112px;padding:0 18px;border:1px solid rgba(244,239,230,.18);background:#f4efe614;font-weight:700}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.55fr);align-items:end;gap:clamp(28px,5vw,74px);min-height:96svh;padding:136px clamp(18px,5vw,72px) 96px}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(90deg,#080a0ce0,#080a0c8a 46%,#080a0c1a),linear-gradient(180deg,#080a0c05,#101315b8 94%),url(/images/intro-wall-fall.png);background-position:center 30%;background-size:cover}.hero:after{position:absolute;inset:auto 0 0;z-index:-1;height:170px;content:"";background:linear-gradient(180deg,#10131500,#101315)}.hero-content{max-width:820px}.eyebrow{margin:0 0 14px;color:var(--brass);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,8vw,112px);line-height:.95;letter-spacing:0}h2{margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,64px);line-height:1.02;letter-spacing:0}h3{margin-bottom:10px;font-size:21px;line-height:1.2;letter-spacing:0}.hero-copy{max-width:650px;margin-bottom:32px;color:#f4efe6d1;font-size:clamp(18px,2.1vw,23px);line-height:1.55}.hero-actions,.community-actions{display:flex;flex-wrap:wrap;gap:14px}.primary-action,.secondary-action{min-width:178px;padding:0 22px;font-weight:800;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-action{border:1px solid rgba(201,164,95,.85);background:#d0a85f;color:#12100c;box-shadow:0 18px 40px #c9a45f38}.secondary-action{border:1px solid rgba(244,239,230,.22);background:#f4efe614;color:var(--paper)}.primary-action:hover,.secondary-action:hover,.nav-play:hover{transform:translateY(-2px)}.combat-brief{width:min(100%,410px);justify-self:end;padding:22px;border:1px solid rgba(244,239,230,.18);border-radius:8px;background:#101315b8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-side{display:grid;justify-items:end;align-self:center;width:min(100%,520px);justify-self:end}.hero-poster{width:min(100%,500px);aspect-ratio:1;object-fit:cover;object-position:center 28%;border:1px solid rgba(244,239,230,.16);border-radius:8px;box-shadow:var(--shadow)}.hero-side .combat-brief{margin-top:-96px;margin-right:24px}.brief-top,.brief-grid,.titan-meter,.brief-actions{border-bottom:1px solid rgba(244,239,230,.12);padding-bottom:16px;margin-bottom:16px}.brief-top,.brief-grid{display:grid;grid-template-columns:1fr auto;gap:10px 16px}.brief-top span,.brief-grid span,.titan-meter span{color:#f4efe6a6}.brief-top strong{color:var(--brass)}.titan-meter div{height:12px;margin-top:10px;border:1px solid rgba(244,239,230,.12);background:#c44d3c2e}.titan-meter i{display:block;width:42%;height:100%;background:linear-gradient(90deg,var(--signal),#e2a15c)}.brief-grid strong{color:var(--paper)}.brief-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:0;margin-bottom:0;border:0}.brief-actions span{display:grid;place-items:center;min-height:42px;border:1px solid rgba(244,239,230,.14);background:#f4efe612;font-size:14px}.scroll-cue{position:absolute;left:50%;bottom:28px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(244,239,230,.16);background:#10131557;transform:translate(-50%)}.stats-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid rgba(244,239,230,.12);background:#15191c}.stat{min-height:174px;padding:clamp(22px,4vw,36px);border-right:1px solid rgba(244,239,230,.1)}.stat:last-child{border-right:0}.stat strong{display:block;margin-bottom:10px;color:var(--brass);font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,68px);line-height:.95}.stat span{display:block;margin-bottom:8px;font-weight:800}.stat p{margin-bottom:0;color:#f4efe69e;line-height:1.45}.section{padding:clamp(72px,10vw,132px) clamp(18px,5vw,72px)}.section-heading{max-width:760px;margin-bottom:clamp(30px,5vw,54px)}.loop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.loop-card,.mechanic,.update-card{border:1px solid rgba(244,239,230,.12);border-radius:8px;background:#f4efe60e}.loop-card{overflow:hidden}.loop-card img{width:100%;aspect-ratio:1.14;object-fit:cover}.loop-card div{padding:22px}.loop-card span,.update-card span{display:inline-flex;margin-bottom:16px;color:var(--sky);font-weight:900}.loop-card p,.mechanics-copy p,.mechanic p,.showcase-section p,.update-card p,.community-section p{color:#f4efe6ad;line-height:1.65}.mechanics-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1fr);gap:clamp(28px,6vw,72px);align-items:start;background:linear-gradient(180deg,#3f75611f,#10131500),#121719}.mechanics-copy{position:sticky;top:112px}.mechanics-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mechanic{min-height:210px;padding:24px}.mechanic svg{margin-bottom:20px;color:var(--brass)}.showcase-section,.community-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(72px,10vw,132px) clamp(18px,5vw,72px);background:#181d20}.showcase-section img,.community-section img{width:100%;border:1px solid rgba(244,239,230,.12);border-radius:8px;box-shadow:var(--shadow)}.showcase-section div,.community-section div{max-width:640px}.text-link{justify-content:flex-start;min-height:36px;color:var(--brass);font-weight:800}.updates-section{background:linear-gradient(90deg,rgba(196,77,60,.09),transparent 46%),#101315}.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.update-card{min-height:230px;padding:26px}.update-card span{color:var(--brass)}.community-section{grid-template-columns:minmax(300px,.78fr) minmax(0,1fr);background:linear-gradient(120deg,rgba(110,152,173,.14),transparent 48%),#182022}.community-section img{max-height:540px;object-fit:cover;object-position:center}footer{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(230px,1fr) auto;align-items:center;gap:24px;padding:34px clamp(18px,5vw,72px);border-top:1px solid rgba(244,239,230,.12);background:#0c0f10;color:#f4efe6ad}footer strong{display:block;margin-bottom:4px;color:var(--paper)}.footer-legal{display:grid;gap:5px;color:#f4efe6c7;font-size:14px;line-height:1.45}.footer-legal span:first-child{color:var(--paper);font-weight:700}.footer-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.footer-badges span{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border:1px solid rgba(244,239,230,.12);background:#f4efe60d}@media(max-width:980px){.topbar{grid-template-columns:auto auto;justify-content:space-between}.nav-links{display:none}.hero,.mechanics-section,.showcase-section,.community-section{grid-template-columns:1fr}.hero{align-items:start;padding-top:118px}.combat-brief{justify-self:start}.hero-side{justify-items:start;justify-self:start}.hero-side .combat-brief{margin:-70px 0 0 18px}.stats-band,.loop-grid,.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid rgba(244,239,230,.1)}.mechanics-copy{position:static}footer{grid-template-columns:1fr;align-items:flex-start}.footer-badges{justify-content:flex-start}.community-section img{order:-1}}@media(max-width:640px){.topbar{height:64px;padding-inline:14px}.brand span:last-child{display:none}.nav-play{min-width:102px;padding-inline:14px}.hero{min-height:auto;padding:104px 16px 76px}.hero-bg{background-position:56% 18%}.hero-actions,.community-actions{display:grid;grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}.combat-brief{padding:18px}.hero-poster{aspect-ratio:1.18}.hero-side .combat-brief{width:calc(100% - 16px);margin:-46px 0 0 8px}.brief-actions,.stats-band,.loop-grid,.mechanics-list,.updates-grid{grid-template-columns:1fr}.stat,.stat:nth-child(2){border-right:0;border-bottom:1px solid rgba(244,239,230,.1)}.stat:last-child{border-bottom:0}.section,.showcase-section,.community-section{padding-inline:16px}.loop-card img{aspect-ratio:1.3}}