:root{
  color-scheme:dark;
  --void:#05080f;
  --deep:#080c18;
  --gold:#d4922a;
  --flare:#f0b84a;
  --teal:#123241;
  --teal-line:#1c5a68;
  --ion:#e8ecf4;
  --ion-dim:#93a4bf;
  --danger:#c9523f;

  --com-who:#d4922a;
  --com-unodc:#39bac6;

  --ev-session:#f0b84a;
  --ev-ceremony:#00485c;
  --ev-ceremony-ink:#6fc1d8;
  --ev-break:#8f7fd6;
  --ev-break-ink:#c4baf0;
  --ev-break-time:#a597e6;
  --ev-meal:#e0805f;
  --ev-meal-ink:#f2b9a4;
  --ev-meal-time:#e8906f;
  --ev-edge:#e0524a;
  --ev-edge-ink:#f0a199;
  --ev-edge-time:#ec6b62;
  --apply-bar-h:0px;
  --mnz-off:var(--apply-bar-h);

  --font-pixel:'Press Start 2P', cursive;
  --font-term:'VT323', monospace;
  --font-body:'IBM Plex Sans', Arial, sans-serif;

  --frame-gap:12px;
  --frame-size:16px;
  --frame-thick:3px;

  --section-max:1120px;
  --nav-h:64px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 14px); overflow-x:hidden; width:100%; max-width:100%;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
}
body{
  margin:0;
  width:100%;
  max-width:100%;
  background:var(--void);
  color:var(--ion);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  cursor:default;
  position:relative;
}
img{max-width:100%; display:block;}
a{color:inherit;}
ul{margin:0; padding:0; list-style:none;}
button{font:inherit; color:inherit;}
h1,h2,h3{margin:0; font-weight:400;}
p{margin:0;}

::selection{background:var(--gold); color:var(--void);}

a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible{
  outline:3px dashed var(--flare);
  outline-offset:3px;
}

.skip-link{
  position:absolute; left:-999px; top:0; z-index:200;
  background:var(--flare); color:var(--void); padding:.75rem 1.25rem;
  font-family:var(--font-term); font-size:1.1rem;
}
.skip-link:focus{left:1rem; top:1rem;}

#starfield{
  position:fixed; inset:0; width:100vw; height:100vh;
  z-index:0; pointer-events:none;
}
.nebula-layer{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(ellipse 42vw 30vh at 12% 18%, rgba(28,90,104,.28), transparent 60%),
    radial-gradient(ellipse 38vw 34vh at 85% 12%, rgba(212,146,42,.10), transparent 65%),
    radial-gradient(ellipse 46vw 40vh at 78% 82%, rgba(18,50,65,.32), transparent 62%),
    radial-gradient(ellipse 34vw 30vh at 8% 85%, rgba(212,146,42,.08), transparent 60%);
  filter:blur(6px);
  opacity:.8;
}
.vignette{
  position:fixed; inset:0; z-index:1; pointer-events:none;
  background:radial-gradient(ellipse 80% 70% at 50% 40%, transparent 55%, rgba(2,3,7,.55) 100%);
}
.scanlines{
  position:fixed; inset:0; z-index:80; pointer-events:none;
  background:repeating-linear-gradient(to bottom, rgba(255,255,255,.028) 0px, rgba(255,255,255,.028) 1px, transparent 2px, transparent 4px);
  mix-blend-mode:overlay;
  opacity:.5;
}
.crt-flicker{
  position:fixed; inset:0; z-index:81; pointer-events:none;
  background:rgba(240,184,74,.015);
  animation:flicker 6.5s infinite;
}
@keyframes flicker{
  0%,96%,100%{opacity:0;}
  97%{opacity:1;}
  98%{opacity:0;}
}

.spark{
  position:fixed; z-index:90; width:4px; height:4px; background:var(--flare);
  pointer-events:none; transform:translate(-50%,-50%);
  box-shadow:0 0 6px 1px rgba(240,184,74,.8);
  opacity:.9;
  transition:opacity .5s linear, transform .5s ease-out;
}

.pixel-frame{
  position:relative;
  border:1px solid rgba(212,146,42,.28);
  background-color:rgba(8,12,24,.86);
  background-image:
    linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))), linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))),
    linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))), linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))),
    linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))), linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))),
    linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold))), linear-gradient(var(--frame-accent,var(--gold)),var(--frame-accent,var(--gold)));
  background-repeat:no-repeat;
  background-position:
    left var(--frame-gap) top var(--frame-gap), left var(--frame-gap) top var(--frame-gap),
    right var(--frame-gap) top var(--frame-gap), right var(--frame-gap) top var(--frame-gap),
    left var(--frame-gap) bottom var(--frame-gap), left var(--frame-gap) bottom var(--frame-gap),
    right var(--frame-gap) bottom var(--frame-gap), right var(--frame-gap) bottom var(--frame-gap);
  background-size:
    var(--frame-size) var(--frame-thick), var(--frame-thick) var(--frame-size),
    var(--frame-size) var(--frame-thick), var(--frame-thick) var(--frame-size),
    var(--frame-size) var(--frame-thick), var(--frame-thick) var(--frame-size),
    var(--frame-size) var(--frame-thick), var(--frame-thick) var(--frame-size);
  transition:background-color .3s ease, border-color .3s ease;
}
.pixel-frame.glow:hover,
.pixel-frame.glow:focus-within{
  border-color:rgba(240,184,74,.6);
  background-color:rgba(10,16,30,.92);
}

.section{
  position:relative; z-index:2;
  padding:5.5rem 1.5rem;
}
.section.alt{background:rgba(8,12,24,.78);}
.section.plain{background:rgba(5,8,15,.55);}
.container{max-width:var(--section-max); margin:0 auto;}

.eyebrow{
  font-family:var(--font-term);
  font-size:1.15rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--flare);
  display:flex; align-items:center; gap:.6em;
  margin-bottom:.9rem;
}
.eyebrow::before{content:"▸"; color:var(--gold);}

h2.title{
  font-family:var(--font-pixel);
  font-size:clamp(1.15rem, 3vw, 1.85rem);
  color:var(--ion);
  line-height:1.6;
  margin-bottom:1.4rem;
  text-shadow:0 0 12px rgba(212,146,42,.25);
}
.lede{
  max-width:64ch; color:var(--ion-dim); font-size:1.05rem; margin-bottom:2.5rem;
}

.hud{
  position:fixed; top:0; left:0; right:0; z-index:100; height:var(--nav-h);
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  padding:0 1.25rem;
  border-bottom:2px solid rgba(212,146,42,.35);
}
.hud::before{
  content:""; position:absolute; inset:0; z-index:-1;
  background:rgba(5,8,15,.85);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.hud-brand{display:flex; align-items:center; gap:.65rem; text-decoration:none; justify-self:start; min-width:0;}
.point-coin{height:auto; aspect-ratio:1/1; object-fit:contain;}
.hud-brand img{height:34px; width:34px; object-fit:contain;}
.hud-brand-text{
  font-family:var(--font-pixel); font-size:.72rem; color:var(--gold); letter-spacing:.05em;
}
.hud-brand-text small{display:block; font-family:var(--font-term); font-size:.85rem; color:var(--ion-dim); letter-spacing:.14em; margin-top:3px;}

.hud-links{display:flex; align-items:center; gap:1.6rem; justify-self:center;}
.hud-links a{
  font-family:var(--font-term); font-size:1.15rem; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none; color:var(--ion-dim);
  position:relative; padding:.2rem 0;
  transition:color .15s ease;
}
.hud-links a::after{
  content:""; position:absolute; left:0; bottom:-3px; height:2px; width:0;
  background:var(--flare); transition:width .18s ease;
}
.hud-links a:hover, .hud-links a.active{color:var(--flare);}
.hud-links a:hover::after, .hud-links a.active::after{width:100%;}

.hud-actions{display:flex; align-items:center; gap:.6rem; justify-self:end;}
.burger{
  display:none; width:38px; height:38px; border:2px solid var(--gold); background:transparent;
  cursor:pointer; position:relative;
}
.burger span{
  position:absolute; left:8px; right:8px; height:2px; background:var(--gold);
  transition:transform .2s ease, opacity .2s ease;
}
.burger span:nth-child(1){top:11px;}
.burger span:nth-child(2){top:18px;}
.burger span:nth-child(3){top:25px;}
.hud.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hud.nav-open .burger span:nth-child(2){opacity:0;}
.hud.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:880px){
  .hud-brand{position:relative; z-index:2;}
  .hud-actions{position:relative; z-index:2;}

  .hud-links{
    position:fixed; inset:0; z-index:1; justify-self:stretch; align-self:stretch;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2rem;
    background:
      radial-gradient(circle at 50% 15%, rgba(232,177,59,.12), transparent 55%),
      rgba(5,8,15,.98);
    opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s;
    overflow-y:auto; overscroll-behavior:contain;
    padding:calc(var(--nav-h) + 2rem) 1.5rem 2.5rem;
  }
  .hud.nav-open .hud-links{opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
  .hud-links a{
    width:100%; max-width:320px; text-align:center;
    font-size:1.55rem; padding:1.05rem 0; border-top:1px solid rgba(212,146,42,.15);
    letter-spacing:.08em;
  }
  .hud-links a:first-child{border-top:none;}
  .hud-links a::after{display:none;}
  .burger{display:block;}
}

.login-toggle{
  display:flex; align-items:center; gap:.4em;
  font-family:var(--font-term); font-size:1.05rem; letter-spacing:.04em; text-transform:uppercase;
  padding:.4em 1em; border:2px solid var(--gold); background:transparent; color:var(--flare);
  cursor:pointer; transition:background-color .15s ease, color .15s ease;
  white-space:nowrap;
}
.login-toggle:hover{background:var(--gold); color:var(--void);}
.login-toggle.signed-in{border-color:#4caf7a; color:#7fe0ab;}
.login-toggle.signed-in:hover{background:#4caf7a; color:var(--void);}
.points-toggle{text-decoration:none; color:var(--gold); border-color:var(--gold);}
.points-toggle:hover{background:var(--gold); color:var(--void);}
.points-toggle.active{background:var(--gold); color:var(--void); pointer-events:none;}
.poll-toggle{position:relative;}
.poll-toggle.poll-live{border-color:var(--flare); color:var(--flare);}
.poll-toggle.poll-live::after{
  content:''; position:absolute; top:-4px; right:-4px; width:11px; height:11px; border-radius:50%;
  background:var(--flare); box-shadow:0 0 0 0 rgba(240,184,74,.7);
  animation:poll-pulse 1.6s ease-out infinite;
}
@keyframes poll-pulse{
  0%{box-shadow:0 0 0 0 rgba(240,184,74,.6);}
  70%{box-shadow:0 0 0 8px rgba(240,184,74,0);}
  100%{box-shadow:0 0 0 0 rgba(240,184,74,0);}
}

.login-overlay{
  position:fixed; inset:0; z-index:300; display:none;
  align-items:center; justify-content:center;
  background:rgba(3,5,10,.82); backdrop-filter:blur(2px);
  padding:1.5rem;
}
.login-overlay.open{display:flex;}
.login-box{
  width:100%; max-width:380px; background:var(--deep);
  border:3px solid var(--gold); box-shadow:8px 8px 0 0 rgba(212,146,42,.35);
  padding:1.75rem 1.6rem;
}
.login-box h3{
  margin:0 0 .3rem; font-family:var(--font-pixel); font-size:.85rem; color:var(--gold); letter-spacing:.05em;
}
.login-box p.sub{margin:0 0 1.3rem; font-family:var(--font-term); font-size:1.05rem; color:var(--ion-dim);}
.login-field{margin-bottom:1rem;}
.login-field label{
  display:block; font-family:var(--font-term); font-size:1rem; color:var(--gold); margin-bottom:.35rem; letter-spacing:.03em;
}
.login-field input{
  width:100%; background:var(--void); border:2px solid var(--teal-line); color:var(--ion);
  font-family:var(--font-term); font-size:1.15rem; padding:.55em .7em; letter-spacing:.03em;
}
.login-field input:focus{outline:none; border-color:var(--gold);}
.login-msg{
  min-height:1.4em; font-family:var(--font-term); font-size:.98rem; margin:.2rem 0 1rem; color:var(--danger);
}
.login-msg.ok{color:#7fe0ab;}
.login-actions{display:flex; gap:.6rem;}
.login-actions .btn{flex:1; font-size:1.05rem; padding:.6em 1em;}
.login-close{
  position:absolute; top:10px; right:12px; background:none; border:none; color:var(--ion-dim);
  font-family:var(--font-term); font-size:1.4rem; cursor:pointer; line-height:1;
}
.login-close:hover{color:var(--flare);}
.login-box{position:relative;}
.login-hint{margin-top:1rem; font-family:var(--font-term); font-size:.92rem; color:var(--ion-dim); opacity:.75;}
.login-panel{display:none;}
.login-panel.active{display:block;}
.login-box.is-dashboard{max-width:600px; padding:2rem;}
.login-box.is-dashboard h3{
  margin:0 0 1rem; padding:0 0 .8rem; border-bottom:1px solid rgba(232,236,244,.14);
  font:1.8rem/1.1 var(--font-term); letter-spacing:.04em;
}
.login-status{
  font-family:var(--font-term); font-size:1.2rem; color:var(--ion); margin:0 0 1.1rem;
  padding:.55rem 0 .8rem; line-height:1.35; border-bottom:1px solid rgba(232,236,244,.12);
}
.login-status b{color:var(--flare);}
.login-points{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  border:1px solid var(--gold); background:rgba(232,177,59,.08);
  padding:.8em 1em; border-radius:6px; margin-bottom:1.2rem;
}
.login-points .lp-label{font-family:var(--font-term); font-size:.9rem; color:var(--ion-dim); letter-spacing:.04em; text-transform:uppercase;}
.login-points .lp-value{font-family:var(--font-term); font-size:1.7rem; color:var(--gold); font-weight:700;}

.stats-grid{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; margin:0 0 1rem;
}
.stat-box{
  --stat-accent:var(--teal-line); min-width:0; position:relative; display:flex; flex-direction:column; justify-content:center;
  gap:.35rem; padding:.8rem .9rem; border:1px solid color-mix(in srgb,var(--stat-accent) 48%,transparent);
  border-left:4px solid var(--stat-accent);
  background:linear-gradient(120deg,color-mix(in srgb,var(--stat-accent) 11%,rgba(8,12,24,.96)),rgba(8,12,24,.9) 72%);
}
.stat-box.stat-points{
  --stat-accent:var(--gold); grid-column:span 2; min-height:124px; padding:1rem 1.1rem; align-items:flex-start;
  justify-content:center; gap:.55rem; border-color:rgba(212,146,42,.45);
  background:rgba(212,146,42,.07);
}
.stat-box:nth-child(2){--stat-accent:#9772ca; grid-column:span 2; min-height:124px; align-items:flex-start; justify-content:center; padding:1rem 1.1rem;}
.stat-box.stat-committee{--stat-accent:#39bac6;}
.stat-box.stat-country{--stat-accent:#4d82cb;}
.stat-box.stat-speeches{--stat-accent:#c9a53b;}
.stat-box.stat-cookie{--stat-accent:#4db26f;}
.stat-box:nth-child(n+3){grid-column:span 2; min-height:84px;}
.stat-box .stat-label{
  font-family:var(--font-term); font-size:1rem; line-height:1.15; color:var(--ion-dim);
  letter-spacing:.1em; text-transform:uppercase;
}
.stat-box .stat-value{
  min-width:0; color:var(--ion); font:1.8rem/1.05 var(--font-term); font-weight:700;
  font-variant-numeric:tabular-nums; overflow-wrap:anywhere;
}
.stat-box.stat-points .stat-label{font-size:1.05rem; color:var(--ion-dim);}
.stat-box.stat-points .stat-value{color:var(--gold); font-size:clamp(2.2rem,5vw,3rem);}
.stat-box:nth-child(2) .stat-value{font-size:2.35rem;}
.stat-box.stat-points .stat-value.stat-rank-top{color:var(--flare);}
.stat-box .stat-value.stat-rank-top{color:var(--flare);}
.login-box.is-dashboard .login-actions{margin-top:.25rem;}

.login-hist{margin:0 0 1rem; padding:.8rem .9rem .9rem; border:2px solid rgba(255,255,255,.12); background:rgba(255,255,255,.03);}
.login-hist-head{display:flex; align-items:center; justify-content:space-between; gap:.6rem; flex-wrap:wrap; margin-bottom:.5rem;}
.login-hist-head h4{margin:0; font-family:var(--font-term); font-size:1rem; letter-spacing:.06em; text-transform:uppercase; color:var(--ion-dim); font-weight:400;}
.login-hist-tabs{display:flex; gap:.3rem;}
.login-hist-tab{font-family:var(--font-term); font-size:.85rem; letter-spacing:.05em; text-transform:uppercase; color:var(--ion-dim); background:transparent; border:1px solid rgba(255,255,255,.2); padding:.1rem .6rem; cursor:pointer;}
.login-hist-tab.active{color:#0c0a04; background:var(--gold); border-color:var(--gold);}
.login-hist-svg{display:block; width:100%; height:auto; overflow:visible;}
.login-hist-svg text{font-family:var(--font-term); font-size:11px; fill:var(--ion-dim);}
.login-hist-svg .hist-line{fill:none; stroke:var(--flare); stroke-width:2; shape-rendering:crispEdges;}
.login-hist-svg .hist-dot{fill:var(--gold); shape-rendering:crispEdges;}
.login-hist-svg .hist-grid{stroke:rgba(255,255,255,.1); stroke-width:1;}
.login-hist-note{font-family:var(--font-term); font-size:.85rem; color:var(--ion-dim); margin:.4rem 0 0;}
.login-ach{
  margin:0 0 1.2rem; padding:1rem 1.05rem 1.1rem; border:1px solid rgba(232,236,244,.14);
  background:linear-gradient(120deg,rgba(212,146,42,.05),rgba(8,12,24,.9) 72%);
}
.login-ach-head{display:flex; align-items:center; justify-content:space-between; margin:0 0 .75rem;}
.login-ach-head h4{margin:0; font-family:var(--font-term); font-size:1.02rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ion-dim);}
.login-ach-count{font-family:var(--font-term); font-size:.9rem; color:var(--gold); background:rgba(232,177,59,.12); border:1px solid rgba(232,177,59,.4); border-radius:999px; padding:.15rem .7rem;}
.login-ach-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(88px,1fr)); gap:.6rem;}
.login-ach-badge{
  display:flex; flex-direction:column; align-items:center; text-align:center; gap:.4rem;
  padding:.65rem .35rem; border:1px solid rgba(232,236,244,.14); background:rgba(0,0,0,.35);
  transition:transform .15s ease, border-color .15s ease;
}
.login-ach-badge:hover{transform:translateY(-2px);}
.login-ach-badge .la-icon{
  font-size:1.35rem; width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  background:#8b8b8b; filter:grayscale(1) brightness(.55); opacity:.45;
  border-top:2px solid #373737; border-left:2px solid #373737; border-bottom:2px solid #fff; border-right:2px solid #fff;
}
.login-ach-badge.unlocked{border-color:var(--gold); background:rgba(232,177,59,.1); box-shadow:0 0 0 1px rgba(232,177,59,.25), 0 4px 10px rgba(0,0,0,.35);}
.login-ach-badge.unlocked .la-icon{filter:none; opacity:1;}
.login-ach-badge .la-name{font-size:.66rem; line-height:1.25; color:var(--ion-dim);}
.login-ach-badge.unlocked .la-name{color:#ffe27a; text-shadow:1px 1px 0 #3f3f00;}
.login-ach-badge .la-rarity{
  color:var(--rarity-color); font:700 .52rem/1 var(--font-term); letter-spacing:.045em;
  text-transform:uppercase; white-space:nowrap;
}
.login-ach-badge[data-rarity="common"]{--rarity-color:#8bd3a0;}
.login-ach-badge[data-rarity="uncommon"]{--rarity-color:#6fb8e0;}
.login-ach-badge[data-rarity="rare"]{--rarity-color:#c98bf0;}
.login-ach-badge[data-rarity="legendary"]{--rarity-color:#ffb457;}
.login-ach-badge .la-icon{
  width:42px; height:42px; border:1px solid color-mix(in srgb,var(--rarity-color) 55%,transparent);
  border-radius:50%; background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--rarity-color) 28%,#101827),#090d16 74%);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),0 3px 10px rgba(0,0,0,.28);
}
.login-ach-badge.unlocked .la-icon{
  border-color:var(--rarity-color);
  box-shadow:inset 0 0 0 3px rgba(255,255,255,.06),0 0 13px color-mix(in srgb,var(--rarity-color) 22%,transparent);
}
.login-ach-badge[data-rarity="common"].unlocked{border-color:rgba(139,211,160,.58);}
.login-ach-badge[data-rarity="uncommon"].unlocked{border-color:rgba(111,184,224,.65);}
.login-ach-badge[data-rarity="rare"].unlocked{border-color:rgba(201,139,240,.72);}
.login-ach-badge[data-rarity="legendary"].unlocked{border-color:rgba(255,180,87,.78);}

.poll-box{max-width:540px; padding:2rem;}
.poll-box h3#poll-title{
  margin:0 0 1.1rem; padding:0 0 .8rem; border-bottom:1px solid rgba(212,146,42,.35);
  font:1.65rem/1.15 var(--font-term); letter-spacing:.05em;
}
.poll-box #poll-body>.sub{margin:.8rem 0 0; color:var(--ion-dim); font:1rem/1.45 var(--font-term);}
.poll-q{
  position:relative; margin:0 0 1rem; padding:1.1rem 1.2rem 1.1rem 1.35rem;
  border-left:4px solid var(--gold); background:linear-gradient(110deg,rgba(212,146,42,.13),rgba(8,12,24,.45) 75%);
  font:1.65rem/1.3 var(--font-term); color:var(--ion);
}
.poll-opts{display:flex; flex-direction:column; gap:.6rem; margin-bottom:1rem;}
.poll-opt-btn{
  --option-accent:var(--teal-line); position:relative; isolation:isolate;
  display:flex; align-items:center; justify-content:space-between; gap:.8rem;
  width:100%; min-height:54px; text-align:left; border:1px solid color-mix(in srgb,var(--option-accent) 48%,transparent);
  border-left:4px solid var(--option-accent);
  background:linear-gradient(100deg,color-mix(in srgb,var(--option-accent) 10%,rgba(5,8,15,.96)),rgba(5,8,15,.9) 75%);
  color:var(--ion); font:1.25rem/1.25 var(--font-term); padding:.75rem 1rem; cursor:pointer; overflow:hidden;
}
.poll-opt-btn:nth-child(4n+2){--option-accent:#9772ca;}
.poll-opt-btn:nth-child(4n+3){--option-accent:#39bac6;}
.poll-opt-btn:nth-child(4n+4){--option-accent:#4db26f;}
.poll-opt-btn:hover:not(:disabled){border-color:var(--option-accent); color:var(--ion); transform:translateX(3px);}
.poll-opt-btn:disabled{cursor:default;}
.poll-opt-btn.picked{--option-accent:#7fe0ab; border-color:#7fe0ab; color:#b8f5d1;}
.poll-opt-name{position:relative; z-index:1; flex:1;}
.poll-opt-bar{position:absolute; inset:0; background:color-mix(in srgb,var(--option-accent) 8%,transparent); z-index:0;}
.poll-opt-fill{display:block; height:100%; background:color-mix(in srgb,var(--option-accent) 24%,transparent);}
.poll-opt-pct{position:relative; z-index:1; font-size:1.05rem; color:var(--ion); flex:0 0 auto;}
.poll-error{margin-top:.6rem; font-family:var(--font-term); font-size:1rem; color:var(--danger);}

.btn{
  display:inline-flex; align-items:center; gap:.5em;
  font-family:var(--font-term); font-size:1.25rem; letter-spacing:.06em; text-transform:uppercase;
  padding:.7em 1.5em; border:3px solid var(--gold); background:transparent; color:var(--flare);
  text-decoration:none; cursor:pointer; box-shadow:5px 5px 0 0 var(--gold);
  transition:transform .08s ease, box-shadow .08s ease, background-color .15s ease, color .15s ease;
}
.btn:hover{background:var(--gold); color:var(--void); box-shadow:5px 5px 0 0 var(--flare);}
.btn:active{transform:translate(5px,5px); box-shadow:0 0 0 0 var(--gold);}
.btn.primary{background:var(--gold); color:var(--void);}
.btn.primary:hover{background:var(--flare); box-shadow:5px 5px 0 0 var(--gold);}
.btn.block{width:100%; justify-content:center;}

.hero{
  min-height:100svh; min-height:100vh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:calc(var(--nav-h) + 3rem) 1.5rem 4rem;
}
.hero{
  position:relative; isolation:isolate; overflow:hidden;
  background:#080d13;
}
.hero::before,.hero::after{
  content:""; position:absolute; inset:0; pointer-events:none;
}
.hero::before{
  z-index:-2;
  background:url("puan/school-campus.jpg") center 54%/cover no-repeat;
  filter:brightness(.8) saturate(.78) contrast(1.1) blur(2px);
  transform:scale(1.04);
  animation:campus-drift 28s ease-in-out infinite alternate;
}
.hero::after{
  z-index:-1;
  background:
    radial-gradient(ellipse 75% 75% at 50% 38%,rgba(5,8,15,.3),rgba(5,8,15,.58) 78%,rgba(5,8,15,.78)),
    linear-gradient(90deg,rgba(5,8,15,.55),rgba(5,8,15,.28) 48%,rgba(5,8,15,.56)),
    linear-gradient(0deg,#0d1116 0%,rgba(5,8,15,.68) 18%,rgba(5,8,15,.25) 64%,rgba(5,8,15,.55) 100%);
}
@keyframes campus-drift{
  from{transform:scale(1.04) translate3d(0,0,0);}
  to{transform:scale(1.1) translate3d(0,-.7%,0);}
}
.hero > *{position:relative; z-index:0;}
.hero > .hero-logo{filter:drop-shadow(0 8px 28px rgba(0,0,0,.65));}
.hero > h1{ text-shadow:0 3px 18px rgba(0,0,0,.85),0 0 28px rgba(212,146,42,.45);}
.hero > .hero-desc{color:var(--ion); text-shadow:0 2px 10px rgba(0,0,0,.9);}
.hero-fact{
  backdrop-filter:blur(8px);
  background-color:rgba(5,8,15,.68);
  border-color:rgba(240,184,74,.38);
}
@media (prefers-reduced-motion:reduce){
  .hero::before{animation:none;}
}
.hero-logo{
  width:clamp(120px,22vw,190px); height:auto; aspect-ratio:1/1; object-fit:contain; margin:0 auto 1.6rem;
  filter:drop-shadow(0 0 0 rgba(240,184,74,0));
  transition:filter .35s ease, transform .35s ease;
  animation:float 6s ease-in-out infinite;
}
.hero-logo:hover{
  filter:drop-shadow(0 0 22px rgba(240,184,74,.55)) drop-shadow(0 0 46px rgba(212,146,42,.3));
  transform:scale(1.03);
}
@keyframes float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}
.hero h1{
  font-family:var(--font-pixel);
  font-size:clamp(1.7rem, 7vw, 3.6rem);
  color:var(--flare);
  letter-spacing:.03em;
  text-shadow:0 0 10px rgba(240,184,74,.45), 0 0 34px rgba(212,146,42,.25);
  margin-bottom:1.1rem;
}
.hero-type{
  font-family:var(--font-term); font-size:1.5rem; color:var(--gold);
  min-height:1.6em; margin-bottom:1.4rem;
}
.hero-type .cursor{animation:blink 1s step-end infinite;}
@keyframes blink{50%{opacity:0;}}
.hero-desc{
  max-width:56ch; color:var(--ion-dim); font-size:1.08rem; margin:0 auto 2.2rem;
}
.hero-ctas{display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; margin-bottom:3.5rem;}

.scroll-cue{
  display:flex; flex-direction:column; align-items:center; gap:.4rem;
  color:var(--ion-dim); text-decoration:none; font-family:var(--font-term); font-size:1.05rem; letter-spacing:.1em;
}
.scroll-cue .chev{
  width:12px; height:12px; border-right:3px solid var(--gold); border-bottom:3px solid var(--gold);
  transform:rotate(45deg); animation:bob 1.8s ease-in-out infinite;
}
@keyframes bob{0%,100%{transform:rotate(45deg) translate(0,0);} 50%{transform:rotate(45deg) translate(4px,4px);}}

.terminal-panel{
  padding:2rem clamp(1.25rem,4vw,2.75rem); margin-bottom:2.75rem;
}
.terminal-head{
  display:flex; flex-wrap:wrap; gap:.5rem 1.5rem;
  font-family:var(--font-term); font-size:1.05rem; color:var(--ion-dim);
  border-bottom:1px dashed rgba(212,146,42,.3); padding-bottom:.85rem; margin-bottom:1.25rem;
  letter-spacing:.04em;
}
.terminal-head b{color:var(--gold); font-weight:400;}
.terminal-panel p + p{margin-top:1rem;}
.terminal-panel p{color:var(--ion-dim);}

.stat-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;
}
.stat{padding:1.25rem 1rem; text-align:center;}
.stat-num{
  font-family:var(--font-term); font-size:clamp(1.8rem,4vw,2.6rem); color:var(--flare);
  line-height:1;
}
.stat-label{
  font-size:.78rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ion-dim); margin-top:.5rem;
}
@media (max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr);}}

.sector-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(320px,1fr)); gap:2rem;
}

.section .container,
#about .container,
#committees .container,
#secretariat .container{max-width:1120px; margin-left:auto; margin-right:auto;}
.section:nth-of-type(even) .container,
.section:nth-of-type(odd) .container{margin-left:auto; margin-right:auto;}
#committees .title,#committees .lede{margin-left:0;}
.secretariat-layout{grid-template-columns:1fr 1fr; gap:2rem;}
.secretariat-copy{max-width:none;}
.secretariat-visual{min-height:390px;}
.stat-grid{max-width:none; margin:2.5rem 0 0;}
.sector-grid{grid-template-columns:1fr 1fr; gap:2rem;}
.sector-card:nth-child(2){transform:none;}
@media (max-width:760px){
  .secretariat-layout,.sector-grid{grid-template-columns:1fr;}
}

#secretariat .team-lead-carousel{
  display:grid; grid-template-columns:74px minmax(0,620px) 74px;
  justify-content:center; align-items:stretch; gap:1rem; margin:2rem auto 0;
}
#secretariat .team-lead-grid{display:grid; min-width:0;}
#secretariat .team-lead-card{
  --head-accent:var(--gold); position:relative; isolation:isolate; overflow:hidden;
  flex:0 0 clamp(250px,28vw,310px); display:flex; flex-direction:column; justify-content:space-between; gap:1rem;
  grid-area:1/1; min-width:0; min-height:320px; padding:2.2rem;
  border:1px solid color-mix(in srgb,var(--head-accent) 65%,transparent);
  border-left:6px solid var(--head-accent);
  background:linear-gradient(145deg,color-mix(in srgb,var(--head-accent) 18%,rgba(8,12,24,.98)),rgba(8,12,24,.98) 72%);
  box-shadow:8px 8px 0 color-mix(in srgb,var(--head-accent) 25%,transparent),inset 0 0 48px color-mix(in srgb,var(--head-accent) 5%,transparent);
  transition:opacity .2s ease,border-color .2s ease,background-color .2s ease;
}
#secretariat .team-lead-card[hidden]{display:none;}
#secretariat .team-lead-card:not([hidden]){animation:teamLeadIn .28s ease both;}
@keyframes teamLeadIn{from{opacity:0; transform:translateX(12px);}to{opacity:1; transform:translateX(0);}}
#secretariat .team-lead-arrow{
  width:74px; min-height:0; align-self:stretch; display:grid; place-items:center;
  border:2px solid var(--active-team-color,var(--gold)); background:rgba(8,12,24,.88);
  color:var(--active-team-color,var(--gold)); cursor:pointer; transition:background-color .18s ease,color .18s ease;
}
#secretariat .team-lead-arrow::before{
  content:""; width:14px; height:14px; border:solid currentColor; border-width:0 3px 3px 0;
}
#secretariat #team-lead-prev::before{transform:rotate(135deg);}
#secretariat #team-lead-next::before{transform:rotate(-45deg);}
#secretariat .team-lead-arrow:hover,#secretariat .team-lead-arrow:focus-visible{
  background:var(--active-team-color,var(--gold)); color:var(--void);
}
#secretariat .team-lead-card::after{
  content:""; position:absolute; z-index:-1; right:-2.5rem; top:-3.5rem;
  width:9rem; aspect-ratio:1; border:1px solid color-mix(in srgb,var(--head-accent) 30%,transparent);
  border-radius:50%; box-shadow:0 0 0 1.2rem color-mix(in srgb,var(--head-accent) 6%,transparent);
}
#secretariat .team-lead-card:hover{border-color:var(--head-accent);}
#secretariat .team-lead-card > *{position:relative; z-index:1;}
#secretariat .team-lead-card:nth-child(1){--head-accent:#9772ca;}
#secretariat .team-lead-card:nth-child(2){--head-accent:#4d82cb;}
#secretariat .team-lead-card:nth-child(3){--head-accent:#39bac6;}
#secretariat .team-lead-card:nth-child(4){--head-accent:#e6ad4c;}
#secretariat .team-lead-card:nth-child(5){--head-accent:#4db26f;}
#secretariat .team-lead-card:nth-child(6){--head-accent:#db7857;}
#secretariat .team-lead-card:nth-child(7){--head-accent:#cb4d62;}
#secretariat .team-lead-card:nth-child(8){--head-accent:#ca72ad;}
#secretariat .team-lead-card h3{max-width:14ch; margin:0; color:var(--head-accent); font:clamp(2rem,4vw,2.8rem)/.98 var(--font-term); letter-spacing:.025em; text-transform:uppercase; text-wrap:balance;}
#secretariat .team-lead-label{width:fit-content; margin:0; padding:.35rem .6rem; border:1px solid color-mix(in srgb,var(--head-accent) 45%,transparent); background:color-mix(in srgb,var(--head-accent) 9%,transparent); color:var(--ion-dim); font:.95rem var(--font-term); letter-spacing:.16em; text-transform:uppercase;}
#secretariat .team-lead-name{width:fit-content; max-width:100%; margin:0; padding-top:.8rem; border-top:1px solid color-mix(in srgb,var(--head-accent) 45%,transparent); color:var(--ion); font:clamp(2.8rem,5vw,4rem)/.95 var(--font-term); overflow-wrap:anywhere; text-shadow:2px 2px 0 color-mix(in srgb,var(--head-accent) 28%,transparent);}
@media (max-width:760px){
  #secretariat .team-lead-carousel{grid-template-columns:52px minmax(0,1fr) 52px; gap:.65rem;}
  #secretariat .team-lead-arrow{width:52px;}
  #secretariat .team-lead-card{min-height:290px; padding:1.7rem;}
  #secretariat .team-lead-card h3{font-size:2.35rem;}
  #secretariat .team-lead-name{font-size:3.3rem;}
}
@media (max-width:480px){
  #secretariat .team-lead-carousel{grid-template-columns:44px minmax(0,1fr) 44px; gap:.5rem; margin-top:1.4rem;}
  #secretariat .team-lead-arrow{width:44px;}
  #secretariat .team-lead-card{min-height:260px; padding:1.3rem; gap:1rem;}
  #secretariat .team-lead-card h3{font-size:2rem;}
  #secretariat .team-lead-label{font-size:.85rem;}
  #secretariat .team-lead-name{font-size:2.8rem;}
}
@media (max-width:360px){
  #secretariat .team-lead-carousel{grid-template-columns:38px minmax(0,1fr) 38px; gap:.4rem;}
  #secretariat .team-lead-arrow{width:38px;}
  #secretariat .team-lead-card{min-height:260px; padding:1rem;}
  #secretariat .team-lead-card h3{font-size:1.8rem;}
  #secretariat .team-lead-name{font-size:2.5rem;}
}
.js-ready .section{opacity:0; transform:translateY(22px);}
.js-ready .section.in-view{opacity:1; transform:translateY(0); transition:opacity .7s ease,transform .7s ease;}
.js-ready .section.in-view .eyebrow{animation:contentRise .55s ease both;}
.js-ready .section.in-view .title{animation:contentRise .6s .08s ease both;}
.js-ready .section.in-view .lede{animation:contentRise .6s .15s ease both;}
.js-ready .section.in-view .pixel-frame{animation:frameReveal .65s .12s ease both;}
@keyframes frameReveal{
  from{opacity:0; transform:translateY(14px) scale(.985);}
  to{opacity:1; transform:translateY(0) scale(1);}
}
.section .eyebrow,.section .title,.section .lede{animation:contentRise .65s ease both;}
@keyframes contentRise{
  from{opacity:0; transform:translateY(12px);}
  to{opacity:1; transform:translateY(0);}
}

#starfield,.nebula-layer,.scanlines,.crt-flicker,.spark{display:none;}
body{background:#0d1116;}
.section.alt{background:rgba(14,20,28,.92);}
.secretariat-visual{background:linear-gradient(145deg,#253743,#101820);}
.planet-icon{display:none;}
.sector-card{
  min-height:360px; padding:2rem 2.2rem 1.8rem; display:flex; flex-direction:column; gap:.75rem;
  overflow:hidden; isolation:isolate;
  cursor:pointer; transition:transform .18s ease,background-color .25s ease;
}
.sector-card::before{
  content:""; position:absolute; inset:0; z-index:-2;
  background-position:center; background-size:cover; background-repeat:no-repeat;
  background-blend-mode:color,normal; opacity:.92; filter:saturate(.72) contrast(1.12);
}
.sector-card::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg,rgba(5,8,15,.7) 0%,rgba(5,8,15,.3) 52%,rgba(5,8,15,.15) 100%),
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(232,236,244,.035) 5px 6px);
}
.sector-card.who-card{
  border-color:color-mix(in srgb,var(--com-who) 68%,transparent);
  --frame-accent:var(--com-who);
  --committee-accent:var(--com-who);
}
.sector-card.unodc-card{
  --frame-accent:var(--com-unodc);
  border-color:color-mix(in srgb,var(--com-unodc) 68%,transparent);
  --committee-accent:var(--com-unodc);
}
.sector-card.who-card::before{
  background-image:linear-gradient(rgba(212,146,42,.3),rgba(5,8,15,.22)),url("puan/who-committee.jpg");
}
.sector-card.who-card::before{background-position:center 38%; background-size:cover; filter:saturate(1.05) contrast(1.08); opacity:.95;}
.sector-card.unodc-card::before{
  background-image:linear-gradient(rgba(57,186,198,.3),rgba(5,8,15,.22)),url("puan/unodc-committee.jpg");
}
.sector-card:hover{transform:translateY(-5px);}
.sector-card:focus-visible{outline:3px solid var(--flare); outline-offset:4px;}
.planet-icon{width:64px; height:64px; display:block;}
.sector-card h3{
  position:absolute; inset:50% 0 auto; z-index:1; transform:translateY(-48%);
  font-family:var(--font-pixel); font-size:clamp(2.75rem,6vw,5rem); font-weight:400;
  line-height:1; text-align:center; white-space:nowrap; color:var(--ion);
  text-shadow:3px 3px 0 color-mix(in srgb,var(--committee-accent,var(--gold)) 62%,transparent);
  letter-spacing:.02em;
}
.sector-card .full-name{
  position:relative; z-index:1; order:3; margin-top:auto; max-width:34rem;
  font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; color:rgba(232,236,244,.72);
}
.sector-card .topic{position:relative; z-index:1; order:4; max-width:34rem; margin:0 auto; color:var(--ion); font:clamp(1.2rem,2.5vw,1.7rem) var(--font-term); line-height:1.05; text-align:center;}
.signal{display:flex; align-items:center; gap:.5rem; margin-top:auto; padding-top:.5rem;}
.signal{position:relative; z-index:1; order:1; margin:0; padding:0;}
.signal-label{font-family:var(--font-term); font-size:1rem; color:var(--ion-dim); letter-spacing:.1em; text-transform:uppercase;}
.signal-bars{display:flex; align-items:flex-end; gap:3px; height:16px;}
.signal-bars i{width:5px; display:block; background:rgba(212,146,42,.22);}
.signal-bars i:nth-child(1){height:35%;}
.signal-bars i:nth-child(2){height:58%;}
.signal-bars i:nth-child(3){height:78%;}
.signal-bars i:nth-child(4){height:100%;}
.signal-bars i.lit{background:var(--flare);}
.sector-card .planet-icon{display:none;}
.sector-card .full-name{order:3;}
.sector-card .topic{order:4;}
.sector-card:not(.is-open) .full-name,
.sector-card:not(.is-open) .topic,
.sector-card:not(.is-open) .signal{display:none;}
.sector-card.is-open{
  justify-content:flex-end;
  background-color:rgba(8,12,24,.6);
}
.sector-card.is-open h3{
  top:34%; transform:translateY(-50%); font-size:clamp(2.75rem,5vw,4.5rem);
}
.sector-card.is-open .signal{display:flex; margin-top:0;}

.committee-modal{
  position:fixed; inset:0; z-index:150; display:grid; place-items:center;
  padding:1.25rem; background:rgba(5,8,15,.84); backdrop-filter:blur(5px);
  opacity:0; pointer-events:none; transition:opacity .2s ease;
}
.committee-modal.is-visible{opacity:1; pointer-events:auto;}
.committee-modal-panel{
  position:relative; width:min(760px,100%); max-height:min(760px,88vh); overflow:auto;
  padding:3rem clamp(1.4rem,5vw,3.5rem) 2.5rem;
  border:2px solid var(--modal-color,var(--gold));
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--modal-color,var(--gold)) 10%,transparent),transparent 42%),
    rgba(8,12,24,.98);
  box-shadow:10px 10px 0 color-mix(in srgb,var(--modal-color,var(--gold)) 24%,transparent);
  transform:translateY(18px); transition:transform .25s ease;
}
.committee-modal.is-visible .committee-modal-panel{transform:translateY(0);}
.committee-modal-panel::before{
  content:""; position:absolute; inset:12px; pointer-events:none;
  border:1px solid color-mix(in srgb,var(--modal-color,var(--gold)) 35%,transparent);
}
.committee-modal-close{
  position:absolute; top:1rem; right:1rem; z-index:1; width:42px; height:42px;
  display:grid; place-items:center; border:2px solid var(--modal-color,var(--gold));
  background:transparent; color:var(--modal-color,var(--gold)); cursor:pointer;
  font:1.35rem var(--font-pixel);
}
.committee-modal-close:hover,.committee-modal-close:focus-visible{background:var(--modal-color,var(--gold)); color:var(--void);}
.committee-modal-kicker{position:relative; color:var(--modal-color,var(--gold)); font:1rem var(--font-term); letter-spacing:.16em; text-transform:uppercase;}
.committee-modal-title{position:relative; margin:.7rem 0 .35rem; color:var(--ion); font:clamp(2.4rem,8vw,5rem) var(--font-pixel); letter-spacing:.04em;}
.committee-modal-topic{position:relative; color:var(--ion-dim); font-size:1rem; text-transform:uppercase; letter-spacing:.08em;}
.committee-modal-level{position:relative; display:inline-flex; margin:1.5rem 0; padding:.45rem .8rem; border:1px solid var(--modal-color,var(--gold)); color:var(--modal-color,var(--gold)); font:1rem var(--font-term); letter-spacing:.1em; text-transform:uppercase;}
.committee-modal-description{position:relative; max-width:62ch; color:var(--ion); font-size:1.05rem; line-height:1.75;}
@media (max-width:760px){
  .committee-modal{padding:.75rem;}
  .committee-modal-panel{max-height:88vh; padding:2.6rem 1.25rem 2rem;}
  .committee-modal-title{font-size:2.5rem;}
  .committee-modal-description{font-size:.95rem;}
}

.crew-avatar{width:64px; height:64px; margin:0 auto .9rem;}

.section .container{max-width:1280px;}
.section:nth-of-type(even) .container{margin-left:max(1.5rem,calc((100vw - 1280px)/2 + 2rem)); margin-right:auto;}
.section:nth-of-type(odd) .container{margin-left:auto; margin-right:max(1.5rem,calc((100vw - 1280px)/2 + 2rem));}
#about .container{max-width:1380px;}
#about .title{max-width:15ch; font-size:clamp(1.4rem,3.5vw,2.2rem);}
.secretariat-layout{display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:clamp(2rem,7vw,7rem); align-items:center;}
.secretariat-copy{max-width:680px;}
.secretariat-visual{min-height:390px; position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,rgba(18,50,65,.9),rgba(8,12,24,.94));}
.secretariat-visual::before{content:""; position:absolute; width:62%; aspect-ratio:1; border:1px solid rgba(240,184,74,.42); border-radius:50%; box-shadow:0 0 0 24px rgba(212,146,42,.06),0 0 0 58px rgba(212,146,42,.04); transform:rotate(-18deg);}
.secretariat-visual::after{content:"XXVI"; position:absolute; right:1.2rem; bottom:1rem; color:rgba(240,184,74,.38); font:1.2rem var(--font-term); letter-spacing:.3em;}
.secretariat-visual svg{width:150px; height:150px; color:var(--flare); filter:drop-shadow(0 0 18px rgba(240,184,74,.24)); position:relative; z-index:1;}
.secretariat-layout{align-items:stretch;}
.secretariat-layout .secretariat-visual{min-height:0 !important; background:#000; }
.secretariat-visual::before,.secretariat-visual::after{display:none;}
.secretariat-visual svg.sv-q{width:clamp(90px,14vw,150px); height:auto; color:#2b2b2b; filter:none; animation:none;}
@media (max-width:900px){.secretariat-layout .secretariat-visual{min-height:240px !important;}}
.stat-grid{grid-template-columns:repeat(4,minmax(100px,1fr)); max-width:840px; margin:2.5rem 0 0 auto;}
#committees .container{max-width:1080px;}
#committees .title,#committees .lede{margin-left:10%;}
.sector-grid{grid-template-columns:1.25fr .85fr; align-items:end; gap:clamp(1.5rem,5vw,5rem);}
.sector-card:nth-child(2){transform:translateY(4rem);}
@media (max-width:760px){
  .section:nth-of-type(even) .container,.section:nth-of-type(odd) .container{margin-left:auto;margin-right:auto;}
  .secretariat-layout{grid-template-columns:1fr;}
  .secretariat-visual{min-height:280px; order:-1;}
  .stat-grid{margin-left:0;}
  #committees .title,#committees .lede{margin-left:0;}
  .sector-grid{grid-template-columns:1fr;}
  .sector-card:nth-child(2){transform:none;}
}

.timeline{position:relative; padding-left:2.75rem;}
.timeline-track{
  position:absolute; left:9px; top:6px; bottom:6px; width:3px;
  background:repeating-linear-gradient(to bottom, var(--teal-line) 0 8px, transparent 8px 16px);
}
.timeline-rocket{
  position:absolute; left:-2px; top:0; width:24px; height:24px; z-index:2;
  transition:top .1s linear;
}
.cycle{margin-bottom:3rem; position:relative;}
.cycle::before{
  content:""; position:absolute; left:-2.75rem; top:.35rem; width:14px; height:14px;
  background:var(--flare); box-shadow:0 0 0 4px var(--void), 0 0 0 6px rgba(240,184,74,.4);
}
.cycle-head{font-family:var(--font-term); font-size:1.35rem; color:var(--gold); letter-spacing:.05em; margin-bottom:.25rem;}
.cycle-sub{font-size:.85rem; color:var(--ion-dim); letter-spacing:.08em; text-transform:uppercase; margin-bottom:1rem;}
.event-row{display:flex; gap:1.25rem; padding:.6rem 0; border-top:1px dashed rgba(212,146,42,.18);}
.event-row:first-of-type{border-top:none;}
.event-time{font-family:var(--font-term); font-size:1.15rem; color:var(--flare); min-width:5.5em;}
.event-title{color:var(--ion);}

#schedule .container{max-width:1240px;}
#schedule .title{margin-bottom:.7rem;}
#schedule .lede{max-width:46rem; margin-bottom:2.5rem;}
#schedule .timeline{padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem; position:relative; align-items:start;}
#schedule .timeline-track,#schedule .timeline-rocket{display:none;}
#schedule .cycle{margin:0; padding:0 1.6rem 1rem; position:relative; background:rgba(8,12,24,.85); border:1px solid rgba(212,146,42,.34);}
#schedule .cycle::before{display:none;}
#schedule .cycle::after{content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--ev-session); opacity:.8;}
#schedule .cycle-top{padding:1.6rem 0 1.1rem; margin-bottom:.4rem; border-bottom:1px solid rgba(212,146,42,.25);}
#schedule .cycle-head{font-family:var(--font-pixel); font-size:1.1rem; color:var(--flare); letter-spacing:.06em; margin:0;}
#schedule .cycle-sub{font-family:var(--font-term); font-size:1.25rem; color:var(--ion-dim); letter-spacing:.04em; text-transform:none; margin:.5rem 0 0; border:0; padding:0;}
#schedule .event-list{padding:0;}
#schedule .event-row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:center; padding:.75rem 0 .75rem .9rem; margin:0; border:0; border-bottom:1px solid rgba(212,146,42,.12); border-left:2px solid transparent;}
#schedule .event-row:last-child{border-bottom:0;}
#schedule .event-time{order:2; text-align:right; font-family:var(--font-term); font-size:1.3rem; line-height:1; letter-spacing:.03em; white-space:nowrap; color:var(--ion-dim); min-width:0; padding:0;}
#schedule .event-title{font-size:1rem; line-height:1.4; color:var(--ion);}
#schedule .event-title::before{display:none;}
#schedule .event-row.is-session{border-left-color:var(--ev-session);}
#schedule .event-row.is-ceremony{border-left-color:var(--ev-ceremony); background:linear-gradient(90deg, color-mix(in srgb,var(--ev-ceremony) 55%,transparent), color-mix(in srgb,var(--ev-ceremony) 12%,transparent));}
#schedule .event-row.is-session .event-time{color:var(--ev-session);}
#schedule .event-row.is-ceremony .event-time{color:var(--ev-ceremony-ink);}
#schedule .event-row.is-session .event-title,#schedule .event-row.is-ceremony .event-title{font-weight:600;}

#schedule .event-row.is-edge{border-left-color:var(--ev-edge);}
#schedule .event-row.is-edge .event-title{color:var(--ev-edge-ink);}
#schedule .event-row.is-edge .event-time{color:var(--ev-edge-time);}

#schedule .event-row.is-break{border-left-color:var(--ev-break);}
#schedule .event-row.is-break .event-title{color:var(--ev-break-ink);}
#schedule .event-row.is-break .event-time{color:var(--ev-break-time);}

#schedule .event-row.is-meal{border-left-color:var(--ev-meal); background:linear-gradient(90deg, color-mix(in srgb,var(--ev-meal) 18%,transparent), color-mix(in srgb,var(--ev-meal) 4%,transparent));}
#schedule .event-row.is-meal .event-title{color:var(--ev-meal-ink); font-weight:600;}
#schedule .event-row.is-meal .event-time{color:var(--ev-meal-time);}
#schedule .schedule-note{margin:1.5rem 0 0; font-family:var(--font-term); font-size:1.1rem; letter-spacing:.05em; color:var(--ion-dim); text-align:center;}
@media (max-width:980px){#schedule .timeline{grid-template-columns:1fr; gap:1.25rem;}}
@media (max-width:560px){
  #schedule .cycle{padding:0 1rem .6rem;}
  #schedule .event-row{grid-template-columns:minmax(0,1fr) auto; gap:.6rem; padding-left:.7rem;}
  #schedule .event-time{font-size:1.15rem;}
  #schedule .event-title{font-size:.95rem;}
}

.boarding{
  display:grid; grid-template-columns:1.5fr 1fr; gap:0; overflow:hidden;
}
.boarding-main, .boarding-stub{padding:2rem clamp(1.25rem,3vw,2.25rem);}
.boarding-main{border-right:none;}
.boarding-field{margin-bottom:1.1rem;}
.boarding-field .k{font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ion-dim); margin-bottom:.25rem;}
.boarding-field .v{font-family:var(--font-term); font-size:1.3rem; color:var(--ion); letter-spacing:.02em;}
.perforation{
  grid-column:1 / -1;
  height:0; border-top:2px dashed rgba(212,146,42,.35); position:relative;
}
.fare-table{width:100%; border-collapse:collapse; margin:1rem 0 1.4rem;}
.fare-table th, .fare-table td{
  text-align:left; padding:.55rem .3rem; font-size:.92rem; border-bottom:1px solid rgba(212,146,42,.15);
}
.fare-table th{color:var(--ion-dim); font-weight:500; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase;}
.fare-table td.price{font-family:var(--font-term); font-size:1.2rem; color:var(--flare);}
.boarding-note{font-size:.82rem; color:var(--ion-dim); margin-top:1rem;}
@media (max-width:760px){
  .boarding{grid-template-columns:1fr;}
}

.faq-list{display:flex; flex-direction:column; gap:1rem;}
.faq-item{padding:0;}
.faq-item summary{
  list-style:none; cursor:pointer; padding:1.1rem 1.4rem; display:flex; align-items:center; gap:.75rem;
  font-family:var(--font-term); font-size:1.2rem; color:var(--ion);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"▸"; color:var(--gold); transition:transform .18s ease; flex:none;}
.faq-item[open] summary::before{transform:rotate(90deg);}
.faq-item summary .q-mark{color:var(--flare);}
.faq-a{padding:0 1.4rem 1.25rem 3rem; color:var(--ion-dim);}
.faq-a .r-mark{color:var(--gold);}

.contact-grid{display:grid; grid-template-columns:1.2fr 1fr; gap:2rem;}
.contact-field{margin-bottom:1.25rem;}
.contact-field .k{font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ion-dim); margin-bottom:.3rem;}
.contact-field .v a{font-family:var(--font-term); font-size:1.3rem; color:var(--flare); text-decoration:none;}
.contact-field .v a:hover{color:var(--gold); text-decoration:underline;}
.social-row{display:flex; gap:.75rem; margin-top:1.5rem;}
.social-btn{
  width:42px; height:42px; display:flex; align-items:center; justify-content:center;
  border:2px solid var(--gold); color:var(--gold); text-decoration:none;
}
.social-btn:hover{background:var(--gold); color:var(--void);}
.social-btn svg{width:18px; height:18px;}
.signal-readout{padding:1.75rem;}
.signal-readout .eyebrow{margin-bottom:1.1rem;}
.readout-bars{display:flex; align-items:flex-end; gap:4px; height:60px; margin-bottom:1rem;}
.readout-bars i{flex:1; background:var(--teal-line); animation:pulse-bar 1.8s ease-in-out infinite;}
.readout-bars i:nth-child(odd){animation-delay:.3s;}
.readout-bars i:nth-child(3n){animation-delay:.6s;}
@keyframes pulse-bar{0%,100%{height:20%; background:var(--teal-line);} 50%{height:90%; background:var(--flare);}}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr;}}

footer{
  position:relative; z-index:2; padding:2.5rem 1.5rem 3rem; text-align:center;
  border-top:2px solid rgba(212,146,42,.25); background:rgba(5,8,15,.85);
  font-family:var(--font-term); font-size:1rem; color:var(--ion-dim); letter-spacing:.03em;
}
footer .foot-astro{width:34px; height:34px; margin:0 auto .9rem; opacity:.85;}

.deco-planet{
  position:absolute; z-index:1; pointer-events:none; width:46px; height:46px;
  opacity:.55; animation:drift 14s ease-in-out infinite;
}
@keyframes drift{
  0%,100%{transform:translateY(0) rotate(0deg);}
  50%{transform:translateY(-16px) rotate(6deg);}
}

.signal-code-panel{
  position:fixed; left:14px; bottom:14px; z-index:60; max-width:230px;
  padding:.85rem 1rem;
  opacity:0; transform:translateY(10px);
  pointer-events:none;
  transition:opacity .5s ease, transform .5s ease;
}
.signal-code-panel.visible{opacity:1; transform:translateY(0);}
.signal-code-panel .label{
  font-family:var(--font-term); font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:var(--ion-dim);
}
.signal-code-panel .code{
  font-family:var(--font-term); font-size:1.35rem; letter-spacing:.05em; color:var(--flare); margin-top:.2rem;
}
@media (max-width:600px){
  .signal-code-panel{left:10px; bottom:10px; max-width:190px;}
}

.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

.hero{min-height:100vh; min-height:100svh;}
.sector-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%,320px),1fr));}
.menu-actions{display:none;}

@media (max-width:880px){
  .hud{
    display:flex; justify-content:space-between; gap:.6rem;
    padding-left:max(1rem, env(safe-area-inset-left));
    padding-right:max(1rem, env(safe-area-inset-right));
  }
}

html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}
@media (max-width:880px){
  .burger{width:44px; height:44px;}
  .burger span{left:10px; right:10px;}
  .burger span:nth-child(1){top:13px;}
  .burger span:nth-child(2){top:19px;}
  .burger span:nth-child(3){top:25px;}
  .hud.nav-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .hud.nav-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
}
@media (pointer:coarse){
  .hud-brand{min-height:44px;}
  .contact-field .v a{display:inline-flex; align-items:center; min-height:44px;}
}

@media (max-width:720px){
  :root{--nav-h:58px;}
  .hud-actions{gap:.5rem;}
  .hud-brand-text{line-height:1.25;}
  .hud-brand-text small{margin-top:4px;}
  .hud-actions .login-toggle{display:none;}
  .burger{width:44px; height:44px;}
  .burger span{left:10px; right:10px;}
  .burger span:nth-child(1){top:13px;}
  .burger span:nth-child(2){top:19px;}
  .burger span:nth-child(3){top:25px;}
  .hud.nav-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .hud.nav-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

  .menu-actions{
    display:flex; flex-direction:column; gap:.7rem; width:100%; max-width:320px;
    margin-top:.5rem; padding:1.25rem 0 0; border-top:1px solid rgba(212,146,42,.12);
  }
  .hud-links .menu-actions .login-toggle{
    display:flex; width:100%; justify-content:center; min-height:52px;
    padding:.5em 1em; font-size:1.25rem; letter-spacing:.04em; font-weight:700;
    border:2px solid var(--gold); color:var(--void); background:var(--gold);
    box-shadow:4px 4px 0 0 rgba(212,146,42,.35);
  }
  .hud-links .menu-actions button.login-toggle{color:var(--void); background:var(--flare); border-color:var(--flare); box-shadow:4px 4px 0 0 rgba(240,184,74,.35);}
  .hud-links .menu-actions .login-toggle.signed-in{border-color:#4caf7a; color:var(--void); background:#7fe0ab; box-shadow:4px 4px 0 0 rgba(76,175,122,.35);}
  .hud-links .menu-actions .login-toggle:active{transform:translate(3px,3px); box-shadow:1px 1px 0 0 rgba(212,146,42,.35);}

  .section{padding:3.5rem 1.1rem;}
  .lede{font-size:1rem; margin-bottom:1.8rem;}
  h2.title{margin-bottom:1rem;}
  .eyebrow{font-size:1.05rem; letter-spacing:.14em;}
  .pixel-frame{--frame-gap:8px; --frame-size:12px;}
  .btn{padding:.65em 1.2em; box-shadow:4px 4px 0 0 var(--gold);}
  .btn:hover{box-shadow:4px 4px 0 0 var(--flare);}
  .btn:active{transform:translate(4px,4px);}

  .hero{padding:calc(var(--nav-h) + 2rem) 1.1rem 3rem;}
  .hero-logo{margin-bottom:1.2rem;}
  .hero-type{font-size:1.35rem;}
  .hero-desc{font-size:1rem; margin-bottom:1.8rem;}
  .hero-ctas{flex-direction:column; align-items:stretch; width:100%; max-width:320px; gap:.9rem; margin-bottom:2.5rem;}
  .hero-ctas .btn{justify-content:center;}

  .terminal-panel{padding:1.4rem 1.1rem; margin-bottom:1.75rem;}
  .terminal-head{font-size:1rem; gap:.35rem 1rem;}
  .stat-grid{gap:.8rem;}
  .stat{padding:1rem .5rem;}
  .stat-label{font-size:.72rem; letter-spacing:.06em;}

  .sector-grid{grid-template-columns:1fr; gap:1.25rem;}
  .sector-card{min-height:320px; padding:1.5rem 1.2rem 1.25rem; gap:.7rem;}
  .sector-card h3{font-size:clamp(2.75rem,15vw,5rem);}
  .sector-card .full-name{margin-top:-.6rem;}
  .planet-icon{width:52px; height:52px;}

  .crew-avatar{width:52px; height:52px; margin-bottom:.6rem;}

  .cycle{margin-bottom:2.2rem;}
  .event-row{gap:.9rem;}
  .event-time{min-width:4.2em;}

  .boarding-main, .boarding-stub{padding:1.4rem 1.1rem;}
  .fare-table th, .fare-table td{padding:.5rem .2rem;}

  .faq-list{gap:.75rem;}
  .faq-item summary{padding:.9rem 1rem; font-size:1.1rem; align-items:flex-start;}
  .faq-a{padding:0 1rem 1rem 2.2rem;}

  .contact-grid{gap:1.25rem;}
  .contact-field .v a{overflow-wrap:anywhere;}
  footer{padding:2rem 1.1rem calc(2.5rem + env(safe-area-inset-bottom));}

  .login-overlay{align-items:flex-start; overflow-y:auto; padding:calc(var(--nav-h) + .5rem) 1rem 1.5rem;}
  .login-box{padding:1.5rem 1.2rem; box-shadow:5px 5px 0 0 rgba(212,146,42,.35);}
  .login-close{top:4px; right:4px; width:44px; height:44px; font-size:1.7rem;}

  .signal-code-panel{left:10px; bottom:calc(10px + env(safe-area-inset-bottom)); max-width:170px; padding:.6rem .8rem;}
}

@media (max-width:420px){
  .committee-facts{grid-template-columns:1fr;}
  .hero-facts{grid-template-columns:1fr;}
}
@media (max-width:360px){
  .login-box.is-dashboard{padding:1.5rem 1.1rem;}
  .stats-grid{gap:.5rem;}
  .stat-box{padding:.6rem;}
  .stat-box .stat-label{font-size:.85rem;}
  .stat-box .stat-value{font-size:1.3rem;}
  .stat-box.stat-points .stat-value{font-size:1.55rem;}
}

@media (max-width:360px){
  .hero h1{font-size:1.5rem;}
  .btn{font-size:1.15rem;}
}
@media (max-width:420px){
  .login-box.is-dashboard{padding:1.35rem 1rem;}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:.6rem;}
  .stat-box.stat-points,.stat-box:nth-child(2){grid-column:span 1; min-height:100px; padding:.7rem;}
  .stat-box:nth-child(n+3){grid-column:span 1; min-height:76px; padding:.65rem;}
  .stat-box .stat-label{font-size:.88rem;}
  .stat-box .stat-value{font-size:1.45rem;}
  .stat-box.stat-points .stat-value{font-size:1.75rem;}
  .stat-box:nth-child(2) .stat-value{font-size:1.8rem;}
}

.section .container,
.section:nth-of-type(even) .container,
.section:nth-of-type(odd) .container{max-width:1120px; margin-left:auto; margin-right:auto;}
#committees .title,#committees .lede{margin-left:0;}
.secretariat-layout{grid-template-columns:1fr 1fr; gap:2rem;}
.stat-grid{max-width:none; margin:2.5rem 0 0;}
.sector-grid{grid-template-columns:1fr 1fr; gap:2rem;}
.sector-card:nth-child(2){transform:none;}
@media (max-width:760px){
  .secretariat-layout,.sector-grid{grid-template-columns:1fr;}
}

@media (min-width:761px){
  .section .container,
  .section:nth-of-type(even) .container,
  .section:nth-of-type(odd) .container{max-width:1120px; margin-left:auto; margin-right:auto;}
  #about .container,#committees .container{max-width:1120px;}
  #committees .title,#committees .lede{margin-left:0;}
  .sector-grid{grid-template-columns:1fr 1fr; gap:2rem;}
  .sector-card:nth-child(2){transform:none;}
}

@media (min-width:761px){
  .section{padding-top:4.25rem; padding-bottom:4.25rem;}
  .lede{margin-bottom:1.75rem;}
  .terminal-panel{margin-bottom:1.75rem;}
  .stat-grid{margin-top:1.75rem;}
  .secretariat-layout{gap:2.75rem;}
  .secretariat-visual{min-height:330px;}
  #schedule .timeline{margin-top:1.25rem;}
  .boarding{margin-top:1.25rem;}
  .faq-list{margin-top:1.25rem;}
}
@media (max-width:760px){
  .section{padding-top:2.75rem; padding-bottom:2.75rem;}
  .lede{margin-bottom:1.5rem;}
  .terminal-panel{margin-bottom:1.5rem;}
  .stat-grid{margin-top:1.5rem;}
  .secretariat-visual{min-height:240px;}
  #schedule .timeline{margin-top:1rem;}
  .boarding{margin-top:1rem;}
}

main > .section + .section{
  border-top:1px solid rgba(212,146,42,.12);
}
.section:not(.alt):not(.plain){
  background:linear-gradient(135deg,rgba(18,50,65,.08),transparent 52%),rgba(5,8,15,.3);
}
.section.alt{
  background:
    linear-gradient(90deg,rgba(212,146,42,.035) 1px,transparent 1px) 0 0/56px 56px,
    linear-gradient(rgba(212,146,42,.025) 1px,transparent 1px) 0 0/56px 56px,
    rgba(8,12,24,.78);
}
.section.plain{
  background:
    radial-gradient(circle at 85% 18%,rgba(55,184,190,.07),transparent 26rem),
    rgba(5,8,15,.55);
}
.section .pixel-frame{
  border-color:rgba(212,146,42,.4);
}
.section .sector-card.unodc-card.pixel-frame,
.section .sector-card.unodc-card.pixel-frame.glow:hover,
.section .sector-card.unodc-card.pixel-frame.glow:focus-within{
  border-color:#39bac6;
}

main :is(#about,#perks,#committees,#secretariat,#schedule,#registration,#faq,#contact,#join) > .container{
  max-width:1120px; margin-left:auto; margin-right:auto;
}
main #committees :is(.title,.lede){margin-left:0;}
main #about .title{max-width:none;}

.vignette{background:radial-gradient(ellipse 90% 80% at 50% 40%,transparent 64%,rgba(2,3,7,.3) 100%);}
.hero{background:radial-gradient(ellipse 55% 44% at 50% 30%,rgba(28,90,104,.24),transparent 72%);}
.hero-ctas{margin-bottom:2.75rem;}
.hero-facts{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem;
  width:min(100%,900px); margin:0 auto 2.75rem; padding:0;
}
.hero-fact{margin:0; padding:1.3rem 1.4rem 1.25rem; text-align:left;}
.hero-fact dt{font:1.05rem var(--font-term); letter-spacing:.1em; text-transform:uppercase; color:var(--ion-dim);}
.hero-fact dd{margin:.3rem 0 0; font:1.4rem/1.15 var(--font-term); color:var(--flare);}
@media (max-width:760px){
  .hero-facts{grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem;}
  .hero-fact{padding:1.1rem 1.1rem 1rem;}
  .hero-fact dd{font-size:1.3rem;}
}

.perk-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem;}
.perk{
  --gold:var(--perk,#d4922a);
  padding:2.1rem 1.8rem 1.9rem; display:flex; flex-direction:column; gap:.6rem;
  border-color:color-mix(in srgb,var(--perk,#d4922a) 45%,transparent) !important;
}
.perk-icon{width:48px; height:48px; color:var(--perk,#d4922a); margin-bottom:.7rem;}
.perk h3{font:1.6rem var(--font-term); letter-spacing:.03em; color:var(--ion);}
.perk p{color:var(--ion-dim); font-size:.98rem; line-height:1.65;}
.perk-link{margin-top:auto; padding-top:.6rem; width:fit-content; font:1.15rem var(--font-term); letter-spacing:.05em; color:var(--perk,#d4922a); text-decoration:none;}
.perk-link:hover,.perk-link:focus-visible{text-decoration:underline;}
@media (max-width:980px){.perk-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){.perk-grid{grid-template-columns:1fr;}}

#join{padding-top:4rem; padding-bottom:5rem;}
.cta-box{
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem 3rem; align-items:center;
  padding:3rem clamp(1.6rem,5vw,3.5rem);
  background-color:rgba(12,30,40,.9) !important;
}
.cta-box h2{font:clamp(1.15rem,2.8vw,1.7rem)/1.6 var(--font-pixel); color:var(--flare); margin:0;}
.cta-box p{margin-top:.8rem; max-width:50ch; color:var(--ion-dim);}
.cta-actions{display:flex; flex-wrap:wrap; gap:1rem;}
@media (max-width:820px){.cta-box{grid-template-columns:1fr;}}

footer{text-align:left; padding:3rem 1.5rem 2rem; background:rgba(5,8,15,.92);}
.foot-grid{max-width:1120px; margin:0 auto; display:grid; grid-template-columns:1.5fr repeat(3,minmax(0,1fr)); gap:2.25rem;}
.foot-brand svg{width:34px; height:34px; color:var(--gold); display:block; margin-bottom:.85rem;}
.foot-brand strong{display:block; font:.8rem var(--font-pixel); color:var(--flare); letter-spacing:.05em; margin-bottom:.6rem; font-weight:400;}
.foot-brand p{color:var(--ion-dim); font-size:.92rem; line-height:1.6; max-width:30ch; letter-spacing:0; font-family:var(--font-body);}
.foot-col h3{font:1.1rem var(--font-term); letter-spacing:.1em; color:var(--gold); margin:0 0 .6rem; font-weight:400; text-transform:uppercase;}
.foot-col a{display:block; width:fit-content; padding:.18rem 0; color:var(--ion-dim); text-decoration:none; font-size:1.1rem; transition:color .15s ease;}
.foot-col a:hover,.foot-col a:focus-visible{color:var(--flare);}
.foot-copy{max-width:1120px; margin:2.25rem auto 0; padding-top:1.1rem; border-top:1px dashed rgba(212,146,42,.25); font-size:.95rem;}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr 1fr;} .foot-brand{grid-column:1 / -1;}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr;}}

.sector-card{min-height:440px; text-align:left;}
.sector-card:not(.is-open) h3{inset:36% 0 auto;}
.sector-card:not(.is-open) .full-name,
.sector-card:not(.is-open) .topic{display:block;}
.sector-card:not(.is-open) .signal{display:flex;}
.sector-card::after{
  background:
    linear-gradient(0deg,rgba(5,8,15,.92) 0%,rgba(5,8,15,.55) 34%,rgba(5,8,15,.08) 70%),
    repeating-linear-gradient(0deg,transparent 0 5px,rgba(232,236,244,.035) 5px 6px);
}
.sector-card .full-name{margin:auto 0 0; max-width:none; text-align:left; color:rgba(232,236,244,.78);}
.sector-card .topic{margin:.15rem 0 0; max-width:none; text-align:left; font-size:clamp(1.25rem,2.2vw,1.6rem);}
.sector-card .signal{align-self:flex-start; padding:.35rem .6rem; background:rgba(5,8,15,.7); border:1px solid color-mix(in srgb,var(--committee-accent,var(--gold)) 55%,transparent);}
.card-cue{
  position:relative; z-index:1; order:5; margin-top:.9rem; padding-top:.8rem; width:100%;
  border-top:1px dashed color-mix(in srgb,var(--committee-accent,var(--gold)) 55%,transparent);
  font:1.15rem var(--font-term); letter-spacing:.08em; color:var(--committee-accent,var(--flare));
}
.card-cue::before{content:"\25B8  ";}
.sector-card:hover .card-cue,.sector-card:focus-visible .card-cue{color:var(--flare);}

.committee-facts{position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:0 0 1.6rem; padding:1rem 0; border-block:1px dashed color-mix(in srgb,var(--modal-color,var(--gold)) 45%,transparent);}
.committee-facts dt{font:1rem var(--font-term); letter-spacing:.1em; text-transform:uppercase; color:var(--ion-dim);}
.committee-facts dd{margin:.15rem 0 0; font:1.3rem/1.15 var(--font-term); color:var(--ion);}
.committee-modal-sub{position:relative; margin:1.6rem 0 .6rem; font:1.15rem var(--font-term); letter-spacing:.1em; text-transform:uppercase; color:var(--modal-color,var(--gold));}
.committee-points{position:relative; list-style:none; margin:0 0 1.8rem; padding:0; display:grid; gap:.5rem;}
.committee-points li{display:flex; gap:.75rem; color:var(--ion); line-height:1.5;}
.committee-points li::before{content:""; flex:none; width:8px; height:8px; margin-top:.5rem; background:var(--modal-color,var(--gold));}
.committee-modal-actions{position:relative; display:flex; flex-wrap:wrap; gap:.9rem;}
.committee-modal-actions .btn{--gold:var(--modal-color,#d4922a); border-color:var(--modal-color,#d4922a); box-shadow:5px 5px 0 0 var(--modal-color,#d4922a);}
.committee-modal-actions .btn{color:var(--modal-color,#d4922a);}
.committee-modal-actions .btn:hover{background:var(--modal-color,#d4922a); color:var(--void);}
.committee-modal-actions .btn.primary{background:var(--modal-color,#d4922a); color:var(--void);}
@media (max-width:560px){.committee-facts{grid-template-columns:1fr 1fr;}}

.committee-guide{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin-top:2.25rem;}
.guide-item{padding:1.6rem 1.7rem; border-left:4px solid var(--g,#d4922a); background:rgba(8,12,24,.6);}
.guide-item h3{font:1.45rem var(--font-term); letter-spacing:.03em; color:var(--g,#d4922a); margin-bottom:.35rem;}
.guide-item p{color:var(--ion-dim); font-size:.98rem; line-height:1.65;}
.guide-note{margin-top:1.5rem; color:var(--ion-dim); font-size:.95rem;}
.guide-note a{color:var(--flare);}
@media (max-width:760px){.committee-guide{grid-template-columns:1fr; gap:1rem;}}
.committee-modal-level{display:none;}

.sector-card .signal{flex-direction:column; align-items:flex-start; gap:.35rem; padding:.55rem .8rem .6rem;}
.signal::before{content:"Difficulty"; font:.95rem var(--font-term); letter-spacing:.14em; text-transform:uppercase; color:var(--ion-dim);}
.signal-row{display:flex; align-items:center; gap:.7rem;}
.sector-card .signal-bars{gap:4px; height:20px;}
.sector-card .signal-bars i{width:10px; background:rgba(232,236,244,.16);}
.sector-card .signal-bars i.lit{background:var(--committee-accent,var(--flare));}
.sector-card .signal-label{font:1.35rem var(--font-term); letter-spacing:.06em; color:var(--ion);}
.diff{display:inline-flex; align-items:center; gap:.7rem;}
.diff-bars{display:inline-flex; align-items:flex-end; gap:4px; height:22px;}
.diff-bars i{display:block; width:10px; background:rgba(232,236,244,.16);}
.diff-bars i:nth-child(1){height:35%;} .diff-bars i:nth-child(2){height:58%;} .diff-bars i:nth-child(3){height:78%;} .diff-bars i:nth-child(4){height:100%;}
.diff-bars i.lit{background:var(--modal-color,var(--flare));}

.ticker{position:relative; z-index:2; overflow:hidden; border-block:2px solid rgba(212,146,42,.35); background:rgba(5,8,15,.9); padding:.7rem 0;}
.ticker-track{display:flex; width:max-content; animation:tick 38s linear infinite;}
.ticker:hover .ticker-track{animation-play-state:paused;}
.ticker-group{display:flex; flex:none;}
.ticker span{flex:none; padding:0 1.6rem; font:1.4rem var(--font-term); letter-spacing:.14em; text-transform:uppercase; color:var(--gold); display:flex; align-items:center; gap:3.2rem;}
.ticker span::after{content:""; width:8px; height:8px; background:var(--flare); box-shadow:2px 2px 0 rgba(240,184,74,.3);}
@keyframes tick{to{transform:translateX(-50%);}}

.boarding{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
.boarding-main{display:grid; grid-template-columns:1fr 1fr; gap:.3rem 1.75rem; align-content:start;}
.boarding-main .btn,.boarding-main .boarding-note{grid-column:1 / -1;}
.boarding-main .btn{margin-top:.6rem;}
.perforation{display:none;}
.boarding-stub{border-left:2px dashed rgba(212,146,42,.4); display:flex; flex-direction:column;}
.stub-list{list-style:none; margin:.4rem 0 0; padding:1.1rem 0 0; border-top:1px solid rgba(212,146,42,.2); display:grid; gap:.5rem;}
.stub-list li{display:flex; gap:.65rem; font-size:.95rem; color:var(--ion);}
.stub-list li::before{content:""; flex:none; width:7px; height:7px; margin-top:.55rem; background:var(--gold); box-shadow:2px 2px 0 rgba(240,184,74,.25);}
.stub-title{font:1.05rem var(--font-term); letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin-top:1.4rem;}
@media (max-width:860px){
  .boarding{grid-template-columns:1fr;}
  .boarding-stub{border-left:0; border-top:2px dashed rgba(212,146,42,.4);}
}
@media (max-width:480px){.boarding-main{grid-template-columns:1fr;}}

.contact-grid{align-items:stretch;}
.contact-card{padding:2rem clamp(1.4rem,3vw,2.2rem); display:flex; flex-direction:column; gap:1rem;}
.contact-card h3{font:1.7rem var(--font-term); letter-spacing:.03em; color:var(--flare);}
.contact-card p{color:var(--ion-dim);}
.contact-topics{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem;}
.contact-topics li{padding:.25rem .8rem; font:1.2rem var(--font-term); color:var(--ion); border:1px solid rgba(212,146,42,.5); background:rgba(212,146,42,.08);}
.contact-actions{display:flex; flex-wrap:wrap; gap:1rem; margin-top:auto; padding-top:.5rem;}

.login-overlay{
  align-items:flex-start;
  padding:calc(var(--nav-h) + 1.25rem) 1rem 1.25rem;
  background:rgba(3,5,10,.86);
  backdrop-filter:blur(7px);
  overflow:auto;
}
.login-box.is-dashboard{
  width:min(640px,100%);
  max-height:calc(100vh - var(--nav-h) - 2.5rem);
  overflow:auto;
  padding:1.35rem;
  border:1px solid rgba(240,184,74,.55);
  border-top:3px solid var(--gold);
  background:
    radial-gradient(circle at 100% 0,rgba(212,146,42,.14),transparent 32%),
    linear-gradient(145deg,rgba(15,28,43,.99),rgba(7,12,22,.99));
  box-shadow:0 24px 70px rgba(0,0,0,.5),8px 8px 0 rgba(212,146,42,.12);
  animation:profile-menu-in .22s ease both;
}
@keyframes profile-menu-in{
  from{opacity:0; transform:translateY(-10px);}
  to{opacity:1; transform:translateY(0);}
}
.login-box.is-dashboard h3{
  color:var(--ion);
  font:1rem var(--font-pixel);
  letter-spacing:.04em;
  text-transform:uppercase;
}
.login-box.is-dashboard h3::before{
  content:"DELEGATE PROFILE";
  display:block;
  margin-bottom:.45rem;
  color:var(--gold);
  font:.72rem var(--font-term);
  letter-spacing:.16em;
}
.login-status{padding:0 0 1.15rem; border-bottom:1px solid rgba(255,255,255,.1);}
.stats-grid{gap:.6rem; margin-bottom:1rem;}
.stat-box{min-height:76px; border-radius:0; border-left-width:2px; background:rgba(4,9,17,.52);}
.stat-box.stat-points{min-height:105px; background:linear-gradient(110deg,rgba(212,146,42,.17),rgba(212,146,42,.03));}
.login-ach{padding:1rem; border-radius:0; border-color:rgba(111,184,224,.22); background:rgba(3,8,15,.48);}
.login-ach-head h4{color:var(--ion);}
.login-ach-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem;}
.login-ach-badge{min-width:0; min-height:100px; justify-content:center; gap:.35rem; border-radius:4px; background:rgba(255,255,255,.025); font:inherit; cursor:help;}
.login-ach-badge.unlocked{border-color:rgba(240,184,74,.8); background:linear-gradient(145deg,rgba(212,146,42,.2),rgba(212,146,42,.05)); box-shadow:0 0 18px rgba(212,146,42,.08);}
.login-ach-badge .la-icon{font-size:1.3rem;}
.login-ach-badge .la-name{font-size:.68rem;}
.login-box.is-dashboard .login-actions{padding-top:1rem; border-top:1px solid rgba(255,255,255,.1);}
.login-box.is-dashboard .login-actions .btn{width:100%; border-color:rgba(201,82,63,.65); color:#ef9a8c; background:rgba(201,82,63,.06);}
.login-box.is-dashboard .login-actions .btn:hover{background:#c9523f; color:#fff;}
@media (max-width:520px){
  .login-overlay{padding:calc(var(--nav-h) + .5rem) .65rem .65rem;}
  .login-box.is-dashboard{width:100%; max-height:calc(100vh - var(--nav-h) - 1.15rem); max-height:calc(100dvh - var(--nav-h) - 1.15rem); padding:.9rem; overscroll-behavior:contain;}
  .login-box.is-dashboard h3{margin-bottom:.7rem; padding-bottom:.65rem;}
  .login-status{font-size:1.05rem; padding-bottom:.8rem; margin-bottom:.8rem;}
  .stats-grid{gap:.45rem; margin-bottom:.8rem;}
  .stat-box{min-height:68px; padding:.6rem;}
  .stat-box.stat-points,.stat-box:nth-child(2){min-height:88px; padding:.7rem;}
  .login-ach{margin-bottom:.8rem; padding:.75rem;}
  .login-ach-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:.4rem;}
  .login-ach-badge{min-height:92px; padding:.5rem .2rem; gap:.3rem;}
  .login-ach-badge .la-icon{width:36px; height:36px; font-size:1.15rem;}
  .login-ach-badge .la-name{font-size:.62rem;}
  .login-ach-badge .la-rarity{font-size:.48rem;}
  .login-box.is-dashboard .login-actions{padding-top:.7rem;}
}
@media (max-width:360px){
  .login-ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .login-ach-badge{min-height:88px;}
}

.login-overlay{
  align-items:center;
  justify-content:center;
  padding:1rem;
  background:
    radial-gradient(ellipse at 50% 32%,rgba(33,75,105,.22),transparent 58%),
    radial-gradient(ellipse at 50% 100%,rgba(212,146,42,.09),transparent 48%),
    rgba(3,6,12,.88);
}
.login-box.is-dashboard{
  position:relative;
  max-height:calc(100dvh - 2rem);
  padding:clamp(1rem,3vw,1.6rem);
  border:1px solid rgba(240,184,74,.48);
  border-top:3px solid var(--gold);
  border-radius:12px;
  background:
    radial-gradient(ellipse at 0 0,rgba(51,123,151,.13),transparent 42%),
    radial-gradient(ellipse at 100% 0,rgba(212,146,42,.12),transparent 34%),
    linear-gradient(145deg,rgba(13,24,37,.99),rgba(6,11,20,.99) 70%);
  box-shadow:0 28px 90px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.035),inset 0 1px rgba(255,255,255,.06);
}
.login-box.is-dashboard::after{
  position:absolute;
  top:14px;
  right:52px;
  width:42px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold));
  content:"";
  opacity:.7;
}
.login-box.is-dashboard h3{
  position:relative;
  margin-bottom:.85rem;
  padding-bottom:.9rem;
  border-bottom-color:rgba(180,202,220,.14);
  font-size:clamp(1.05rem,3vw,1.3rem);
  letter-spacing:.1em;
  text-shadow:0 0 22px rgba(96,174,197,.18);
}
.login-box.is-dashboard h3::before{
  font-size:.68rem;
  letter-spacing:.22em;
}
.login-box.is-dashboard .login-close{
  z-index:1;
  top:12px;
  right:14px;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  background:rgba(255,255,255,.04);
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;
}
.login-box.is-dashboard .login-close:hover{
  transform:rotate(90deg);
  border-color:rgba(240,184,74,.5);
  background:rgba(240,184,74,.1);
}
.login-status{
  padding-bottom:.85rem;
  border-bottom-color:rgba(180,202,220,.12);
}
.login-status b{color:#ffd16b;}
.stats-grid{gap:.55rem;}
.stat-box{
  overflow:hidden;
  border-color:color-mix(in srgb,var(--stat-accent) 32%,transparent);
  border-left-width:3px;
  border-radius:7px;
  background:
    radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--stat-accent) 11%,transparent),transparent 58%),
    linear-gradient(135deg,rgba(14,24,37,.96),rgba(7,13,22,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 5px 14px rgba(0,0,0,.12);
  transition:transform .18s ease,border-color .18s ease,filter .18s ease;
}
.stat-box:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--stat-accent) 68%,transparent);
  filter:brightness(1.08);
}
.stat-box .stat-label{
  font-size:.82rem;
  letter-spacing:.13em;
}
.stat-box .stat-value{letter-spacing:.025em;}
.stat-box.stat-points{
  background:
    radial-gradient(ellipse at 100% 0,rgba(255,198,86,.17),transparent 60%),
    linear-gradient(135deg,rgba(53,37,20,.72),rgba(15,19,25,.96) 72%);
}
.login-ach{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(111,184,224,.2);
  border-radius:9px;
  background:
    radial-gradient(ellipse at 100% 0,rgba(73,142,171,.1),transparent 55%),
    rgba(4,10,18,.7);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.login-ach-head{position:relative; z-index:1;}
.login-ach-head h4{font-size:.86rem; letter-spacing:.15em;}
.login-ach-count{
  border-color:rgba(240,184,74,.32);
  background:rgba(240,184,74,.08);
  font-size:.78rem;
}
.login-ach-grid:empty{
  display:grid;
  min-height:64px;
  place-items:center;
  border:1px dashed rgba(155,181,198,.17);
  border-radius:6px;
  background:rgba(255,255,255,.015);
}
.login-ach-grid:empty::after{
  grid-column:1 / -1;
  color:rgba(190,207,219,.62);
  content:"Your first achievement is waiting";
  font:.72rem/1.4 var(--font-term);
  letter-spacing:.06em;
  text-align:center;
  white-space:nowrap;
}
.login-ach-badge{
  position:relative;
  overflow:hidden;
  border-color:rgba(171,191,207,.14);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(0,0,0,.2));
}
.login-ach-badge::after{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.07) 48%,transparent 70%);
  content:"";
  opacity:0;
  transform:translateX(-45%);
  transition:opacity .2s ease,transform .35s ease;
  pointer-events:none;
}
.login-ach-badge:hover::after{opacity:1; transform:translateX(45%);}
.login-ach-badge.unlocked{
  background:linear-gradient(145deg,color-mix(in srgb,var(--rarity-color) 12%,#101827),rgba(6,11,20,.92));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 5px 15px rgba(0,0,0,.2);
}
.login-ach-badge .la-name{font-weight:600;}
.login-ach-badge .la-rarity{letter-spacing:.08em;}
.login-box.is-dashboard .login-actions{
  margin-top:.35rem;
  padding-top:.9rem;
  border-top-color:rgba(180,202,220,.12);
}
.login-box.is-dashboard .login-actions .btn{
  min-height:44px;
  border-radius:6px;
  letter-spacing:.14em;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.login-box.is-dashboard .login-actions .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(201,82,63,.2);
}
@media (max-width:520px){
  .login-overlay{padding:.5rem;}
  .login-box.is-dashboard{
    width:100%;
    max-height:calc(100vh - 1rem);
    max-height:calc(100dvh - 1rem);
    padding:.9rem;
    border-radius:10px;
  }
  .login-box.is-dashboard::after{top:12px; right:48px; width:30px;}
  .login-box.is-dashboard h3{padding-bottom:.65rem;}
  .stat-box:hover,.login-ach-badge:hover{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .stat-box,.login-ach-badge::after,.login-box.is-dashboard .login-close,
  .login-box.is-dashboard .login-actions .btn{transition:none;}
}

.login-box.is-dashboard{
  width:min(900px,100%);
  max-width:900px;
  padding:1.35rem;
  border:1px solid rgba(212,146,42,.5);
  border-top:3px solid var(--gold);
  border-radius:2px;
  background:var(--deep);
  box-shadow:8px 8px 0 rgba(212,146,42,.14),0 20px 65px rgba(0,0,0,.55);
}
.login-box.is-dashboard::after{display:none;}
.login-panel#login-panel-status.active{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr);
  gap:.8rem 1rem;
  align-items:stretch;
}
.login-panel#login-panel-status>h3,
.login-panel#login-panel-status>.login-status,
.login-panel#login-panel-status>.login-actions{grid-column:1/-1;}
.login-panel#login-panel-status>h3{
  margin:0;
  padding:0 2.5rem .65rem 0;
  border-bottom:1px solid rgba(212,146,42,.3);
  text-shadow:none;
}
.login-panel#login-panel-status>h3::before{letter-spacing:.16em;}
.login-panel#login-panel-status>.login-status{
  margin:0;
  padding:.55rem .75rem;
  border:1px solid rgba(212,146,42,.2);
  border-left:3px solid var(--gold);
  background:rgba(5,8,15,.62);
  font-size:1rem;
}
.login-panel#login-panel-status>.login-status b{color:#ffd16b;}
.login-panel#login-panel-status>.stats-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.5rem;
  margin:0;
}
.login-panel#login-panel-status .stat-box{
  min-height:84px;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--stat-accent) 38%,transparent);
  border-left-width:3px;
  border-radius:0;
  background:color-mix(in srgb,var(--stat-accent) 5%,rgba(5,8,15,.94));
  box-shadow:2px 2px 0 rgba(0,0,0,.3);
  transition:transform .16s ease,border-color .16s ease;
}
.login-panel#login-panel-status .stat-box:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--stat-accent) 65%,transparent);
}
.login-panel#login-panel-status .stat-box .stat-label{font-size:.76rem; letter-spacing:.08em;}
.login-panel#login-panel-status .stat-box .stat-value{font-size:1.55rem;}
.login-panel#login-panel-status .stat-box.stat-points{background:rgba(212,146,42,.1);}
.login-panel#login-panel-status>.login-ach{
  min-width:0;
  height:100%;
  margin:0;
  padding:.8rem;
  border:1px solid rgba(212,146,42,.32);
  border-radius:0;
  background:rgba(5,8,15,.66);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.login-panel#login-panel-status .login-ach-head{margin-bottom:.65rem;}
.login-panel#login-panel-status .login-ach-head h4{
  color:var(--ion);
  font: .72rem var(--font-pixel);
  letter-spacing:.04em;
}
.login-panel#login-panel-status .login-ach-count{
  border-color:rgba(212,146,42,.45);
  border-radius:2px;
  background:rgba(212,146,42,.1);
  font-size:.76rem;
}
.login-panel#login-panel-status .login-ach-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.4rem;
}
.login-panel#login-panel-status .login-ach-grid:empty{
  display:grid;
  min-height:64px;
  place-items:center;
  border:1px dashed rgba(155,181,198,.22);
  border-radius:0;
  background:rgba(255,255,255,.015);
}
.login-panel#login-panel-status .login-ach-grid:empty::after{
  grid-column:1/-1;
  color:rgba(190,207,219,.7);
  content:"Your first achievement is waiting";
  font:.7rem/1.4 var(--font-term);
  text-align:center;
  white-space:normal;
}
.login-panel#login-panel-status .login-ach-grid.load-error::after{
  border-color:rgba(201,82,63,.5);
  color:#ef9a8c;
  content:"Achievements could not be loaded";
}
.login-panel#login-panel-status .login-ach-badge{
  min-width:0;
  min-height:78px;
  justify-content:center;
  gap:.28rem;
  padding:.35rem .15rem;
  border:1px solid rgba(232,236,244,.13);
  border-radius:2px;
  background:rgba(255,255,255,.025);
  box-shadow:2px 2px 0 rgba(0,0,0,.28);
  transition:transform .14s ease,border-color .14s ease,background-color .14s ease;
}
.login-panel#login-panel-status .login-ach-badge::after{display:none;}
.login-panel#login-panel-status .login-ach-badge:hover{
  transform:translateY(-2px);
  border-color:var(--rarity-color);
}
.login-panel#login-panel-status .login-ach-badge.unlocked{
  border-color:rgba(212,146,42,.72);
  background:rgba(212,146,42,.09);
  box-shadow:2px 2px 0 rgba(0,0,0,.32);
}
.login-panel#login-panel-status .login-ach-badge .la-icon{
  width:32px;
  height:32px;
  border:1px solid rgba(232,236,244,.12);
  border-radius:2px;
  background:rgba(255,255,255,.055);
  box-shadow:none;
  filter:grayscale(1) brightness(.6);
  opacity:.55;
  font-size:1.2rem;
}
.login-panel#login-panel-status .login-ach-badge.unlocked .la-icon{
  border-color:rgba(212,146,42,.55);
  background:rgba(212,146,42,.12);
  box-shadow:none;
  filter:none;
  opacity:1;
}
.login-panel#login-panel-status .login-ach-badge .la-name{
  max-width:100%;
  overflow:hidden;
  color:var(--ion-dim);
  font-size:.56rem;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.login-panel#login-panel-status .login-ach-badge.unlocked .la-name{color:#ffe27a; text-shadow:none;}
.login-panel#login-panel-status .login-ach-badge .la-rarity{
  max-width:100%;
  overflow:hidden;
  padding:.08rem .2rem;
  border:1px solid currentColor;
  border-radius:2px;
  font-size:.42rem;
  line-height:1.1;
  letter-spacing:.025em;
  text-overflow:ellipsis;
}
.login-panel#login-panel-status .login-ach-badge[data-rarity="unrated"]{--rarity-color:#89919b;}
.login-panel#login-panel-status .login-ach-badge{font:inherit; cursor:pointer;}
.login-panel#login-panel-status .login-ach-badge:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.login-ach-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:360;
  display:grid;
  place-items:center;
  padding:1rem;
  background:rgba(3,5,10,.84);
  backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.login-ach-modal-backdrop.open{opacity:1; visibility:visible; pointer-events:auto;}
.login-ach-modal{
  position:relative;
  width:min(560px,100%);
  max-height:min(90dvh,620px);
  overflow:auto;
  padding:2.25rem;
  border:1px solid rgba(212,146,42,.55);
  border-top:3px solid var(--gold);
  border-radius:2px;
  background:var(--deep);
  box-shadow:8px 8px 0 rgba(212,146,42,.18),0 24px 70px rgba(0,0,0,.6);
  text-align:center;
  transform:translateY(8px);
  transition:transform .18s ease;
}
.login-ach-modal-backdrop.open .login-ach-modal{transform:translateY(0);}
.login-ach-modal-close{
  position:absolute;
  top:.55rem;
  right:.55rem;
  width:32px;
  height:32px;
  border:1px solid rgba(212,146,42,.4);
  border-radius:0;
  background:transparent;
  color:var(--ion-dim);
  font:1.2rem var(--font-term);
  cursor:pointer;
}
.login-ach-modal-close:hover,.login-ach-modal-close:focus-visible{border-color:var(--gold); color:var(--gold);}
.login-ach-modal-icon{
  display:grid;
  width:88px;
  height:88px;
  margin:0 auto 1rem;
  place-items:center;
  border:1px solid rgba(212,146,42,.45);
  background:rgba(212,146,42,.1);
  font-size:2.8rem;
}
.login-ach-modal-status{
  margin-bottom:.25rem;
  color:#ef9a8c;
  font:.68rem var(--font-term);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.login-ach-modal-status.unlocked{color:#8bd3a0;}
.login-ach-modal-title{margin:0 2rem .55rem; color:var(--ion); font:1.35rem/1.5 var(--font-pixel);}
.login-ach-modal-rarity{margin-bottom:.85rem;}
.login-ach-modal-rarity .la-rarity{
  display:inline-block;
  padding:.15rem .45rem;
  border:1px solid currentColor;
  border-radius:2px;
  color:var(--rarity-color);
  font:.62rem var(--font-term);
  letter-spacing:.05em;
  text-transform:uppercase;
}
.login-ach-modal-description{
  margin:0 0 1rem;
  color:var(--ion-dim);
  font:1.05rem/1.6 var(--font-term);
}
.login-ach-modal-progress{margin:1.15rem 0;}
.login-ach-modal-progress-label{margin-bottom:.45rem; color:var(--ion-dim); font:.85rem var(--font-term);}
.login-ach-modal-progress-track{height:12px; border:1px solid rgba(212,146,42,.32); background:rgba(255,255,255,.05);}
.login-ach-modal-progress-fill{height:100%; width:0; background:var(--gold); transition:width .2s ease;}
.login-ach-modal-rate{color:var(--gold); font:.72rem var(--font-term);}
.login-ach-modal-backdrop[aria-hidden="true"]{display:none;}
.login-ach-modal-backdrop.open[aria-hidden="false"]{display:grid;}
@media (max-width:520px){
  .login-ach-modal{width:100%; padding:1.5rem 1rem;}
  .login-ach-modal-icon{width:72px; height:72px; font-size:2.3rem;}
  .login-ach-modal-title{font-size:1.1rem;}
}
@media (prefers-reduced-motion:reduce){
  .login-ach-modal,.login-ach-modal-backdrop,.login-ach-modal-progress-fill{transition:none;}
}
.login-box.is-dashboard .login-actions{
  margin:0;
  padding-top:.65rem;
  border-top-color:rgba(212,146,42,.22);
}
.login-box.is-dashboard .login-actions .btn{
  min-height:44px;
  border-radius:0;
  letter-spacing:.1em;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.login-box.is-dashboard .login-actions .btn:hover{transform:translateY(-1px); box-shadow:5px 5px 0 var(--flare);}
@media (max-width:760px){
  .login-panel#login-panel-status.active{display:block;}
  .login-panel#login-panel-status>.login-status{margin-bottom:.75rem;}
  .login-panel#login-panel-status>.stats-grid{margin-bottom:.75rem;}
  .login-panel#login-panel-status>.login-ach{margin-bottom:.75rem;}
}
@media (max-width:520px){
  .login-box.is-dashboard{max-width:600px; padding:.85rem;}
  .login-panel#login-panel-status>h3{padding-right:2.25rem;}
  .login-panel#login-panel-status .stats-grid{gap:.4rem;}
  .login-panel#login-panel-status .stat-box{min-height:56px; padding:.4rem;}
  .login-panel#login-panel-status .stat-box.stat-points,
  .login-panel#login-panel-status .stat-box:nth-child(2){min-height:68px; padding:.5rem;}
  .login-panel#login-panel-status .stat-box .stat-label{font-size:.62rem;}
  .login-panel#login-panel-status .stat-box .stat-value{font-size:1.2rem;}
  .login-panel#login-panel-status>.login-ach{padding:.55rem;}
  .login-panel#login-panel-status .login-ach-head{margin-bottom:.45rem;}
  .login-panel#login-panel-status .login-ach-grid{gap:.28rem;}
  .login-panel#login-panel-status .login-ach-badge{min-height:58px; gap:.16rem; padding:.22rem .1rem;}
  .login-panel#login-panel-status .login-ach-badge .la-icon{width:24px; height:24px; font-size:.9rem;}
  .login-panel#login-panel-status .login-ach-badge .la-name{font-size:.47rem;}
  .login-panel#login-panel-status .login-ach-badge .la-rarity{font-size:.34rem; padding:.05rem .12rem;}
  .login-box.is-dashboard .login-actions .btn{min-height:38px; padding:.38em 1em;}
}
@media (prefers-reduced-motion:reduce){
  .login-panel#login-panel-status .stat-box,
  .login-panel#login-panel-status .login-ach-badge,
  .login-box.is-dashboard .login-actions .btn{transition:none;}
}

.login-box{
  padding:2.1rem 2rem;
  border-width:3px;
  border-radius:4px;
  box-shadow:9px 9px 0 0 rgba(212,146,42,.4), 0 30px 80px rgba(0,0,0,.5);
}
.login-box h3{font-size:1.05rem; letter-spacing:.06em;}
.login-box p.sub{font-size:1.15rem; line-height:1.55;}
.login-field{margin-bottom:1.2rem;}
.login-field label{font-size:1.08rem; margin-bottom:.45rem;}
.login-field input{font-size:1.25rem; padding:.75em .9em; border-width:2px;}
.login-msg{font-size:1.05rem;}
.login-actions .btn{font-size:1.15rem; padding:.8em 1.1em; min-height:50px;}
.login-hint{font-size:1rem;}

.login-box.is-dashboard{
  padding:1.9rem;
  border-radius:7px;
  box-shadow:9px 9px 0 rgba(212,146,42,.18), 0 26px 80px rgba(0,0,0,.6);
}
.login-box.is-dashboard h3{font-size:clamp(1.3rem,3.6vw,1.7rem); letter-spacing:.07em;}
.login-box.is-dashboard h3::before{font-size:.82rem; letter-spacing:.2em;}
.login-panel#login-panel-status>.login-status{font-size:1.15rem; line-height:1.6; padding-bottom:1rem;}

.login-panel#login-panel-status>.stats-grid{gap:.65rem;}
.stat-box{padding:1rem 1.05rem;}
.stat-box .stat-label{font-size:.94rem;}
.login-panel#login-panel-status .stat-box .stat-value{font-size:1.9rem;}
.stat-box.stat-points .stat-value{font-size:clamp(2.5rem,5.5vw,3.3rem);}
.stat-box:nth-child(2) .stat-value{font-size:2.5rem;}

.login-panel#login-panel-status>.login-ach{padding:1.1rem;}
.login-panel#login-panel-status .login-ach-head h4{font-size:.95rem;}
.login-panel#login-panel-status .login-ach-badge{min-height:112px; padding:.8rem .4rem;}
.login-panel#login-panel-status .login-ach-badge .la-icon{width:42px; height:42px; font-size:1.5rem;}
.login-panel#login-panel-status .login-ach-badge .la-name{font-size:.78rem;}
.login-panel#login-panel-status .login-ach-badge .la-rarity{font-size:.6rem;}

.login-box.is-dashboard .login-actions .btn{min-height:50px; font-size:1.1rem;}

@media (max-width:760px){
  .login-panel#login-panel-status>.login-status{font-size:1.1rem;}
}

@media (max-width:520px){
  .login-box{padding:1.75rem 1.35rem;}
  .login-box h3{font-size:1rem;}
  .login-box p.sub{font-size:1.05rem;}
  .login-field input{font-size:1.15rem; padding:.7em .8em;}
  .login-actions .btn{min-height:48px; font-size:1.05rem;}

  .login-box.is-dashboard{padding:1.25rem; border-radius:6px;}
  .login-box.is-dashboard h3{font-size:1.2rem;}
  .login-panel#login-panel-status>.login-status{font-size:1.05rem; padding-bottom:.85rem;}

  .login-panel#login-panel-status>.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem;}
  .login-panel#login-panel-status .stat-box.stat-points,
  .login-panel#login-panel-status .stat-box:nth-child(2){grid-column:span 1; min-height:92px; padding:.75rem;}
  .login-panel#login-panel-status .stat-box:nth-child(n+3){grid-column:span 1; min-height:76px; padding:.7rem;}
  .stat-box .stat-label{font-size:.85rem;}
  .login-panel#login-panel-status .stat-box .stat-value{font-size:1.65rem;}
  .stat-box.stat-points .stat-value{font-size:clamp(2.1rem,9vw,2.6rem);}
  .stat-box:nth-child(2) .stat-value{font-size:1.9rem;}

  .login-panel#login-panel-status .login-ach-badge{min-height:88px; padding:.55rem .25rem;}
  .login-panel#login-panel-status .login-ach-badge .la-icon{width:34px; height:34px; font-size:1.25rem;}
  .login-panel#login-panel-status .login-ach-badge .la-name{font-size:.66rem;}

  .login-box.is-dashboard .login-actions .btn{min-height:46px; font-size:1rem;}
}

@media (max-width:360px){
  .login-box.is-dashboard{padding:1rem;}
  .login-panel#login-panel-status .stat-box .stat-value{font-size:1.45rem;}
  .stat-box.stat-points .stat-value{font-size:2rem;}
}

@keyframes coin-spin{
  0%{transform:rotateY(0deg);}
  100%{transform:rotateY(360deg);}
}
.stat-value-row{display:inline-flex; align-items:center; gap:.55rem;}
.point-coin{
  display:inline-block;
  width:2.1rem; height:2.1rem;
  flex:none;
  image-rendering:pixelated;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(232,177,59,.35));
  animation:coin-spin 2.4s linear infinite;
}

.login-panel#login-panel-status .login-ach-badge{min-height:132px; padding:.95rem .5rem; gap:.5rem;}
.login-panel#login-panel-status .login-ach-badge .la-icon{width:50px; height:50px; font-size:1.75rem;}
.login-panel#login-panel-status .login-ach-badge .la-name{font-size:.86rem; line-height:1.3;}
.login-panel#login-panel-status .login-ach-badge .la-rarity{font-size:.66rem; padding:.15rem .4rem;}
.login-ach-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));}

@media (max-width:520px){
  .point-coin{width:1.7rem; height:1.7rem;}
  .stat-box.stat-points .stat-value{font-size:clamp(1.9rem,8vw,2.35rem);}

  .login-panel#login-panel-status .login-ach-badge{min-height:104px; padding:.65rem .3rem;}
  .login-panel#login-panel-status .login-ach-badge .la-icon{width:38px; height:38px; font-size:1.4rem;}
  .login-panel#login-panel-status .login-ach-badge .la-name{font-size:.72rem;}
  .login-ach-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}

@media (prefers-reduced-motion:reduce){
  .point-coin{animation:none;}
}

a:focus-visible, button:focus-visible, summary:focus-visible,
.btn:focus-visible, .sector-card:focus-visible, .login-toggle:focus-visible{
  outline:2px solid var(--flare); outline-offset:3px; border-radius:2px;
}
.btn, .sector-card, .pixel-frame.glow, .login-ach-badge, .team-lead-card{
  transition-timing-function:cubic-bezier(.2,.7,.3,1);
}
.sector-card{transition:transform .22s cubic-bezier(.2,.7,.3,1), border-color .22s ease;}
.sector-card:hover{transform:translateY(-6px);}
.hero-logo{transition:filter .35s cubic-bezier(.2,.7,.3,1), transform .35s cubic-bezier(.2,.7,.3,1);}
@media (prefers-reduced-motion:reduce){
  .sector-card, .sector-card:hover, .btn, .hero-logo{transition:none !important; transform:none !important;}
}

@media (max-width:720px){
  .hud-actions #login-toggle{
    display:flex; justify-content:center; height:44px; padding:0 .8em;
    font-size:.95rem; max-width:34vw; overflow:hidden; text-overflow:ellipsis;
  }
  .hud-links .menu-actions #login-toggle-m{display:none;}
}
@media (max-width:380px){
  .hud-actions{gap:.4rem;}
  .hud-actions #login-toggle{font-size:.82rem; padding:0 .55em;}
  .hud-brand-text small{letter-spacing:.08em;}
}

.countdown{max-width:max-content; margin:0 auto 2.1rem; padding:.95rem 1.3rem 1.05rem; background:rgba(5,8,15,.74); border:1px solid rgba(212,146,42,.4); box-shadow:0 0 0 1px rgba(5,8,15,.9), 0 14px 34px -18px rgba(0,0,0,.9);}
.countdown[hidden],.countdown-live[hidden],.countdown-grid[hidden]{display:none !important;}
.countdown-label{margin:0 0 .65rem; font-family:var(--font-term); font-size:1.2rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ion-dim);}
.countdown-grid{display:flex; justify-content:center; gap:.55rem;}
.cd-cell{min-width:4.7rem; padding:.6rem .35rem .5rem; text-align:center; border:2px solid var(--gold); background:rgba(212,146,42,.07); box-shadow:3px 3px 0 rgba(240,184,74,.2);}
.cd-num{display:block; font-family:var(--font-pixel); font-size:1.55rem; line-height:1; color:var(--flare); text-shadow:0 0 14px rgba(240,184,74,.35);}
.cd-unit{display:block; margin-top:.55rem; font-family:var(--font-term); font-size:1.05rem; letter-spacing:.14em; text-transform:uppercase; color:var(--ion-dim);}
.countdown-live{display:inline-block; font-family:var(--font-term); font-size:1.3rem; letter-spacing:.08em; color:var(--flare); text-decoration:none;}
.countdown-live:hover{text-decoration:underline;}
@media (max-width:560px){
  .countdown{padding:.8rem .8rem .9rem; width:100%; max-width:340px;}
  .countdown-label{font-size:1.1rem; margin-bottom:.5rem;}
  .countdown-grid{gap:.4rem;}
  .cd-cell{min-width:0; flex:1 1 0; padding:.5rem .2rem .4rem;}
  .cd-num{font-size:1.15rem;}
  .cd-unit{font-size:.95rem; margin-top:.45rem; letter-spacing:.1em;}
}

.apply-bar{display:none;}
@media (max-width:760px){
  .apply-bar{
    position:fixed; left:0; right:0; bottom:0; z-index:65;
    display:flex; align-items:center; justify-content:space-between; gap:.8rem;
    padding:.65rem .9rem calc(.65rem + env(safe-area-inset-bottom,0px));
    background:rgba(5,8,15,.94); border-top:2px solid var(--gold);
    box-shadow:0 -10px 28px -10px rgba(0,0,0,.85);
    transform:translateY(110%); visibility:hidden;
    transition:transform .25s ease, visibility 0s linear .25s;
  }
  .apply-bar.is-on{transform:none; visibility:visible; transition:transform .25s ease, visibility 0s;}
  .apply-bar-text{display:flex; flex-direction:column; min-width:0; line-height:1.2;}
  .apply-bar-text strong{font-family:var(--font-pixel); font-size:.72rem; font-weight:400; color:var(--flare); letter-spacing:.04em;}
  .apply-bar-text span{margin-top:.35rem; font-family:var(--font-term); font-size:1.05rem; letter-spacing:.05em; color:var(--ion-dim); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .apply-bar .btn{flex:none; padding:.7rem 1.1rem; min-height:44px;}
  html.apply-bar-on{--apply-bar-h:calc(4.1rem + env(safe-area-inset-bottom,0px));}
  html.apply-bar-on .signal-code-panel{bottom:calc(10px + var(--apply-bar-h));}
  footer{padding-bottom:calc(6.2rem + env(safe-area-inset-bottom,0px));}
}