:root{--rust:#b5451b;--rust-dark:#7a2e12;--cream:#f1e4c8;--navy:#1d2b45;--navy-deep:#0f1728;--cyan:#4ef0ff;--amber:#ffb13b;--font:"Press Start 2P", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--navy-deep);height:100%;color:var(--cream);font-family:var(--font);-webkit-font-smoothing:none;margin:0;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loader{z-index:50;background:var(--navy-deep);background-image:radial-gradient(circle at 50% 40%,#1d2b45 0,#0f1728 60%);flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .7s;display:flex;position:fixed;inset:0}#loader.out{opacity:0;pointer-events:none}#loader .bot canvas{width:128px;height:128px;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(0 0 12px #4ef0ff59)}#loader .title{letter-spacing:4px;color:var(--cream);text-shadow:3px 3px 0 var(--rust-dark);font-size:18px}#loader .bar{border:3px solid var(--cream);background:var(--navy-deep);width:min(320px,70vw);height:14px;padding:2px}#loader .bar i{background:repeating-linear-gradient(90deg, var(--cyan) 0 6px, #2bb9c9 6px 8px);width:0;height:100%;transition:width .25s steps(6,end);display:block}#loader .meta{color:#8fa8c9;letter-spacing:1px;justify-content:space-between;width:min(320px,70vw);font-size:8px;display:flex}.ui{z-index:10;letter-spacing:1px;-webkit-user-select:none;user-select:none;font-size:10px;position:fixed}.ui a{color:var(--cream);text-decoration:none}.ui .k{color:#8fa8c9;font-size:7px}.top{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand .mark{background:var(--cream);width:18px;height:18px;box-shadow:inset 4px 4px 0 var(--cyan), 3px 3px 0 var(--rust-dark)}.brand .name{text-shadow:3px 3px 0 var(--rust-dark);font-size:13px}.brand .ticker{color:var(--amber);border:2px solid var(--amber);background:#0f1728bf;padding:5px 7px;font-size:9px}nav{gap:6px;display:flex}nav a{border:2px solid var(--navy);background:#0f1728bf;padding:9px 10px;transition:transform 80ms steps(2,end);box-shadow:2px 2px #06090f}nav a:hover{border-color:var(--cream);transform:translate(-1px,-1px)}nav a.buy{background:var(--rust);border-color:var(--cream);color:#fff}.hud{flex-direction:column;gap:6px;display:flex;top:76px;left:16px}.hud .stat{border:2px solid var(--navy);background:#0f1728bf;align-items:baseline;gap:10px;width:max-content;padding:6px 8px;display:flex}.hud .v{color:var(--cyan)}.bottom{padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:16px;display:flex;bottom:0;left:0;right:0}.ca{border:2px solid var(--navy);background:#0f1728cc;align-items:center;gap:10px;max-width:100%;padding:8px 10px;display:flex}.ca code{font-family:var(--font);color:var(--cream);text-overflow:ellipsis;white-space:nowrap;max-width:44vw;font-size:8px;overflow:hidden}.ca button{font-family:var(--font);color:var(--navy-deep);background:var(--cyan);cursor:pointer;border:0;padding:7px 8px;font-size:8px;box-shadow:2px 2px #06090f}.ca button:active{box-shadow:none;transform:translate(1px,1px)}.hint{color:#8fa8c9;text-align:right;font-size:7px}.card{border:3px solid var(--cream);width:240px;box-shadow:4px 4px 0 var(--rust-dark);background:#0f1728eb;flex-direction:column;gap:8px;padding:14px;animation:.15s steps(3,end) pop;display:flex;top:76px;right:16px}.card[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.card .close{color:var(--cream);font-family:var(--font);cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:4px;right:6px}.cardName{color:var(--cyan);font-size:12px}.cardModel{color:#8fa8c9;font-size:7px}.cardRow{border-top:1px dashed var(--navy);justify-content:space-between;padding-top:8px;font-size:8px;display:flex}.cardQuote{color:var(--amber);font-size:7px;line-height:1.7}@media (width<=720px){.brand .name{display:none}nav a{padding:8px 6px;font-size:8px}nav a#linkChart{display:none}.hud{top:68px}.hint{display:none}.ca code{max-width:50vw}.card{width:auto;inset:auto 16px 76px}}.cardRow span:last-child{text-align:right;max-width:150px;line-height:1.5}.cardSection{border-top:1px dashed var(--navy);flex-direction:column;gap:6px;padding-top:8px;display:flex}.cardMemory{flex-direction:column;gap:5px;margin:0;padding:0;font-size:7px;line-height:1.5;list-style:none;display:flex}.cardMemory time{color:var(--cyan);margin-right:6px}.feed{border:2px solid var(--navy);background:#0f1728d1;width:360px;bottom:40px;right:16px;box-shadow:3px 3px #06090f}.feed header{color:#8fa8c9;border-bottom:2px solid var(--navy);align-items:center;gap:8px;padding:8px 10px;font-size:7px;display:flex}.feed .dot{background:var(--red,#ff4d4d);width:6px;height:6px;animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}#feedList{flex-direction:column;gap:7px;max-height:210px;margin:0;padding:8px 10px;font-size:7px;line-height:1.6;list-style:none;display:flex;overflow:hidden}#feedList li{animation:.2s steps(3,end) pop}#feedList .who{cursor:pointer}#feedList .who:hover{text-decoration:underline}#feedList .to{color:#8fa8c9}#feedList .txt{color:var(--cream)}@media (width<=720px){.feed{width:auto;bottom:64px;left:16px;right:16px}#feedList{max-height:72px}body.card-open .feed{display:none}}#bubbles{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bubble{background:var(--cream);width:max-content;max-width:128px;color:var(--navy);border:2px solid var(--navy);text-align:center;will-change:transform;transform-origin:50% 100%;padding:5px 6px;font-size:7px;line-height:1.45;position:absolute;top:0;left:0;box-shadow:2px 2px #06090f99}.bubble:after{content:"";background:var(--cream);border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);width:6px;height:6px;margin-left:-3px;position:absolute;bottom:-6px;left:50%;transform:rotate(45deg)}.bubble.in{animation:.18s steps(3,end) bubbleIn}@keyframes bubbleIn{0%{opacity:0;margin-top:4px}}nav{align-items:center}nav .deploy{font-family:var(--font);letter-spacing:1px;color:var(--navy-deep);background:var(--cyan);border:2px solid var(--cream);cursor:pointer;padding:9px 10px;font-size:10px;animation:2.4s steps(2,end) infinite deployPulse;box-shadow:2px 2px #06090f}nav .deploy:hover{transform:translate(-1px,-1px)}nav .deploy .short{display:none}@keyframes deployPulse{50%{box-shadow:2px 2px #06090f,0 0 0 3px #4ef0ff59}}nav a.soon{opacity:.75}.toast{z-index:30;background:var(--navy-deep);color:var(--amber);border:2px solid var(--amber);padding:8px 10px;font-size:8px;animation:.15s steps(3,end) pop;position:fixed;top:64px;right:16px;box-shadow:2px 2px #06090f}.toast[hidden]{display:none}.modal{z-index:40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modalBackdrop{background:#06090fb8;position:absolute;inset:0}.modalPanel{background:var(--navy-deep);border:3px solid var(--cream);width:min(640px,100%);max-height:calc(100vh - 32px);box-shadow:6px 6px 0 var(--rust-dark);letter-spacing:1px;flex-direction:column;font-size:9px;animation:.18s steps(3,end) pop;display:flex;position:relative;overflow-y:auto}.modalClose{color:var(--cream);font-family:var(--font);cursor:pointer;background:0 0;border:0;font-size:16px;position:absolute;top:6px;right:8px}.modalHead{border-bottom:2px solid var(--navy);flex-direction:column;gap:12px;padding:18px 18px 12px;display:flex}.modalHead h2{text-shadow:3px 3px 0 var(--rust-dark);margin:0;font-size:14px}.steps{gap:6px;margin:0;padding:0;font-size:7px;list-style:none;display:flex}.steps li{text-align:center;color:#8fa8c9;border:2px solid var(--navy);flex:1;padding:6px}.steps li.on{color:var(--navy-deep);background:var(--cyan);border-color:var(--cyan)}.steps li.done{color:var(--cyan);border-color:var(--cyan)}.modalBody{padding:18px}.modalBody .k{color:#8fa8c9;font-size:7px}.builder{grid-template-columns:180px 1fr;gap:18px;display:grid}.preview{background:radial-gradient(circle at 50% 40%, var(--navy-light,#2f4468) 0, var(--navy) 70%);border:2px solid var(--navy);flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}.preview canvas{width:156px;height:182px;image-rendering:pixelated}.previewName{color:var(--cyan);font-size:11px}.previewRole{color:#8fa8c9;text-align:center;font-size:7px}.fields{flex-direction:column;gap:12px;display:flex}.fields label,.swatchGroup{color:#8fa8c9;flex-direction:column;gap:6px;font-size:7px;display:flex}.fields input:not([type=checkbox]),.fields select{font-family:var(--font);color:var(--cream);border:2px solid var(--navy);background:#0a1020;border-radius:0;outline:none;padding:8px;font-size:9px}.fields input:focus,.fields select:focus{border-color:var(--cyan)}.fieldHint{color:#8fa8c9;font-size:7px}.fieldHint.bad{color:var(--red,#ff4d4d)}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:2px solid var(--navy);cursor:pointer;width:22px;height:22px;padding:0}.swatch.on{border-color:var(--cream);box-shadow:0 0 0 2px var(--cyan)}.toggles{flex-wrap:wrap;gap:12px;display:flex}.check{cursor:pointer;align-items:center;color:var(--cream)!important;flex-direction:row!important;gap:6px!important}.check input{accent-color:var(--cyan)}.lead{margin:0 0 14px;line-height:1.7}.wallets{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.walletBtn{font-family:var(--font);color:var(--cream);background:var(--navy);border:2px solid var(--navy);cursor:pointer;justify-content:space-between;align-items:center;padding:14px;font-size:10px;display:flex;box-shadow:3px 3px #06090f}.walletBtn:hover{border-color:var(--cyan)}.connected{border:2px solid var(--cyan);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px;display:flex}.connected[hidden],.wallets[hidden]{display:none}.connected code{font-family:var(--font);color:var(--cyan);flex:1;font-size:9px}.summary{border-bottom:1px dashed var(--navy);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.summary div{text-align:right;justify-content:space-between;gap:12px;display:flex}.price{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0;display:grid}.price>div{border:2px solid var(--navy);background:#0a1020;flex-direction:column;gap:6px;padding:12px;display:flex}.price strong{color:var(--amber);font-size:16px;font-weight:400}.perks{flex-direction:column;gap:8px;margin:0;padding-left:16px;font-size:7px;line-height:1.6;display:flex}.modalFoot{border-top:2px solid var(--navy);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.modalMsg{text-align:center;color:var(--cyan);flex:1;font-size:7px;line-height:1.6}.modalMsg.bad{color:var(--red,#ff4d4d)}.primaryBtn,.ghostBtn{font-family:var(--font);cursor:pointer;border:0;padding:10px 12px;font-size:9px;box-shadow:3px 3px #06090f}.primaryBtn{background:var(--rust);color:#fff}.primaryBtn:disabled{background:var(--navy);color:#8fa8c9;cursor:not-allowed}.ghostBtn{background:var(--navy);color:var(--cream)}body.modal-open .feed,body.modal-open #bubbles{visibility:hidden}@media (width<=720px){nav .deploy .long{display:none}nav .deploy .short{display:inline}nav .deploy{padding:8px 6px;font-size:8px}.builder{grid-template-columns:1fr}.preview canvas{width:120px;height:140px}.price{grid-template-columns:1fr}}.notice{color:var(--cream);border:2px solid var(--amber);background:#ffb13b14;margin:0;padding:10px 12px;font-size:7px;line-height:1.8}.notice[hidden]{display:none}.notice strong{color:var(--amber);margin-bottom:4px;font-weight:400;display:block}
