@font-face{
  font-family:"Jacquard 12";
  src:url("./fonts/Jacquard12-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Silkscreen";
  src:url("./fonts/Silkscreen-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Silkscreen";
  src:url("./fonts/Silkscreen-Bold.ttf") format("truetype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Share Tech";
  src:url("./fonts/ShareTechMono-Regular.ttf") format("truetype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{
  --void:#050608;
  --soot:#0a0b0f;
  --cabinet:#101218;
  --cabinet-raised:#151820;
  --cabinet-hot:#1b1f28;
  --static-grey:#c8ced4;
  --static-dim:#7c858e;
  --ivory:#f2eee2;
  --halo-gold:#f6c453;
  --halo-pale:#ffe3a0;
  --glass-blue:#43c6ff;
  --glass-blue-deep:#0b3148;
  --glass-red:#e9475c;
  --glass-red-deep:#571621;
  --phosphor:#8dffb0;
  --line:rgba(200,206,212,.2);
  --line-gold:rgba(246,196,83,.46);
  --line-blue:rgba(67,198,255,.42);
  --display:"Jacquard 12",Georgia,serif;
  --pixel:"Silkscreen","PingFang SC","Hiragino Sans",sans-serif;
  --mono:"Share Tech",Menlo,monospace;
  --deck-width:clamp(400px,34vw,492px);
  --channel-bar:64px;
  --shadow-hard:8px 8px 0 rgba(0,0,0,.42);
}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{
  scroll-behavior:smooth;
  background:var(--void);
  color-scheme:dark;
}
body{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  color:var(--ivory);
  background:
    radial-gradient(900px 640px at 86% 9%,rgba(67,198,255,.12),transparent 68%),
    radial-gradient(720px 520px at 57% 76%,rgba(233,71,92,.07),transparent 68%),
    linear-gradient(135deg,#050608 0%,#090b11 52%,#07080b 100%);
  font-family:var(--pixel);
  font-size:13px;
  line-height:1.7;
  -webkit-font-smoothing:none;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:90;
  pointer-events:none;
  opacity:.1;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.72) 3px 4px);
  mix-blend-mode:multiply;
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
img{display:block;max-width:100%}
a{color:var(--halo-pale);text-decoration:none}
p{margin:0 0 1em}
::selection{background:var(--halo-gold);color:var(--void)}
:focus-visible{
  outline:2px solid var(--halo-gold);
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(246,196,83,.16);
}

.static-field{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.085;
  background-image:
    repeating-radial-gradient(circle at 17% 28%,rgba(255,255,255,.88) 0 1px,transparent 1px 4px),
    repeating-radial-gradient(circle at 73% 61%,rgba(200,206,212,.8) 0 1px,transparent 1px 6px);
  background-size:43px 37px,79px 71px;
  animation:static-shift 1.4s steps(2,end) infinite;
}
.glass-light{
  position:fixed;
  z-index:0;
  pointer-events:none;
  filter:blur(2px);
  opacity:.11;
}
.glass-light-a{
  right:2vw;
  top:8vh;
  width:34vw;
  height:78vh;
  background:repeating-linear-gradient(100deg,var(--glass-blue) 0 4px,transparent 4px 46px,var(--glass-red) 46px 51px,transparent 51px 96px);
  clip-path:polygon(42% 0,100% 0,100% 100%,0 100%,28% 38%);
}
.glass-light-b{
  left:32vw;
  bottom:-22vh;
  width:43vw;
  height:50vh;
  background:repeating-linear-gradient(90deg,var(--halo-gold) 0 2px,transparent 2px 32px);
  clip-path:polygon(50% 0,100% 30%,82% 100%,15% 100%,0 28%);
  opacity:.055;
}
@keyframes static-shift{
  0%{transform:translate(0,0)}
  25%{transform:translate(-2px,1px)}
  50%{transform:translate(1px,-2px)}
  75%{transform:translate(2px,2px)}
  100%{transform:translate(-2px,1px)}
}
@keyframes phosphor-in{
  0%{opacity:0;transform:translateY(18px);filter:brightness(2)}
  65%{opacity:1}
  100%{opacity:1;transform:translateY(0);filter:brightness(1)}
}
@keyframes signal-blink{50%{opacity:.35}}
@keyframes dial-turn{to{transform:rotate(360deg)}}
@keyframes scan-travel{to{transform:translateY(690%)}}

.broadcast-stage{position:relative;z-index:1;min-height:100svh}
.receiver-deck{
  position:fixed;
  inset:0 auto 0 0;
  z-index:70;
  width:var(--deck-width);
  height:100svh;
  overflow:hidden auto;
  padding:18px 18px 24px;
  border-right:1px solid var(--line-gold);
  background:
    linear-gradient(90deg,rgba(255,255,255,.035),transparent 12%,transparent 88%,rgba(0,0,0,.42)),
    radial-gradient(430px 340px at 14% 6%,rgba(246,196,83,.075),transparent 66%),
    linear-gradient(180deg,#111319 0%,#0b0d12 46%,#08090c 100%);
  box-shadow:24px 0 80px rgba(0,0,0,.54);
  scrollbar-width:thin;
  scrollbar-color:var(--halo-gold) var(--soot);
}
.receiver-deck::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:repeating-linear-gradient(90deg,var(--halo-gold) 0 18px,transparent 18px 27px,var(--glass-blue) 27px 36px,transparent 36px 54px);
  opacity:.72;
}
.receiver-deck::after{
  content:"";
  position:absolute;
  right:5px;
  top:90px;
  bottom:30px;
  width:3px;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(246,196,83,.4) 0 3px,transparent 3px 11px,var(--glass-blue) 11px 14px,transparent 14px 26px);
  opacity:.28;
}
.deck-brand{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:54px;
  padding:2px 6px 12px;
  border-bottom:1px solid var(--line);
}
.deck-logo{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:var(--ivory);
  min-width:0;
}
.deck-wordmark{
  font-family:var(--display);
  font-size:clamp(27px,2.35vw,35px);
  line-height:.8;
  letter-spacing:.045em;
  white-space:nowrap;
  text-shadow:2px 2px 0 rgba(67,198,255,.2);
}
.deck-wordmark strong{
  color:var(--halo-gold);
  font-weight:400;
}
.pixel-halo{
  position:relative;
  width:35px;
  height:31px;
  flex:none;
  display:block;
  filter:drop-shadow(0 0 7px rgba(246,196,83,.26));
}
.pixel-halo::before{
  content:"";
  position:absolute;
  left:2px;
  top:2px;
  width:31px;
  height:15px;
  border:2px solid var(--halo-gold);
  border-radius:50% 50% 0 0;
  border-bottom:0;
}
.pixel-halo::after{
  content:"";
  position:absolute;
  left:18px;
  top:0;
  width:2px;
  height:9px;
  background:var(--halo-pale);
  transform:rotate(-24deg);
  box-shadow:7px 1px 0 var(--halo-pale);
}
.pixel-halo i{
  position:absolute;
  left:5px;
  bottom:0;
  width:25px;
  height:18px;
  border:2px solid var(--static-grey);
  background:linear-gradient(145deg,var(--glass-blue-deep),#080a0d 65%);
  box-shadow:inset 0 0 0 2px #050608,inset 0 0 8px rgba(67,198,255,.42);
}
.pixel-halo b{
  position:absolute;
  left:10px;
  bottom:5px;
  z-index:1;
  width:15px;
  height:8px;
  background:repeating-linear-gradient(0deg,var(--static-grey) 0 1px,transparent 1px 3px),linear-gradient(90deg,var(--glass-blue),var(--glass-red));
}
.deck-channel{
  max-width:140px;
  color:var(--static-dim);
  font:8px/1.45 var(--mono);
  letter-spacing:.08em;
  text-align:right;
  text-transform:uppercase;
}

.mint-console{
  position:relative;
  margin-top:14px;
  padding:16px 16px 14px;
  border:1px solid rgba(246,196,83,.34);
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),transparent 22%),
    linear-gradient(180deg,#151820,#0d0f14 58%,#0a0c10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 34px rgba(67,198,255,.04),
    0 20px 50px rgba(0,0,0,.44);
  clip-path:polygon(0 10px,10px 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));
}
.mint-console::before{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(200,206,212,.08);
  pointer-events:none;
  clip-path:polygon(0 7px,7px 0,calc(100% - 17px) 0,100% 17px,100% 100%,17px 100%,0 calc(100% - 17px));
}
.mint-console::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:7px;
  height:1px;
  background:linear-gradient(90deg,var(--glass-red),transparent 32%,transparent 70%,var(--glass-blue));
  opacity:.45;
  pointer-events:none;
}
.console-header{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:3px 2px 10px;
}
.console-kicker,.world-kicker,.console-label{
  margin:0;
  color:var(--halo-gold);
  font:8px/1.5 var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.console-kicker::before,.world-kicker::before{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:6px;
  background:var(--glass-red);
  box-shadow:5px -5px 0 var(--glass-blue),10px 0 0 var(--halo-gold);
  transform:translateY(-2px);
}
.console-title{
  margin:4px 0 0;
  max-width:330px;
  font:400 clamp(24px,2vw,33px)/.9 var(--display);
  letter-spacing:.025em;
  text-transform:uppercase;
  text-wrap:balance;
}
.console-state{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:126px;
  padding:5px 7px;
  border:1px solid rgba(200,206,212,.16);
  color:var(--static-grey);
  background:#090b0f;
  font:8px/1.35 var(--mono);
  text-transform:uppercase;
}
.state-lamp{
  width:6px;
  height:6px;
  flex:none;
  border-radius:50%;
  background:var(--halo-gold);
  box-shadow:0 0 8px var(--halo-gold);
  animation:signal-blink 2.6s infinite;
}
.console-state.live{border-color:var(--line-blue);color:#c4f3ff}
.console-state.live .state-lamp{background:var(--phosphor);box-shadow:0 0 9px var(--phosphor)}
.console-state.warn{border-color:rgba(233,71,92,.6);color:#ffb4c0}
.console-state.warn .state-lamp{background:var(--glass-red);box-shadow:0 0 9px var(--glass-red)}

.tuning-readout{
  display:grid;
  grid-template-columns:125px minmax(0,1fr);
  gap:12px;
  align-items:end;
  padding:9px 2px;
  border-top:1px solid var(--line);
}
.minted-dial{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:5px}
.minted-dial strong{
  color:var(--ivory);
  font:36px/.9 var(--mono);
  letter-spacing:-.04em;
  text-shadow:2px 0 0 rgba(233,71,92,.18),-2px 0 0 rgba(67,198,255,.2);
}
.minted-dial span{color:var(--static-dim);font:10px var(--mono)}
.minted-dial small{grid-column:1/-1;color:var(--static-dim);font:7px var(--mono);text-transform:uppercase;letter-spacing:.1em}
.signal-scale{
  display:grid;
  grid-template-columns:repeat(18,minmax(2px,1fr));
  gap:2px;
  height:18px;
  padding:2px;
  border:1px solid rgba(200,206,212,.14);
  background:#06070a;
}
.signal-scale i{border:1px solid rgba(246,196,83,.13);background:#0b0d11;transition:background .3s,box-shadow .3s}
.signal-scale i.on{
  border-color:var(--halo-gold);
  background:linear-gradient(180deg,var(--halo-pale),var(--halo-gold) 54%,var(--glass-blue));
  box-shadow:0 0 7px rgba(246,196,83,.42);
}

.time-code{
  border:1px solid rgba(200,206,212,.17);
  background:#080a0e;
}
.time-code-label{
  padding:5px 7px;
  border-bottom:1px solid rgba(200,206,212,.11);
  color:var(--static-dim);
  font:7px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.time-code-digits{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;
  padding:6px 7px 5px;
}
.time-code-digits span{text-align:center}
.time-code-digits b{
  display:block;
  color:var(--halo-pale);
  font:clamp(22px,2vw,28px)/.9 var(--mono);
  letter-spacing:.03em;
  text-shadow:0 0 13px rgba(246,196,83,.2);
}
.time-code-digits small{display:block;margin-top:3px;color:var(--static-dim);font:6px var(--mono);text-transform:uppercase;letter-spacing:.05em}
.time-code-digits em{color:var(--glass-red);font:normal 15px var(--mono);animation:signal-blink 1.8s infinite}

.eligibility{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  margin:8px 0 9px;
  padding:6px 8px;
  border-left:3px solid var(--glass-blue);
  color:#bcc9cf;
  background:linear-gradient(90deg,rgba(67,198,255,.08),transparent);
  font-size:8px;
  line-height:1.55;
}
.eligibility i{
  width:6px;
  height:6px;
  flex:none;
  background:var(--glass-blue);
  box-shadow:0 0 7px var(--glass-blue);
}
.eligibility p{margin:0}
.eligibility.eligible{border-left-color:var(--halo-gold);background:linear-gradient(90deg,rgba(246,196,83,.1),transparent);color:var(--halo-pale)}
.eligibility.eligible i{background:var(--halo-gold);box-shadow:0 0 7px var(--halo-gold)}

.console-tabs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:2px;
  padding:3px;
  border:1px solid rgba(200,206,212,.16);
  background:#080a0e;
}
.console-tab{
  position:relative;
  min-width:0;
  padding:8px 5px 7px;
  border:0;
  border-bottom:2px solid transparent;
  color:var(--static-dim);
  background:#0d0f14;
  text-align:left;
  transition:color .16s,background .16s,border-color .16s;
}
.console-tab span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px var(--pixel);text-transform:uppercase}
.console-tab small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#69737d;font:6px var(--mono);letter-spacing:.02em}
.console-tab:hover{color:var(--halo-pale);background:#14171d}
.console-tab.is-selected{
  color:var(--halo-pale);
  border-bottom-color:var(--halo-gold);
  background:linear-gradient(180deg,rgba(246,196,83,.12),rgba(246,196,83,.03));
}
.console-tab.is-selected::after{
  content:"";
  position:absolute;
  left:7px;
  top:5px;
  width:3px;
  height:3px;
  background:var(--halo-gold);
  box-shadow:
    3px 0 0 var(--halo-gold),6px 0 0 var(--halo-gold),
    0 3px 0 var(--halo-gold),6px 3px 0 var(--halo-gold),
    0 6px 0 var(--halo-gold),3px 6px 0 var(--halo-gold),6px 6px 0 var(--halo-gold);
}
.console-tab.is-selected small{color:#c8a75f}

.console-panels{
  min-height:191px;
  padding-top:8px;
}
.console-panel{animation:phosphor-in .24s steps(4,end) both}
.quantity-row{
  display:flex;
  align-items:center;
  gap:8px;
  padding:5px 1px 8px;
}
.quantity-row>label{margin-right:auto}
.stepper{
  display:flex;
  align-items:center;
  height:31px;
  border:1px solid var(--line);
  background:#07090c;
}
.stepper button{
  width:30px;
  height:29px;
  border:0;
  color:var(--halo-gold);
  background:transparent;
  font:18px/1 var(--mono);
}
.stepper button:hover{background:rgba(246,196,83,.09)}
.stepper input{
  width:44px;
  height:29px;
  padding:0;
  border:0;
  border-inline:1px solid var(--line);
  outline:0;
  color:var(--ivory);
  background:#090b0f;
  font:11px var(--mono);
  text-align:center;
  -moz-appearance:textfield;
}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.transaction-ledger{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid var(--line);
  background:#080a0e;
}
.transaction-ledger>div{padding:7px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.transaction-ledger>div:nth-child(2n){border-right:0}
.transaction-ledger>div:nth-last-child(-n+2){border-bottom:0}
.transaction-ledger span{display:block;color:var(--static-dim);font:6px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.transaction-ledger b{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;color:var(--static-grey);font:9px var(--mono);white-space:nowrap}
.transaction-ledger .ledger-reward{background:rgba(246,196,83,.055)}
.transaction-ledger .ledger-reward b{color:var(--halo-pale)}

.lane-copy{
  display:grid;
  gap:6px;
  margin-bottom:9px;
  color:#b6c0c7;
  font-size:8px;
  line-height:1.55;
}
.lane-copy p{margin:0;padding-left:8px;border-left:2px solid rgba(67,198,255,.38)}
.lane-meter{
  padding:8px;
  border:1px solid var(--line);
  border-left:3px solid var(--halo-gold);
  background:#080a0e;
}
.lane-meter+.lane-meter{margin-top:6px}
.lane-meter-x{border-left-color:var(--glass-blue)}
.lane-meter-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--static-grey);font:8px var(--pixel)}
.lane-meter-head b{color:var(--halo-pale);font:9px var(--mono);font-weight:400}
.lane-meter-head i{font-style:normal}
.meter-track{
  height:8px;
  margin-top:6px;
  padding:1px;
  border:1px solid rgba(200,206,212,.14);
  background:#050608;
  overflow:hidden;
}
.meter-track i{
  display:block;
  width:0;
  height:100%;
  background:repeating-linear-gradient(90deg,var(--halo-gold) 0 5px,transparent 5px 7px);
  box-shadow:0 0 8px rgba(246,196,83,.22);
  transition:width .3s;
}
.lane-meter-x .meter-track i{background:repeating-linear-gradient(90deg,var(--glass-blue) 0 5px,transparent 5px 7px);box-shadow:0 0 8px rgba(67,198,255,.22)}
.lane-meter small{display:block;margin-top:5px;color:var(--static-dim);font:7px/1.45 var(--mono)}
.lane-note{
  margin:8px 0 0;
  color:var(--static-dim);
  font:7px/1.6 var(--mono);
}

.x-claim-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.x-claim h2{margin:2px 0 5px;font:400 23px/.95 var(--display);letter-spacing:.03em;text-transform:uppercase}
.x-stamp{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:none;
  border:1px solid var(--line-gold);
  color:var(--halo-pale);
  background:#0a0c10;
  font:15px var(--mono);
}
.x-copy{margin:0 0 7px;color:#aeb8bf;font-size:8px;line-height:1.55}
.console-panel label{display:block;margin:6px 0 4px}
.console-panel textarea,.console-panel input[type="url"]{
  width:100%;
  border:1px solid var(--line);
  border-radius:0;
  outline:0;
  color:var(--static-grey);
  background:#07090c;
}
.console-panel textarea{
  min-height:106px;
  padding:8px;
  resize:vertical;
  font:7px/1.6 var(--mono);
}
.console-panel input[type="url"]{padding:8px;font:8px var(--mono)}
.console-panel textarea:focus,.console-panel input:focus{border-color:var(--halo-gold);box-shadow:inset 0 0 0 1px rgba(246,196,83,.18)}
.inline-controls,.x-actions{display:flex;gap:5px;flex-wrap:wrap}
.inline-controls{margin-top:4px}
.x-actions{margin-top:8px}
.x-actions .control{flex:1}
.turnstile-box:empty{display:none}

.console-action-block{padding-top:4px}
.referral-chip{
  margin:6px 0 0;
  color:var(--halo-pale);
  font:7px var(--mono);
}
.console-footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px solid var(--line);
  color:var(--static-dim);
  font:6px/1.5 var(--mono);
}
.console-footer span{display:flex;gap:5px;align-items:flex-start}
.console-footer b{color:var(--halo-gold);font-weight:400;white-space:nowrap}
.console-footer span>span{display:inline}

.control{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:38px;
  padding:9px 14px;
  border:1px solid var(--line);
  border-radius:0;
  color:var(--ivory);
  background:var(--cabinet);
  font:8px/1.25 var(--pixel);
  letter-spacing:.04em;
  text-align:center;
  text-transform:uppercase;
  clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
  transition:transform .14s steps(2,end),filter .14s,border-color .14s,background .14s;
}
.control::before{
  content:"";
  position:absolute;
  left:5px;
  top:5px;
  width:2px;
  height:2px;
  background:currentColor;
  opacity:.6;
  box-shadow:2px 0 0 currentColor,0 2px 0 currentColor;
}
.control:hover{transform:translate(-1px,-1px);filter:brightness(1.12);border-color:var(--line-gold)}
.control:active{transform:translate(1px,1px)}
.control:disabled{opacity:.38;transform:none;filter:none}
.control--gold{
  border-color:var(--halo-gold);
  color:#151006;
  background:linear-gradient(180deg,var(--halo-pale) 0%,var(--halo-gold) 58%,#ca9631 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.7),0 4px 0 #6f4f13;
}
.control--cobalt{
  border-color:var(--glass-blue);
  color:#06121a;
  background:linear-gradient(180deg,#b9efff,var(--glass-blue) 66%,#2189b6);
  box-shadow:0 0 0 1px rgba(0,0,0,.7),0 4px 0 #0b4059;
}
.control--ghost{color:var(--static-grey);background:linear-gradient(180deg,#171a21,#0d0f14);border-color:rgba(200,206,212,.22)}
.control--small{min-height:30px;padding:6px 9px;font-size:7px}
.control--wide{width:100%;min-height:46px;font-size:9px}
.control--connect{min-width:84px;min-height:34px;padding:7px 11px}
.text-link{
  display:inline-block;
  margin-top:9px;
  color:var(--halo-gold);
  border-bottom:2px solid var(--halo-gold);
  font:8px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.world-feed{min-width:0;margin-left:var(--deck-width)}
.channel-bar{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:stretch;
  min-height:var(--channel-bar);
  padding:0 22px;
  border-bottom:1px solid var(--line-gold);
  background:
    linear-gradient(90deg,rgba(246,196,83,.06),transparent 18%,transparent 82%,rgba(67,198,255,.05)),
    rgba(7,8,11,.94);
  box-shadow:0 12px 35px rgba(0,0,0,.34);
}
.channel-bar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:repeating-linear-gradient(90deg,var(--halo-gold) 0 8px,transparent 8px 17px,var(--glass-red) 17px 21px,transparent 21px 34px,var(--glass-blue) 34px 39px,transparent 39px 48px);
  opacity:.5;
}
.mobile-channel-mark{display:none}
.game-tabs{
  display:flex;
  align-items:stretch;
  gap:2px;
  min-width:0;
  flex:1;
  overflow-x:auto;
  scrollbar-width:none;
}
.game-tabs::-webkit-scrollbar{display:none}
.game-tabs a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:var(--channel-bar);
  padding:0 11px;
  color:var(--static-dim);
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
  border-left:1px solid rgba(200,206,212,.07);
  font:7px var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  transition:color .16s,background .16s;
}
.game-tabs a:last-child{border-right:1px solid rgba(200,206,212,.07)}
.game-tabs a:hover{color:var(--halo-pale);background:rgba(246,196,83,.06)}
.game-tabs a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:8px;
  width:4px;
  height:4px;
  transform:translateX(-50%) scale(0);
  background:var(--halo-gold);
  box-shadow:4px 0 0 var(--halo-gold),8px 0 0 var(--halo-gold),12px 0 0 var(--halo-gold);
  transition:transform .1s steps(2,end);
}
.game-tabs a.is-current{color:var(--halo-pale);background:linear-gradient(180deg,rgba(246,196,83,.11),transparent 72%)}
.game-tabs a.is-current::after{transform:translateX(-50%) scale(1);animation:signal-blink 1.6s infinite}
.channel-tools{
  display:flex;
  align-items:center;
  gap:7px;
  flex:none;
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid var(--line);
}
.channel-tools select{
  width:92px;
  height:34px;
  padding:0 23px 0 7px;
  border:1px solid var(--line);
  border-radius:0;
  outline:0;
  color:var(--halo-pale);
  background:#0b0d12;
  font:7px var(--mono);
}

.world-hero{
  position:relative;
  min-height:calc(100svh - var(--channel-bar));
  overflow:hidden;
  padding:clamp(42px,6vh,76px) clamp(28px,4.6vw,72px) clamp(34px,5vh,62px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
  border-bottom:1px solid var(--line-gold);
  background:
    linear-gradient(112deg,rgba(5,6,8,.94) 0%,rgba(8,10,15,.82) 47%,rgba(7,10,14,.52) 100%),
    radial-gradient(620px 500px at 78% 42%,rgba(67,198,255,.2),transparent 67%),
    linear-gradient(180deg,#08090d,#0b0d12);
}
.world-hero::before{
  content:"";
  position:absolute;
  right:3%;
  top:8%;
  width:44%;
  height:66%;
  z-index:-2;
  opacity:.11;
  background:repeating-linear-gradient(90deg,var(--glass-blue) 0 5px,transparent 5px 43px,var(--glass-red) 43px 49px,transparent 49px 91px);
  transform:skewX(-8deg);
  clip-path:polygon(50% 0,100% 12%,90% 100%,8% 100%,0 14%);
}
.world-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(200,206,212,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(200,206,212,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,transparent,#000 20%,#000 85%,transparent);
}
.hero-frequency{
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  width:28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  padding:18px 6px;
  opacity:.42;
}
.hero-frequency span{display:block;background:var(--halo-gold);height:2px}
.hero-frequency span:nth-child(3n){background:var(--glass-blue);height:5px}
.hero-frequency span:nth-child(4n){background:var(--glass-red);height:1px}
.hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(330px,.92fr);
  gap:clamp(28px,4vw,68px);
  align-items:center;
  width:100%;
}
.hero-copy{animation:phosphor-in .55s steps(5,end) both}
.hero-coordinate{
  display:inline-block;
  margin:0 0 16px;
  padding:5px 8px;
  border-left:4px solid var(--halo-gold);
  color:var(--halo-pale);
  background:linear-gradient(90deg,rgba(246,196,83,.1),transparent);
  font:8px var(--mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.hero-copy h2{
  max-width:760px;
  margin:0 0 22px;
  color:var(--ivory);
  font:400 clamp(54px,6.2vw,104px)/.78 var(--display);
  letter-spacing:.014em;
  text-wrap:balance;
  text-shadow:
    4px 0 0 rgba(67,198,255,.12),
    -4px 0 0 rgba(233,71,92,.1),
    0 0 34px rgba(246,196,83,.06);
}
.hero-copy h2 span{display:block}
.hero-copy h2 span:last-child{color:var(--halo-pale)}
.hero-lede{max-width:610px;color:#bfc9ce;font:9px/1.9 var(--mono);letter-spacing:.005em}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.hero-actions .control{min-width:156px}

.crt-altar{
  position:relative;
  width:min(100%,570px);
  margin:0;
  justify-self:center;
  animation:phosphor-in .7s .08s steps(6,end) both;
}
.altar-halo{
  position:absolute;
  left:50%;
  top:44%;
  z-index:-1;
  width:92%;
  aspect-ratio:1;
  transform:translate(-50%,-50%) rotate(8deg);
  border:2px solid rgba(246,196,83,.45);
  border-radius:50%;
  box-shadow:
    0 0 0 11px rgba(246,196,83,.035),
    0 0 0 12px rgba(246,196,83,.18),
    0 0 70px rgba(67,198,255,.13);
}
.altar-halo::before,.altar-halo::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--halo-gold);
  opacity:.34;
}
.altar-halo::before{width:124%;height:1px;transform:translate(-50%,-50%)}
.altar-halo::after{width:1px;height:124%;transform:translate(-50%,-50%)}
.monitor-shell{
  position:relative;
  padding:13px 13px 12px;
  border:2px solid #373c44;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),
    linear-gradient(145deg,#262b32 0%,#14171d 42%,#0a0c10 100%);
  box-shadow:
    inset 0 0 0 3px #07080a,
    inset 0 0 0 5px #4b5058,
    inset 0 0 0 7px #090a0d,
    12px 14px 0 rgba(0,0,0,.38),
    0 0 52px rgba(67,198,255,.13);
  clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 42px),calc(100% - 20px) calc(100% - 18px),calc(100% - 44px) 100%,28px 100%,0 calc(100% - 24px),0 18px);
  transform:rotate(-.55deg);
}
.monitor-shell::before{
  content:"";
  position:absolute;
  inset:34px 18px 42px;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 5px);
  z-index:3;
}
.monitor-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 7px 10px;
  color:#a6abb2;
  font:7px var(--mono);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.monitor-top i{width:28px;height:3px;background:repeating-linear-gradient(90deg,var(--glass-red) 0 4px,transparent 4px 7px);opacity:.72}
.crt-screen{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  border:7px solid #08090c;
  background:#050608;
  box-shadow:
    inset 0 0 38px rgba(0,0,0,.9),
    0 0 0 2px #434851,
    0 0 0 4px #090a0d;
}
.crt-screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.12) brightness(.84);
  transform:scale(1.02);
}
.crt-screen::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at center,transparent 47%,rgba(0,0,0,.5) 100%),
    linear-gradient(110deg,rgba(255,255,255,.09),transparent 25%,transparent 77%,rgba(67,198,255,.11));
  box-shadow:inset 0 0 35px rgba(67,198,255,.12);
}
.screen-scan{
  position:absolute;
  left:0;
  right:0;
  top:-18%;
  z-index:2;
  height:18%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(141,255,176,.11),transparent);
  animation:scan-travel 5.8s linear infinite;
}
.screen-ghost{
  position:absolute;
  left:9px;
  bottom:7px;
  z-index:2;
  color:rgba(242,238,226,.48);
  font:8px var(--mono);
  text-transform:uppercase;
  letter-spacing:.16em;
  text-shadow:0 0 7px #000;
}
.monitor-controls{
  position:relative;
  display:flex;
  align-items:center;
  gap:9px;
  height:31px;
  padding:5px 9px 0;
}
.speaker-grille{
  width:76px;
  height:13px;
  background:repeating-linear-gradient(90deg,#08090c 0 3px,#343940 3px 5px);
  border:1px solid #050608;
}
.dial{
  width:17px;
  height:17px;
  border-radius:50%;
  border:2px solid #07080a;
  background:
    linear-gradient(90deg,transparent 46%,#c6aa71 46% 54%,transparent 54%),
    radial-gradient(circle,#555b64,#20242a 70%);
  box-shadow:0 0 0 1px #555b64;
}
.dial-two{animation:dial-turn 16s linear infinite}
.power-pixel{
  margin-left:auto;
  width:6px;
  height:6px;
  background:var(--glass-red);
  box-shadow:0 0 8px var(--glass-red);
}
.crt-altar figcaption{
  position:relative;
  margin:14px 24px 0 0;
  padding:8px 11px;
  border-left:3px solid var(--halo-gold);
  color:#aeb7bd;
  background:rgba(5,6,8,.58);
  font:7px/1.65 var(--mono);
}
.hero-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:clamp(28px,5vh,60px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(246,196,83,.035),transparent 60%);
}
.hero-facts div{
  min-width:0;
  padding:12px clamp(9px,1.4vw,18px);
  border-right:1px solid var(--line);
}
.hero-facts div:last-child{border-right:0}
.hero-facts b{
  display:block;
  overflow:hidden;
  color:var(--halo-pale);
  font:400 clamp(17px,1.8vw,25px)/1 var(--display);
  letter-spacing:.03em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.hero-facts span{display:block;margin-top:4px;color:var(--static-dim);font:6px var(--mono);letter-spacing:.05em;text-transform:uppercase}

.chapter-scroll,.archive-section,.exchange-room,.reward-room,.log-room{
  position:relative;
  padding:clamp(68px,8vw,116px) clamp(28px,4.6vw,72px);
  border-bottom:1px solid var(--line);
}
.chapter-scroll{
  background:
    radial-gradient(680px 430px at 84% 22%,rgba(67,198,255,.07),transparent 69%),
    linear-gradient(180deg,#090b0f,#07080b);
}
.world-heading{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:20px;
  align-items:start;
  margin-bottom:42px;
  max-width:880px;
}
.chapter-code{
  display:block;
  color:transparent;
  font:400 clamp(48px,5vw,80px)/.8 var(--display);
  -webkit-text-stroke:1px var(--halo-gold);
  text-shadow:4px 4px 0 rgba(67,198,255,.07);
}
.world-heading h2,.choir-heading h2{
  margin:5px 0 10px;
  font:400 clamp(45px,5vw,78px)/.82 var(--display);
  letter-spacing:.02em;
  text-transform:uppercase;
  text-wrap:balance;
}
.world-heading>div>p:last-child,.choir-heading>p{
  max-width:680px;
  color:#9faab1;
  font:8px/1.85 var(--mono);
}
.story-rail{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.story-beat{
  position:relative;
  min-width:0;
  padding:24px;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%),
    linear-gradient(180deg,#11141a,#0a0c10);
  box-shadow:var(--shadow-hard);
}
.story-beat::before{
  content:"";
  position:absolute;
  left:-1px;
  top:-1px;
  width:54px;
  height:3px;
  background:var(--halo-gold);
  box-shadow:10px 0 0 var(--glass-blue);
}
.story-beat-wide{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:80px minmax(0,1.05fr) minmax(220px,.7fr);
  gap:22px;
  align-items:center;
}
.beat-index{
  color:var(--glass-red);
  font:400 38px/.9 var(--display);
}
.beat-copy{min-width:0}
.beat-copy h3{
  margin:5px 0 9px;
  font:400 clamp(27px,2.7vw,42px)/.95 var(--display);
  letter-spacing:.02em;
}
.story-beat:not(.story-beat-wide) .beat-copy h3{font-size:clamp(25px,2.1vw,34px)}
.beat-copy>p:not(.world-kicker){color:#a8b2b8;font:8px/1.85 var(--mono)}
.story-beat-wide .beat-copy>p:not(.world-kicker){max-width:600px}
.sealed-relic{
  position:relative;
  margin:0;
  justify-self:end;
  width:min(100%,310px);
  border:1px solid var(--line);
  background:#06080b;
  padding:7px;
}
.sealed-relic img{
  width:100%;
  aspect-ratio:1;
  object-fit:cover;
  filter:saturate(.72) contrast(1.08);
}
.sealed-relic figcaption{padding:7px 3px 2px;color:var(--static-dim);font:7px var(--mono);text-transform:uppercase}
.transmission-track{
  display:flex;
  align-items:center;
  gap:4px;
  height:36px;
  margin-top:20px;
  padding:8px;
  border:1px solid rgba(67,198,255,.18);
  background:#07090c;
}
.transmission-track i{flex:1;height:4px;background:var(--glass-blue);box-shadow:0 0 8px rgba(67,198,255,.32);animation:signal-blink 1.5s infinite}
.transmission-track i:nth-child(2n){height:11px;background:var(--halo-gold);animation-delay:.15s}
.transmission-track i:nth-child(3n){height:2px;background:var(--glass-red);animation-delay:.3s}

.choir-section{
  position:relative;
  margin-top:clamp(68px,8vw,112px);
  padding-top:clamp(44px,5vw,70px);
  border-top:1px solid var(--line-gold);
  scroll-margin-top:calc(var(--channel-bar) + 16px);
}
.choir-heading{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(250px,.7fr);
  gap:28px;
  align-items:end;
  margin-bottom:25px;
}
.choir-heading .chapter-code{margin-bottom:10px}
.choir-heading>p{margin:0 0 6px}
.choir-stack{display:grid;gap:7px}
.choir-row{
  --tier:var(--halo-gold);
  --share:1%;
  position:relative;
  display:grid;
  grid-template-columns:46px 82px minmax(0,1fr) 105px;
  gap:13px;
  align-items:center;
  min-height:104px;
  padding:9px 14px 9px 9px;
  border:1px solid var(--line);
  border-left:3px solid var(--tier);
  background:
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 34%),
    linear-gradient(180deg,#11141a,#0b0d11);
  overflow:hidden;
  transition:transform .18s,border-color .18s;
}
.choir-row::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 4px);
  opacity:.5;
}
.choir-row:hover{transform:translateX(4px);border-color:var(--tier)}
.choir-rank{
  position:relative;
  z-index:1;
  color:var(--tier);
  font:400 31px/.9 var(--display);
  text-align:center;
  text-shadow:0 0 14px color-mix(in srgb,var(--tier) 35%,transparent);
}
.choir-portrait{
  position:relative;
  z-index:1;
  width:82px;
  height:82px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--tier) 44%,transparent);
  background:#07090c;
}
.choir-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08);transition:transform .3s,filter .3s}
.choir-row:hover .choir-portrait img{transform:scale(1.05);filter:saturate(1) contrast(1.08)}
.choir-copy{position:relative;z-index:1;min-width:0}
.choir-copy h3{margin:0 0 4px;font:400 29px/.9 var(--display);letter-spacing:.02em;text-transform:uppercase}
.choir-copy p{margin:0;max-width:640px;color:#8f9aa1;font:7px/1.55 var(--mono);text-transform:uppercase}
.choir-gauge{
  height:8px;
  margin-top:10px;
  padding:1px;
  border:1px solid rgba(200,206,212,.12);
  background:#050608;
}
.choir-gauge i{
  display:block;
  width:var(--share);
  height:100%;
  background:repeating-linear-gradient(90deg,var(--tier) 0 5px,transparent 5px 7px);
  box-shadow:0 0 8px color-mix(in srgb,var(--tier) 35%,transparent);
}
.choir-meta{
  position:relative;
  z-index:1;
  display:grid;
  gap:3px;
  justify-items:end;
  color:var(--tier);
  font:7px var(--mono);
  text-align:right;
  text-transform:uppercase;
}
.choir-meta strong{color:var(--ivory);font:19px/1 var(--mono);font-weight:400}
.choir-meta small{color:var(--static-dim);font:6px var(--mono)}
.rarity-key{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.rarity-item{
  display:grid;
  grid-template-columns:6px minmax(0,1fr) auto;
  gap:6px;
  align-items:center;
  padding:7px 8px;
  border:1px solid rgba(200,206,212,.11);
  background:#090b0f;
  min-width:0;
}
.rarity-item i{width:5px;height:5px;background:var(--tier);box-shadow:0 0 6px var(--tier)}
.rarity-item span{overflow:hidden;color:#9aa5ac;font:6px var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.rarity-item b{color:var(--halo-pale);font:7px var(--mono);font-weight:400}

.archive-section{
  scroll-margin-top:var(--channel-bar);
  background:
    linear-gradient(90deg,rgba(67,198,255,.03) 1px,transparent 1px),
    linear-gradient(rgba(67,198,255,.02) 1px,transparent 1px),
    #080a0e;
  background-size:64px 64px;
}
.archive-heading{
  grid-template-columns:70px minmax(0,1fr) auto;
  align-items:end;
  max-width:none;
}
.archive-heading .control{align-self:end;margin-bottom:6px}
.archive-roll{display:grid;gap:20px}
.archive-preview{display:grid;gap:12px}
.archive-preview-ribbon{
  display:flex;
  align-items:center;
  gap:8px;
  padding-bottom:7px;
  border-bottom:1px solid var(--line);
}
.archive-preview-ribbon i{width:44px;height:4px;background:repeating-linear-gradient(90deg,var(--halo-gold) 0 4px,transparent 4px 7px)}
.archive-preview-ribbon span{color:var(--static-dim);font:7px var(--mono);text-transform:uppercase}
.archive-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.archive-preview .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.archive-card{
  --tier:var(--halo-gold);
  position:relative;
  min-width:0;
  border:1px solid var(--line);
  background:#090b0f;
  overflow:hidden;
  transition:transform .18s,border-color .18s;
}
.archive-card:hover{transform:translateY(-4px);border-color:var(--tier)}
.archive-image{
  position:relative;
  aspect-ratio:1;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#06080b;
}
.archive-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 25%,transparent 76%,rgba(67,198,255,.1));
}
.archive-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06);transition:transform .3s,filter .3s}
.archive-card:hover .archive-image img{transform:scale(1.045);filter:saturate(1)}
.archive-number{
  position:absolute;
  left:6px;
  top:6px;
  z-index:2;
  padding:2px 4px;
  border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);
  color:var(--tier);
  background:rgba(5,6,8,.78);
  font:7px var(--mono);
}
.archive-copy{padding:8px}
.archive-copy small{display:block;overflow:hidden;color:var(--tier);font:6px var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.archive-copy strong{display:block;margin-top:2px;overflow:hidden;color:var(--ivory);font:8px var(--pixel);text-overflow:ellipsis;white-space:nowrap}
.archive-copy span{display:block;margin-top:3px;color:var(--static-dim);font:6px var(--mono);text-transform:uppercase}
.archive-group{display:grid;gap:8px}
.archive-group-head{display:flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid var(--line)}
.archive-group-head i{width:6px;height:6px;background:var(--tier)}
.archive-group-head h3{margin:0;font:400 20px var(--display);text-transform:uppercase}
.archive-group-head span{margin-left:auto;color:var(--static-dim);font:6px var(--mono);text-transform:uppercase}

.exchange-room{
  scroll-margin-top:var(--channel-bar);
  background:
    linear-gradient(125deg,rgba(233,71,92,.05),transparent 32%,transparent 68%,rgba(67,198,255,.06)),
    #090b0f;
}
.exchange-heading{grid-template-columns:70px minmax(0,1fr) auto;max-width:none;align-items:end}
.fee-ticket{
  align-self:end;
  padding:7px 10px;
  border:1px dashed var(--line-blue);
  color:#bdefff;
  background:rgba(67,198,255,.055);
  font:7px var(--mono);
  text-transform:uppercase;
  white-space:nowrap;
}
.receiving-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:13px;align-items:start}
.receiving-room,.swap-counter{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(21,24,32,.94),rgba(9,11,15,.96));
  box-shadow:var(--shadow-hard);
}
.room-heading{margin-bottom:13px;padding-bottom:11px;border-bottom:1px solid var(--line)}
.room-heading h3{margin:4px 0 0;font:400 40px/.9 var(--display);text-transform:uppercase}
.receipt-panel{
  position:relative;
  padding:13px;
  border:1px solid var(--line-gold);
  background:
    radial-gradient(260px 150px at 86% 14%,rgba(246,196,83,.13),transparent 68%),
    #0c0e12;
}
.claim-figure{
  display:block;
  margin:5px 0 10px;
  color:var(--halo-pale);
  font:400 clamp(40px,4vw,62px)/.9 var(--mono);
  letter-spacing:-.05em;
  text-shadow:3px 0 0 rgba(67,198,255,.11),-3px 0 0 rgba(233,71,92,.09);
}
.invite-panel{margin-top:9px;padding:13px;border:1px solid var(--line);background:#090b0f}
.invite-panel>p:not(.world-kicker){margin:7px 0;color:#9ca7ae;font:7px/1.65 var(--mono)}
.invite-field{display:flex;align-items:stretch;margin-top:4px}
.invite-field input{
  flex:1;
  min-width:0;
  padding:8px;
  border:1px solid var(--line);
  border-right:0;
  outline:0;
  color:var(--static-grey);
  background:#06080b;
  font:7px var(--mono);
}
.invite-counters{display:grid;grid-template-columns:1fr 1fr;margin-top:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.invite-counters div{padding:7px 0}
.invite-counters div+div{padding-left:10px;border-left:1px solid var(--line)}
.invite-counters span{display:block;color:var(--static-dim);font:6px var(--mono);text-transform:uppercase}
.invite-counters strong{color:var(--halo-pale);font:16px var(--mono);font-weight:400}
.micro-note{margin:6px 0 0;color:var(--static-dim);font:7px/1.6 var(--mono)}
.relic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 8px}
.relic-toolbar p{margin:0;color:var(--static-dim);font:7px/1.5 var(--mono)}
.relic-grid,.swap-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.relic-card,.swap-card{
  position:relative;
  min-width:0;
  border:1px solid var(--line);
  background:#090b0f;
  overflow:hidden;
  animation:phosphor-in .28s steps(3,end) both;
}
.relic-image,.swap-image{position:relative;aspect-ratio:1;overflow:hidden;background:#06080b}
.relic-image img,.swap-image img{width:100%;height:100%;object-fit:cover;filter:hue-rotate(var(--hue,0deg)) saturate(.86)}
.relic-card.is-sealed .relic-image img{object-fit:contain;padding:13px;filter:drop-shadow(0 0 18px rgba(246,196,83,.14))}
.relic-body,.swap-body{padding:8px;border-top:1px solid var(--line)}
.relic-kicker,.swap-kicker{display:flex;align-items:center;justify-content:space-between;gap:5px;color:var(--static-dim);font:6px var(--mono);text-transform:uppercase}
.relic-body>strong,.swap-body>strong{display:block;margin-top:3px;overflow:hidden;color:var(--ivory);font:8px var(--pixel);text-overflow:ellipsis;white-space:nowrap}
.relic-body .control,.swap-body .control{width:100%;margin-top:6px}
.tier-dot{width:5px;height:5px;flex:none;border-radius:50%;box-shadow:0 0 6px currentColor}
.sealed-stamp{
  position:absolute;
  left:6px;
  top:6px;
  z-index:2;
  padding:2px 4px;
  border:1px solid var(--line-gold);
  color:var(--halo-pale);
  background:rgba(5,6,8,.8);
  font:6px var(--mono);
  text-transform:uppercase;
}
.dead-channel{
  grid-column:1/-1;
  min-height:110px;
  display:grid;
  place-items:center;
  padding:18px;
  border:1px dashed rgba(200,206,212,.2);
  color:var(--static-dim);
  background:repeating-linear-gradient(0deg,rgba(200,206,212,.018) 0 1px,transparent 1px 4px);
  font:7px/1.6 var(--mono);
  text-align:center;
}
.swap-state-row{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.swap-state-row p{margin:3px 0 0;color:var(--static-dim);font:7px var(--mono)}
.swap-price{display:flex;align-items:baseline;justify-content:space-between;gap:5px;margin:5px 0}
.swap-price strong{color:var(--halo-pale);font:13px var(--mono);font-weight:400}
.swap-price span{overflow:hidden;color:var(--static-dim);font:6px var(--mono);text-overflow:ellipsis;white-space:nowrap}
.seller-console{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-gold)}
.seller-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
.seller-head .micro-note{margin-top:2px}
.seller-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:13px;margin-top:9px}
.relic-choice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:260px;overflow:auto;padding-right:3px}
.relic-choice-list button{
  min-width:0;
  padding:0;
  border:1px solid var(--line);
  color:var(--static-grey);
  background:#080a0e;
  overflow:hidden;
}
.relic-choice-list button.selected{border-color:var(--halo-gold);box-shadow:0 0 0 1px var(--halo-gold)}
.relic-choice-list img{width:100%;aspect-ratio:1;object-fit:cover}
.relic-choice-list span{display:block;padding:4px;overflow:hidden;font:6px var(--mono);text-overflow:ellipsis;white-space:nowrap}
.seller-form{min-width:0}
.seller-form input{
  width:100%;
  padding:8px;
  border:1px solid var(--line);
  outline:0;
  color:var(--static-grey);
  background:#06080b;
  font:9px var(--mono);
}
.seller-form input:focus{border-color:var(--halo-gold)}
.seller-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}
.seller-actions .control{min-height:34px;padding:6px 7px;font-size:6px}

.reward-room{
  scroll-margin-top:var(--channel-bar);
  background:
    radial-gradient(620px 420px at 82% 14%,rgba(246,196,83,.08),transparent 66%),
    linear-gradient(180deg,#0a0c10,#07080b);
}
.reward-instrument{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.ramp-instrument,.supply-instrument{
  position:relative;
  min-width:0;
  padding:19px;
  border:1px solid var(--line);
  background:
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 30%),
    #0d0f14;
  box-shadow:var(--shadow-hard);
}
.instrument-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.instrument-label span{color:var(--halo-gold);font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.instrument-label b{color:var(--halo-pale);font:15px var(--mono);font-weight:400;white-space:nowrap}
.ramp-instrument>p,.supply-instrument>p{color:#98a3aa;font:7px/1.8 var(--mono)}
.ramp-bars{
  height:168px;
  display:flex;
  align-items:flex-end;
  gap:6px;
  margin:20px 0 28px;
  padding:0 4px;
  border-bottom:1px solid var(--line);
  border-left:1px solid var(--line);
  background:repeating-linear-gradient(0deg,transparent 0 33px,rgba(200,206,212,.045) 33px 34px);
}
.ramp-bars span{position:relative;flex:1;height:var(--h);min-height:8px;background:linear-gradient(180deg,var(--glass-blue),rgba(67,198,255,.08));border-top:2px solid #adf0ff;box-shadow:0 0 10px rgba(67,198,255,.1)}
.ramp-bars span b{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);color:var(--static-dim);font:6px var(--mono);font-weight:400}
.ramp-bars .ramp-peak{background:linear-gradient(180deg,var(--halo-gold),rgba(246,196,83,.12));border-color:var(--halo-pale)}
.next-signal-strip{display:flex;justify-content:space-between;gap:10px;padding:8px;border:1px solid var(--line);color:var(--static-dim);font:7px var(--mono);text-transform:uppercase}
.next-signal-strip strong{color:var(--halo-pale);font-size:8px;font-weight:400}
.supply-dial{
  position:relative;
  width:min(180px,72%);
  aspect-ratio:1;
  margin:20px auto 18px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:conic-gradient(var(--halo-gold) 0 19.417%,var(--glass-blue) 19.417% 59.433%,#252a31 59.433% 100%);
  box-shadow:0 0 36px rgba(246,196,83,.07);
}
.supply-dial::before{content:"";position:absolute;width:67%;aspect-ratio:1;border-radius:50%;background:#0d0f14;box-shadow:inset 0 0 0 1px var(--line)}
.supply-dial span{position:relative;z-index:1;color:var(--ivory);font:30px/.9 var(--display);text-align:center}
.supply-dial small{font:7px var(--mono);color:var(--static-dim)}
.allocation-key{display:grid;gap:8px}
.allocation-key div{display:grid;grid-template-columns:6px 1fr;gap:7px;align-items:start}
.allocation-key i{width:6px;height:6px;margin-top:4px;background:var(--halo-gold)}
.allocation-key .swatch-invite{background:var(--glass-blue)}
.allocation-key .swatch-rest{background:#252a31}
.allocation-key span{color:var(--static-dim);font:7px var(--mono)}
.allocation-key b{grid-column:2;color:var(--static-grey);font:7px var(--mono);font-weight:400}
.rewards-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:#bdc7cc!important}

.log-room{
  scroll-margin-top:var(--channel-bar);
  background:
    linear-gradient(180deg,rgba(10,12,16,.84),rgba(5,6,8,.98)),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(200,206,212,.015) 39px 40px);
}
.log-heading{grid-template-columns:70px minmax(0,1fr) auto;max-width:none;align-items:end}
.log-frequency{display:flex;align-items:flex-end;gap:3px;height:38px;margin-bottom:7px}
.log-frequency i{width:5px;background:var(--glass-blue);height:30%}
.log-frequency i:nth-child(2){height:75%;background:var(--halo-gold)}
.log-frequency i:nth-child(3){height:45%;background:var(--glass-red)}
.log-frequency i:nth-child(4){height:100%;background:var(--static-grey)}
.log-frequency i:nth-child(5){height:60%;background:var(--phosphor)}
.log-list{border-top:1px solid var(--line-gold)}
.log-slip{border-bottom:1px solid var(--line)}
.log-slip summary{
  position:relative;
  list-style:none;
  padding:17px 48px 17px 0;
  color:var(--ivory);
  font:9px/1.6 var(--pixel);
  cursor:pointer;
}
.log-slip summary::-webkit-details-marker{display:none}
.log-slip summary::before{
  content:"+";
  position:absolute;
  right:8px;
  top:11px;
  color:var(--glass-blue);
  font:20px var(--mono);
}
.log-slip summary::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:0;
  height:1px;
  background:var(--halo-gold);
  transition:width .25s;
}
.log-slip[open] summary{color:var(--halo-pale)}
.log-slip[open] summary::before{content:"-";color:var(--halo-gold)}
.log-slip[open] summary::after{width:70px}
.log-slip p{margin:0;padding:0 48px 18px 0;color:#9da8af;font:8px/1.9 var(--mono)}

.world-footer{
  display:grid;
  grid-template-columns:1fr 1.45fr;
  gap:36px;
  padding:42px clamp(28px,4.6vw,72px) 58px;
  color:var(--static-dim);
  background:
    linear-gradient(90deg,rgba(246,196,83,.04),transparent 45%),
    #050608;
}
.footer-channel p{margin:9px 0 3px;font:7px var(--mono)}
.footer-channel>span{color:rgba(246,196,83,.66);font:6px var(--mono);text-transform:uppercase}
.footer-logo .deck-wordmark{font-size:30px}
.footer-registry{display:grid;grid-template-columns:1fr 1fr .8fr;gap:16px}
.footer-registry div{display:flex;flex-direction:column;gap:5px;min-width:0}
.footer-registry span{color:var(--static-dim);font:6px var(--mono);letter-spacing:.07em;text-transform:uppercase}
.footer-registry code{overflow-wrap:anywhere;color:var(--static-grey);font:7px var(--mono)}
.footer-button{padding:0;border:0;color:var(--halo-pale);background:transparent;text-align:left;font:7px var(--mono)}
.footer-button:hover{color:var(--halo-gold);text-decoration:underline}

.wallet-dialog{
  position:fixed;
  inset:0;
  z-index:120;
  display:none;
  place-items:center;
  padding:18px;
  background:rgba(2,3,5,.84);
}
.wallet-dialog.show{display:grid}
.wallet-card{
  width:min(390px,100%);
  padding:18px;
  border:1px solid var(--line-gold);
  background:linear-gradient(180deg,#151820,#0a0c10);
  box-shadow:0 0 0 1px #050608,12px 12px 0 rgba(0,0,0,.44);
  clip-path:polygon(0 10px,10px 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
}
.wallet-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.wallet-card-head strong{font:400 28px var(--display);text-transform:uppercase}
.dialog-close{
  width:28px;
  height:28px;
  border:1px solid var(--line);
  color:var(--static-grey);
  background:#090b0f;
  font:17px var(--mono);
}
.wallet-options{display:grid;gap:6px}
.wallet-options .control{width:100%;justify-content:flex-start;min-height:41px}
.signal-toast{
  position:fixed;
  left:50%;
  bottom:22px;
  z-index:140;
  max-width:calc(100vw - 28px);
  padding:10px 14px;
  transform:translate(-50%,18px);
  border:1px solid var(--halo-gold);
  color:var(--halo-pale);
  background:#11141a;
  box-shadow:6px 6px 0 rgba(0,0,0,.38);
  opacity:0;
  pointer-events:none;
  font:8px var(--mono);
  transition:opacity .18s,transform .18s;
}
.signal-toast.show{opacity:1;transform:translate(-50%,0)}
.channel-message{
  display:none;
  margin-top:7px;
  padding:6px 8px;
  border:1px solid var(--line);
  color:var(--static-dim);
  font:7px/1.5 var(--mono);
}
.channel-message.is-shown{display:block}
.channel-message.is-ok{border-color:var(--line-gold);color:var(--halo-pale);background:rgba(246,196,83,.055)}
.channel-message.is-err{border-color:rgba(233,71,92,.5);color:#ffb5c1;background:rgba(233,71,92,.055)}

.visual-frame.art-missing{
  position:relative;
  background:
    repeating-linear-gradient(0deg,rgba(200,206,212,.06) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 50% 44%,rgba(246,196,83,.11),transparent 42%),
    #080a0e;
}
.visual-frame.art-missing::after{
  content:"CH 000";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:rgba(246,196,83,.3);
  font:18px var(--display);
  letter-spacing:.12em;
}

#chapters,#models,#market,#rewards,#faq,#console{scroll-margin-top:calc(var(--channel-bar) + 12px)}

@media(max-width:1280px){
  :root{--deck-width:clamp(380px,35vw,440px)}
  .channel-bar{padding-inline:14px}
  .game-tabs a{padding-inline:8px;font-size:6px}
  .channel-tools select{width:82px}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr)}
  .hero-copy h2{font-size:clamp(50px,6vw,80px)}
  .choir-row{grid-template-columns:40px 70px minmax(0,1fr) 94px}
  .choir-portrait{width:70px;height:70px}
  .archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .archive-preview .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .receiving-grid{grid-template-columns:1fr}
  .relic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .swap-board{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:980px){
  :root{--channel-bar:auto}
  .broadcast-stage{display:flex;flex-direction:column;min-height:100svh}
  .world-feed{display:contents}
  .channel-bar{order:1}
  .world-hero{order:2;min-height:calc(100svh - 64px)}
  .receiver-deck{
    position:relative;
    inset:auto;
    order:3;
    width:100%;
    height:auto;
    overflow:visible;
    padding:24px max(18px,calc((100vw - 720px)/2)) 32px;
    border-right:0;
    border-top:1px solid var(--line-gold);
    border-bottom:1px solid var(--line-gold);
  }
  .receiver-deck::after{display:none}
  .chapter-scroll{order:4}
  .archive-section{order:5}
  .exchange-room{order:6}
  .reward-room{order:7}
  .log-room{order:8}
  .world-footer{order:9}
  .channel-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:6px;
    min-height:0;
    padding:6px 14px 0;
  }
  .mobile-channel-mark{
    display:block;
    overflow:hidden;
    color:var(--static-dim);
    font:6px var(--mono);
    letter-spacing:.08em;
    text-overflow:ellipsis;
    text-transform:uppercase;
    white-space:nowrap;
  }
  .channel-tools{grid-column:2;grid-row:1;margin:0;padding:0;border:0}
  .game-tabs{grid-column:1/-1;grid-row:2;order:3;margin-inline:-14px;padding-inline:14px;border-top:1px solid rgba(200,206,212,.08)}
  .game-tabs a{min-height:42px;padding-inline:10px}
  .world-hero{padding-inline:clamp(22px,5vw,54px)}
  .hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(290px,.8fr);gap:28px}
  .hero-copy h2{font-size:clamp(49px,7.2vw,68px)}
  .deck-brand{max-width:720px;margin-inline:auto}
  .mint-console{max-width:720px;margin:14px auto 0}
  .console-panels{min-height:190px}
  .console-footer{grid-template-columns:1fr 1fr}
  .chapter-scroll,.archive-section,.exchange-room,.reward-room,.log-room{padding-inline:clamp(22px,5vw,54px)}
  .choir-row{grid-template-columns:44px 82px minmax(0,1fr) 104px}
  .choir-portrait{width:82px;height:82px}
  .receiving-grid{grid-template-columns:1fr}
  .relic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .swap-board{grid-template-columns:repeat(3,minmax(0,1fr))}
  .world-footer{padding-inline:clamp(22px,5vw,54px)}
}

@media(max-width:760px){
  .channel-bar{padding-inline:12px}
  .channel-tools{gap:5px}
  .channel-tools select{width:78px}
  .control--connect{min-width:76px;padding-inline:8px}
  .world-hero{min-height:auto;padding:42px 18px 48px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{order:1}
  .hero-copy h2{font-size:clamp(48px,13vw,72px)}
  .hero-lede{max-width:640px}
  .crt-altar{order:2;width:min(100%,540px);margin-top:4px}
  .hero-facts{grid-template-columns:1fr 1fr;margin-top:30px}
  .hero-facts div:nth-child(2){border-right:0}
  .hero-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .receiver-deck{padding:20px 14px 28px}
  .mint-console{padding-inline:13px}
  .console-header{grid-template-columns:1fr}
  .console-state{max-width:none;width:max-content}
  .tuning-readout{grid-template-columns:112px minmax(0,1fr)}
  .chapter-scroll,.archive-section,.exchange-room,.reward-room,.log-room{padding:64px 18px}
  .world-heading,.archive-heading,.exchange-heading,.log-heading{grid-template-columns:54px minmax(0,1fr);gap:12px}
  .archive-heading .control,.fee-ticket,.log-frequency{grid-column:2;justify-self:start;align-self:start;margin:4px 0 0}
  .world-heading h2,.choir-heading h2{font-size:clamp(43px,11vw,62px)}
  .story-rail{grid-template-columns:1fr}
  .story-beat-wide{grid-column:auto;grid-template-columns:44px minmax(0,1fr);align-items:start}
  .story-beat-wide .sealed-relic{grid-column:2;justify-self:start;margin-top:12px}
  .choir-heading{grid-template-columns:1fr;gap:12px}
  .choir-row{grid-template-columns:38px 62px minmax(0,1fr);gap:9px;padding-right:10px}
  .choir-portrait{width:62px;height:62px}
  .choir-meta{grid-column:3;grid-row:2;grid-template-columns:1fr auto auto;justify-items:start;gap:7px;text-align:left}
  .choir-copy h3{font-size:24px}
  .rarity-key{grid-template-columns:repeat(2,minmax(0,1fr))}
  .archive-grid,.archive-preview .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .receiving-room,.swap-counter{padding:14px}
  .relic-grid,.swap-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .seller-columns{grid-template-columns:1fr}
  .relic-choice-list{grid-template-columns:repeat(5,minmax(0,1fr));max-height:none}
  .reward-instrument{grid-template-columns:1fr}
  .supply-dial{width:160px}
  .world-footer{grid-template-columns:1fr;gap:22px;padding:34px 18px 46px}
  .footer-registry{grid-template-columns:1fr 1fr}
  .footer-registry div:last-child{grid-column:1/-1}
}

@media(max-width:430px){
  .mobile-channel-mark{max-width:154px}
  .channel-tools select{width:70px;padding-right:16px}
  .control--connect{min-width:69px;font-size:6px}
  .game-tabs a{min-height:40px;padding-inline:8px;font-size:6px}
  .hero-coordinate{font-size:6px;letter-spacing:.08em}
  .hero-copy h2{font-size:45px}
  .hero-actions .control{width:100%}
  .hero-facts b{font-size:19px}
  .monitor-shell{padding:9px 9px 8px}
  .monitor-top span{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .crt-screen{border-width:5px}
  .console-title{font-size:25px}
  .tuning-readout{grid-template-columns:1fr}
  .signal-scale{height:15px}
  .time-code-digits b{font-size:22px}
  .console-tab{padding-inline:4px}
  .console-tab span{font-size:7px}
  .console-tab small{font-size:5px}
  .quantity-row{flex-wrap:wrap}
  .quantity-row>label{width:100%}
  .transaction-ledger{grid-template-columns:1fr}
  .transaction-ledger>div{border-right:0}
  .transaction-ledger>div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .x-actions{flex-direction:column}
  .console-footer{grid-template-columns:1fr}
  .world-heading,.archive-heading,.exchange-heading,.log-heading{grid-template-columns:42px minmax(0,1fr)}
  .chapter-code{font-size:44px}
  .world-heading h2,.choir-heading h2{font-size:40px}
  .story-beat{padding:17px}
  .story-beat-wide{grid-template-columns:32px minmax(0,1fr)}
  .beat-index{font-size:29px}
  .choir-row{grid-template-columns:31px 52px minmax(0,1fr);gap:7px}
  .choir-portrait{width:52px;height:52px}
  .choir-copy p{font-size:6px}
  .choir-copy h3{font-size:21px}
  .rarity-key{grid-template-columns:1fr}
  .archive-copy{padding:6px}
  .receipt-panel,.invite-panel{padding:11px}
  .claim-figure{font-size:42px}
  .relic-toolbar{align-items:flex-start;flex-direction:column}
  .relic-choice-list{grid-template-columns:repeat(4,minmax(0,1fr))}
  .seller-actions{grid-template-columns:1fr}
  .instrument-label{align-items:flex-start;flex-direction:column}
  .next-signal-strip{align-items:flex-start;flex-direction:column}
  .footer-registry{grid-template-columns:1fr}
  .footer-registry div:last-child{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .static-field{animation:none!important}
  .screen-scan{display:none}
}