*{box-sizing:border-box}html,body,#app{color:#f7f0df;background:#070812;width:100%;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block}.hidden{display:none!important}.hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#060812b8;border:1px solid #ffffff2e;border-radius:8px;gap:4px;min-width:260px;padding:10px 12px;font-size:14px;display:grid;position:fixed;top:12px;left:12px}.overlay{z-index:10;background:radial-gradient(circle at 50% 35%,#64142840,#05060ee0 60%);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.panel{background:#0a0c18f0;border:1px solid #ffffff2e;border-radius:8px;width:min(720px,94vw);max-height:90vh;padding:22px;overflow:auto;box-shadow:0 24px 80px #00000073}.title{text-align:center}h1,h2,p{margin-top:0}h1{font-size:clamp(32px,7vw,68px);line-height:.95}button{appearance:none;color:#18110b;font:inherit;cursor:pointer;background:#f5d36f;border:1px solid #fff3;border-radius:8px;padding:12px 14px;font-weight:800}button:hover{filter:brightness(1.08)}button:disabled{cursor:not-allowed;opacity:.45}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 20px;display:grid}.grid button{text-align:left;gap:4px;min-height:88px;display:grid}.grid span,.shop p{opacity:.84;font-size:13px;font-weight:500}.shop{gap:10px;display:grid}.shop button{text-align:left}.worldLabel{color:#fff;letter-spacing:2px;text-shadow:0 0 10px,0 2px 8px #000;pointer-events:none;z-index:3;font-size:14px;font-weight:900;position:fixed;transform:translate(-50%,-50%)}.mobile{z-index:6;pointer-events:none;justify-content:space-between;align-items:end;gap:14px;padding:0 14px;display:none;position:fixed;inset:auto 0 16px}.pad,.actions{pointer-events:auto;gap:8px;display:grid}.pad{grid-template-columns:repeat(3,48px);grid-template-areas:".up.""left down right"}.pad button{width:48px;height:48px;padding:0}.pad [data-key=w]{grid-area:up}.pad [data-key=a]{grid-area:left}.pad [data-key=s]{grid-area:down}.pad [data-key=d]{grid-area:right}.actions{grid-template-columns:repeat(2,minmax(72px,1fr))}.actions button{min-height:46px;padding:8px;font-size:13px}@media (width<=820px),(pointer:coarse){.mobile{display:flex}.hud{max-width:calc(100vw - 24px);font-size:12px}.grid{grid-template-columns:1fr}}.skylineLayer{height:46%;transform:translateX(var(--scroll,0px));transition:transform 50ms linear;position:absolute;bottom:34%;left:0;right:0}.arcadeBuilding{width:var(--w);height:var(--h);bottom:0;left:var(--x);background:repeating-linear-gradient(0deg, #ffffff29 0 3px, transparent 3px 18px), linear-gradient(160deg, var(--c1), var(--c2));border:1px solid #ffffff1f;position:absolute;box-shadow:0 0 24px #00000073}.arcadeBuilding:after{content:attr(data-label);max-width:calc(100% - 16px);color:var(--sign);letter-spacing:1px;text-shadow:0 0 10px,0 2px 4px #000;font-size:12px;font-weight:900;position:absolute;bottom:8px;left:8px}.arcadeMetro{width:120px;height:64px;bottom:-10px;left:var(--x);background:linear-gradient(#163425,#07110e);border:2px solid #39ff88a6;border-radius:8px 8px 0 0;position:absolute;box-shadow:0 0 24px #39ff8847}.arcadeMetro:before{content:"M";color:#07110e;background:#39ff88;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:1000;display:grid;position:absolute;top:8px;left:12px}.arcadeMetro:after{content:attr(data-label);color:#dffff0;text-shadow:0 0 8px #39ff88;font-size:11px;font-weight:900;position:absolute;top:12px;left:46px}.arcadeMasp{left:var(--x);width:180px;height:94px;position:absolute;bottom:26px}.arcadeMasp:before{content:"";background:linear-gradient(90deg,#111722,#343b4a,#111722);border:2px solid #ffffff38;height:42px;position:absolute;top:0;left:18px;right:18px;box-shadow:0 0 28px #ff263859}.arcadeMasp:after{content:"MASP";color:#ff2638;letter-spacing:3px;text-shadow:0 0 14px #ff2638;font-weight:1000;position:absolute;top:48px;left:54px}.maspPillar{background:#ff2638;width:12px;height:58px;position:absolute;top:34px;box-shadow:0 0 14px #ff2638}.maspPillar.left{left:35px}.maspPillar.right{right:35px}.arcadeGazeta{left:var(--x);background:repeating-linear-gradient(0deg,#ffe07829 0 4px,#0000 4px 20px),linear-gradient(160deg,#171b28,#30364a);border:1px solid #ffffff29;width:150px;height:260px;position:absolute;bottom:0;box-shadow:0 0 30px #ffc04838}.arcadeGazeta:before{content:"";background:#ffc048;width:5px;height:82px;position:absolute;top:-76px;left:72px;box-shadow:0 0 14px #ffc048}.arcadeGazeta:after{content:"GAZETA";color:#ffc048;letter-spacing:2px;text-shadow:0 0 16px #ffc048;font-size:18px;font-weight:1000;position:absolute;bottom:22px;left:22px}.rainGlow{opacity:.55;background:linear-gradient(90deg,#0000,#ff26381f,#0000),repeating-linear-gradient(90deg,#ffffff14 0 1px,#0000 1px 42px);height:42%;position:absolute;inset:auto 0 0}.paulistaArt{object-fit:cover;object-position:left bottom;width:220vw;min-width:2200px;height:100vh;transform:translateX(var(--scroll,0px));filter:saturate(1.1)contrast(1.08);transition:transform 50ms linear;position:absolute;bottom:0;left:0}.matrixRain{opacity:.22;background:repeating-linear-gradient(90deg,#0000 0 22px,#39ff881f 22px 23px,#0000 23px 44px),repeating-linear-gradient(0deg,#0000 0 10px,#39ff8812 10px 11px);animation:12s linear infinite matrixDrift;position:absolute;inset:0}@keyframes matrixDrift{0%{transform:translateY(-80px)}to{transform:translateY(80px)}}.overlay{z-index:20}.matrixMenu{background:radial-gradient(circle at 50% 40%,#39ff881f,#0000 34%),linear-gradient(#010307b8,#010307e6)}.matrixPanel{background:linear-gradient(#030908f0,#05070ff5);border:1px solid #39ff886b;border-radius:8px;width:min(760px,94vw);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 0 24px #39ff8829,0 24px 80px #0000008c}.matrixPanel h1{color:#dffff0;text-shadow:0 0 18px #39ff88}.matrixPanel h2,.matrixPanel p,.matrixPanel .eyebrow{color:#dffff0}.eyebrow{letter-spacing:3px;margin-bottom:12px;font-size:12px;font-weight:900;color:#39ff88!important}.matrixPanel button{color:#03110b;background:linear-gradient(#39ff88,#13995a);border-color:#39ff8880;box-shadow:0 0 16px #39ff8838}.matrixPanel button:disabled{color:#7fae98;background:#26352f}.matrixPanel .grid button{color:#dffff0;background:linear-gradient(#173c2d,#0b1816)}.matrixPanel .grid button:hover{color:#03110b;background:linear-gradient(#39ff88,#13995a)}.paulistaBackdrop{z-index:0;pointer-events:none;background:#050712;position:fixed;inset:0;overflow:hidden}.paulistaBackdrop:before{content:"";transform:translateX(var(--stage-scroll,0px));background-image:url(/art/paulista-arcade-final.png);background-position:0 100%;background-repeat:no-repeat;background-size:auto 100%;transition:transform 50ms linear;position:absolute;inset:0}canvas#game{z-index:2;background:0 0;position:fixed;inset:0;transform:translateY(230px)}.paulistaBackdrop:before{background-size:100% 100%;width:1000vw}