:root{--bg:#0f0c1f;--bg2:#16122b;--panel:#1f1940;--panel2:#2a2256;--line:#3d3380;--ink:#ece8ff;--muted:#9a93c4;--gold:#f5c542;--green:#46e37a;--red:#ff5a5a;--purple:#9d8cff;--blue:#5ec8ff;--px:4px;--head:"Press Start 2P", monospace;--body:"VT323", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0}body{font-family:var(--body);-webkit-font-smoothing:none;background-image:radial-gradient(#1c1738 1px,#0000 1px);background-size:12px 12px;min-height:100vh;font-size:21px;line-height:1.25}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,.head{font-family:var(--head);letter-spacing:.5px;font-weight:400;line-height:1.5}h1{margin:0 0 12px;font-size:22px}h2{margin:0 0 12px;font-size:15px}h3{color:var(--purple);margin:0 0 8px;font-size:11px}canvas{image-rendering:pixelated;image-rendering:crisp-edges}input,select,textarea,button{font:inherit;color:inherit}.box{background:var(--panel);border:var(--px) solid var(--line);box-shadow:var(--px) var(--px) 0 #000;padding:16px}.btn{font-family:var(--head);background:var(--panel2);border:var(--px) solid #000;cursor:pointer;color:var(--ink);align-items:center;gap:8px;padding:12px 16px;font-size:11px;line-height:1.2;display:inline-flex;box-shadow:inset -4px -4px #00000059,inset 4px 4px #ffffff1f;text-decoration:none!important}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(2px);box-shadow:inset 4px 4px #00000059}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.gold{background:var(--gold);color:#1a1300}.btn.green{background:#2fae5c}.btn.red{background:#c23b3b}.btn.small{padding:8px 10px;font-size:9px}.btn.ghost{border-color:var(--line);box-shadow:none;background:0 0}input[type=text],input[type=number],textarea,select{border:var(--px) solid var(--line);background:#0c0a19;outline:none;width:100%;padding:8px 10px}input:focus,textarea:focus,select:focus{border-color:var(--purple)}textarea{resize:vertical;min-height:70px}label{color:var(--muted);margin:10px 0 4px;font-size:19px;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}header.top{z-index:20;border-bottom:var(--px) solid var(--line);background:#0f0c1ff0;position:sticky;top:0}header.top .wrap{align-items:center;gap:14px;height:64px;display:flex}.logo{font-family:var(--head);white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex;color:var(--gold)!important}.logo canvas{width:30px;height:36px}nav.main{gap:16px;margin-left:12px;display:flex}nav.main a{font-family:var(--head);color:var(--ink);font-size:10px}.spacer{flex:1}.icon-btn{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:4px 8px;font-size:22px}.banner{color:var(--gold);text-align:center;font-family:var(--head);background:repeating-linear-gradient(45deg,#3a2a00,#3a2a00 12px,#2c2000 12px 24px);padding:8px;font-size:9px;line-height:1.6}.paper{font-family:var(--head);color:#1a1300;background:var(--gold);vertical-align:middle;letter-spacing:.5px;white-space:nowrap;padding:4px 6px;font-size:8px;display:inline-block}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}main{padding:24px 0 60px}footer.bottom{border-top:var(--px) solid var(--line);color:var(--muted);padding:20px 0 40px;font-size:18px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:24px;margin-bottom:28px;display:grid}.hero h1{color:var(--gold);text-shadow:4px 4px #000;font-size:28px}.hero p.lead{margin:0 0 18px;font-size:26px}.hero .stage{position:relative}.ticker{white-space:nowrap;border:var(--px) solid var(--line);background:#0c0a19;margin-bottom:24px;padding:6px 0;overflow:hidden}.ticker .track{animation:40s linear infinite tick;display:inline-block}.ticker span{margin:0 18px}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.steps .box h3{color:var(--gold)}.room-wrap{border:var(--px) solid #000;width:100%;box-shadow:var(--px) var(--px) 0 #000;background:#000;position:relative}.room-wrap canvas{width:100%;height:auto;display:block}.bubble{color:#111;pointer-events:none;text-align:center;background:#fff;border:3px solid #000;max-width:62%;padding:6px 10px;font-size:18px;line-height:1.1;transition:opacity .3s;position:absolute;transform:translate(-50%,-100%)}.bubble:after{content:"";border:6px solid #0000;border-top-color:#000;margin-left:-6px;position:absolute;bottom:-9px;left:50%}.room-hud{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:8px;right:8px}.room-hud .tag{font-family:var(--head);background:#000000a6;padding:4px 8px;font-size:9px}.trader-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.stats{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{border:3px solid var(--line);background:#0c0a19;padding:8px 10px}.stat .k{color:var(--muted);font-size:16px}.stat .v{font-family:var(--head);margin-top:4px;font-size:13px}table.list{border-collapse:collapse;width:100%;font-size:19px}table.list th{text-align:left;font-family:var(--head);color:var(--muted);border-bottom:3px solid var(--line);padding:6px;font-size:8px}table.list td{vertical-align:middle;border-bottom:2px solid #241e48;padding:6px}table.list tr:hover td{background:#241e48}.log{max-height:320px;font-size:18px;overflow:auto}.log div{border-bottom:2px dashed #2a2256;padding:4px 0}.badge{font-family:var(--head);background:var(--panel2);vertical-align:middle;border:2px solid #000;margin-left:6px;padding:4px 6px;font-size:8px;display:inline-block}.badge.coin{background:var(--gold);color:#1a1300}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button{font-family:var(--head);background:var(--panel);border:3px solid var(--line);cursor:pointer;color:var(--ink);padding:10px 12px;font-size:9px}.tabs button.on{background:var(--gold);color:#1a1300;border-color:#000}.avatar{vertical-align:middle;border:2px solid #000;width:36px;height:42px}.rank{font-family:var(--head);color:var(--muted);width:36px;font-size:11px}.create-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.preview{position:sticky;top:84px}.picker{grid-template-columns:110px 40px 1fr 40px;align-items:center;gap:6px;margin-bottom:6px;display:grid}.picker .val{text-align:center;border:3px solid var(--line);background:#0c0a19;padding:4px;font-size:18px}.picker button{height:36px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:3px solid var(--line);cursor:pointer;background:#0c0a19;padding:6px 10px;font-size:18px}.chip.on{border-color:var(--gold);color:var(--gold)}.styles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-card{border:3px solid var(--line);cursor:pointer;background:#0c0a19;padding:10px}.style-card.on{border-color:var(--gold);background:#2b2410}.style-card b{font-family:var(--head);margin-bottom:6px;font-size:9px;display:block}.style-card span{color:var(--muted);font-size:17px}.fields{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.modal-bg{z-index:50;background:#000000b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:560px;max-height:90vh;overflow:auto}.toast{z-index:60;background:var(--panel2);border:var(--px) solid #000;max-width:calc(100% - 32px);padding:10px 16px;font-size:20px;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:4px 4px #000}.toast.err{background:#5a1a1a}.warn{border:var(--px) solid var(--red);background:#3a1010;margin:10px 0;padding:12px}.mono{word-break:break-all;font-family:monospace;font-size:14px}@media (max-width:900px){.hero,.trader-layout,.create-layout,.grid2,.grid3{grid-template-columns:1fr}.preview{order:-1;position:static}.styles,.fields{grid-template-columns:1fr 1fr}nav.main{display:none}nav.main.open{background:var(--bg2);border-bottom:var(--px) solid var(--line);flex-direction:column;padding:16px;display:flex;position:absolute;top:64px;left:0;right:0}.hide-sm{display:none!important}.hero h1{font-size:20px}header.top .wrap{gap:6px}.logo{gap:6px;font-size:10px}.logo canvas{width:25px;height:30px}.icon-btn{padding:2px 4px;font-size:20px}header.top .btn.small{padding:7px 8px;font-size:8px}.picker{grid-template-columns:90px 36px 1fr 36px}.room-wrap .bubble{font-size:13px}}@media (min-width:901px){.show-sm{display:none!important}}.room-wrap canvas.room-canvas{image-rendering:auto}.room-wrap.editing{outline:4px dashed var(--gold);outline-offset:2px}.decorate{margin-top:12px}.sel-bar{border:3px solid var(--line);background:#0c0a19;min-height:46px;padding:6px 8px}.palette{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;display:grid}.pal-item{border:3px solid var(--line);cursor:pointer;color:var(--ink);background:#0c0a19;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;font-size:15px;line-height:1;display:flex}.pal-item:hover{border-color:var(--gold)}.pal-thumb{place-items:center;height:48px;display:grid}.pal-thumb canvas{image-rendering:pixelated}.themes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-card{border:3px solid var(--line);cursor:pointer;background:#0c0a19;padding:8px 10px}.theme-card.on{border-color:var(--gold);background:#2b2410}.theme-card b{font-family:var(--head);margin-bottom:4px;font-size:9px;display:block}.theme-card span{color:var(--muted);font-size:16px}@media (max-width:900px){.themes{grid-template-columns:1fr 1fr}}.room-wrap .bubble{max-width:48%;padding:4px 8px;font-size:16px}.tag{color:var(--purple);border:1px solid var(--line);vertical-align:middle;background:#2a2256;margin-left:4px;padding:2px 5px;font-size:14px;line-height:1;display:inline-block}