@font-face{font-family:"Press Start 2P";src:url(/fonts/PressStart2P.ttf)format("truetype");font-display:swap}@font-face{font-family:VT323;src:url(/fonts/VT323.ttf)format("truetype");font-display:swap}:root{--navy:#0b1220;--navy-2:#0e1729;--slate:#1e2a3d;--slate-2:#253247;--amber:#ffb547;--amber-2:#c98a2e;--paper:#f2efe6;--green:#3fb68b;--red:#e0564c;--muted:#8e9ab0;--purple:#3b2a5a;--pixel:"Press Start 2P",monospace;--mono:"VT323",ui-monospace,monospace}*{box-sizing:border-box}html{background:var(--navy)}body{background:var(--navy);color:var(--paper);font-family:var(--mono);margin:0;font-size:21px;line-height:1.35;position:relative}body:before{content:"";pointer-events:none;z-index:1000;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,rgba(0,0,0,.13) 0,rgba(0,0,0,.13) 1px,transparent 1px,transparent 3px);position:fixed;top:0;bottom:0;left:0;right:0}body:after{content:"";pointer-events:none;z-index:999;background:radial-gradient(transparent 55%,rgba(5,8,16,.55) 100%);position:fixed;top:0;bottom:0;left:0;right:0}a{color:var(--amber);text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:2px}h1,h2,h3{font-family:var(--pixel);letter-spacing:0;line-height:1.5}h1{color:var(--paper);text-shadow:3px 3px 0 var(--navy),4px 4px 0 var(--purple);margin:0 0 12px;font-size:26px}h2{color:var(--amber);text-transform:uppercase;margin:40px 0 12px;font-size:14px}h3{color:var(--paper);margin:16px 0 8px;font-size:11px}p{max-width:70ch;margin:8px 0}main{z-index:1;max-width:1040px;margin:0 auto;padding:24px 16px 64px;position:relative}.pixel,img.pixel{image-rendering:pixelated}nav.top{z-index:50;border-bottom:2px solid var(--slate-2);box-shadow:0 2px 0 var(--navy),0 4px 0 var(--slate);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--pixel);background:rgba(11,18,32,.92);align-items:center;gap:20px;padding:10px 16px;font-size:10px;display:flex;position:-webkit-sticky;position:sticky;top:0}nav.top .brand{color:var(--amber);align-items:center;gap:10px;display:flex}nav.top .brand img{width:24px;height:24px;image-rendering:pixelated}nav.top a{color:var(--paper)}nav.top a:hover{color:var(--amber);text-decoration:none}nav.top .spacer{flex:1}nav.top .tag{font-family:var(--mono);color:var(--muted);border:1px solid var(--slate-2);padding:2px 8px;font-size:16px}nav.top .tag.hot{color:var(--navy);background:var(--amber);border-color:var(--amber);font-family:var(--pixel);padding:6px 10px;font-size:9px;text-decoration:none;box-shadow:3px 3px #000}nav.top .tag.hot:hover{filter:brightness(1.1)}.hero{border-bottom:4px solid var(--slate-2);background:#150f2a;align-items:flex-end;min-height:420px;margin:0 -16px 24px;display:flex;position:relative;overflow:hidden}.hero img.bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;image-rendering:pixelated;opacity:.9;position:absolute;top:0;bottom:0;left:0;right:0}.hero .fade{background:linear-gradient(rgba(11,18,32,.15) 0%,rgba(11,18,32,.35) 55%,rgba(11,18,32,.98) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero .inner{width:100%;max-width:1040px;margin:0 auto;padding:48px 16px 28px;position:relative}.hero h1{max-width:22ch;font-size:30px}.hero .sub{color:var(--paper);max-width:60ch;margin:8px 0 20px;font-size:24px}.kicker{font-family:var(--pixel);color:var(--amber);letter-spacing:1px;margin-bottom:14px;font-size:10px}button,.btn{font-family:var(--pixel);background:var(--amber);color:var(--navy);cursor:pointer;box-shadow:0 4px 0 var(--amber-2),0 6px 0 var(--navy);border:0;padding:12px 16px;font-size:10px;text-decoration:none;transition:transform 60ms;display:inline-block}button:hover,.btn:hover{box-shadow:0 3px 0 var(--amber-2),0 5px 0 var(--navy);text-decoration:none;transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost,.btn.ghost{background:var(--navy-2);color:var(--paper);box-shadow:inset 0 0 0 2px var(--slate-2),0 4px 0 var(--slate)}button.ghost:hover,.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--amber),0 3px 0 var(--slate)}input,select{background:var(--navy-2);color:var(--paper);border:2px solid var(--slate-2);font:inherit;padding:8px 10px}input:focus,select:focus{border-color:var(--amber);outline:none}.card{background:var(--navy-2);box-shadow:0 0 0 2px var(--slate-2),0 0 0 4px var(--navy),0 0 0 6px var(--slate);margin:12px 0;padding:18px;position:relative}.card.amber{box-shadow:0 0 0 2px var(--amber-2),0 0 0 4px var(--navy),0 0 0 6px var(--slate)}.card h3{margin-top:0}.grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.grid .card{margin:0}.icon{width:32px;height:32px;image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;background-size:auto 32px;margin-right:8px;display:inline-block}table{border-collapse:collapse;width:100%;margin:8px 0 16px;font-size:19px}th,td{text-align:left;border-bottom:1px solid var(--slate-2);vertical-align:top;padding:6px 10px}th{color:var(--muted);font-family:var(--pixel);text-transform:uppercase;font-size:9px}.muted{color:var(--muted)}.amber{color:var(--amber)}.green{color:var(--green)}.red{color:var(--red)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bar{background:var(--navy);height:10px;box-shadow:inset 0 0 0 1px var(--slate-2);overflow:hidden}.bar>i{background:repeating-linear-gradient(90deg,var(--amber)0 8px,var(--amber-2)8px 10px);height:100%;display:block}.showcase{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:12px 0;display:grid}.showcase img{aspect-ratio:1;width:100%;image-rendering:pixelated;box-shadow:0 0 0 2px var(--slate-2);transition:transform 80ms}.showcase img:hover{box-shadow:0 0 0 2px var(--amber);transform:translateY(-3px)}.board{font-family:var(--mono);box-shadow:0 0 0 2px var(--slate-2),0 0 0 4px var(--navy),0 0 0 6px var(--slate),inset 0 0 40px rgba(255,181,71,.06);color:var(--amber);background:#070b14;padding:16px 18px;font-size:20px}.board .row-line{border-bottom:1px dashed var(--slate-2);grid-template-columns:70px repeat(5,1fr);gap:6px;padding:3px 0;display:grid}.board .row-line.head{color:var(--muted);font-family:var(--pixel);align-items:end;padding-bottom:8px;font-size:8px}.modal{z-index:60;background:rgba(11,18,32,.82);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal .card{width:min(600px,100%);max-height:90vh;overflow:auto}.floor-wrap{background:#070b14;width:100%;height:calc(100vh - 46px);position:relative}.floor-wrap #game{position:absolute;top:0;bottom:0;left:0;right:0}.overlay{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;font-size:17px;display:flex;position:absolute;top:0;left:0;right:0}.overlay>*{pointer-events:auto}.pill{box-shadow:0 0 0 2px var(--slate-2);font-family:var(--mono);background:rgba(11,18,32,.9);padding:4px 10px;font-size:18px}.chatbox{width:min(380px,90%);box-shadow:0 0 0 2px var(--slate-2);background:rgba(11,18,32,.9);max-height:40%;padding:8px;font-size:17px;position:absolute;bottom:8px;left:8px;overflow:auto}.chatbox input{width:100%}.disclaimer{border-top:2px solid var(--slate-2);color:var(--muted);z-index:1;margin-top:48px;padding-top:16px;font-size:17px;position:relative}.ticker{white-space:nowrap;border-top:2px solid var(--slate-2);border-bottom:2px solid var(--slate-2);font-family:var(--pixel);color:var(--amber);background:#070b14;padding:8px 0;font-size:9px;overflow:hidden}.ticker span{padding-right:48px;animation:40s linear infinite tick;display:inline-block}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker span{animation:none}body:before{display:none}}@media (max-width:640px){.hero h1{font-size:20px}.hero{min-height:320px}nav.top{gap:12px;font-size:8px}}.trader-card{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.trader-card .portrait{border:2px solid var(--slate-2);background:var(--navy-2);width:240px;height:240px;box-shadow:4px 4px #000}@media (max-width:720px){.trader-card{grid-template-columns:1fr}.trader-card .portrait{width:100%;height:auto}}.card.soon{border-color:var(--amber);max-width:720px}.soon-tag{font-family:var(--pixel);color:var(--amber);letter-spacing:1px;margin:0 0 12px;font-size:14px}nav.top .x-link{font-family:var(--mono);color:var(--paper);border:1px solid var(--slate-2);margin-right:10px;padding:3px 9px 5px;font-size:22px;line-height:1}nav.top .x-link:hover{color:var(--amber);border-color:var(--amber)}.footer-links{margin-top:10px;display:inline-block}.footer-links a{color:var(--amber)}
