:root{
  --ebony:#090B0A;
  --walnut:#4A2E1C;
  --maple:#D9B98A;
  --cream:#F2E2C6;
  --cyan:#2BF5E0;
  --violet:#9B5CFF;
  --seam:rgba(217,185,138,.14);
  --deep:#050605;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--deep);color:var(--maple);
  font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:13.5px;line-height:1.55;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;background:url('texture-ebony.jpg') center/cover no-repeat;opacity:.38;z-index:-3}
body::after{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(5,6,5,.84),rgba(5,6,5,.96));z-index:-2}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:'Michroma',sans-serif;font-weight:400;margin:0;line-height:1.08;word-break:keep-all;overflow-wrap:normal;hyphens:none}

/* ---------- top bar ---------- */
.topbar{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;
  padding:7px 12px;background:rgba(7,9,8,.97);
  border-bottom:1px solid #000;box-shadow:0 1px 0 var(--seam),0 12px 26px rgba(0,0,0,.65);
}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;min-width:0}
.mark{width:24px;height:24px;border-radius:3px;box-shadow:0 0 0 1px rgba(43,245,224,.22),inset 0 0 0 1px #000}
.bn{font-family:'Michroma',sans-serif;font-size:10.5px;letter-spacing:.06em;white-space:nowrap;color:var(--cream)}
.bt{font-size:9.5px;color:var(--cyan);letter-spacing:.1em;white-space:nowrap}
.nav{display:none;gap:18px;margin-left:22px;font-size:10.5px;letter-spacing:.16em}
.nav a{text-decoration:none;opacity:.55}
.nav a:hover{opacity:1;color:var(--cyan)}
.topbar .btn{margin-left:auto}

.btn{
  font:inherit;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--maple);background:#120d09;border:1px solid var(--seam);border-radius:2px;
  padding:9px 12px;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(217,185,138,.08),inset 0 -3px 7px rgba(0,0,0,.75);
}
.btn:hover{border-color:rgba(217,185,138,.38);color:var(--cream)}
.btn.primary{color:var(--cyan);border-color:rgba(43,245,224,.4);box-shadow:inset 0 0 14px rgba(43,245,224,.1),inset 0 -3px 7px rgba(0,0,0,.6)}
.btn.primary:hover{box-shadow:inset 0 0 22px rgba(43,245,224,.2)}
.btn.tiny{padding:4px 7px;font-size:9.5px}
.btn.wide{width:100%;padding:12px}
.btn[disabled]{opacity:.4;cursor:not-allowed}

/* ---------- the panel, first screen ---------- */
.panel{position:relative;isolation:isolate;border-bottom:1px solid #000}
.panel::before{content:"";position:absolute;inset:0;background:url('hero.jpg') 68% 32%/cover no-repeat;opacity:.55;z-index:-2}
.panel::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(104deg,rgba(5,6,5,.93) 0%,rgba(5,6,5,.86) 38%,rgba(5,6,5,.66) 72%,rgba(5,6,5,.8) 100%);}

.proofrail{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#000;
  border-bottom:1px solid #000;box-shadow:inset 0 2px 12px rgba(0,0,0,.9);
}
.pf{background:rgba(7,9,8,.9);padding:11px 14px 12px;display:flex;flex-direction:column;gap:1px;min-width:0}
.pl{font-size:9px;letter-spacing:.2em;opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf b{font-weight:500;font-size:clamp(25px,4.4vw,44px);line-height:1.04;color:var(--cyan);
  text-shadow:0 0 18px rgba(43,245,224,.3),0 1px 0 #000;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ps{font-size:9px;letter-spacing:.1em;opacity:.38}

.notchrail{display:flex;align-items:center;gap:12px;padding:8px 14px;
  background:rgba(74,46,28,.2);border-bottom:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(217,185,138,.06),inset 0 -6px 12px rgba(0,0,0,.7);overflow:hidden}
.nlabel{font-size:9px;letter-spacing:.2em;opacity:.5;white-space:nowrap}
.nval{font-size:9px;letter-spacing:.14em;opacity:.45;white-space:nowrap}
.notches{display:flex;gap:5px;flex-wrap:nowrap;overflow:hidden;flex:1;min-width:0}
.notch{width:3px;height:15px;flex:0 0 auto;background:#070806;
  box-shadow:inset 1px 0 0 rgba(0,0,0,.9),inset -1px 0 0 rgba(217,185,138,.09)}
.notch.cut{background:var(--violet);box-shadow:0 0 8px rgba(155,92,255,.6),inset 0 0 0 1px rgba(0,0,0,.6)}
.notch.next{box-shadow:inset 0 0 0 1px rgba(43,245,224,.35)}

.statement{padding:22px 14px 16px;display:grid;gap:12px}
h1{font-size:clamp(1.85rem,4.4vw,3.15rem);letter-spacing:.01em;color:var(--cream);
  text-shadow:0 2px 0 #000,0 0 30px rgba(43,245,224,.1)}
.lede{margin:0;max-width:58ch;font-size:12.5px;opacity:.8}
.carow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.ca{display:flex;align-items:center;gap:8px;padding:5px 8px;background:rgba(7,9,8,.92);border:1px solid var(--seam);border-radius:2px;box-shadow:inset 0 -3px 8px rgba(0,0,0,.75);max-width:100%}
.calabel{font-size:9px;letter-spacing:.18em;opacity:.5}
.ca code{font-size:11px;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cyan)}
.pill{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border:1px solid rgba(155,92,255,.32);border-radius:2px;color:#cdb6f5}

/* ---------- work area ---------- */
.work{display:grid;grid-template-columns:1fr;gap:18px;padding:4px 14px 26px}
.colhead{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:11px;
  border-bottom:1px solid rgba(217,185,138,.1);padding-bottom:8px}
.colhead h2{font-size:clamp(.86rem,3.2vw,1.12rem);color:var(--cream)}
.hint{font-size:9.5px;letter-spacing:.14em;opacity:.45}
.cells{display:grid;gap:10px;grid-template-columns:1fr}
.fine{font-size:10.5px;opacity:.42;margin:14px 0 0;max-width:72ch}

.cell{
  position:relative;padding:11px 12px 10px;border-radius:2px;
  background:rgba(9,11,10,.93);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(217,185,138,.09),inset 0 -8px 16px rgba(0,0,0,.85),0 1px 0 rgba(217,185,138,.04);
  transition:transform .14s ease,box-shadow .14s ease;cursor:pointer;
}
.cell:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(43,245,224,.28),inset 0 -8px 16px rgba(0,0,0,.85),0 0 0 1px rgba(43,245,224,.22),0 10px 22px rgba(0,0,0,.6)}
.cell.sel{box-shadow:inset 0 1px 0 rgba(43,245,224,.32),0 0 0 1px rgba(43,245,224,.45),0 10px 24px rgba(0,0,0,.6)}
.cell.closed{opacity:.6}
.chead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.tkr{font-family:'Michroma',sans-serif;font-size:clamp(.82rem,3.2vw,1.02rem);color:var(--cream)}
.ln{font-size:9.5px;letter-spacing:.14em;opacity:.5;white-space:nowrap}
.tiles{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0 8px;min-height:27px;position:relative;overflow:hidden}
.tile{width:8px;height:12px;border-radius:1px;background:linear-gradient(180deg,#EBD4AC,#C09765);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 1px 1px rgba(0,0,0,.6)}
.tile.past{background:linear-gradient(180deg,#a8f6ea,#43c2b4);box-shadow:0 0 0 1px rgba(0,0,0,.9),0 0 7px rgba(43,245,224,.4)}
.tile.empty{background:#0a0907;box-shadow:inset 0 1px 2px rgba(0,0,0,.95),inset 0 -1px 0 rgba(217,185,138,.07)}
.tiles.scan::after{content:"";position:absolute;top:0;bottom:0;left:0;width:26%;
  background:linear-gradient(90deg,transparent,rgba(43,245,224,.18),transparent);
  animation:rake 2.6s linear infinite;pointer-events:none}
@keyframes rake{from{transform:translateX(-110%)}to{transform:translateX(420%)}}
.cmeta{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;opacity:.68;font-variant-numeric:tabular-nums}
.cmeta .big{color:var(--cream);font-size:13px;font-weight:500;margin-right:4px}
.cell:hover .cmeta .big{color:var(--cyan)}
.chan{height:7px;background:#090807;border-radius:1px;overflow:hidden;box-shadow:inset 0 1px 3px rgba(0,0,0,.95),inset 0 -1px 0 rgba(217,185,138,.06);margin:8px 0}
.chan i{display:block;height:100%;width:0;transition:width .3s ease}
.chan.over i{background:var(--cyan);box-shadow:0 0 10px rgba(43,245,224,.6)}
.chan.under i{background:var(--violet);box-shadow:0 0 10px rgba(155,92,255,.55)}
.chan.big{height:10px}
.poolrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.poolrow .o{color:var(--cyan)}
.poolrow .u{color:#c7a6f8}
.cfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(217,185,138,.09)}
.cd{font-size:11px;letter-spacing:.1em;font-variant-numeric:tabular-nums;opacity:.85}
.cd.wait{color:var(--violet)}
.cells .empty{grid-column:1/-1}

/* ---------- right rail drawers ---------- */
.rrail{display:grid;gap:14px;align-content:start;min-width:0}
.drawer{padding:12px;border-radius:2px;background:rgba(11,9,8,.95);border:1px solid #000;
  box-shadow:inset 0 1px 0 rgba(217,185,138,.09),inset 0 -10px 20px rgba(0,0,0,.88),0 12px 28px rgba(0,0,0,.5)}
.keeper{margin:-12px -12px 12px;border-bottom:1px solid #000;overflow:hidden;position:relative}
.keeper img{width:100%;height:124px;object-fit:cover;object-position:50% 52%}
.keeper figcaption{position:absolute;left:0;right:0;bottom:0;font-size:9px;letter-spacing:.14em;
  padding:6px 10px;background:linear-gradient(180deg,rgba(7,9,8,0),rgba(7,9,8,.92));color:rgba(242,226,198,.8)}
.dhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.dhead h3{font-size:.76rem;letter-spacing:.04em;color:var(--cream)}
.tag{font-size:8.5px;letter-spacing:.18em;padding:3px 6px;border:1px solid rgba(155,92,255,.4);border-radius:2px;color:#c7a6f8;white-space:nowrap}
.tag.live{border-color:rgba(43,245,224,.45);color:var(--cyan)}
.fl{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px 10px;background:#080706;border:1px solid rgba(0,0,0,.9);border-radius:2px;box-shadow:inset 0 2px 7px rgba(0,0,0,.95),inset 0 -1px 0 rgba(217,185,138,.06)}
.fl span{font-size:9px;letter-spacing:.18em;opacity:.5;white-space:nowrap}
.fl input,.fl select{flex:1;min-width:0;background:transparent;border:0;color:var(--cream);font:inherit;font-size:13px;outline:none}
.fl select option{background:#0a0907;color:#D9B98A}
.fl input::placeholder{color:rgba(217,185,138,.28)}
.sides{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}
.side{font:inherit;font-size:10.5px;letter-spacing:.16em;padding:11px;border-radius:2px;cursor:pointer;
  background:#080706;color:rgba(217,185,138,.55);border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 2px 7px rgba(0,0,0,.95)}
.side[data-side=over].on{color:#042a27;background:var(--cyan);box-shadow:0 0 18px rgba(43,245,224,.35)}
.side[data-side=under].on{color:#140726;background:var(--violet);box-shadow:0 0 18px rgba(155,92,255,.35)}
.prev{font-size:10.5px;min-height:32px;opacity:.78;padding:4px 0;font-variant-numeric:tabular-nums}
.note{font-size:9.5px;opacity:.42;margin:10px 0 0;line-height:1.5}
.note.hot{color:var(--cyan);opacity:.95}
.note.bad{color:#ff9a7a;opacity:.95}

/* ---------- register ---------- */
.register{display:grid;grid-template-columns:1fr;gap:18px;padding:30px 14px;border-top:1px solid var(--seam);background:rgba(7,9,8,.5)}
.reglist{display:grid;gap:1px;background:#000;border:1px solid #000;border-radius:2px;overflow:hidden}
.reg{background:rgba(10,9,7,.94);padding:10px 12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;font-variant-numeric:tabular-nums}
.reg .w{color:var(--cyan)}
.reg .w.under{color:#c7a6f8}
.empty{margin:0;background:rgba(10,9,7,.94);padding:14px 12px;font-size:11px;opacity:.55}
.rules{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:1px;background:#000;border:1px solid #000;border-radius:2px;overflow:hidden}
.rules li{display:flex;gap:12px;align-items:flex-start;background:rgba(10,9,7,.94);padding:11px 12px}
.rules b{font-family:'Michroma',sans-serif;font-size:10px;color:var(--cyan);opacity:.85;flex:0 0 auto;padding-top:2px}
.rules span{font-size:11.5px;opacity:.8}
.regart{margin:0;border:1px solid #000;border-radius:2px;overflow:hidden;box-shadow:0 16px 32px rgba(0,0,0,.6);position:relative}
.regart img{width:100%;height:230px;object-fit:cover;object-position:50% 50%}
.regart figcaption{font-size:9.5px;letter-spacing:.1em;opacity:.55;padding:8px 10px;background:rgba(7,9,8,.92)}

/* ---------- curve ---------- */
.curve{display:grid;grid-template-columns:1fr;gap:16px;padding:30px 14px;border-top:1px solid var(--seam)}
.curve h2{font-size:clamp(.9rem,3.4vw,1.25rem);margin-bottom:8px;color:var(--cream)}
.cstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#000;border:1px solid #000;margin:14px 0 12px;border-radius:2px;overflow:hidden}
.cstat{background:rgba(11,9,8,.94);padding:10px;display:flex;flex-direction:column;gap:2px;min-width:0}
.cstat span{font-size:8.5px;letter-spacing:.16em;opacity:.5}
.cstat b{font-weight:500;font-size:13px;font-variant-numeric:tabular-nums;color:var(--cream)}
.progtxt{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;opacity:.55;margin-bottom:5px}
.dexline{font-size:10.5px;margin-top:12px;opacity:.75;word-break:break-word}
.dexline a{color:var(--cyan)}
.cbuy{padding:12px;border-radius:2px;background:rgba(11,9,8,.95);border:1px solid #000;box-shadow:inset 0 1px 0 rgba(217,185,138,.09),inset 0 -10px 20px rgba(0,0,0,.88)}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.tabs button{font:inherit;font-size:10.5px;letter-spacing:.16em;padding:10px;cursor:pointer;background:#080706;border:1px solid rgba(0,0,0,.9);border-radius:2px;color:rgba(217,185,138,.5);box-shadow:inset 0 2px 7px rgba(0,0,0,.95)}
.tabs button.on{color:var(--cyan);border-color:rgba(43,245,224,.35);box-shadow:inset 0 0 14px rgba(43,245,224,.12)}
.quote{font-size:10.5px;opacity:.7;min-height:26px;padding:4px 0;font-variant-numeric:tabular-nums}
.cmsg{font-size:10.5px;margin-top:8px;color:var(--cyan);word-break:break-all}
.cmsg.bad{color:#ff9a7a}
.cmsg a{color:var(--cyan)}
.bal{font-size:9.5px;opacity:.5;margin-top:6px}

/* ---------- footer ---------- */
.foot{padding:20px 14px 36px;border-top:1px solid var(--seam);background:rgba(5,6,5,.92)}
.fline{font-size:11px;opacity:.65;max-width:72ch}
.flinks{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.5}
.flinks a{color:var(--cyan);text-decoration:none}

@media (min-width:620px){
  .proofrail{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cells{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ca code{max-width:46vw}
}
@media (min-width:900px){
  body{font-size:14px}
  .nav{display:flex}
  .topbar{padding:8px 24px}
  .pf{padding:13px 22px 14px}
  .notchrail{padding:9px 24px}
  .statement{padding:30px 24px 20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:28px}
  .work{grid-template-columns:minmax(0,1fr) 332px;gap:22px;padding:6px 24px 36px}
  .rrail{position:sticky;top:60px}
  .register{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);padding:44px 24px;gap:24px}
  .regart img{height:100%;min-height:420px}
  .curve{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;padding:44px 24px}
  .foot{padding:26px 24px 50px}
  .ca code{max-width:300px}
}
@media (min-width:1180px){
  .cells{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .tiles.scan::after{animation:none;opacity:.08}
  .cell{transition:none}
}