:root{--black:#0B0B0F;--bone:#F2F2F0;--grey:#8D8D96;--uv:#5B2BFF;--line:#2a2a33}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--bone);font-family:Outfit,system-ui,sans-serif;font-size:15px;line-height:1.5;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:var(--bone)}
p{margin:0 0 8px}
h1,h2,h3{margin:0}
.sil{font-family:Silkscreen,ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em}
.muted{color:var(--grey)}
.small{font-size:12px;line-height:1.45}
.sp{flex:1}
.bgtex{position:fixed;inset:0;z-index:0;background:url("texture-dither.jpg") repeat;background-size:224px 224px;opacity:.08;pointer-events:none;image-rendering:pixelated}

.topbar{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;background:var(--black);border-bottom:2px solid var(--bone)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none}
.brand img{width:28px;height:28px;border:2px solid var(--bone);image-rendering:pixelated}
.bname{font-family:Silkscreen,monospace;font-size:16px;letter-spacing:.06em}
.chip{font-family:Silkscreen,monospace;font-size:9px;border:2px solid var(--grey);padding:2px 4px;color:var(--grey)}
.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:.06em;color:var(--grey);text-decoration:none;padding:4px 2px}
.nav a:hover{color:var(--bone)}
.topright{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.btn{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--bone);background:var(--black);border:2px solid var(--bone);padding:8px 10px;cursor:pointer;text-decoration:none;min-height:34px;display:inline-flex;align-items:center;justify-content:center}
.btn:hover{background:var(--bone);color:var(--black)}
.btn-uv{background:var(--uv);border-color:var(--uv);color:var(--bone)}
.btn-uv:hover{background:var(--bone);border-color:var(--bone);color:var(--uv)}
.btn[disabled],.btn-uv[disabled]{background:var(--black);border-color:var(--grey);color:var(--grey);cursor:not-allowed}
.btn.big{width:100%;padding:12px;font-size:12px}
.ca{display:flex;align-items:center;gap:6px;background:var(--black);border:2px solid var(--grey);color:var(--grey);font-family:Silkscreen,monospace;font-size:10px;padding:6px 8px;cursor:pointer;min-height:34px}
.ca img{width:14px;height:14px;image-rendering:pixelated}
.ca .calabel{color:var(--grey)}
.ca.live{border-color:var(--bone);color:var(--bone)}
.ca:hover{border-color:var(--bone);color:var(--bone)}

.shell{position:relative;z-index:1;display:grid;grid-template-columns:232px minmax(0,1fr) 304px;gap:12px;padding:12px;max-width:1540px;margin:0 auto;align-items:stretch}
.rail-l,.rail-r,.pane{min-width:0}
.rail-l{display:grid;gap:12px;align-content:start}
.rail-r{display:block}
.panel{background:var(--black);border:2px solid var(--bone);box-shadow:inset 2px 2px 0 rgba(242,242,240,.12),inset -2px -2px 0 rgba(141,141,150,.3)}
.tbar{display:flex;align-items:center;gap:6px;height:24px;padding:0 4px;border-bottom:2px solid var(--bone);background-color:var(--black);background-image:linear-gradient(45deg,var(--grey) 25%,transparent 25%,transparent 75%,var(--grey) 75%),linear-gradient(45deg,var(--grey) 25%,transparent 25%,transparent 75%,var(--grey) 75%);background-size:4px 4px;background-position:0 0,2px 2px}
.tbar span{font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.08em;background:var(--black);padding:2px 5px;color:var(--bone)}
.tbar .sp{background:none;padding:0;flex:1}
.menu{display:grid}
.menu a{font-family:Silkscreen,monospace;font-size:10px;letter-spacing:.05em;padding:10px;text-decoration:none;color:var(--bone);border-bottom:1px solid var(--line)}
.menu a:last-child{border-bottom:0}
.menu a:hover{background:var(--uv)}
.readout,.apad{padding:8px 10px}
.kv{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--line);font-size:12px}
.kv:last-child{border-bottom:0}
.kv span{font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.06em;color:var(--grey)}
.kv b{font-variant-numeric:tabular-nums;font-weight:500}
.clerkpanel img{width:100%;height:196px;object-fit:cover;object-position:center top;image-rendering:pixelated;border-bottom:2px solid var(--bone)}
.clerkpanel p{padding:8px 10px;margin:0}

.pane{display:grid;gap:12px;align-content:start}
.heroband{position:relative;border:2px solid var(--bone);overflow:hidden;min-height:clamp(210px,30vh,310px);display:flex;align-items:flex-end}
.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 54%;opacity:.46;image-rendering:pixelated}
.heroover{position:relative;margin:10px;padding:12px 14px;background:rgba(11,11,15,.93);border:2px solid var(--bone);max-width:660px}
.plabel{display:block;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.1em;color:var(--grey)}
.pnum{display:flex;align-items:baseline;gap:8px;margin:2px 0}
.pnum b{font-family:Silkscreen,monospace;font-size:clamp(30px,5.6vw,54px);color:var(--uv);font-variant-numeric:tabular-nums;line-height:1}
.pnum em{font-family:Silkscreen,monospace;font-style:normal;font-size:12px;color:var(--bone)}
.lamp{width:10px;height:10px;background:var(--grey);align-self:center;image-rendering:pixelated}
.lamp.poll{background:var(--bone)}
.lamp.on{background:var(--uv)}
.psub{display:block;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.06em;color:var(--grey)}
.headline{font-family:Silkscreen,monospace;line-height:1.22;margin:14px 0 8px;letter-spacing:.02em;font-size:clamp(15px,3.6vw,36px)}
.headline span{display:block;white-space:nowrap}
.sub{max-width:54ch;font-size:14px;color:#cfcfd4;margin:0 0 10px}
.herorow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hstat{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:var(--grey);margin:0}
.hstat b{color:var(--bone);font-weight:400}

.floorrow{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(268px,1fr);gap:12px;align-items:start}
.floorwrap{position:relative;background:#000;border-bottom:2px solid var(--bone)}
#floorCanvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:manipulation;cursor:crosshair}
.tip{position:absolute;z-index:5;pointer-events:none;background:var(--black);border:2px solid var(--bone);padding:5px 7px;font-size:11px;max-width:208px}
.tip b{display:block;font-family:Silkscreen,monospace;font-size:10px;margin-bottom:2px}
.floorbar{display:flex;align-items:center;gap:8px;padding:6px 8px}
#floorBar{flex:1;min-width:0;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.06em;color:var(--grey);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#floorBar.hit{color:var(--bone)}
.mini{font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.06em;background:var(--black);border:2px solid var(--bone);color:var(--bone);padding:6px 8px;cursor:pointer;min-height:30px;white-space:nowrap}
.mini:hover{background:var(--uv);border-color:var(--uv)}
.fld{display:block;margin:0 0 8px}
.fld span{display:block;font-family:Silkscreen,monospace;font-size:9px;letter-spacing:.06em;color:var(--grey);margin-bottom:4px}
.fld input,.nsin input{width:100%;background:var(--black);border:2px solid var(--bone);color:var(--bone);font-family:Outfit,sans-serif;font-size:15px;padding:9px 8px;min-height:40px}
.fld input:focus,.nsin input:focus{outline:2px solid var(--uv);outline-offset:-2px}
.fld input[disabled]{border-color:var(--grey);color:var(--grey)}
.nsin{display:flex;align-items:stretch;border:2px solid var(--bone)}
.nsin i{font-family:Silkscreen,monospace;font-style:normal;display:flex;align-items:center;padding:0 8px;background:var(--bone);color:var(--black)}
.nsin input{border:0}
.err{font-size:12px;color:var(--uv);min-height:16px;padding:4px 0;word-break:break-word}
.err a{color:var(--uv)}

.ledgerpanel{display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 112px)}
.lhead,.lrow{display:grid;grid-template-columns:42px 44px minmax(0,1fr) auto;gap:6px;padding:5px 7px;align-items:baseline}
.lhead{font-family:Silkscreen,monospace;font-size:8px;letter-spacing:.06em;color:var(--grey);border-bottom:1px solid var(--line)}
.lrows{flex:1;overflow-y:auto;min-height:200px}
.lrow{font-size:11px;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line)}
.lrow .t{font-family:Silkscreen,monospace;font-size:8px;color:var(--grey)}
.lrow .k{font-family:Silkscreen,monospace;font-size:8px;color:var(--grey)}
.lrow .ns{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow .amt{text-align:right}
.lrow.uv .k,.lrow.uv .amt{color:var(--uv)}
.lrow.fresh{animation:flash .6s steps(2) 1}
@keyframes flash{0%{background:var(--uv)}100%{background:transparent}}
.lempty{font-family:Silkscreen,monospace;font-size:9px;color:var(--grey);padding:14px 8px;letter-spacing:.06em;line-height:1.8}
.lfoot{display:flex;gap:8px;align-items:center;border-top:2px solid var(--bone);padding:7px 8px;font-family:Silkscreen,monospace;font-size:8px;letter-spacing:.06em;color:var(--grey)}
.lfoot #ledgerNext{margin-left:auto;color:var(--bone)}

.wide{position:relative;z-index:1;padding:0 12px 12px;max-width:1540px;margin:0 auto}
.curve{display:grid;grid-template-columns:minmax(0,1fr) minmax(268px,420px)}
.curveinfo{padding:10px 12px;border-right:2px solid var(--bone)}
.ident{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ident img{width:40px;height:40px;border:2px solid var(--bone);image-rendering:pixelated}
.ident b{display:block;font-size:14px}
.ident span{display:block}
.bar{height:14px;border:2px solid var(--bone);margin:10px 0 4px;background-color:var(--black);background-image:linear-gradient(45deg,var(--grey) 25%,transparent 25%,transparent 75%,var(--grey) 75%);background-size:4px 4px}
.bar i{display:block;height:100%;width:0;background:var(--uv)}
.widget{padding:10px 12px}
.tabs{display:flex;margin-bottom:10px}
.tab{flex:1;font-family:Silkscreen,monospace;font-size:10px;padding:9px;background:var(--black);color:var(--grey);border:2px solid var(--bone);cursor:pointer;min-height:36px}
.tab.on{background:var(--bone);color:var(--black)}
.quote{font-size:12px;color:var(--grey);font-variant-numeric:tabular-nums;padding:4px 0 8px;min-height:22px}
.dexstrip{margin-top:8px;color:var(--grey)}

.mhead,.mrow{display:grid;grid-template-columns:minmax(0,1.3fr) 102px minmax(0,1fr) 54px 100px 84px;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line)}
.mhead{font-family:Silkscreen,monospace;font-size:8px;letter-spacing:.06em;color:var(--grey)}
.mrow{font-size:13px;font-variant-numeric:tabular-nums}
.mrow .nsname{font-family:Silkscreen,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow .st{font-family:Silkscreen,monospace;font-size:8px;color:var(--grey)}
.mrow.bidon .nsname{color:var(--bone)}
.mrow.claimed .st{color:var(--uv)}
.mrow button{font-family:Silkscreen,monospace;font-size:9px;padding:6px;background:var(--black);border:2px solid var(--bone);color:var(--bone);cursor:pointer;min-height:30px;width:100%}
.mrow button:hover{background:var(--uv);border-color:var(--uv)}
.mrows{max-height:430px;overflow-y:auto}

.furnrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.furnrow img{width:100%;height:100%;min-height:260px;object-fit:cover;object-position:center;image-rendering:pixelated;border-right:2px solid var(--bone)}
.furntext{padding:12px 14px}
.loop{list-style:none;counter-reset:lp;margin:0 0 12px;padding:0;display:grid}
.loop li{counter-increment:lp;position:relative;padding:8px 0 8px 34px;font-size:clamp(10px,1.3vw,12px);letter-spacing:.04em;border-bottom:1px solid var(--line)}
.loop li:before{content:counter(lp,decimal-leading-zero);position:absolute;left:0;top:8px;color:var(--grey)}
.loop li:last-child{border-bottom:0}
.loop .burnstep{color:var(--uv)}
.loop .burnstep:before{color:var(--uv)}

.docsgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.ops{display:grid;align-content:start}
.op{display:grid;grid-template-columns:54px minmax(0,1fr) 96px;gap:12px;padding:14px 14px;border-bottom:1px solid var(--line);align-items:start}
.op:last-child{border-bottom:0}
.opn{font-family:Silkscreen,monospace;font-size:22px;color:var(--grey);line-height:1}
.op h3{font-family:Silkscreen,monospace;font-size:11px;margin:0 0 5px;letter-spacing:.05em}
.op p{font-size:13px;color:#c9c9cf;margin:0}
.opstate{font-size:8px;color:var(--grey);text-align:right;letter-spacing:.06em}
.opstate.live{color:var(--uv)}
.rules{padding:14px;border-left:2px solid var(--bone);font-size:13px;color:#c9c9cf;display:grid;gap:10px;align-content:start}
.rules b{color:var(--bone);font-size:10px;display:block;margin-bottom:2px}
.rules p{margin:0}

.foot{position:relative;z-index:1;border-top:2px solid var(--bone);margin-top:12px}
.footin{max-width:1540px;margin:0 auto;padding:14px 12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footin img{width:24px;height:24px;border:2px solid var(--bone);image-rendering:pixelated}
.footin .btn{margin-left:auto}

@media (max-width:1180px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .pane{order:1}.rail-r{order:2}.rail-l{order:3;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ledgerpanel{min-height:0}.lrows{max-height:320px}
}
@media (max-width:900px){
  .floorrow{grid-template-columns:minmax(0,1fr)}
  .curve{grid-template-columns:minmax(0,1fr)}
  .curveinfo{border-right:0;border-bottom:2px solid var(--bone)}
  .furnrow{grid-template-columns:minmax(0,1fr)}
  .furnrow img{border-right:0;border-bottom:2px solid var(--bone);min-height:180px}
  .docsgrid{grid-template-columns:minmax(0,1fr)}
  .rules{border-left:0;border-top:2px solid var(--bone)}
}
@media (max-width:620px){
  .rail-l{grid-template-columns:minmax(0,1fr)}
  .nav{order:3;width:100%;justify-content:space-between;gap:4px}
  .topright{width:100%;margin-left:0}
  .ca{flex:1}
  .mhead,.mrow{grid-template-columns:minmax(0,1.2fr) 86px 44px 76px;gap:6px}
  .hidesm,.mrow .bidder{display:none}
  .heroband{min-height:0}
  .heroover{margin:8px;padding:10px}
  .op{grid-template-columns:38px minmax(0,1fr)}
  .opstate{grid-column:2;text-align:left;margin-top:4px}
}
