/* Shared presentation layer. Existing application forms and routes remain authoritative. */
#braxisLanding{--accent:#4dd4ff;--accent-2:#71c6ff;--accent-warm:#ff795b;min-height:100dvh;background:#050810}
#braxisLanding[data-variant="fracture"]{--accent:#ff735d;--accent-2:#ffa171;--accent-warm:#4dd4ff;--ring-hot:rgba(255,115,93,.42)}
#braxisLanding .landing-logo{display:block;width:230px;height:77px;object-fit:contain;max-width:none}
#braxisLanding .head{background:rgba(5,8,16,.78);border-bottom:1px solid rgba(157,197,234,.15)}
#braxisLanding .head-in{height:88px;gap:22px}
#braxisLanding .landing-signin{min-height:44px;display:flex;align-items:center;font-size:13px;white-space:nowrap;color:var(--text-soft)}
#braxisLanding .head-cta{white-space:nowrap}
#braxisLanding .btn--primary{background:var(--accent);color:#06101b;box-shadow:0 4px 24px color-mix(in srgb,var(--accent) 15%,transparent)}
#braxisLanding .landing-hero{position:relative;isolation:isolate;margin-top:-88px;padding-top:88px;min-height:800px;overflow:hidden}
#braxisLanding .landing-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-3}
#braxisLanding .landing-hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050810ed,#05081080 40%,#05081005 80%),linear-gradient(0deg,#050810,transparent 35%,#05081044)}
#braxisLanding .landing-copy{padding-top:135px;position:relative}
#braxisLanding .landing-copy h1{font-size:clamp(56px,6.5vw,88px);line-height:1.03;letter-spacing:-.055em;max-width:830px;margin:25px 0;font-weight:600;text-wrap:balance}
#braxisLanding .landing-copy h1 em{font-style:normal;color:var(--accent)}
#braxisLanding[data-variant="fracture"] .landing-copy{padding-top:100px}
#braxisLanding[data-variant="fracture"] .landing-copy h1{text-transform:uppercase;font-weight:700}
#braxisLanding .landing-lede{max-width:460px;line-height:1.85;font-size:16px;color:var(--text-soft)}
#braxisLanding .landing-hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:40px;padding-bottom:28px;color:var(--text-soft);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
#braxisLanding .landing-hero-bottom a{min-height:44px;display:flex;align-items:center}
#braxisLanding .landing-motion{min-height:44px;padding:0 16px;border:1px solid #a9c9e744;background:#050810aa;border-radius:99px;color:var(--text-soft);font:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-smooth)}
#braxisLanding .landing-motion:active{transform:scale(.98)}
#braxisLanding .landing-motion[hidden]{display:none}
#braxisLanding .landing-tag{position:absolute;right:8%;bottom:125px;max-width:220px;padding:14px 20px;background:#05081066;border-left:1px solid var(--accent);font-size:10px;letter-spacing:.09em;color:var(--text-soft)}
#braxisLanding .landing-tag strong{display:block;font:500 20px/1.4 var(--font-display);margin-top:8px;letter-spacing:0}
#braxisLanding .landing-principles{display:grid;grid-template-columns:repeat(4,1fr);padding-block:30px;border-block:1px solid #9dc5ea28}
#braxisLanding .landing-principles>div{padding-inline:25px;border-right:1px solid #9dc5ea20}
#braxisLanding .landing-principles>div:first-child{padding-left:0}
#braxisLanding .landing-principles>div:last-child{border:0}
#braxisLanding .landing-principles strong{font:500 22px var(--font-display);display:block}
#braxisLanding .landing-principles span{font-size:11px;color:var(--text-dim)}
#braxisLanding .landing-embers{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
#braxisLanding .landing-embers i{position:absolute;bottom:-12px;left:var(--x);width:3px;height:3px;background:var(--accent);border-radius:50%;opacity:0;box-shadow:0 0 8px var(--accent)}
#braxisLanding .landing-shard{position:absolute;right:10%;top:38%;width:19px;height:36px;clip-path:polygon(20% 0,100% 35%,68% 100%,0 67%);background:linear-gradient(130deg,#889eb6,#26374d 38%,#090f18 65%,#e65332);transform:rotate(35deg);z-index:-1}
#braxisLanding .landing-shard.second{right:38%;top:68%;width:12px;height:23px}
#braxisLanding .landing-inner-art{position:fixed;inset:88px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050810f2,#050810b5),var(--landing-art) 65% center/cover}
#braxisLanding[data-page="inner"]{isolation:isolate}
#braxisLanding[data-page="inner"] .sky{display:none}
#braxisLanding[data-page="inner"] main{min-height:calc(100dvh - 235px)}
#braxisLanding .landing-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #9dc5ea28;padding-block:20px;font-size:12px;color:var(--text-soft)}
#braxisLanding .landing-footer nav{display:flex;gap:25px}
#braxisLanding .landing-footer a{min-height:44px;display:flex;align-items:center}
#braxisLanding[data-variant="fracture"] #game{background:radial-gradient(ellipse at 100% 50%,#54202c44,transparent 65%)}
#braxisLanding[data-variant="duality"] #game{background:radial-gradient(ellipse at 100% 50%,#123a5e66,transparent 65%)}
#braxisLanding .sky{opacity:.35}
#braxisLanding #account .bullet>div:only-child{grid-column:1 / -1}
#braxisLanding [hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
#braxisLanding .landing-embers i{animation:landing-ember-rise var(--speed) cubic-bezier(.25,.25,.75,.75) var(--delay) infinite}
#braxisLanding .landing-shard{animation:landing-shard-drift 9s cubic-bezier(.66,0,.34,1) infinite alternate}
#braxisLanding .landing-shard.second{animation-delay:-4s}
}
@keyframes landing-ember-rise{0%{opacity:0;transform:translate3d(0,0,0)}10%{opacity:.8}70%{opacity:.4}100%{opacity:0;transform:translate3d(65px,-850px,0)}}
@keyframes landing-shard-drift{to{transform:translate3d(-16px,-22px,0) rotate(58deg)}}
#braxisLanding[data-motion-paused="true"] .landing-embers i,#braxisLanding[data-motion-paused="true"] .landing-shard{animation-play-state:paused}
@media(max-width:1100px){#braxisLanding .head-in{gap:12px}#braxisLanding .head-nav a{padding-inline:8px;font-size:12px}#braxisLanding .landing-logo{width:190px}}
@media(max-width:860px){#braxisLanding .landing-signin{margin-left:auto}#braxisLanding .head-cta{margin-left:0}}
@media(max-width:700px){
#braxisLanding .head-in{height:76px;gap:10px}
#braxisLanding .landing-logo{width:140px;height:60px}
#braxisLanding .head-cta{margin-left:auto}
#braxisLanding .landing-signin{display:flex;font-size:12px}
#braxisLanding .head-cta{padding-inline:12px;font-size:12px}
#braxisLanding .landing-hero{margin-top:-76px;padding-top:76px;min-height:0}
#braxisLanding .landing-art{height:530px;object-position:73% top}
#braxisLanding .landing-hero:after{background:linear-gradient(0deg,#050810 0%,#050810 25%,#050810bd 50%,transparent 83%,#05081066)}
#braxisLanding .landing-copy,#braxisLanding[data-variant="fracture"] .landing-copy{padding-top:280px}
#braxisLanding .landing-copy h1{font-size:48px;margin:20px 0}
#braxisLanding .landing-copy .eyebrow{font-size:10px}
#braxisLanding .landing-lede{font-size:14px}
#braxisLanding .landing-copy .hero-cta{display:grid;grid-template-columns:1fr}
#braxisLanding .landing-tag,#braxisLanding .landing-hero-bottom>span{display:none}
#braxisLanding .landing-hero-bottom{margin-top:25px;font-size:9px}
#braxisLanding .landing-principles{grid-template-columns:1fr 1fr;gap:25px 0}
#braxisLanding .landing-principles>div:nth-child(3){padding-left:0}
#braxisLanding .landing-principles>div:nth-child(2){border:0}
#braxisLanding .landing-principles strong{font-size:18px}
#braxisLanding .landing-principles span{font-size:10px}
#braxisLanding .landing-footer{flex-wrap:wrap}
#braxisLanding .landing-inner-art{top:76px}
}
@media(prefers-reduced-motion:reduce){#braxisLanding .landing-embers,#braxisLanding .landing-shard{display:none}#braxisLanding .landing-motion:active{transform:none}}

/* Vanguard matches the universe premium control. */
#braxisLanding .head-account-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; flex-shrink: 0; }
#braxisLanding .head-account-actions form { margin: 0; }
#braxisLanding .acct-vanguard { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 14px; border-radius: var(--radius-control); background: linear-gradient(180deg, #ffd24a, #f0a521); box-shadow: 0 0 0 .5px rgba(255,255,255,.35), inset 0 1px 0 rgba(255,255,255,.45), 0 4px 14px rgba(255,184,77,.25); color: #1c1200; font-size: 12px; font-weight: 700; letter-spacing: .04em; white-space: nowrap; transition: box-shadow 200ms var(--ease-smooth); }
@media (hover:hover) { #braxisLanding .acct-vanguard:hover { box-shadow: 0 0 0 .5px rgba(255,255,255,.5), inset 0 1px 0 rgba(255,255,255,.55), 0 6px 20px rgba(255,184,77,.38); } }
#braxisLanding .acct-signout { min-height: 44px; padding-inline: 14px; font-size: 12px; }
#braxisLanding .am-icon { display: inline-block; width: 22px; height: 22px; background: url('/assets/antimatter.png') center / contain no-repeat; vertical-align: middle; flex: 0 0 22px; margin-right: 4px; }
@media (prefers-reduced-motion:reduce) { #braxisLanding .acct-vanguard { transition-duration: 0ms; } }

#braxisLanding .acct-identity-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#braxisLanding .acct-identity-actions form { margin: 0; }