:root{--bg:#07090b;--bg-soft:#0e1216;--ink:#e6e2d8;--ink-dim:#8a8578;--gold:#c9a227;--brass:#e6c35c;--cyan:#1ec8e8;--cyan-soft:#1ec8e859;--moss:#6fa85a;--rust:#c45a3a;--line:#e6e2d81f;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:none;image-rendering:pixelated;background:#000;font-family:"Press Start 2P",Courier New,monospace}*{box-sizing:border-box}html,body,#root{background:#000;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit;image-rendering:pixelated}.app{background:var(--bg);flex-direction:column;max-width:430px;height:100%;max-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 35%,#1ec8e812,#0000 55%),radial-gradient(at 50% 100%,#3f6b3a1f,#0000 50%),linear-gradient(#0a0d10 0%,#07090b 45%,#050607 100%);position:absolute;inset:0}.app>*{z-index:1;position:relative}.stage{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.quiet-meters{color:var(--ink-dim);letter-spacing:.04em;justify-content:space-between;padding:12px 16px 0;font-size:8px;display:flex}.quiet-meters .rain{color:var(--cyan)}.hero-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 12px 0;display:flex;position:relative}.hero-stage .glow{background:radial-gradient(ellipse, var(--cyan-soft), transparent 70%);filter:blur(18px);pointer-events:none;width:70%;height:40%;position:absolute;bottom:18%;left:15%}.hero-stage img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 24px 40px #0000008c);z-index:1;width:auto;max-width:100%;height:auto;max-height:100%;position:relative}.soft-rain{pointer-events:none;z-index:2;mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(#0000 0 14px,#7af0ff0b 14px 15px,#0000 15px 28px);animation:1.1s linear infinite rain;position:absolute;inset:0}@keyframes rain{0%{transform:translateY(-28px)}to{transform:translateY(0)}}.calm-footer{flex-direction:column;gap:10px;padding:8px 16px 12px;display:flex}.identity{text-align:center}.identity .name{color:var(--brass);letter-spacing:.08em;margin:0 0 6px;font-size:12px}.identity .flavor{color:var(--ink-dim);margin:0;font-size:8px;line-height:1.5}.prompt-slim{border:1px solid var(--line);width:100%;color:var(--ink);resize:none;background:#0e1216d9;border-radius:2px;padding:12px 14px;font-size:9px;line-height:1.5}.prompt-slim:focus{border-color:#1ec8e859;outline:1px solid #1ec8e873}.pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pair.quad{grid-template-columns:1fr 1fr}.btn{border:1px solid var(--line);min-height:48px;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:#14181ce6;font-size:10px}.btn.primary{color:var(--brass);background:linear-gradient(#c45a3af2,#8b3a2af2);border-color:#e6c35c59}.btn.ghost{background:#0e1216bf}.btn:active{transform:translateY(1px)}.street-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.street-scene{will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:-10%}.street-scene img{object-fit:contain;filter:drop-shadow(0 28px 48px #0009);max-width:92%;max-height:78%}.street-banner{text-align:center;color:var(--ink-dim);pointer-events:none;z-index:3;font-size:8px;position:absolute;top:14px;left:0;right:0}.controls{pointer-events:none;z-index:3;justify-content:space-between;padding:0 18px;display:flex;position:absolute;inset:auto 0 16px}.stick{pointer-events:auto;touch-action:none;background:#0a0c0e73;border:1px solid #e6e2d82e;border-radius:50%;width:96px;height:96px;position:relative}.stick-knob{background:#e6c35ce6;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-btn{width:84px;height:84px;color:var(--brass);pointer-events:auto;background:#8b3a2ad9;border:1px solid #e6c35c66;border-radius:50%;font-size:9px}.panel-quiet{border:1px solid var(--line);background:#0e1216b3;margin:24px 16px;padding:18px 14px}.panel-quiet h2{text-align:center;color:var(--brass);letter-spacing:.08em;margin:0 0 10px;font-size:11px}.panel-quiet .fine{color:var(--ink-dim);text-align:center;font-size:8px;line-height:1.55}.list{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.card{border:1px solid var(--line);background:#0e1216a6;justify-content:space-between;align-items:center;gap:10px;padding:12px;font-size:9px;display:flex}.card strong{color:var(--brass)}.tabs{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#050607f5;grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.tab{min-height:52px;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:7px;display:flex}.tab.active{color:var(--ink)}.tab.active .pix-ico{filter:drop-shadow(0 0 6px var(--cyan-soft))}.pix-ico{opacity:.85;width:18px;height:14px;display:block}.pix-arch{background:linear-gradient(var(--brass), var(--brass)) 2px 11px / 14px 2px no-repeat, linear-gradient(var(--brass), var(--brass)) 3px 3px / 2px 10px no-repeat, linear-gradient(var(--brass), var(--brass)) 13px 3px / 2px 10px no-repeat}.pix-den{background:linear-gradient(var(--moss), var(--moss)) 8px 1px / 3px 6px no-repeat, linear-gradient(var(--brass), var(--brass)) 4px 8px / 11px 6px no-repeat}.pix-build{background:linear-gradient(var(--brass), var(--brass)) 4px 2px / 3px 10px no-repeat, linear-gradient(var(--rust), var(--rust)) 9px 7px / 8px 3px no-repeat}.pix-stall{background:linear-gradient(var(--cyan), var(--cyan)) 3px 2px / 12px 3px no-repeat, linear-gradient(var(--brass), var(--brass)) 5px 5px / 9px 8px no-repeat}.pix-bazaar{background:linear-gradient(var(--brass), var(--brass)) 8px 1px / 2px 12px no-repeat, linear-gradient(var(--brass), var(--brass)) 3px 6px / 12px 2px no-repeat}.toast{max-width:min(88vw,380px);color:var(--brass);z-index:40;background:#07090bf0;border:1px solid #c9a22773;padding:10px 12px;font-size:8px;line-height:1.5;position:fixed;bottom:72px;left:50%;transform:translate(-50%)}