/* LAST NATION // NEXUS 3.0: GLOBAL PUBLIC DESIGN LAYER
   Presentation-only. Loaded last after each page's existing CSS. */
:root{
 --nx3-ink:#050b0d;--nx3-ink2:#091419;--nx3-panel:#0c1b1f;--nx3-mint:#65f6b5;
 --nx3-lime:#c4ff7f;--nx3-cyan:#46dfe6;--nx3-line:rgba(131,247,185,.21);
 --nx3-line2:rgba(135,255,188,.38);--nx3-copy:#c0d6cf;
 --bg:#071013;--surface:#0c1b20;--text:#f1fff7;--muted:#b2c9c1;
 --accent:#6cf9b6;--line:rgba(131,247,185,.18);--line-strong:rgba(131,247,185,.35);
}
html{scroll-padding-top:100px;accent-color:var(--nx3-mint)}
body{color:#f0fff7;background:radial-gradient(ellipse at 80% 0%,rgba(46,136,106,.10),transparent 35%),linear-gradient(180deg,#071216,#050d10 46%,#050b0d)}
::selection{background:#c4ff7f;color:#07130b}
a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #c4ff7f;outline-offset:3px}
.site-header{background:rgba(4,13,15,.9)!important;backdrop-filter:blur(18px) saturate(135%);border-bottom:1px solid rgba(154,255,171,.2)!important}
.site-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 12%,#9bff79 48%,#38dbcb 78%,transparent 95%);opacity:.48;pointer-events:none}
.site-nav a{transition:color .2s ease,opacity .2s ease}
.site-nav a.active,.site-nav a:hover{color:#d7ffe7!important}
.brand img{filter:drop-shadow(0 0 12px rgba(81,255,181,.2))}
.brand strong span{color:#adff91!important}
.nav-action{background:linear-gradient(105deg,#c4ff7f,#58f3b2)!important;color:#061910!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border-radius:0!important}
.hero,.subhero,.rules-hero{isolation:isolate;position:relative;overflow:hidden}
.hero::before,.subhero::after,.rules-hero::after{pointer-events:none}
.subhero,.rules-hero{background:radial-gradient(ellipse at 82% 20%,rgba(52,240,185,.17),transparent 26%),radial-gradient(ellipse at 12% 10%,rgba(51,206,214,.11),transparent 28%),linear-gradient(125deg,#081719,#061116 55%,#0c1c21)!important;border-bottom:1px solid rgba(147,250,190,.22)!important}
.subhero:before,.rules-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(96,255,182,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(96,255,182,.04) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(100deg,transparent 18%,black 100%)}
.subhero h1,.rules-hero h1{letter-spacing:-.046em!important;text-shadow:0 18px 45px rgba(0,0,0,.25)}
.subhero h1 span,.rules-hero h1 span,.section-heading em,.rules-intro h2 em,.rules-end h2 span{background:linear-gradient(95deg,#caff85,#72ffb8,#3edee0)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.orb-core{background:linear-gradient(145deg,rgba(48,223,150,.34),rgba(6,28,29,.9))!important;color:#aaff92!important;filter:drop-shadow(0 0 22px rgba(36,236,151,.18))}
.orbit{border-color:rgba(160,255,130,.28)!important}
/* Section rhythm + coherent architectural surfaces */
.section-space{position:relative}
.section-heading{position:relative}
.section-heading:before{content:"";display:block;width:54px;height:3px;background:linear-gradient(90deg,#c4ff7f,#42dcdc);margin-bottom:20px}
.section-heading h2{letter-spacing:-.035em;line-height:1.01}
.section-heading p,.subhero-copy p,.body-copy,.hero-intro{color:#bbd0c9!important}
.eyebrow,.eyebrow.small,.status-pill{color:#b6ff96!important}
.feature-card,.info-card,.creator-card,.creator-placeholder,.spotlight-card,.project-main,.server-detail,.contact-card,.contact-card.big,.contact-side .contact-card,.news-row,.news-feature,.manifesto,.future-banner,.connect-card,.cta-panel,.artist-teaser-inner,.rules-card,.rules-nav-box,.rules-end{
 position:relative;overflow:hidden;
 background:linear-gradient(145deg,#10252a 0%,#0a171b 56%,#0b161a 100%)!important;
 border:1px solid var(--nx3-line)!important;
 border-radius:3px!important;
 box-shadow:0 18px 50px rgba(0,0,0,.26)!important;
}
.feature-card::before,.info-card::before,.spotlight-card::before,.project-main::before,.server-detail::before,.contact-card::before,.cta-panel::before,.creator-card::before,.creator-placeholder::before,.rules-card::before,.rules-end::before{
 content:"";position:absolute;top:0;left:0;width:min(45%,240px);height:2px;
 background:linear-gradient(90deg,#c4ff7f,#47dfd9,transparent);pointer-events:none;z-index:1;
}
.feature-card,.info-card,.creator-card,.creator-placeholder,.news-row,.contact-card,.lnch-card,.lnch-featured-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.feature-card:hover,.info-card:hover,.creator-card:hover,.creator-placeholder:hover,.news-row:hover,.lnch-card:hover,.lnch-featured-card:hover{border-color:var(--nx3-line2)!important;transform:translateY(-4px);box-shadow:0 25px 60px rgba(0,0,0,.32)!important}
.feature-icon,.info-icon,.contact-icon{background:linear-gradient(140deg,rgba(144,255,146,.14),rgba(47,203,196,.14))!important;border:1px solid rgba(122,255,183,.24)!important;border-radius:2px!important;color:#aaff9e!important}
.feature-grid,.three-col{gap:18px}
.feature-card h3,.info-card h3{color:#f1fff7!important}
.card-arrow,.text-link{color:#a6ff8e!important}
.button.primary,.lnch-btns a,.lnch-btns button{border-radius:2px!important;background:linear-gradient(105deg,#c4ff7f,#68f7b8)!important;color:#052017!important;border:1px solid rgba(194,255,127,.6)!important;font-weight:900;box-shadow:none!important}
.button.outline,.button.ghost{border-radius:2px!important;background:rgba(13,33,33,.63)!important;border:1px solid rgba(118,255,182,.35)!important;color:#edfff4!important}
.button:hover,.lnch-btns a:hover,.lnch-btns button:hover{filter:brightness(1.08)}
.chip-row span,.status-pill,.mini-button,.lnch-pill{border-radius:2px!important;border:1px solid var(--nx3-line)!important;background:#10282b!important;color:#b9fdda!important}
.statbar{background:#081416!important;border-block:1px solid rgba(148,255,179,.14)!important}
.stat-grid strong{color:#b7ff81!important}
.artist-teaser-inner{background:linear-gradient(130deg,#071c1f,#081317 62%)!important}
.artist-teaser-art{background:radial-gradient(circle,rgba(53,225,172,.15),transparent 55%),#092026!important}
.artist-teaser-art span{color:#b9ff83!important}
.spotlight-card,.project-main{background:radial-gradient(circle at 83% 34%,rgba(64,213,169,.12),transparent 28%),linear-gradient(130deg,#102529,#071315)!important}
.city-art{filter:saturate(1.2)}
.city-moon{background:#b5ff8d!important;box-shadow:0 0 50px rgba(154,255,130,.3)!important}
.server-strip{border:1px solid rgba(127,255,178,.24)!important;background:linear-gradient(110deg,#0c2728,#06171c)!important;box-shadow:0 20px 48px rgba(0,0,0,.24)!important}
.server-detail,.contact-card.big{background:radial-gradient(circle at 90% 20%,rgba(45,224,177,.14),transparent 29%),linear-gradient(130deg,#102329,#09161b)!important}
.news-visual{background:radial-gradient(circle,rgba(104,255,159,.18),transparent 55%),linear-gradient(130deg,#0e3030,#071516)!important}
.news-index{color:#b4ff80!important}
.contact-card input,.contact-card textarea,.contact-card select{border-color:rgba(125,239,182,.26)!important;background:#081719!important;color:#f2fff9!important}
.cta-panel{background:radial-gradient(circle at 86% 25%,rgba(66,232,189,.12),transparent 30%),linear-gradient(120deg,#0f2928,#061319)!important}
.site-footer{background:#040b0d!important;border-top:1px solid rgba(118,241,180,.2)!important}
.site-footer a:hover{color:#baff79!important}
/* Creator Hub: match the real dynamic cards, not just static placeholders */
.lnch-kicker{color:#baff86!important}
.lnch-cards,.lnch-featured-grid{gap:17px!important}
.lnch-card,.lnch-featured-card{
 position:relative;
 background:linear-gradient(143deg,#102b2a,#07171b 68%)!important;
 border:1px solid rgba(121,254,188,.26)!important;
 border-radius:2px!important;
 box-shadow:0 20px 48px #0005!important;
}
.lnch-card:before,.lnch-featured-card:before{content:"";position:absolute;top:0;left:0;right:30%;height:2px;background:linear-gradient(90deg,#c4ff7f,#43dccf,transparent);z-index:1}
.lnch-cover{background:radial-gradient(circle at 70% 30%,rgba(183,255,110,.13),transparent 35%),linear-gradient(115deg,#11372f,#081b22)!important}
.lnch-avatar{border-radius:2px!important;border:1px solid #b7ff85!important;background:#0a2222!important;color:#cbff98!important}
.lnch-platform-icons span{border-radius:2px!important;border:1px solid rgba(144,255,175,.23)!important;background:#092322!important;color:#d4fff1!important}
.lnch-badge-live,.lnch-featured-live{background:#133e30!important;border:1px solid #67efaa!important;color:#d1ffd2!important}
.lnch-body h3,.lnch-featured-top strong{color:#ecfff4!important}
.lnch-body>p,.lnch-featured-title{color:#bbd1c8!important}
.lnch-pill.live{color:#caffb4!important;border-color:#58d98b!important;background:#14432f!important}
.lnch-pill.manual{color:#ffe9e0!important;border-color:#ab7183!important;background:#4a2934!important}
.lnch-stream-info{background:#0a2122!important;border-radius:2px!important;border:1px solid rgba(125,255,178,.22)!important}
.lnch-stream-title{color:#f1fff7!important}
.lnch-stream-meta{color:#9bd5c4!important}
#lnch-featured{background:linear-gradient(120deg,#08191b,#102827,#061316)!important;border-block:1px solid rgba(133,255,181,.19)!important}
.lnch-featured-heading h2{color:#f1fff7!important}
.lnch-featured-heading p{color:#bdd5cb!important}
.lnch-featured-links a,.lnch-featured-all{color:#adff92!important}
.lnch-modal-backdrop{background:rgba(2,10,11,.94)!important}
.lnch-player-modal{background:#0b1c21!important;border-radius:4px!important;border-color:rgba(135,255,180,.35)!important}
.lnch-player-close{background:#152d2d!important;border-color:rgba(140,255,180,.3)!important}
/* Rules and legal pages */
.rules-main{background:linear-gradient(180deg,#071518,#061013)!important}
.rules-nav-box nav a:hover{background:#143e34!important;color:#ccffb2!important}
.rules-num,.rules-card li::before{color:#b7ff87!important}
.rules-note{border-left-color:#b7ff87!important;background:rgba(38,131,93,.16)!important}
.rules-end{background:linear-gradient(135deg,#122c28,#0b1920)!important}
.prose{max-width:850px}.prose p{color:#bdcfc9!important}
/* CenTriiX retains its artist-specific identity; shared navigation/spacing unify it. */
body:has(.centriix-page) .site-header{background:rgba(5,12,16,.91)!important}
/* Utility: optional scroll-to-top button (accessibility-first) */
.nx3-backtop{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(183,255,126,.5);background:#0b2c27;color:#d9ffad;font:900 20px system-ui;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);z-index:90;box-shadow:0 12px 24px #0006;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s}
.nx3-backtop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:900px){.site-nav.open{background:#071316!important;box-shadow:0 22px 38px #000a!important}.site-nav.open a{padding:13px 16px!important}.feature-grid,.three-col{gap:15px}}
@media(max-width:640px){.subhero,.rules-hero{background-position:center!important}.hero-meta span{max-width:100%}.section-space{padding-top:65px;padding-bottom:65px}.lnch-card{min-width:0}.lnch-player-modal{max-width:100%}.nx3-backtop{width:42px;height:42px;right:15px;bottom:17px}}
@media(prefers-reduced-motion:reduce){.feature-card,.info-card,.creator-card,.creator-placeholder,.news-row,.lnch-card,.lnch-featured-card,.nx3-backtop{transition:none!important}}
