/* Name Numba locked brand system — Phase 1 */
:root{
  --nn-midnight:#07162f;
  --nn-midnight-deep:#030b1d;
  --nn-navy:#102a57;
  --nn-navy-soft:#163a72;
  --nn-blue:#1f7bff;
  --nn-blue-hover:#3392ff;
  --nn-gold:#ffc52c;
  --nn-gold-dark:#b8860b;
  --nn-red:#e32045;
  --nn-red-hover:#f02b50;
  --nn-white:#f8fafc;
  --nn-muted:#b9c7dd;
  --nn-line:rgba(115,164,230,.34);
  --nn-radius-sm:14px;
  --nn-radius:22px;
  --nn-radius-lg:30px;
  --nn-shadow:0 22px 60px rgba(0,0,0,.34);
  --nn-glow-blue:0 0 0 1px rgba(31,123,255,.35),0 18px 50px rgba(31,123,255,.14);
  --nn-glow-gold:0 0 0 1px rgba(255,197,44,.32),0 18px 50px rgba(255,197,44,.12);
}
html{scroll-padding-top:128px}
body.v3-home{background:radial-gradient(circle at 88% 10%,rgba(227,32,69,.15),transparent 31rem),radial-gradient(circle at 12% 35%,rgba(31,123,255,.11),transparent 34rem),linear-gradient(145deg,var(--nn-midnight),var(--nn-midnight-deep) 75%);color:var(--nn-white);padding-bottom:0}
.v3-home .banner{background:#461226;border-color:rgba(255,255,255,.12);color:#fff1f4;font-size:14px}.v3-home .banner strong{color:#ff7d95}
.v3-header{position:sticky;top:0;z-index:50;min-height:118px;padding:14px max(28px,calc((100% - 1420px)/2));gap:22px;background:rgba(3,11,29,.97);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 10px 32px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.v3-brand{min-width:325px;gap:20px}.v3-brand .v3-nn{flex:0 0 auto}.v3-nn{font-size:96px;letter-spacing:-14px;line-height:.72;color:var(--nn-gold);text-shadow:0 5px 0 #986300,0 10px 30px rgba(255,197,44,.25);transform:skew(-7deg)}
.v3-brand strong{font-size:31px;letter-spacing:-.035em;color:var(--nn-white)}.v3-brand em{color:var(--nn-red)}.v3-brand small{margin-top:5px;color:var(--nn-gold);font-size:13px;letter-spacing:.15em}
.v3-header nav{gap:20px;align-items:center;white-space:nowrap}.v3-header nav a{position:relative;padding:12px 0;color:#e8eef9;font-size:14px;font-weight:850}.v3-header nav a:after{position:absolute;left:0;right:100%;bottom:4px;height:3px;border-radius:3px;background:var(--nn-gold);content:"";transition:right .18s ease}.v3-header nav a:hover,.v3-header nav a[aria-current=page]{color:#fff}.v3-header nav a:hover:after,.v3-header nav a[aria-current=page]:after{right:0}
.btn,.v3-action{min-height:54px;border-radius:var(--nn-radius-sm);padding:0 22px;font-weight:950;box-shadow:0 6px 0 rgba(0,0,0,.36);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn:hover,.v3-action:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 8px 0 rgba(0,0,0,.3)}.v3-header>.btn{background:linear-gradient(135deg,var(--nn-red-hover),var(--nn-red));white-space:nowrap}
.v3-action--blue{background:linear-gradient(135deg,var(--nn-blue-hover),var(--nn-blue));color:#fff}.v3-action--gold{background:linear-gradient(135deg,#ffdc58,var(--nn-gold));color:#281900}.v3-action--outline{border:2px solid var(--nn-gold);background:rgba(255,197,44,.05);color:var(--nn-gold)}
.v3-stage{width:min(1480px,100%);max-width:1480px;grid-template-columns:minmax(340px,.72fr) minmax(720px,1.28fr);gap:42px;align-items:start;padding:64px 28px 58px}
.v3-intro{padding-top:38px}.v3-intro h1{max-width:560px;font-size:clamp(64px,6.2vw,92px);line-height:.9;letter-spacing:-.055em;margin:16px 0 26px}.v3-intro .lead{max-width:540px;font-size:20px;line-height:1.55;color:var(--nn-muted)}
.v3-proof{max-width:480px;margin-top:30px;padding:22px 24px;border:1px solid rgba(31,123,255,.55);border-radius:var(--nn-radius);background:linear-gradient(145deg,rgba(16,42,87,.95),rgba(7,22,47,.95));box-shadow:var(--nn-glow-blue)}.v3-proof span{color:#d8e4f6;font-weight:800}.v3-proof strong{min-height:42px;color:var(--nn-gold);font-size:30px;line-height:1.2}.v3-proof small{color:#9eb0ca}
.v3-route-stage{min-width:0}.v3-route-stage>h2{position:relative;z-index:5;width:min(760px,92%);margin:0 auto -26px;padding:18px 32px;border:2px solid var(--nn-blue);border-radius:var(--nn-radius-lg);background:linear-gradient(135deg,#122d61,#160c35);box-shadow:0 0 34px rgba(31,123,255,.24);font-size:clamp(27px,2.6vw,39px);text-align:center}.v3-route-stage>h2 em{color:var(--nn-red)}
.v3-routes{display:grid;grid-template-columns:minmax(250px,1fr) 190px minmax(250px,1fr);gap:16px;align-items:stretch}.v3-route{min-width:0;min-height:590px;padding:76px 30px 32px;border-radius:var(--nn-radius-lg);justify-content:flex-end;overflow:hidden;box-shadow:var(--nn-shadow)}.v3-route--arcade{border:2px solid var(--nn-blue);background:linear-gradient(160deg,var(--nn-navy-soft),#071a39 72%);box-shadow:var(--nn-glow-blue)}.v3-route--quick{border:2px solid var(--nn-gold);background:linear-gradient(160deg,#503902,#171001 72%);box-shadow:var(--nn-glow-gold)}
.v3-route h3{font-size:clamp(38px,3.5vw,58px);line-height:.94;margin:12px 0 22px}.v3-route--arcade h3 strong{color:var(--nn-blue-hover)}.v3-route--quick h3 strong{color:var(--nn-gold)}.v3-route ul{font-size:16px;line-height:1.45}.v3-route li{margin:13px 0}.v3-route small{min-height:22px;color:#b7cdf0}
.v3-rumba{display:flex;min-width:0;align-self:stretch;align-items:center;justify-content:center;flex-direction:column;padding-top:72px;z-index:3}.v3-rumba img{display:block;width:230px;max-width:none;margin:0;border:0;border-radius:50%;clip-path:circle(46% at 50% 48%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.5))}.v3-rumba span{position:static;width:64px;height:64px;margin-top:-4px;border:2px solid var(--nn-gold);background:#321408;box-shadow:0 8px 20px rgba(0,0,0,.4);font-size:20px}
.v3-rewards{position:relative;z-index:1;width:min(980px,calc(100% - 48px));max-width:980px!important;margin:20px auto 0!important;padding:22px 28px!important;gap:22px;border:1px solid rgba(31,123,255,.5);background:linear-gradient(145deg,var(--nn-navy),#071a39);box-shadow:var(--nn-glow-blue)}.v3-rewards strong{color:#fff}.v3-rewards small{color:var(--nn-muted)}
.v3-promo{width:min(1180px,calc(100% - 48px));max-width:1180px!important;margin:28px auto 58px!important;padding:22px 24px!important;border:1px solid rgba(255,197,44,.42);background:linear-gradient(135deg,var(--nn-navy),#241a04);box-shadow:var(--nn-shadow)}.v3-promo img{width:84px;height:84px;border:3px solid var(--nn-gold)}
.recent-activity{position:relative;clear:both;margin-top:0!important}.v3-discovery,.v3-feature-section,.v3-how,.v3-join{position:relative;clear:both}
.v3-discovery a,.v3-hall-card,.v3-badge-card,.v3-feature-section .grid article,.v3-how .grid article{border-radius:var(--nn-radius);background:linear-gradient(145deg,var(--nn-navy),#071831);border:1px solid var(--nn-line);box-shadow:0 14px 36px rgba(0,0,0,.2)}
.v3-discovery a:nth-child(2){background:linear-gradient(145deg,#483404,#171001);border-color:rgba(255,197,44,.45)}
.v3-subpage{width:min(1180px,100%);padding:46px 28px 90px}.v3-page-hero{grid-template-columns:1fr 330px;gap:48px;padding:54px 0 64px}.v3-page-hero img{border:3px solid var(--nn-gold);box-shadow:var(--nn-shadow)}.v3-section-head{max-width:820px}.v3-section-head h2{color:#fff}.v3-section-head p{color:var(--nn-muted)}
.v3-badge-grid{gap:22px}.v3-badge-card{padding:28px}.v3-badge-card>span{font-size:58px}.v3-badge-card small{background:rgba(31,123,255,.18);color:#b8d7ff;border:1px solid rgba(31,123,255,.34)}
.v3-rumba-callout{margin-top:48px;padding:24px;border-color:rgba(255,197,44,.48);background:linear-gradient(135deg,var(--nn-navy),#281c03);box-shadow:var(--nn-glow-gold)}.v3-rumba-callout img{border:3px solid var(--nn-gold)}
.v3-footer{border-top:1px solid rgba(255,255,255,.1);background:#030b1d}.v3-footer-brand .v3-nn{font-size:66px}.v3-footer-links a,.v3-footer-links button{color:#dbe6f5}.v3-footer-links a:hover,.v3-footer-links button:hover{color:var(--nn-gold)}
.v3-rumba-float{right:18px;bottom:18px;width:280px;min-height:86px;padding:16px 16px 16px 88px;border:2px solid var(--nn-gold);border-radius:var(--nn-radius);box-shadow:var(--nn-shadow)}.v3-rumba-float img{left:-10px;bottom:3px;width:94px;height:94px;border:3px solid var(--nn-gold)}
@media(max-width:1260px){.v3-header{padding-inline:24px}.v3-brand{min-width:280px}.v3-nn{font-size:82px}.v3-brand strong{font-size:27px}.v3-header nav{gap:14px}.v3-header nav a{font-size:13px}.v3-stage{grid-template-columns:minmax(300px,.65fr) minmax(650px,1.35fr);gap:26px}.v3-routes{grid-template-columns:minmax(230px,1fr) 150px minmax(230px,1fr)}.v3-rumba img{width:195px}.v3-route{padding-inline:24px}}
@media(max-width:1080px){html{scroll-padding-top:104px}.v3-header{min-height:100px}.v3-header nav a:nth-child(3),.v3-header nav a:nth-child(4){display:none}.v3-stage{grid-template-columns:1fr;padding-top:46px}.v3-intro{text-align:center;padding-top:0}.v3-intro h1,.v3-intro .lead,.v3-proof{margin-left:auto;margin-right:auto}.v3-routes{grid-template-columns:minmax(260px,1fr) 150px minmax(260px,1fr)}.v3-route{min-height:540px}.v3-rumba img{width:190px}.v3-page-hero{grid-template-columns:1fr 260px}}
@media(max-width:790px){.v3-header{position:relative;display:grid;grid-template-columns:1fr auto;min-height:auto;padding:15px 18px}.v3-brand{min-width:0;gap:13px}.v3-nn{font-size:64px;letter-spacing:-10px}.v3-brand strong{font-size:22px}.v3-brand small{font-size:10px}.v3-header nav{grid-column:1/-1;display:flex!important;overflow-x:auto;gap:18px;padding:10px 0 2px}.v3-header nav a{display:block!important;flex:0 0 auto}.v3-header>.btn{min-height:48px;padding-inline:16px;font-size:13px}.v3-stage{padding:34px 18px 44px}.v3-intro h1{font-size:clamp(55px,15vw,78px)}.v3-routes{grid-template-columns:1fr;gap:18px}.v3-route{min-height:auto;padding:62px 28px 28px}.v3-rumba{order:2;padding:0}.v3-route--quick{order:3}.v3-rumba img{width:210px}.v3-rumba span{margin-top:-8px}.v3-route-stage>h2{margin-bottom:18px;width:100%;max-width:100%}.v3-rewards{width:calc(100% - 36px);flex-wrap:wrap}.v3-rewards>b{display:none}.v3-promo{width:calc(100% - 36px);grid-template-columns:1fr;text-align:center;margin-bottom:42px!important}.v3-promo img{margin:auto}.v3-page-hero{grid-template-columns:1fr;text-align:center}.v3-page-hero img{width:min(330px,100%);margin:auto}.v3-badge-grid,.v3-hall-grid,.v3-discovery{grid-template-columns:1fr}.v3-rumba-callout{grid-template-columns:1fr;text-align:center}.v3-rumba-callout img{margin:auto}.v3-footer{grid-template-columns:1fr;text-align:center}.v3-footer-brand,.v3-footer-links{justify-content:center}.v3-rumba-float{position:relative;right:auto;bottom:auto;width:calc(100% - 36px);margin:0 auto 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Build 13: self-contained shared public header and footer */
[hidden]{display:none!important}
.v3-header{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}
.v3-brand{display:flex;align-items:center;text-decoration:none;color:var(--nn-white)}
.v3-brand-copy,.v3-brand>span:last-child{display:flex;flex-direction:column;min-width:0}
.v3-brand strong{display:block;white-space:nowrap}.v3-brand em{font-style:normal}.v3-brand small{display:block;white-space:nowrap;text-transform:uppercase;font-weight:900}
.v3-header nav{display:flex;align-items:center;justify-content:center;flex:1}
.v3-header nav a{text-decoration:none}
.v3-header>.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.v3-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:28px max(28px,calc((100% - 1420px)/2));color:var(--nn-white)}
.v3-footer-brand{display:flex;align-items:center;gap:14px}.v3-footer-brand>span:last-child{display:flex;flex-direction:column}.v3-footer-brand strong{font-size:20px}.v3-footer-brand em{color:var(--nn-red);font-style:normal}.v3-footer-brand small{color:var(--nn-gold);text-transform:uppercase;font-size:10px;letter-spacing:.13em}
.v3-footer-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.v3-footer-links a{text-decoration:none;font-weight:800}.v3-footer p{margin:0;color:var(--nn-muted);font-size:13px;text-align:right}
@media(max-width:1080px){.v3-header{flex-wrap:wrap}.v3-header nav{order:3;flex-basis:100%}.v3-footer{grid-template-columns:1fr;text-align:center}.v3-footer-brand,.v3-footer-links{justify-content:center}.v3-footer p{text-align:center}}


/* Version 1.0.1: standalone public header/footer baseline.
   Arcade does not load the homepage stylesheet, so every required property is
   defined here rather than relying on styles inherited from another page. */
.v3-header,.v3-header *,.v3-footer,.v3-footer *{box-sizing:border-box}
.v3-header{margin:0!important;overflow:visible!important}
.v3-header .v3-brand{flex:0 0 auto;min-width:340px!important;margin:0!important;padding:0!important;overflow:visible!important}
.v3-header .v3-brand .v3-nn{display:block!important;width:auto!important;margin:0!important;padding:0 4px 0 0!important;overflow:visible!important;font-family:Arial Black,Arial,sans-serif!important;font-weight:1000!important;font-style:normal!important;text-decoration:none!important}
.v3-header .v3-brand-copy{display:flex!important;flex-direction:column!important;justify-content:center!important}
.v3-header .v3-brand strong{display:block!important;margin:0!important;padding:0!important;line-height:1!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;text-decoration:none!important}
.v3-header .v3-brand small{display:block!important;margin-top:8px!important;line-height:1.1!important;text-decoration:none!important}
.v3-header nav{min-width:0!important;margin:0!important;padding:0!important}
.v3-header nav a{display:inline-flex!important;align-items:center!important;margin:0!important;text-decoration:none!important;line-height:1.2!important}
.v3-header>.btn{flex:0 0 auto!important;color:#fff!important;text-decoration:none!important}
.arcade-page .v3-header{padding-left:max(28px,calc((100% - 1420px)/2))!important;padding-right:max(28px,calc((100% - 1420px)/2))!important}
.arcade-page .v3-footer{width:100%!important;margin:0!important}
@media(max-width:1260px){.v3-header .v3-brand{min-width:285px!important}}
@media(max-width:1080px){.v3-header .v3-brand{min-width:0!important}.v3-header nav{width:100%!important}}
@media(max-width:790px){.arcade-page .v3-header{padding:15px 18px!important}.v3-header .v3-brand{min-width:0!important}.v3-header .v3-brand .v3-nn{font-size:64px!important}.v3-header>.btn{width:auto!important}}