/* Trophic console: what every page shares. */
:root{--bg:#16110a;--amber:#e7b768;--dim:#a07f49;--faint:#5e4a2b;--flow:#ff5b45;--fs:16px;--lh:22.5px;--large:"VT323",monospace;--mono:"IBM Plex Mono",monospace;--bar:34px}
html{background:var(--bg)}
body{background:var(--bg);color:var(--amber);font:400 var(--fs)/var(--lh) var(--mono);font-variant-numeric:lining-nums;font-feature-settings:"onum" 0;text-shadow:0 0 6px rgba(231,183,104,.22);overflow-x:clip}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:repeating-linear-gradient(rgba(0,0,0,0) 0 2px,rgba(0,0,0,.17) 2px 3px),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.5) 100%)}
.flow{color:var(--flow);text-shadow:0 0 8px rgba(255,91,69,.45)}
.dim{color:var(--dim)}.faint{color:var(--faint)}
a{text-decoration:none}
pre{margin:0;font:inherit;white-space:pre}

.go{display:inline-flex;align-items:baseline;gap:.34em;margin-top:clamp(14px,3vh,28px);font:400 clamp(32px,3.5vw,50px)/1 var(--large);padding:.12em .36em .14em .22em;background:var(--bg);border:1px solid var(--amber);color:var(--amber);transition:background .12s,color .12s,text-shadow .12s}
.go::before{content:"$";color:var(--dim)}
.go i{width:.5em;height:.82em;align-self:center;background:currentColor;animation:bl 1s steps(1) infinite;font-style:normal}
.go:hover,.go:focus-visible{background:var(--amber);color:var(--bg);text-shadow:none}
.go:hover::before,.go:focus-visible::before{color:var(--bg)}
.go[disabled]{color:var(--faint);border-color:var(--faint);cursor:not-allowed;background:var(--bg);text-shadow:none}
.go[disabled]::before{color:var(--faint)}
.go[disabled] i{animation:none;opacity:.4}
@keyframes bl{50%{opacity:0}}

.bar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--bar);display:flex;align-items:center;padding:0 clamp(8px,3vw,44px);background:var(--amber);color:var(--bg);text-shadow:none;font-size:14px;line-height:var(--bar);white-space:nowrap}
.bar a{display:block;padding:0 1.1ch;transition:background .1s,color .1s}
.bar a b{font-weight:500;margin-right:.5ch;opacity:.6}
.bar a:hover,.bar a:focus-visible,.bar a[aria-current]{background:var(--bg);color:var(--amber)}
.bar a:hover b,.bar a:focus-visible b,.bar a[aria-current] b{opacity:1}
.bar :focus-visible{outline:0}
.bar .r{margin-left:auto}

section,footer{padding:clamp(34px,4.6vw,60px) clamp(16px,3vw,44px)}
.sep{display:block;margin:0 clamp(16px,3vw,44px);color:var(--faint);white-space:nowrap;overflow:clip}
.cmd{color:var(--dim);display:block;margin-bottom:12px}
.cmd b{font-weight:400;color:var(--amber)}
h2{font:400 clamp(48px,7vw,104px)/.9 var(--large);text-shadow:0 0 14px rgba(231,183,104,.3);margin-bottom:22px}
.link{border-bottom:1px solid var(--faint);transition:background .1s,color .1s}
.link:hover,.link:focus-visible{background:var(--amber);color:var(--bg);text-shadow:none;border-color:var(--amber)}

/* sub-pages: a header line, then the page */
.head{display:flex;justify-content:space-between;align-items:baseline;gap:2ch;padding:clamp(14px,3vh,28px) clamp(16px,3vw,44px) 0;color:var(--dim);font-size:14px;line-height:19px}
.head strong{font:400 clamp(30px,3.5vw,52px)/.9 var(--large);color:var(--amber);font-weight:400}
.lead{padding-top:clamp(18px,4vh,40px);padding-bottom:clamp(20px,4vh,40px)}
h1{font:400 clamp(58px,9vw,140px)/.9 var(--large);text-shadow:0 0 14px rgba(231,183,104,.34)}
.bye{font:400 clamp(58px,12.2vw,190px)/.82 var(--large);text-shadow:0 0 18px rgba(231,183,104,.3)}
.closing{margin-top:22px;max-width:80ch}
.closing span{display:block}
.foot{padding-bottom:calc(var(--bar) + clamp(34px,4.6vw,60px))}

@media (max-width:640px){
  :root{--fs:13px;--lh:18.5px}
  .go{font-size:36px;margin-top:14px}
  h2{font-size:58px}
  h1{font-size:64px}
  .bye{font-size:68px}
  .bar{font-size:13px}
  .bar a{padding:0 .9ch}
  .head{font-size:12px;line-height:16px}
}