:root{--tar:#14110d;--tar2:#0d0b08;--slab:#1e1a14;--slab2:#29231b;--line:#3b3327;--lime:#eee4cf;--lime2:#c4b9a2;--lime3:#8f8574;--haz:#ffc21a;--haz-soft:#ffc21a22;--ok:#a8d8a0;--bad:#ff8a70;
--d:"Anybody","Arial Narrow",sans-serif;--t:"Schibsted Grotesk",Arial,sans-serif;--m:"Azeret Mono",ui-monospace,monospace;--tape:repeating-linear-gradient(135deg,var(--haz) 0 8px,#14110d 8px 16px)}
*{box-sizing:border-box;margin:0}
html{background:var(--tar);color-scheme:dark}
body{background:var(--tar);color:var(--lime);font:400 15px/1.5 var(--t);min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button,a[role=button],a[href]{cursor:pointer}
:focus-visible{outline:2px solid var(--haz);outline-offset:2px}
.m{font-family:var(--m)}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--tar);padding:8px 12px;z-index:50}.skip:focus{left:8px}

/* shell */
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:22px;padding:0 22px;height:56px;background:var(--tar);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;font:800 19px/1 var(--d);font-stretch:118%;letter-spacing:-.01em}
.brand svg{width:25px;height:25px}.brand small{font:500 15px var(--t);color:var(--lime2);margin-left:3px}
.nav{display:flex;align-self:stretch;gap:2px}
.nav a{display:flex;align-items:center;padding:0 12px;color:var(--lime2);font-weight:500;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}
.nav a:hover{color:var(--lime)}.nav a[aria-current]{color:var(--lime);border-color:var(--haz)}
.top-r{margin-left:auto;display:flex;align-items:center;gap:8px}
.chip{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);background:var(--tar2);font:500 12px var(--m);color:var(--lime2)}
.chip:hover{border-color:var(--lime3);color:var(--lime)}
.live i{width:7px;height:7px;background:var(--ok);display:inline-block}
.buy{height:34px;display:inline-flex;align-items:center;padding:0 14px;background:var(--haz);color:var(--tar);font:600 14px var(--t);border:0}
.buy:hover{background:#ffd457}
.x svg{width:13px;height:13px;fill:currentColor}
.searchbox{position:relative}
.searchbox input{width:230px;height:34px;background:var(--tar2);border:1px solid var(--line);padding:0 30px 0 11px;font-size:13.5px}
.searchbox input::placeholder{color:var(--lime3)}
.searchbox kbd{position:absolute;right:7px;top:7px;font:500 11px var(--m);color:var(--lime3);border:1px solid var(--line);padding:1px 5px}
.burger{display:none;background:none;border:1px solid var(--line);width:34px;height:34px;padding:0}
main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:22px}
.foot{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding:16px 22px;border-top:1px solid var(--line);color:var(--lime3);font-size:13.5px}
.foot a:hover{color:var(--lime)}
.foot .ca{margin-left:auto;cursor:pointer}
.foot .ca b{font-weight:500;color:var(--lime)}

/* type */
h1{font:760 clamp(36px,4.2vw,60px)/.98 var(--d);font-stretch:72%;letter-spacing:-.015em}
.lede{color:var(--lime2);max-width:64ch;margin-top:8px}
.panel{background:var(--slab);border:1px solid var(--line);position:relative}
.panel.t::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:5px;background:var(--tape)}
.ph{display:flex;align-items:baseline;gap:10px;padding:14px 16px 10px}
.ph h2{font:720 18px/1.1 var(--d);font-stretch:90%}
.ph span{font:500 12px var(--m);color:var(--lime3)}
.pos{color:var(--ok)}.neg{color:var(--bad)}
.state{padding:26px 18px;color:var(--lime2)}
.state b{display:block;font:720 21px/1.15 var(--d);font-stretch:80%;color:var(--lime);margin-bottom:5px}
.state a{color:var(--haz);text-decoration:underline;text-underline-offset:3px}
.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;background:var(--lime);color:var(--tar);font:600 15px var(--t);border:0}
.btn:hover{background:#fff6e2}
.btn.g{background:none;border:1px solid var(--line);color:var(--lime)}.btn.g:hover{border-color:var(--lime2)}
.btn.h{background:var(--haz)}.btn.h:hover{background:#ffd457}
.btn[disabled]{opacity:.4;cursor:default}
.tag{font:500 11px var(--m);padding:2px 6px;border:1px solid var(--line);color:var(--lime2);white-space:nowrap}
.tag.ok{color:var(--ok);border-color:#a8d8a055}.tag.haz{color:var(--haz);border-color:#ffc21a66}.tag.bad{color:var(--bad);border-color:#ff8a7055}

/* table */
.tw{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:500 11.5px var(--m);color:var(--lime3);text-align:left;padding:9px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 14px;border-bottom:1px solid #3b332788;vertical-align:top}
tr:last-child td{border-bottom:0}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
td .s{display:block;color:var(--lime3);font:400 12px var(--m)}
.mono{font-family:var(--m);font-size:13px}

@media(max-width:1020px){
 .top{gap:10px;padding:0 14px}
 .nav{display:none;position:absolute;top:56px;left:0;right:0;flex-direction:column;background:var(--slab);border-bottom:1px solid var(--line);padding:6px 0}
 .nav.open{display:flex}.nav a{padding:12px 16px;border:0;margin:0}
 .burger{display:block}.searchbox{display:none}.live,.top .x,.brand small{display:none}.buy{white-space:nowrap;padding:0 11px;font-size:13px}
 main{padding:16px 14px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
