/* Hidden Uprising — global variables, reset, atmosphere, and keyframes */

:root{
      --bg:#03070a;--panel:rgba(7,15,19,.78);--panel2:rgba(255,255,255,.035);
      --text:#f6fbfc;--muted:#8ea0a7;--cyan:#00deed;--cyan-rgb:0,222,237;--cyan-soft:color-mix(in srgb,var(--cyan) 11%,transparent);
      --line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.17);--good:#74f0b0;
      --max:1500px;--nav:76px;--ease:cubic-bezier(.2,.8,.2,1)
    }
    *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}
    body{min-height:100vh;overflow-x:hidden;color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 50% -15%,rgba(var(--cyan-rgb),.10),transparent 34%),linear-gradient(180deg,#020609,#04090d 45%,#020608)}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-3;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(#000,transparent 92%)}
    body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:radial-gradient(circle at center,transparent 58%,rgba(0,0,0,.38))}
    a{color:inherit;text-decoration:none}button{font:inherit}
    .ambient{position:fixed;inset:0;pointer-events:none;z-index:-2;overflow:hidden}.orb{position:absolute;width:48vw;aspect-ratio:1;border-radius:50%;right:-14vw;top:-27vw;background:var(--cyan);filter:blur(120px);opacity:.08;animation:drift 18s ease-in-out infinite alternate}.beam{position:absolute;left:18%;top:10vh;width:1px;height:76vh;background:linear-gradient(transparent,rgba(var(--cyan-rgb),.42),transparent);opacity:.18;transform:rotate(18deg)}.beam.b{left:auto;right:22%;transform:rotate(-14deg);opacity:.1}
    @keyframes drift{to{transform:translate(-4vw,6vh) scale(1.12)}}

/* v0.02 — restrained Destiny-inspired atmospheric layer */
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% -12%,rgba(var(--cyan-rgb),.105),transparent 34%),
    radial-gradient(circle at 88% 44%,rgba(var(--cyan-rgb),.035),transparent 26%),
    linear-gradient(180deg,#020609 0%,#04090d 48%,#020608 100%);
}
body:before{
  opacity:.72;
  background:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(112deg,transparent 0 48.9%,rgba(var(--cyan-rgb),.035) 49%,transparent 49.12%);
  background-size:88px 88px,88px 88px,100% 100%;
  animation:huGridDrift 28s linear infinite;
}
body:after{
  z-index:100;
  background:
    radial-gradient(circle at center,transparent 54%,rgba(0,0,0,.46)),
    repeating-linear-gradient(180deg,rgba(255,255,255,.008) 0 1px,transparent 1px 4px);
  opacity:.72;
}
.ambient:after{
  content:"";
  position:absolute;
  width:44vw;
  aspect-ratio:1;
  left:-22vw;
  bottom:-28vw;
  border:1px solid rgba(var(--cyan-rgb),.08);
  border-radius:50%;
  box-shadow:0 0 0 76px rgba(var(--cyan-rgb),.018),0 0 0 152px rgba(var(--cyan-rgb),.012);
  animation:huOrbitDrift 22s ease-in-out infinite alternate;
}
@keyframes huGridDrift{to{background-position:88px 88px,88px 88px,0 0}}
@keyframes huOrbitDrift{to{transform:translate(3vw,-2vh) rotate(8deg)}}
@media (prefers-reduced-motion:reduce){body:before,.ambient:after{animation:none!important}}

/* v0.03 — icon-field atmosphere: restrained diamonds, orbital rails, and particles */
body{
  background:
    radial-gradient(circle at 50% 8%,rgba(var(--cyan-rgb),.095),transparent 28%),
    radial-gradient(circle at 50% 48%,rgba(var(--cyan-rgb),.028),transparent 34%),
    linear-gradient(180deg,#02080b 0%,#03090c 48%,#020609 100%);
}
body:before{
  opacity:.62;
  background:
    linear-gradient(45deg,transparent 49.78%,rgba(var(--cyan-rgb),.025) 49.9%,rgba(var(--cyan-rgb),.025) 50.1%,transparent 50.22%),
    linear-gradient(-45deg,transparent 49.78%,rgba(255,255,255,.014) 49.9%,rgba(255,255,255,.014) 50.1%,transparent 50.22%);
  background-size:420px 420px;
  background-position:center 118px;
  animation:huFieldBreathe 14s ease-in-out infinite alternate;
}
.ambient:before{
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:min(72vw,980px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) rotate(45deg);
  border:1px solid rgba(var(--cyan-rgb),.08);
  box-shadow:
    0 0 0 72px rgba(var(--cyan-rgb),.022),
    0 0 0 144px rgba(var(--cyan-rgb),.012),
    inset 0 0 90px rgba(var(--cyan-rgb),.018);
  opacity:.55;
  animation:huDiamondFloat 18s ease-in-out infinite alternate;
}
.ambient:after{
  left:50%;
  top:44%;
  bottom:auto;
  width:min(48vw,650px);
  transform:translate(-50%,-50%);
  border-color:rgba(var(--cyan-rgb),.09);
  box-shadow:
    0 0 0 62px rgba(var(--cyan-rgb),.015),
    0 0 0 124px rgba(var(--cyan-rgb),.009);
  opacity:.5;
  animation:huOrbitPulse 16s ease-in-out infinite alternate;
}
.orb{
  width:34vw;
  right:33vw;
  top:14vh;
  opacity:.045;
  filter:blur(135px);
}
.beam{opacity:.085}.beam.b{opacity:.06}
@keyframes huFieldBreathe{to{opacity:.88;transform:scale(1.012)}}
@keyframes huDiamondFloat{to{transform:translate(-50%,-48%) rotate(45deg) scale(1.025);opacity:.72}}
@keyframes huOrbitPulse{to{transform:translate(-50%,-51%) rotate(7deg);opacity:.68}}
@media(max-width:720px){.ambient:before{width:115vw;opacity:.34}.ambient:after{width:86vw;opacity:.34}}
@media (prefers-reduced-motion:reduce){body:before,.ambient:before,.ambient:after{animation:none!important}}

/* v0.04 — animated network field based on the primary Hidden Uprising sigil */
.ambient{z-index:-2}
.ambient-diamond,.ambient-orbit,.ambient-line,.ambient-particles{position:absolute;pointer-events:none}
.ambient-diamond{
  left:50%;top:47%;aspect-ratio:1;border:1px solid rgba(var(--cyan-rgb),.12);
  transform:translate(-50%,-50%) rotate(45deg);
  box-shadow:0 0 42px rgba(var(--cyan-rgb),.025),inset 0 0 48px rgba(var(--cyan-rgb),.012)
}
.ambient-diamond-a{width:min(68vw,920px);animation:huAmbientDiamondA 24s ease-in-out infinite alternate}
.ambient-diamond-b{width:min(42vw,570px);border-color:rgba(255,255,255,.055);animation:huAmbientDiamondB 19s ease-in-out infinite alternate-reverse}
.ambient-orbit{left:50%;top:47%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}
.ambient-orbit-a{width:min(58vw,790px);border:1px solid rgba(var(--cyan-rgb),.075);animation:huAmbientOrbit 38s linear infinite}
.ambient-orbit-b{width:min(35vw,480px);border:1px dashed rgba(255,255,255,.055);animation:huAmbientOrbitReverse 29s linear infinite}
.ambient-orbit:before,.ambient-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px rgba(var(--cyan-rgb),.7);opacity:.55}
.ambient-orbit:before{left:13%;top:19%}.ambient-orbit:after{right:9%;bottom:24%}
.ambient-line{width:1px;height:76vh;top:9vh;background:linear-gradient(transparent,rgba(var(--cyan-rgb),.18),transparent);filter:drop-shadow(0 0 5px rgba(var(--cyan-rgb),.12));opacity:.42}
.ambient-line-a{left:12%;transform:rotate(22deg);animation:huAmbientLineA 17s ease-in-out infinite alternate}
.ambient-line-b{left:51%;transform:rotate(-11deg);animation:huAmbientLineB 21s ease-in-out infinite alternate-reverse}
.ambient-line-c{right:10%;transform:rotate(17deg);animation:huAmbientLineC 19s ease-in-out infinite alternate}
.ambient-particles{inset:0}
.ambient-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(var(--cyan-rgb),.88);box-shadow:0 0 10px rgba(var(--cyan-rgb),.78);opacity:.12;animation:huAmbientParticle var(--d) var(--delay) ease-in-out infinite}
.ambient-particles i:nth-child(3n){background:#dffcff;box-shadow:0 0 8px rgba(223,252,255,.45)}
.auth-shell,.identity-card,.profile-panel,.currency-card,.service-card,.control-panel{box-shadow:0 32px 90px rgba(0,0,0,.34),0 0 42px rgba(var(--cyan-rgb),.025)}
@keyframes huAmbientDiamondA{to{transform:translate(-50%,-48%) rotate(48deg) scale(1.035);border-color:rgba(var(--cyan-rgb),.18)}}
@keyframes huAmbientDiamondB{to{transform:translate(-50%,-52%) rotate(39deg) scale(.965);opacity:.72}}
@keyframes huAmbientOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes huAmbientOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes huAmbientLineA{to{left:18%;transform:rotate(18deg) translateY(4vh);opacity:.62}}
@keyframes huAmbientLineB{to{left:47%;transform:rotate(-7deg) translateY(-5vh);opacity:.56}}
@keyframes huAmbientLineC{to{right:16%;transform:rotate(13deg) translateY(3vh);opacity:.58}}
@keyframes huAmbientParticle{0%,100%{transform:translate(0,0) scale(.55);opacity:.08}38%{opacity:.58}50%{transform:translate(14px,-32px) scale(1.15)}72%{opacity:.24}}
@media(max-width:720px){.ambient-diamond-a{width:120vw}.ambient-diamond-b{width:76vw}.ambient-orbit-a{width:105vw}.ambient-orbit-b{width:66vw}.ambient-line{opacity:.24}}
@media(prefers-reduced-motion:reduce){.ambient-diamond,.ambient-orbit,.ambient-line,.ambient-particles i{animation:none!important}}


/* v0.06 theme states */
body[data-theme="light"]{--bg:#e9eff1;--panel:rgba(245,250,251,.88);--panel2:rgba(0,20,28,.035);--text:#071116;--muted:#596a71;--line:rgba(0,20,28,.10);--line2:rgba(0,20,28,.19);background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 30%),linear-gradient(180deg,#edf3f4,#dce6e9)}
body[data-theme="system"]{color-scheme:dark}
@media(prefers-color-scheme:light){body[data-theme="system"]{--bg:#e9eff1;--panel:rgba(245,250,251,.88);--panel2:rgba(0,20,28,.035);--text:#071116;--muted:#596a71;--line:rgba(0,20,28,.10);--line2:rgba(0,20,28,.19);color-scheme:light;background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 30%),linear-gradient(180deg,#edf3f4,#dce6e9)}}

/* v0.08 — user-selected signal color is the site-wide accent source. */
:root{
  --cyan:#00deed;
  --cyan-rgb:0,222,237;
}

/* v0.09 — complete appearance system */
html[data-theme="dark"],body[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"],body[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body,body[data-theme="light"]{
  --bg:#e8f0f2;
  --panel:rgba(250,253,254,.88);
  --panel2:rgba(3,20,27,.045);
  --text:#071116;
  --muted:#5b6d74;
  --line:rgba(3,20,27,.11);
  --line2:rgba(3,20,27,.22);
  background:
    radial-gradient(circle at 50% -8%,rgba(var(--cyan-rgb),.17),transparent 34%),
    radial-gradient(circle at 84% 43%,rgba(var(--cyan-rgb),.07),transparent 27%),
    linear-gradient(180deg,#f2f7f8 0%,#deeaed 52%,#edf4f5 100%);
}
html[data-theme="light"] body:before,body[data-theme="light"]:before{
  opacity:.68;
  background:
    linear-gradient(45deg,transparent 49.78%,rgba(var(--cyan-rgb),.09) 49.9%,rgba(var(--cyan-rgb),.09) 50.1%,transparent 50.22%),
    linear-gradient(-45deg,transparent 49.78%,rgba(4,26,34,.035) 49.9%,rgba(4,26,34,.035) 50.1%,transparent 50.22%);
  background-size:420px 420px;
}
html[data-theme="light"] body:after,body[data-theme="light"]:after{
  background:radial-gradient(circle at center,transparent 60%,rgba(65,92,101,.20));
  opacity:.72;
}
html[data-theme="light"] .ambient-diamond{border-color:rgba(var(--cyan-rgb),.20);box-shadow:0 0 42px rgba(var(--cyan-rgb),.05),inset 0 0 48px rgba(var(--cyan-rgb),.025)}
html[data-theme="light"] .ambient-diamond-b{border-color:rgba(4,26,34,.08)}
html[data-theme="light"] .ambient-orbit-a{border-color:rgba(var(--cyan-rgb),.16)}
html[data-theme="light"] .ambient-orbit-b{border-color:rgba(4,26,34,.09)}
html[data-theme="light"] .ambient-line{background:linear-gradient(transparent,rgba(var(--cyan-rgb),.27),transparent);opacity:.52}
html[data-theme="light"] .ambient-particles i:nth-child(3n){background:var(--cyan);box-shadow:0 0 9px rgba(var(--cyan-rgb),.5)}

/* Dark presentation surfaces stay readable inside light mode. */
html[data-theme="light"] .cta-panel,
html[data-theme="light"] .identity-card,
html[data-theme="light"] .account-command,
html[data-theme="light"] .auth-shell{
  --text:#f4fbfc;
  --muted:#9aabb1;
  --line:rgba(255,255,255,.09);
  --line2:rgba(255,255,255,.18);
  color:var(--text);
}
html[data-theme="light"] .cta-panel h2,
html[data-theme="light"] .cta-panel p,
html[data-theme="light"] .cta-panel span{color:inherit}
html[data-theme="light"] .direction-copy,
html[data-theme="light"] .roadmap-panel,
html[data-theme="light"] .feature-update,
html[data-theme="light"] .update-card{box-shadow:0 18px 54px rgba(37,62,70,.12)}

@media(prefers-color-scheme:light){
  html[data-theme="system"] body,body[data-theme="system"]{
    --bg:#e8f0f2;--panel:rgba(250,253,254,.88);--panel2:rgba(3,20,27,.045);
    --text:#071116;--muted:#5b6d74;--line:rgba(3,20,27,.11);--line2:rgba(3,20,27,.22);
    color-scheme:light;
    background:radial-gradient(circle at 50% -8%,rgba(var(--cyan-rgb),.17),transparent 34%),linear-gradient(180deg,#f2f7f8,#deeaed 52%,#edf4f5);
  }
  html[data-theme="system"] .cta-panel,html[data-theme="system"] .identity-card,html[data-theme="system"] .account-command,html[data-theme="system"] .auth-shell{
    --text:#f4fbfc;--muted:#9aabb1;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.18);color:var(--text)
  }
}

/* v0.10 — unified saved appearance rendering */
:root{--selected-accent:#00deed;--selected-accent-rgb:0,222,237;--accent:var(--cyan);--accent-rgb:var(--cyan-rgb)}
html,body{accent-color:var(--cyan)}
.ambient-particles i:nth-child(3n){background:var(--cyan)!important;box-shadow:0 0 9px rgba(var(--cyan-rgb),.55)!important}
html[data-resolved-theme="light"] body{
  --bg:#eaf1f3;--panel:rgba(250,253,254,.92);--panel2:rgba(4,24,32,.045);
  --text:#071117;--muted:#566970;--line:rgba(4,24,32,.12);--line2:rgba(4,24,32,.23);
  color:var(--text);
  background:radial-gradient(circle at 50% -8%,rgba(var(--cyan-rgb),.18),transparent 34%),radial-gradient(circle at 84% 43%,rgba(var(--cyan-rgb),.08),transparent 27%),linear-gradient(180deg,#f5f9fa 0%,#dce9ec 52%,#eef5f6 100%)!important
}
html[data-resolved-theme="light"] body:before{opacity:.76!important;background:linear-gradient(45deg,transparent 49.78%,rgba(var(--cyan-rgb),.12) 49.9%,rgba(var(--cyan-rgb),.12) 50.1%,transparent 50.22%),linear-gradient(-45deg,transparent 49.78%,rgba(4,26,34,.05) 49.9%,rgba(4,26,34,.05) 50.1%,transparent 50.22%)!important;background-size:420px 420px!important}
html[data-resolved-theme="light"] body:after{background:radial-gradient(circle at center,transparent 62%,rgba(50,78,88,.18))!important}
html[data-resolved-theme="light"] .ambient-diamond{border-color:rgba(var(--cyan-rgb),.25)!important;box-shadow:0 0 46px rgba(var(--cyan-rgb),.07),inset 0 0 50px rgba(var(--cyan-rgb),.035)!important}
html[data-resolved-theme="light"] .ambient-diamond-b,html[data-resolved-theme="light"] .ambient-orbit-b{border-color:rgba(7,31,39,.10)!important}
html[data-resolved-theme="light"] .ambient-orbit-a{border-color:rgba(var(--cyan-rgb),.20)!important}
html[data-resolved-theme="light"] .ambient-line{background:linear-gradient(transparent,rgba(var(--cyan-rgb),.34),transparent)!important;filter:drop-shadow(0 0 6px rgba(var(--cyan-rgb),.20))!important;opacity:.62!important}
html[data-resolved-theme="light"] .ambient-particles i{background:var(--cyan)!important;box-shadow:0 0 10px rgba(var(--cyan-rgb),.62)!important}
html[data-resolved-theme="light"] .outline{-webkit-text-stroke-color:rgba(7,17,23,.22)!important}

/* v0.11 — authoritative account appearance and complete signal recoloring */
html,body{accent-color:var(--accent)!important}
a:hover,.kicker,.num,.idx,.identity-index,.live-state,.verification-badge.verified,
.account-trigger.logged-in .dot,.nav-link.active,.nav-link:hover,.command-label>span,
.summary-label-row button,.compact-action:hover,.command-future,.status-active{
  color:var(--accent)!important;
}
.live-state i,.account-trigger.logged-in .dot,.verification-badge.verified i,
.ambient-orbit:before,.ambient-orbit:after,.rule:before,.rule:after{
  background:var(--accent)!important;
  box-shadow:0 0 14px rgba(var(--accent-rgb),.72)!important;
}
.nav-link.active:after,.nav-link:hover:after,.interactive-card:before,.interactive-card:after,
.roadmap-row:before,.command-row:before,.compact-action:before{
  background:var(--accent)!important;
}
button:focus-visible,a:focus-visible,input:focus-visible{
  outline-color:var(--accent)!important;
}
input:checked+span,.compact-theme-options input:checked+span{
  border-color:var(--accent)!important;
  box-shadow:0 0 0 1px var(--accent),0 0 18px rgba(var(--accent-rgb),.22)!important;
}
.compact-accent-grid input:checked+span{
  outline:2px solid var(--accent)!important;
  outline-offset:3px;
  box-shadow:0 0 16px rgba(var(--accent-rgb),.45)!important;
}
.rule,.section-rule,.identity-scan,.hud-line{
  border-color:rgba(var(--accent-rgb),.33)!important;
}
.interactive-card,.account-command,.identity-card,.roadmap-panel,.direction-copy,.update-card,.feature-update{
  border-color:rgba(var(--accent-rgb),.28)!important;
}
.interactive-card:hover,.roadmap-row:hover,.command-row:hover{
  background:linear-gradient(90deg,rgba(var(--accent-rgb),.075),rgba(var(--accent-rgb),.018) 58%,transparent)!important;
}
.ambient-diamond,.ambient-orbit-a,.account-orbit .orbit{
  border-color:rgba(var(--accent-rgb),.16)!important;
}
.ambient-line{background:linear-gradient(transparent,rgba(var(--accent-rgb),.24),transparent)!important}
.ambient-particles i,.account-particle{background:var(--accent)!important;box-shadow:0 0 11px rgba(var(--accent-rgb),.70)!important}

html[data-resolved-theme="light"] .cta-panel,
html[data-resolved-theme="light"] .identity-card,
html[data-resolved-theme="light"] .account-command,
html[data-resolved-theme="light"] .auth-shell{
  background:linear-gradient(145deg,rgba(10,28,35,.95),rgba(6,18,24,.97))!important;
  color:#f4fbfc!important;
}
html[data-resolved-theme="light"] .cta-panel h1,
html[data-resolved-theme="light"] .cta-panel h2,
html[data-resolved-theme="light"] .cta-panel p,
html[data-resolved-theme="light"] .cta-panel strong,
html[data-resolved-theme="light"] .account-command strong,
html[data-resolved-theme="light"] .account-command label,
html[data-resolved-theme="light"] .identity-card strong{
  color:#f4fbfc!important;
}
html[data-resolved-theme="light"] .cta-panel p,
html[data-resolved-theme="light"] .account-command small,
html[data-resolved-theme="light"] .account-command .summary-cell>span,
html[data-resolved-theme="light"] .identity-subline{
  color:#9fb0b6!important;
}

/* v0.14 — seamless page-to-page transitions */
body{transition:opacity .32s ease,filter .32s ease}
body.hu-page-enter{opacity:0;filter:blur(2px)}
body.hu-page-leave{opacity:0;filter:blur(2px);pointer-events:none}
main,[data-component="navbar"],[data-component="footer"]{transition:opacity .34s ease,transform .42s var(--ease)}
body.hu-page-enter main{transform:translateY(8px)}
@media(prefers-reduced-motion:reduce){body,main,[data-component="navbar"],[data-component="footer"]{transition:none!important;filter:none!important;transform:none!important}}


/* v0.32 — Hidden Uprising custom scrollbars */
html, * {
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--cyan-rgb), .72) rgba(255, 255, 255, .035);
}
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .025);
  border-left: 1px solid rgba(var(--cyan-rgb), .10);
}
*::-webkit-scrollbar-thumb {
  min-height: 42px;
  border: 2px solid transparent;
  border-radius: 0;
  background: linear-gradient(to bottom, rgba(var(--cyan-rgb), .90), rgba(var(--cyan-rgb), .45)) padding-box;
  box-shadow: 0 0 12px rgba(var(--cyan-rgb), .20);
}
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, var(--cyan), rgba(var(--cyan-rgb), .65)) padding-box;
}
*::-webkit-scrollbar-corner { background: transparent; }