:root{
  --bg:#020804; --ink:#39ff6a; --dim:#1f9a42; --faint:#0f4a22; --hot:#b6ffc8; --amber:#ffb63b; --red:#ff3b3b;
  --mono:"VT323","Px437 IBM VGA8",ui-monospace,Menlo,monospace;
  --head:132px; --foot:62px;
}
*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:22px/1.15 var(--mono);text-transform:uppercase;letter-spacing:.02em;min-height:100vh;overflow-x:hidden}
a{color:var(--ink)}
a.ul,button.ul{text-decoration:underline;text-underline-offset:3px}
a.small{font-size:17px;color:var(--dim)}
button{font:inherit;text-transform:inherit;letter-spacing:.04em;background:transparent;color:var(--ink);border:2px solid var(--dim);padding:2px 10px;cursor:pointer}
button:hover{background:var(--faint)}
button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
button.red{color:var(--red);border-color:var(--red)}button.red:hover{background:#3a0808}
button.amber{color:var(--amber);border-color:var(--amber)}
button.tiny{font-size:15px;padding:0 6px;position:absolute;top:4px;right:4px;background:var(--bg)}
button:disabled{opacity:.4;cursor:default}
.scan::before{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px);mix-blend-mode:multiply;z-index:50}
.scan::after{content:"";pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);z-index:51}
.glow{text-shadow:0 0 6px rgba(57,255,106,.55)}
header{position:fixed;top:0;left:0;right:0;height:var(--head);background:var(--bg);z-index:20;padding:12px 16px 0;border-bottom:2px solid var(--dim)}
header .in{max-width:980px;margin:0 auto}
.title{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline}
.title .right{margin-left:auto;font-size:19px}
h1{font-size:40px;margin:0;font-weight:400;letter-spacing:.04em}
h1 .blink{animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.sub{color:var(--dim)}
nav{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0}
nav .right{margin-left:auto;display:flex;gap:6px 10px;flex-wrap:wrap;color:var(--dim);align-items:center}
main{max-width:980px;margin:0 auto;padding:calc(var(--head) + 14px) 16px calc(var(--foot) + 20px)}
footer{position:fixed;bottom:0;left:0;right:0;height:var(--foot);background:var(--bg);z-index:20;border-top:2px solid var(--dim);padding:8px 16px}
footer .in{max-width:980px;margin:0 auto;display:flex;flex-wrap:wrap;gap:4px 22px;color:var(--dim);font-size:19px;align-items:center;height:100%}
footer a,footer button{color:var(--dim);font-size:19px;border:0;padding:0;background:none;cursor:pointer}
footer a:hover,footer button:hover{color:var(--ink);background:none}
footer button.on{color:var(--red);background:none}
.view{display:none}.view.on{display:block}
.mug{image-rendering:pixelated;image-rendering:crisp-edges;display:block;background:#000;border:0}
.you{border:2px double var(--hot);padding:8px 12px;margin:0 0 16px}
.you h2{font-size:22px;margin:0 0 6px;font-weight:400;color:var(--hot)}
.you .row{display:flex;gap:12px;flex-wrap:wrap}
.you .cell{cursor:pointer;border-color:var(--hot)}
.you .cell:hover{background:var(--faint)}
#keybox{border-color:var(--ink);position:relative}
#wherekey{position:absolute;top:10px;right:12px;font-size:19px}
#keybox h2{color:var(--ink)}
#keybox input{width:100%;font:inherit;font-size:24px;background:#000;color:var(--ink);border:2px solid var(--dim);padding:6px 8px;text-transform:uppercase;letter-spacing:.08em;outline:none}
#keybox input:focus{border-color:var(--ink)}
#keybox .err{color:var(--red);font-size:19px;min-height:1.3em;margin-top:6px}
#keybox .help{color:var(--dim);font-size:21px;margin-top:6px;display:none;text-transform:none}
#keybox .help.on{display:block}
table{width:100%;border-collapse:collapse}
th{font-weight:400;color:var(--dim);text-align:left;border-bottom:2px solid var(--faint);padding:4px 6px}
td{padding:6px;border-bottom:1px dashed var(--faint);vertical-align:middle}
td.rank{width:56px;color:var(--dim)}
td.pic{width:96px}
td.money{text-align:right;white-space:nowrap;font-size:26px;line-height:1}
td.interest{text-align:right;white-space:nowrap;font-size:19px;color:var(--dim);font-variant-numeric:tabular-nums}
td.status .when{margin-top:3px;color:var(--ink)}
tr.mine td{background:var(--faint);color:var(--hot)}
tr.mine td.rank::before{content:"> "}
tr.flash td{animation:flash 1.2s steps(2) 3}
@keyframes flash{50%{background:var(--hot);color:var(--bg)}}
.st{display:inline-block;border:1px solid currentColor;padding:0 6px;font-size:17px;line-height:1.3}
.st.absorbed{color:var(--red)}.st.escrow{color:var(--amber)}.st.redeemed{color:var(--hot)}.st.burnt{color:var(--dim)}
.handle{font-size:24px;word-break:break-all}
.when{color:var(--dim);font-size:17px}
td.report-cell{text-align:right}
.reported{color:var(--dim);font-size:17px}
td.confirm{text-align:right;color:var(--amber)}
td.confirm small{font-size:16px;color:var(--dim);text-transform:none;margin-right:14px}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
.cell{border:0;padding:6px;position:relative}
.cell.mine{border-color:var(--hot);box-shadow:0 0 12px rgba(182,255,200,.35)}
.cell .mug{width:100%;height:auto;border:0}
.cell .cap{display:flex;justify-content:space-between;font-size:19px;margin-top:4px;gap:6px}
.cell .cap span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cell .int{font-size:18px;color:var(--dim);text-align:right}
.cell .num{position:absolute;top:2px;left:6px;color:var(--bg);background:var(--ink);padding:0 5px;font-size:17px}
.cell .stamp{position:absolute;right:6px;top:34%;transform:rotate(-18deg);border:3px solid var(--red);color:var(--red);padding:0 8px;font-size:24px;background:rgba(2,8,4,.7);letter-spacing:.08em}
.cell .halo{position:absolute;inset:6px 6px auto 6px;height:calc(100% - 52px);box-shadow:inset 0 0 18px var(--hot);pointer-events:none}
.admin h2{font-weight:400;font-size:24px;margin:0 0 8px;color:var(--red)}
.admin .sect{margin:0 0 22px}
#boot{position:fixed;inset:0;background:var(--bg);z-index:40;padding:24px 20px;display:none}
#boot pre{margin:0;white-space:pre-wrap;font:inherit;font-size:24px;max-width:980px;margin:0 auto}
#boot pre.cur::after{content:"_";animation:blink .8s steps(1) infinite}
.hit{animation:jit .18s steps(2) 1}
@keyframes jit{0%{transform:translate(1px,0) skewX(-2deg);filter:hue-rotate(40deg)}50%{transform:translate(-1px,0) skewX(1deg)}100%{transform:none;filter:none}}
.tear{position:fixed;left:0;right:0;height:14px;background:rgba(57,255,106,.08);transform:translateY(-20px);pointer-events:none;z-index:30}

.doc{max-width:860px;margin:0 auto;padding:24px 16px 80px;text-transform:none;font-size:21px;line-height:1.35}
.doc h1{text-transform:uppercase;font-size:34px}
.doc h2{font-size:24px;margin:28px 0 6px;color:var(--hot);font-weight:400;text-transform:uppercase}
.doc p,.doc li{color:#9fe8b3}
.doc .dim{color:var(--dim);font-size:18px}
.doc a{color:var(--ink)}
@media (max-width:600px){body{font-size:19px}h1{font-size:30px}td.pic{width:72px}:root{--head:150px}}