/* Retro "terminal desktop" look: green desktop, paper windows, bevelled edges, LCD readouts. */
:root{
  --desktop:#2f4a3e;--desktop-deep:#24382f;
  --paper:#e9e4d3;--paper-raised:#f2eee0;--paper-sunken:#dcd6c2;
  --ink:#23211a;--ink-muted:#5c5648;
  --accent:#0e4f34;--accent-deep:#093824;--accent-bright:#1e7a4e;--accent-wash:#dbe3d6;
  --red:#9c1f1f;--gilt:#8a6d2f;
  --bev-light:#fbf8ec;--bev-dark:#837b62;--bev-darkest:#44402f;
  --lcd-bg:#0d1a12;--lcd-text:#5fdd94;--lcd-dim:#59a37c;--lcd-red:#e0654f;
  --raised:inset -1px -1px 0 var(--bev-darkest),inset 1px 1px 0 var(--bev-light),inset -2px -2px 0 var(--bev-dark),inset 2px 2px 0 var(--paper-raised);
  --sunken:inset -1px -1px 0 var(--bev-light),inset 1px 1px 0 var(--bev-darkest),inset -2px -2px 0 var(--paper-raised),inset 2px 2px 0 var(--bev-dark);
  --chrome:Tahoma,"MS Sans Serif",Geneva,Verdana,sans-serif;
  --body:Verdana,Geneva,Tahoma,sans-serif;
  --serif:Georgia,"Times New Roman",Times,serif;
  --mono:"Courier New",Courier,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);font:14px/1.55 var(--body);
  background:radial-gradient(ellipse at top,var(--desktop) 0%,var(--desktop-deep) 100%) fixed}
a{color:var(--accent)}
.shell{max-width:920px;margin:0 auto;padding:12px 16px 40px}

.ticker{background:var(--paper-raised);box-shadow:var(--sunken);padding:6px 12px;text-align:center;
  font:11px var(--chrome);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.ticker i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa;margin-right:8px;vertical-align:middle}

.masthead{text-align:center;padding:26px 0 16px;color:var(--paper-raised)}
.masthead h1{margin:0;font:400 clamp(28px,6vw,42px)/1.15 var(--serif);text-shadow:0 2px 0 rgba(0,0,0,.35)}
.masthead h1 b{font-weight:700}.masthead h1 em{font-style:italic}
.masthead p{margin:8px 0 0;font:11px var(--chrome);letter-spacing:.2em;text-transform:uppercase;color:#c6d4c8}
.masthead .addr{margin-top:6px;letter-spacing:.08em;color:#9db3a4}

.menubar{display:flex;flex-wrap:wrap;gap:2px;background:var(--paper);box-shadow:var(--raised);padding:4px;margin-bottom:12px}
.menubar a{font:12px var(--chrome);color:var(--ink);text-decoration:none;padding:4px 12px}
.menubar a:hover{background:var(--accent);color:var(--paper-raised)}
.menubar .grow{flex:1}

.win{background:var(--paper);box-shadow:var(--raised);margin-bottom:14px;padding:3px}
.win>.title{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 8px;color:var(--paper-raised);
  font:700 12px var(--chrome);letter-spacing:.1em;text-transform:uppercase;
  background:linear-gradient(90deg,var(--accent-deep),var(--accent-bright))}
.win>.title .btns{display:flex;gap:2px}
.win>.title .btns i{width:16px;height:14px;background:var(--paper);box-shadow:var(--raised)}
.body{padding:16px}
.body h3{margin:0 0 6px;font:700 13px var(--chrome);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.body p{margin:0 0 12px}
.lead{font:italic 20px/1.35 var(--serif);margin:0 0 12px}
.small{font-size:12px;color:var(--ink-muted)}
.notice{background:var(--accent-wash);box-shadow:var(--sunken);padding:8px 12px;font-size:12px;margin-top:8px}

.btn{display:inline-block;font:700 12px var(--chrome);color:var(--paper-raised);background:var(--accent);border:0;padding:8px 16px;
  box-shadow:var(--raised);text-decoration:none;cursor:pointer;letter-spacing:.04em}
.btn:active{box-shadow:var(--sunken)}
.btn.alt{background:var(--paper-raised);color:var(--ink)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 4px}

.tablewrap{overflow-x:auto}
table{width:100%;min-width:520px;border-collapse:collapse;background:var(--paper-raised);box-shadow:var(--sunken)}
th,td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--paper-sunken)}
thead th{font:700 11px var(--chrome);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-sunken)}
thead small{display:block;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-muted)}
tbody th{font:700 14px var(--serif);color:var(--accent);white-space:nowrap}

.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--paper-raised);box-shadow:var(--sunken);padding:12px}
.card p{margin:0;font-size:13px;color:var(--ink-muted)}

.lcd{background:var(--lcd-bg);box-shadow:var(--sunken);color:var(--lcd-text);font-family:var(--mono);padding:14px 16px}
.lcd .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lcd-dim)}
.lcd .v{font-size:clamp(22px,5vw,32px);margin-top:2px;word-break:break-all}
.lcd.err .v,.lcd.err{color:var(--lcd-red)}
.lcd table{min-width:0;background:transparent;box-shadow:none;margin-top:10px}
.lcd th,.lcd td{border-bottom:1px solid #1d3326;color:var(--lcd-text);padding:6px 4px;font:13px var(--mono)}

.stack{display:flex;height:40px;box-shadow:var(--sunken);margin:8px 0 14px}
.stack div{display:flex;align-items:center;justify-content:center;color:var(--paper-raised);font:700 11px var(--chrome);min-width:0;overflow:hidden}
.stack span{padding:0 4px;white-space:nowrap}
.s1{background:var(--accent)}.s2{background:var(--gilt)}.s3{background:var(--ink-muted)}
ul.plain{margin:0 0 12px;padding-left:20px}ul.plain li{margin:6px 0}

label{display:block;font:700 11px var(--chrome);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
input{flex:1;min-width:220px;padding:9px 10px;border:0;background:var(--paper-raised);box-shadow:var(--sunken);font:13px var(--mono);color:var(--ink)}
input:focus,.btn:focus-visible,a:focus-visible{outline:1px dotted var(--ink);outline-offset:2px}

footer{color:#c6d4c8;font:11px var(--chrome);text-align:center;padding:14px 8px 0;letter-spacing:.04em}
footer a{color:#e4efe6}

.panel{background:var(--paper);box-shadow:var(--raised);padding:10px;margin-bottom:12px}
.stats{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
@media (max-width:720px){.stats{grid-template-columns:1fr}}
.stats .lcd{padding:12px 14px}
.stats .lcd .k.sub{margin-top:8px;color:var(--lcd-text)}
.stats .lcd .v{font-size:clamp(22px,4.5vw,30px)}
.statnote{color:#c6d4c8;text-align:center;margin:-4px 0 12px}

.stats .lcd .v{word-break:normal}

/* ---- proposal additions ---- */
.menubar{position:sticky;top:0;z-index:10}
.menubar a.buybtn{background:#9af0b5;color:var(--accent-deep);font-weight:700;box-shadow:var(--raised)}
.menubar a.buybtn:hover{background:var(--accent);color:var(--paper-raised)}
.tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:-1px}
.tabs button{font:12px var(--chrome);text-align:left;background:var(--paper-sunken);color:var(--ink);border:0;padding:6px 14px;cursor:pointer;box-shadow:var(--raised)}
.tabs button b{display:block}
.tabs button > span{display:block;font-size:11px;color:var(--ink-muted)}
.tabs button[aria-selected="true"]{background:var(--paper-raised)}
.tabpane{background:var(--paper-raised);box-shadow:var(--sunken);padding:14px 16px;margin-bottom:14px}
.tabpane p:last-child{margin-bottom:0}
.readout{margin-bottom:6px}
.readout .line{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dotted #1d3326;font:12px var(--mono);color:var(--lcd-text)}
.readout .line span:first-child{color:var(--lcd-dim);white-space:nowrap}
.readout .line span:last-child{text-align:right}
.flow{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap;margin:16px 0}
.flow div{flex:1;min-width:130px;background:var(--paper-raised);box-shadow:var(--sunken);padding:10px;font:700 12px var(--chrome);text-align:center}
.flow small{display:block;font-weight:400;color:var(--ink-muted);margin-top:2px}
.flow > span{align-self:center;color:var(--accent);font-weight:700}
.sect{margin:16px 0 8px}
.kv{margin-bottom:12px}
.kv .lcd .v{font-size:20px}
.mono{font-family:var(--mono);color:var(--ink-muted)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0}
.timeline div{background:var(--paper-raised);box-shadow:var(--sunken);padding:8px;text-align:center;font:12px var(--chrome)}
.timeline b{display:block;color:var(--accent)}
.steps{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.steps div{background:var(--paper-raised);box-shadow:var(--sunken);padding:12px}
.steps b{font:700 12px var(--chrome);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.steps p{margin:6px 0 0;font-size:13px;color:var(--ink-muted)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.faq details{background:var(--paper-raised);box-shadow:var(--sunken);padding:8px 12px;margin-bottom:6px}
.faq summary{cursor:pointer;font:700 12px var(--chrome);letter-spacing:.03em}
.faq details p{margin:8px 0 2px;color:var(--ink-muted);font-size:13px}
#rounds{min-width:420px}
@media (max-width:720px){.timeline{grid-template-columns:repeat(2,1fr)}.flow > span{display:none}}
section.win,section.panel{scroll-margin-top:52px}
@media (max-width:720px){.menubar{position:static}section.win{scroll-margin-top:8px}}
.kv .lcd .v{font-size:15px;overflow-wrap:anywhere}

.logo{width:64px;height:64px;margin:0 auto 10px;box-shadow:var(--raised);padding:3px;background:var(--paper)}
.logo svg{display:block}
.logo img{display:block;width:58px;height:58px}
/* CRT feel on LCD readouts */
.lcd{position:relative;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px);text-shadow:0 0 6px rgba(95,221,148,.35)}
.lcd.err{text-shadow:0 0 6px rgba(224,101,79,.35)}
.chart{background:var(--lcd-bg);box-shadow:var(--sunken);padding:10px 8px 4px;margin-bottom:12px;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 3px)}
.chart svg{display:block;width:100%;height:150px}
.chart .axis{fill:var(--lcd-dim);font:10px var(--mono)}

/* ---- tighter type, one-row figures, history ---- */
body{font-size:12px}
.body p,.body li,.card p,.steps p,.faq details p,td{font-size:12px}
.lead{font-size:17px}
.small{font-size:11px}
.kv{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kv .lcd .v{font-size:15px;overflow-wrap:anywhere}
.kv .lcd .v .u{font-size:11px;color:var(--lcd-dim)}
@media (max-width:720px){.kv{grid-template-columns:repeat(2,1fr)}}
.grid5{display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:12px}
.grid5 .lcd .v{font-size:15px;overflow-wrap:anywhere}
@media (max-width:900px){.grid5{grid-template-columns:repeat(2,1fr)}}
.charttabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:-1px}
.charttabs button{font:11px var(--chrome);padding:5px 10px;border:0;background:var(--paper-sunken);color:var(--ink);box-shadow:var(--raised);cursor:pointer}
.charttabs button[aria-selected="true"]{background:var(--lcd-bg);color:var(--lcd-text)}
.screen table{background:var(--lcd-bg);box-shadow:var(--sunken);min-width:560px}
.screen th,.screen td{color:var(--lcd-text);border-bottom:1px solid #1d3326;font:11px var(--mono);padding:6px 10px}
.screen thead th{background:#12261b;color:var(--lcd-dim);letter-spacing:.06em}
.screen td:first-child{color:var(--lcd-dim)}

.kv .lcd .k,.grid5 .lcd .k{letter-spacing:.06em;font-size:10px}
.body p.lead{font-size:17px}
.v .u{white-space:nowrap;display:inline-block}
.grid + .sect{margin-top:22px}

.lcd .usd{font-size:10px;color:var(--lcd-dim);margin-top:2px;letter-spacing:.04em}

/* views */
.menubar a[aria-current="page"]{background:var(--accent);color:var(--paper-raised)}
section.win[hidden]{display:none}

.ws{text-transform:none;letter-spacing:inherit}

.strip{font-size:11px;padding:8px 12px;margin:10px 0}

.ratebar{text-align:center;margin:-2px 0 6px;color:var(--lcd-text)}