:root{--ink:#0B0B0B;--bone:#EDE6D6;--red:#FF3B1F;--dim:#7B756A;--panel:#121110;--rule:#2B2823;--ok:#B9FF5C;
  --disp:'Anton',Impact,'Arial Narrow',sans-serif;--body:'Archivo','Helvetica Neue',Arial,sans-serif;--mono:'IBM Plex Mono','Courier New',monospace}
*{box-sizing:border-box}
html,body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);font-size:16px;line-height:1.35;-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
[hidden]{display:none!important}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

/* ---------- top bar ---------- */
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:0 18px;height:58px;background:var(--ink);border-bottom:3px solid var(--bone)}
.mark{font-family:var(--disp);font-size:30px;letter-spacing:.02em;text-decoration:none;color:var(--bone);line-height:1}
.mark::after{content:'';display:inline-block;width:10px;height:10px;background:var(--red);margin-left:8px;vertical-align:baseline}
.chips{display:flex;gap:8px;flex:1;min-width:0;overflow:hidden}
.chip{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border:1px solid var(--rule);white-space:nowrap}
.chip.dim{color:var(--dim)}
.chip.hot{border-color:var(--red);color:var(--red)}
.right{display:flex;align-items:center;gap:12px;margin-left:auto}
#social a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--dim);margin-right:12px}
#social a:hover{color:var(--bone)}
#walletBtn{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border:2px solid var(--bone);white-space:nowrap}
#walletBtn.on{background:var(--bone);color:var(--ink)}
@media (max-width:820px){.chips{display:none}.bar{padding:0 12px}}

/* ---------- terminal grid ---------- */
.term{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);min-height:calc(100vh - 58px)}
.pane{border-right:3px solid var(--bone);padding:22px 24px 30px}
.pane:last-child{border-right:0}
.side{display:flex;flex-direction:column;min-height:0}
@media (max-width:980px){.term{grid-template-columns:1fr}.pane{border-right:0;border-bottom:3px solid var(--bone)}}

.thesis{margin:0 0 6px;font-family:var(--disp);font-size:clamp(30px,4.2vw,52px);line-height:.98;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}
.thesis em{font-style:normal;color:var(--red)}
.sub{margin:0 0 20px;max-width:62ch;color:var(--bone);opacity:.85;font-size:15px}

/* the clock */
.clockWrap{position:relative;border:3px solid var(--bone);padding:18px 20px 14px;margin:0 0 14px;overflow:hidden}
.clockWrap.live{border-color:var(--red)}
.clockWrap.sold{border-color:var(--bone)}
.clockLbl{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.clock{font-family:var(--mono);font-weight:600;font-size:clamp(76px,17vw,210px);line-height:.95;letter-spacing:-.02em;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.clockWrap.live .clock{color:var(--red)}
.clockWrap.idle .clock{color:var(--dim)}
.clockWrap.sold .clock{color:var(--bone)}
.clock.urgent{animation:pulse .5s steps(2,end) infinite}
@keyframes pulse{50%{opacity:.35}}
.reset{position:absolute;right:18px;top:14px;font-family:var(--disp);font-size:44px;color:var(--red);opacity:0;pointer-events:none}
.reset.go{animation:up 1.2s ease-out forwards}
@keyframes up{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-40px)}}
.stamp{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}
.stamp span{font-family:var(--disp);font-size:clamp(60px,13vw,170px);color:var(--ink);background:var(--red);padding:0 .25em;line-height:1;transform:rotate(-6deg)}
.stamp.go{animation:slam .6s cubic-bezier(.2,1.6,.4,1) forwards}
@keyframes slam{0%{opacity:0;transform:scale(2.4)}70%{opacity:1;transform:scale(.96)}100%{opacity:1;transform:scale(1)}}
.clockWrap.sold .stamp{opacity:1}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:3px solid var(--bone);border-top:0;margin:-14px 0 16px}
.stat{padding:12px 14px;border-right:1px solid var(--rule);min-width:0}
.stat:last-child{border-right:0}
.stat .v{font-family:var(--mono);font-weight:600;font-size:clamp(17px,2.2vw,26px);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .s{font-size:12px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stat .v a{text-decoration:none}
@media (max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--rule)}}

/* the paddle */
.paddle{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 18px}
.bidBtn{font-family:var(--disp);font-size:clamp(28px,5vw,54px);text-transform:uppercase;letter-spacing:.02em;line-height:1;padding:22px 20px;border:3px solid var(--red);background:var(--red);color:var(--ink);text-align:left;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.bidBtn small{font-family:var(--mono);font-size:15px;letter-spacing:.06em;font-weight:600}
.bidBtn:disabled{background:transparent;color:var(--dim);border-color:var(--rule);cursor:not-allowed}
.bidBtn.ghost{background:transparent;color:var(--bone);border-color:var(--bone)}
.bidBtn:not(:disabled):hover{filter:brightness(1.08)}
.status{font-family:var(--mono);font-size:13px;min-height:18px;color:var(--bone)}
.status a{color:var(--red)}
.example{font-size:14px;color:var(--bone);opacity:.85;border-left:3px solid var(--red);padding:6px 12px}
.example b{font-family:var(--mono)}

.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:3px solid var(--bone);margin:0 0 18px}
.step{padding:14px;border-right:1px solid var(--rule)}
.step:last-child{border-right:0}
.step .n{font-family:var(--disp);font-size:34px;color:var(--red);line-height:1}
.step h3{margin:6px 0 4px;font-family:var(--disp);font-weight:400;font-size:20px;text-transform:uppercase;letter-spacing:.02em}
.step p{margin:0;font-size:13px;color:var(--bone);opacity:.8}
@media (max-width:640px){.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--rule)}.step:last-child{border-bottom:0}}

/* the log */
.logHead{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--bone);padding:0 0 8px;margin:0 0 6px}
.logHead h2{margin:0;font-family:var(--disp);font-weight:400;font-size:24px;text-transform:uppercase;letter-spacing:.02em}
.log{flex:1;overflow:auto;max-height:70vh;font-family:var(--mono);font-size:13px}
.line{display:grid;grid-template-columns:52px 1fr auto;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.line .t{color:var(--dim);font-size:11px}
.line .m{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.line .r{color:var(--dim);font-size:12px;white-space:nowrap}
.line.bid .m b{color:var(--red)}
.line.sold{background:var(--panel)}
.line.sold .m b{color:var(--ok)}
.line.paddle .m{color:var(--dim)}
.line.fresh{animation:flash 1.4s ease-out}
@keyframes flash{0%{background:rgba(255,59,31,.35)}100%{background:transparent}}
.empty{padding:22px 0;color:var(--dim);font-family:var(--mono);font-size:13px}

/* lower sections */
.lower{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:3px solid var(--bone)}
.lower>section{padding:22px 24px 30px;border-right:3px solid var(--bone);min-width:0}
.lower>section:last-child{border-right:0}
@media (max-width:980px){.lower{grid-template-columns:1fr}.lower>section{border-right:0;border-bottom:3px solid var(--bone)}}
section h2.h{margin:0 0 12px;font-family:var(--disp);font-weight:400;font-size:24px;text-transform:uppercase;letter-spacing:.02em;border-bottom:3px solid var(--bone);padding-bottom:8px}
table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px;table-layout:fixed}
th{text-align:left;font-weight:400;color:var(--dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid var(--rule)}
td{padding:9px 0;border-bottom:1px solid var(--rule);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td a{text-decoration:none}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-family:var(--mono);font-size:13px;align-items:baseline}
.kv .v{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv .v.big{font-size:22px;font-weight:600}
.ca{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.ca code{font-family:var(--mono);font-size:12px;padding:8px 10px;border:1px solid var(--rule);word-break:break-all;flex:1;min-width:200px;white-space:normal}
.btn{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;border:2px solid var(--bone);text-decoration:none;display:inline-block}
.btn.red{background:var(--red);border-color:var(--red);color:var(--ink)}
.btn.sm{padding:7px 10px;font-size:11px}
.btn:disabled{opacity:.4;cursor:not-allowed}
.rules{margin:14px 0 0;padding:0;list-style:none;font-size:13px;color:var(--bone);opacity:.85}
.rules li{padding:6px 0;border-top:1px solid var(--rule)}
.foot{padding:18px 24px 40px;border-top:3px solid var(--bone);font-family:var(--mono);font-size:12px;color:var(--dim);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.foot a{color:var(--dim)}

/* subpages */
.page{max-width:980px;margin:0 auto;padding:30px 24px 60px}
.page h1{font-family:var(--disp);font-weight:400;font-size:clamp(36px,7vw,84px);line-height:.95;text-transform:uppercase;margin:0 0 10px;letter-spacing:.005em}
.page .huge{font-family:var(--mono);font-weight:600;font-size:clamp(34px,7vw,72px);color:var(--red);margin:6px 0 14px}
.page .lead{font-size:16px;max-width:64ch;margin:0 0 18px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* modal + toast */
#modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:grid;place-items:center;z-index:20}
.sheet{background:var(--ink);border:3px solid var(--bone);width:min(420px,92vw);padding:14px}
.sheetHead{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.sheetHead button{font-size:22px}
.wopt{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid var(--rule);margin-bottom:6px;text-align:left;font-family:var(--mono);font-size:13px}
.wopt img{width:22px;height:22px}
.wopt:hover{border-color:var(--red)}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--bone);color:var(--ink);font-family:var(--mono);font-size:13px;padding:10px 14px;z-index:30;max-width:92vw}
@media (prefers-reduced-motion:reduce){.clock.urgent,.reset.go,.stamp.go,.line.fresh{animation:none}}