/* The neighborhood is a foreground-play world; decorative motion never drives simulation. */
body{transition:background 3s ease}body[data-time="night"]{--bg:#0e1620;--panel:#19262c;--border:#344049}body[data-time="sunset"]{--bg:#1c1919}body[data-time="dawn"]{--bg:#191b24}
.world-hud{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 17px;margin:-5px 0 18px;border:1px solid #394735;border-radius:12px;background:#1e2b22}.world-weather{display:flex;align-items:center;gap:11px}.weather-orb{display:grid;place-items:center;width:38px;height:38px;border:1px solid #796644;border-radius:50%;background:#493f29;color:#f5cc81;font-size:24px;transition:background 2s}.weather-orb:hover:not(:disabled){background:#675332;transform:rotate(10deg)}.weather-orb:disabled{cursor:default}.world-weather strong{display:block;font-size:11px;font-weight:600}.world-weather span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.world-status{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#b2c3a3}.world-status i{width:6px;height:6px;background:#a7c58b;border-radius:50%;box-shadow:0 0 10px #a7c58b70;animation:status-breathe 3s infinite}.has-alert .world-status{color:#f2ba84}.has-alert .world-status i{background:#f6a264}.explore-button{padding:11px 14px;background:#b8824220;border:1px solid #8c7143;border-radius:7px;color:#efc58e;font-size:10px;font-weight:600;white-space:nowrap}.explore-button:hover:not(:disabled){background:#a9733e55}.explore-button:disabled{color:#a6ae98;border-color:#4e5c45;background:#36422b50}
.faction-bar{display:flex;flex-wrap:wrap;gap:9px;margin:-7px 0 19px;font-size:9px}.faction-contact{display:flex;gap:7px;align-items:center;padding:8px 11px;background:#1a2524;border:1px solid #35443e;border-radius:7px;color:#aabbb0}.faction-contact>svg{width:23px;height:23px}.faction-contact b{color:#b7c6d6;font-weight:600}.faction-contact.ally{border-color:#6c7952}.faction-contact.ally b{color:#c9dea5}.faction-contact.hostile{border-color:#805646}.faction-contact.hostile b{color:#eab39a}.faction-note{margin-left:auto;align-self:center;color:#889987;font-size:8px}
.event-strip{display:flex;align-items:center;gap:13px;padding:14px 18px;margin-bottom:17px;border:1px solid #b5674c;border-radius:11px;background:linear-gradient(100deg,#663a2c,#362b23);box-shadow:0 4px 26px #9d573215}.event-strip small{display:block;font-size:7px;color:#edb48e;letter-spacing:1.7px;margin-bottom:4px}.event-strip strong{font-family:var(--display);font-size:19px;letter-spacing:-.3px}.event-alert-icon{border:1px solid #d2a16f;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#ffd4a2;font-weight:700;font-size:22px}.event-strip>div{flex:1}.event-strip #event-clock{font-family:var(--display);font-size:22px;color:#ffdcad;font-variant-numeric:tabular-nums;white-space:nowrap}.event-strip button{padding:9px;background:#644731;border:1px solid #ac8555;border-radius:6px;font-size:10px}.event-strip[data-kind="blackout"]{background:linear-gradient(100deg,#263745,#22272c);border-color:#65828d}.event-strip[data-kind="arepas"]{background:linear-gradient(100deg,#62512d,#363523);border-color:#a49257}.event-strip[data-kind="neighbor"],.event-strip[data-kind="motos"]{background:linear-gradient(100deg,#344b3f,#24362c);border-color:#6f9273}.event-strip[data-kind="police"],.event-strip[data-kind="checkpoint"]{background:linear-gradient(100deg,#34495c,#252e3c);border-color:#7693ac}.event-arrival{animation:event-slide .5s cubic-bezier(.16,1,.3,1)}
.clicker-panel{background:linear-gradient(160deg,#395c46,#263f30 50%,#1b3023);transition:background 3s,border-color 1s;min-height:615px}.bottle-stage{z-index:1;min-height:333px}.panel-topline{position:relative}.living-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.scene-haze{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,#d5d9a226,transparent 60%);transition:background 3s}.celestial{position:absolute;width:51px;height:51px;border-radius:50%;top:70px;right:43px;transition:transform 3s,opacity 3s;opacity:.9}.sun{background:#edce86;box-shadow:0 0 25px #edd38738,0 0 80px #e9c37520;animation:sun-breathe 7s infinite}.sun:before{content:'';position:absolute;inset:-9px;border:1px dashed #edcf8560;border-radius:50%;animation:sky-spin 60s linear infinite}.moon{background:#d4e8e2;box-shadow:0 0 28px #add4e33d,0 0 75px #8ab3d921;opacity:0;transform:translateY(80px)}.moon:after{content:'';position:absolute;inset:6px 12px 18px 8px;border-radius:50%;box-shadow:12px 8px 0 -6px #9dbac28a,-4px 24px 0 -7px #9dbac28a;background:#bfd5d570}.cloud{position:absolute;width:140px;height:29px;background:#c4dbc316;border-radius:50%;filter:blur(1px);animation:cloud-drift 32s linear infinite}.cloud:before,.cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;width:70px;height:45px;bottom:5px;left:17px}.cloud:after{left:67px;width:51px;height:33px}.cloud-a{top:121px;left:-140px}.cloud-b{top:177px;left:-140px;animation-duration:45s;animation-delay:-19s;opacity:.65}.night-stars{position:absolute;inset:0;opacity:0;transition:opacity 3s}.night-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d8e5cf;animation:star-twinkle 4s var(--delay) infinite}.night-stars i:nth-child(3n){width:2px;height:2px}.street-glow{position:absolute;bottom:70px;left:0;right:0;height:175px;background:radial-gradient(ellipse at 15% 80%,#f3c97924,transparent 35%),radial-gradient(ellipse at 85% 80%,#f3c97924,transparent 35%);opacity:0;transition:opacity 3s}.street-lamp{position:absolute;bottom:118px;height:80px;width:3px;background:#6a8266;opacity:.7}.lamp-left{left:28px}.lamp-right{right:28px}.street-lamp:before{content:'';position:absolute;width:18px;height:3px;background:#6a8266;left:-7px;top:0;transform:rotate(-8deg)}.street-lamp i{position:absolute;width:10px;height:5px;top:3px;left:-8px;background:#a7b08a;transition:background 3s,box-shadow 3s}.street-pana{position:absolute;width:28px;height:48px;bottom:111px;left:-40px;color:#9fab79;animation:pana-walk 25s linear infinite}.pana-b{animation-delay:-13s;animation-duration:31s;color:#c6a876;display:none}.has-panas .pana-b{display:block}.walk-leg{transform-origin:50px 60px;animation:walking .6s ease-in-out infinite alternate}.right-leg{animation-delay:-.6s}.street-cart{display:none;position:absolute;bottom:110px;width:39px;height:44px;left:-70px;animation:pana-walk 24s -10s linear infinite}.has-cart .street-cart{display:block}.street-truck{display:none;position:absolute;width:120px;height:70px;bottom:99px;left:-145px;animation:truck-drive 18s linear infinite}.has-truck .street-truck,.truck-arrival .street-truck{display:block}.truck-arrival .street-truck{animation:truck-delivery 4s linear forwards}.truck-wheels{transform-box:fill-box;transform-origin:center}.sky-satellite{display:none;position:absolute;top:85px;left:-60px;color:#d5d6b4;width:34px;height:34px;animation:satellite-flight 20s linear infinite}.has-satellite .sky-satellite{display:block}.smoke-stack{display:none;position:absolute;bottom:187px;right:55px}.has-plant .smoke-stack{display:block}.smoke-stack i{position:absolute;width:15px;height:15px;background:#d1e0c82b;border-radius:50%;animation:smoke-rise 4s infinite}.smoke-stack i:nth-child(2){animation-delay:-1.3s}.smoke-stack i:nth-child(3){animation-delay:-2.6s}.barrio-art{opacity:.7;filter:saturate(.8);transition:filter 3s,opacity 3s}.world-paused .living-scene *{animation-play-state:paused!important}
body[data-time="night"] .clicker-panel{background:linear-gradient(160deg,#172b49,#202e40 55%,#182c2c)}body[data-time="night"] .sun{transform:translateY(110px);opacity:0}body[data-time="night"] .moon{opacity:.95;transform:translateY(0)}body[data-time="night"] .night-stars,body[data-time="night"] .street-glow{opacity:1}body[data-time="night"] .street-lamp i{background:#ffdf95;box-shadow:0 0 12px 4px #ffd48c5c,0 20px 25px 14px #eaba6630}body[data-time="night"] .barrio-art{filter:brightness(.8) hue-rotate(22deg)}body[data-time="night"] .world-hud{background:#1b2a35;border-color:#465964}body[data-time="night"] .weather-orb{background:#36414e;border-color:#647e8b;color:#d8e9e5}body[data-time="sunset"] .clicker-panel{background:linear-gradient(155deg,#634235,#4f4836 45%,#283c2b)}body[data-time="sunset"] .sun{transform:translateY(90px);background:#e8a66c}body[data-time="dawn"] .clicker-panel{background:linear-gradient(155deg,#665269,#48576a 48%,#304d3c)}body[data-time="dawn"] .sun{opacity:.6;transform:translateY(70px)}body[data-time="dawn"] .night-stars{opacity:.25}
.combo-display{position:absolute;z-index:5;left:18px;bottom:1px;display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #7784566e;border-radius:9px;background:#1a2c24b8;backdrop-filter:blur(6px);pointer-events:none;transition:border-color .2s,background .2s}.combo-display>strong{font:600 25px var(--display);color:#c7d5b3}.combo-display>div{min-width:115px}.combo-display b{display:block;font-size:6px;letter-spacing:1px;color:#b9c6a7}.combo-display>div>span{font-size:7px;color:#a3b393;display:block;margin-top:3px}.combo-display i{display:block;height:2px;background:#45553d;margin-top:5px;overflow:hidden}.combo-display i span{display:block;background:#ffcc72;height:100%;width:0}.combo-display[data-tier="2"],.combo-display[data-tier="3"]{background:#4f3e24db;border-color:#b99c55}.combo-display[data-tier="2"]>strong,.combo-display[data-tier="3"]>strong{color:#ffca73}.combo-display[data-tier="5"]{background:#463554e6;border-color:#aa87c4;box-shadow:0 0 25px #c498ef22}.combo-display[data-tier="5"]>strong{color:#e2c4ff}.combo-pop{animation:combo-pop .35s ease-out}.bottle-stage:before{content:'';position:absolute;inset:35px 55px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .3s;box-shadow:0 0 65px #f4b55122,inset 0 0 60px #e4b15212;border:1px solid #e4b15230}.coffee-active .bottle-stage:before,.clicker-panel[data-combo="3"] .bottle-stage:before,.clicker-panel[data-combo="5"] .bottle-stage:before{opacity:1;animation:aura-orbit 4s linear infinite}.coffee-active .bombona-button{filter:drop-shadow(0 0 25px #ffc16e60)}.street-controls{position:relative;z-index:2;display:flex;gap:10px;align-items:center;padding:12px 20px;background:#172b2380;border-top:1px solid #879a702a}.energy-icon{width:22px;height:26px;color:#b4d6c0;flex-shrink:0}.energy-icon svg{width:100%;height:100%}.energy-meter{flex:1;min-width:0;max-width:280px}.energy-meter>div:first-child{display:flex;justify-content:space-between;gap:7px;font-size:6px;letter-spacing:.6px;color:#a4b9a3}.energy-meter strong{font-size:7px;white-space:nowrap;color:#c6dcc1;letter-spacing:0}.energy-track{height:4px;border-radius:3px;background:#40503d;overflow:hidden;margin-top:7px}.energy-track span{display:block;height:100%;background:linear-gradient(90deg,#769f92,#b9e8cc);width:40%;transition:width .12s}.shield-button{margin-left:auto;display:grid;grid-template-columns:17px auto;gap:2px 6px;align-items:center;text-align:left;border:1px solid #8ba99b;border-radius:7px;padding:7px 9px;background:#3f6556;color:#d2ede1;font-size:10px;white-space:nowrap}.shield-button>svg{width:17px;height:17px;grid-row:1/3}.shield-button small{font-size:6px;color:#b4c7b6}.shield-button kbd{font:7px var(--font);padding:1px 4px;border:1px solid #8caf91;border-radius:3px;margin-left:4px}.shield-button:disabled{opacity:.45}.shield-button:hover:not(:disabled){background:#568475}
.event-arena{position:absolute;inset:0;z-index:8;pointer-events:none}.event-arena button{pointer-events:auto}.has-event .bombona-button{opacity:.13;scale:.72;filter:grayscale(.2);transition:opacity .4s,scale .4s}.has-event .floating-note,.has-event .combo-display,.has-event .orbit-star{opacity:0;pointer-events:none}.has-event .clicker-copy{display:none}.has-event .bottle-floor{opacity:.3}.clicker-panel[data-event="attack"]{border-color:#b27156;box-shadow:inset 0 0 60px #c6664322}.clicker-panel[data-event="blackout"] .bottle-stage{background:radial-gradient(ellipse,#14253255,#080f21aa);border-radius:15px}.clicker-panel[data-event="blackout"] .living-scene{filter:brightness(.3)}.event-target{position:absolute;transform:translateX(-50%);padding:0;background:none;outline-offset:2px;filter:drop-shadow(0 8px 9px #0a182b55);transition:opacity .3s;user-select:none}.event-target:focus-visible{outline:2px solid #ffe4a8;border-radius:18px}.target-art{display:block;pointer-events:none;animation:enemy-sway 2.3s ease-in-out infinite}.target-art svg{width:100%;height:100%;display:block;overflow:visible}.ant-target{width:108px;height:130px}.ant-0{left:18%;top:9%}.ant-1{left:50%;top:48%}.ant-2{left:82%;top:13%}.ant-1 .target-art{animation-delay:-.7s}.ant-2 .target-art{animation-delay:-1.3s}.bug-legs{transform-origin:50px 70px;animation:bug-scuttle .3s infinite alternate}.target-health{font-size:10px;color:#ffb48c;display:block;margin-top:1px;letter-spacing:3px}.event-target kbd{position:absolute;right:0;top:10px;display:grid;place-items:center;font:9px var(--font);height:20px;width:20px;border:1px solid #b9b894;border-radius:6px;background:#23362ce6;color:#f4e7c6}.event-target:hover:not(:disabled){filter:drop-shadow(0 0 10px #ffc88455)}.target-hit .target-art{animation:enemy-hit .24s ease-out,enemy-sway 2.3s .24s ease-in-out infinite}.event-target.defeated{opacity:0;pointer-events:none;transition:opacity .22s;scale:.5}.arepa-target{width:76px;height:76px}.arepa-target .target-art{animation:arepa-float 2.7s var(--float-delay) ease-in-out infinite}.arepa-target kbd{right:-2px;top:40px;border-color:#ac8d4f;background:#5d492e}.event-instructions{position:relative;z-index:2;padding:17px 22px 20px;background:#15251ce0;border-top:1px solid #76876533}.event-instructions>p{font-size:11px;line-height:1.75;color:#dae0c8;min-height:37px}.event-progress{height:4px;background:#46513b;border-radius:3px;margin-top:14px;overflow:hidden}.event-progress span{display:block;height:100%;background:#edc57c;transition:width .1s linear}.event-stakes{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:8px}.event-stakes strong{color:#e5c581;font-weight:500}.event-stakes>span{color:#b8b69b}.arena-enter{animation:arena-in .5s cubic-bezier(.15,1,.3,1)}.circuit-board{position:absolute;left:10%;right:10%;top:25px;background:linear-gradient(120deg,#253747,#182831);border:2px solid #6c8485;border-radius:14px;padding:18px 16px;box-shadow:0 15px 35px #05121a66;pointer-events:auto}.circuit-label{font-size:7px;letter-spacing:1px;color:#b6ccd0;display:flex;justify-content:space-between;gap:10px}.circuit-label>span{font-size:5px;color:#7f9c9e}.wire-sequence{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 7px}.wire-sequence span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #809a9c;border-radius:8px;background:#3a505c;color:#d5e4d9;font:600 18px var(--display)}.wire-sequence b{font-size:15px;color:#89a5a1}.wire-sequence .connected{background:#84b7a0;color:#173127;border-color:#c0e7a9;box-shadow:0 0 13px #a5e5ba60}.wires{height:24px;display:flex;justify-content:space-around}.wires i{border-left:3px dashed #92b7c4;opacity:.35}.fuses{display:flex;justify-content:space-around;gap:12px}.fuse-button{background:#344852;border:1px solid #69818a;border-radius:9px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;padding:6px 6px 10px;color:#81bbda}.fuse-button svg{width:49px;height:66px;pointer-events:none}.fuse-button strong{color:#e8e9d9;font:500 16px var(--display)}.fuse-button small{font-size:6px;letter-spacing:.7px;color:#adc0be;margin-top:3px}.fuse-1{color:#e6c667}.fuse-2{color:#e58b6b}.fuse-button:hover:not(:disabled){background:#4a6370;box-shadow:0 0 18px #91d8ce25}.circuit-board>p{font-size:8px;color:#a5bec1;text-align:center;margin-top:17px}.circuit-board kbd{font:7px var(--font);padding:1px 3px;border:1px solid #829694;border-radius:3px}.wrong-wire{animation:wrong-wire .35s}.wrong-wire .circuit-board{border-color:#eb957e}.neighbor-portrait{position:absolute;width:110px;height:110px;top:5px;left:50%;transform:translateX(-50%)}.neighbor-portrait>svg{width:100%;height:100%;filter:drop-shadow(0 7px 15px #101e2770);animation:neighbor-bob 3s ease-in-out infinite}.neighbor-portrait>span{position:absolute;top:15px;right:80px;width:136px;padding:10px;border-radius:10px 10px 0 10px;border:1px solid #aabb88;background:#d2d9b6;color:#314531;font-size:9px;line-height:1.5;transform:rotate(-4deg)}.neighbor-choices{position:absolute;top:129px;left:8%;right:8%;display:flex;flex-direction:column;gap:7px;pointer-events:auto}.neighbor-choices button{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #879876;border-radius:8px;background:#2e483aeb;color:#e1e9ce;text-align:left;font-size:16px;min-height:53px;box-shadow:0 4px 10px #0d221635}.neighbor-choices button>span{flex:1;font-size:11px;font-weight:500}.neighbor-choices small{display:block;font-size:8px;font-weight:400;color:#b9c8a9;margin-top:4px;line-height:1.4}.neighbor-choices kbd{font:9px var(--font);border:1px solid #859977;border-radius:4px;padding:3px 5px}.neighbor-choices button:hover:not(:disabled){background:#4b6c50;transform:translateX(3px)}.neighbor-choices button:disabled{opacity:.45}.robber-portrait{position:absolute;left:50%;top:-12px;width:170px;height:123px;transform:translateX(-50%)}.robber-portrait>svg{width:100%;height:100%;animation:moto-wheelie 2.3s ease-in-out infinite}.robber-portrait .stolen-bottle{width:33px;position:absolute;right:11px;top:48px;transform:rotate(20deg);filter:drop-shadow(0 0 8px #ffc26150)}.loot-label{position:absolute;left:50%;top:103px;transform:translateX(-50%);padding:5px 10px;border:1px solid #bf835e;border-radius:6px;background:#573c2b;color:#f5d4a5;font-size:8px;white-space:nowrap}.robbery-choices{top:144px}.police-portrait>svg{animation:police-nod 3.4s ease-in-out infinite}
.shield-wave{position:absolute;z-index:12;pointer-events:none;left:50%;top:46%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%) scale(0);border:4px solid #bcf1e7;box-shadow:0 0 35px #a3eedfa0,inset 0 0 30px #a3eedf70;opacity:0}.shield-fired{animation:shield-wave .7s ease-out forwards}.event-outcome{position:absolute;z-index:25;top:41%;left:8%;right:8%;transform:translateY(-50%);background:linear-gradient(135deg,#31483bf5,#223c32f5);border:1px solid #b4c495;border-radius:16px;text-align:center;padding:23px 23px 27px;box-shadow:0 16px 50px #0b152470;backdrop-filter:blur(10px)}.event-outcome>span{display:block;color:#f5ce86;font-size:40px;line-height:1;margin-bottom:10px}.event-outcome>strong{display:block;font:600 25px var(--display);letter-spacing:-.5px;color:#f2eed5}.event-outcome>p{font-size:11px;color:#c5d8b7;line-height:1.75;margin-top:10px}.event-outcome>button{position:absolute;right:10px;top:7px;background:none;color:#bfcbb4;font-size:22px;width:26px;height:26px}.event-outcome[data-result="lost"],.event-outcome[data-result="exploded"]{background:linear-gradient(135deg,#544238f5,#342c29f5);border-color:#b68564}.outcome-enter{animation:outcome-in .6s cubic-bezier(.2,1.4,.3,1)}.world-effects{position:absolute;inset:0;z-index:18;overflow:hidden;pointer-events:none}.celebration-bit{position:absolute;left:50%;top:54%;width:7px;height:12px;border-radius:2px;animation:celebration 1.4s var(--delay) ease-out forwards;opacity:0}.purchase-glow{animation:purchase-glow .9s ease-out}.power-surge{animation:power-surge 1.2s ease-out}.victory-burst{animation:purchase-glow 1.5s ease-out}.damage-shake{animation:damage-shake .45s ease-out}.story-cinematic{position:absolute;inset:0;z-index:17;pointer-events:none;overflow:hidden}.cinematic-bike{position:absolute;left:35%;top:57%;width:160px;height:114px;animation:bike-escape 2s ease-in forwards}.cinematic-helper{position:absolute;left:-150px;top:61%;width:150px;height:110px;animation:helper-arrival 1.7s ease-out forwards}.story-cinematic.recovered .cinematic-bike{animation:bike-fall 1.3s ease-in-out forwards}.story-cinematic.exploded .cinematic-bike{animation:bike-flip 1.1s ease-in forwards}.cartoon-boom{position:absolute;left:50%;top:52%;width:150px;height:150px;transform:translate(-50%,-50%);background:#ffc476;clip-path:polygon(50% 0,60% 27%,86% 10%,77% 39%,100% 45%,76% 60%,94% 85%,64% 77%,49% 100%,38% 77%,8% 90%,23% 62%,0 48%,28% 37%,12% 10%,41% 26%);display:grid;place-items:center;color:#713b2d;font:800 28px var(--display);animation:cartoon-boom 1.6s ease-out forwards}.cinematic-gas{position:absolute;top:69%;left:64%;width:50px;animation:gas-return 2s ease-in-out forwards}.story-cinematic .cinematic-bike svg,.story-cinematic .cinematic-helper svg{width:100%;height:100%}.story-cinematic~.event-outcome{z-index:25}
.barrio-log{margin:23px 0 0;padding:22px;border:1px solid var(--border);border-radius:13px;background:#1b2922;display:grid;grid-template-columns:1fr 1.2fr;gap:17px 25px}.barrio-log h2{font-size:21px;margin-top:6px;letter-spacing:-.5px}.barrio-log>div>p{font-size:10px;color:var(--muted);margin-top:6px}.world-records{display:flex;align-items:center;justify-content:flex-end;gap:20px;font-size:9px;color:#a8b99c;flex-wrap:wrap}.world-records>span>b{font:500 24px var(--display);color:#dec391;display:block;margin-bottom:4px}#favor-badge{font-size:8px;padding:8px 11px;border:1px solid #887841;border-radius:7px;background:#5a4d252b;color:#e5d092}.event-journal{grid-column:1/-1;display:flex;gap:11px}.journal-entry{padding:13px 11px;display:flex;gap:10px;align-items:center;border:1px solid #42513b;border-radius:9px;background:#273727;flex:1;min-width:0}.journal-entry>span{font-size:18px;color:#bfc88e}.journal-entry>div{flex:1;min-width:0}.journal-entry strong{display:block;font-size:9px;font-weight:500;line-height:1.4}.journal-entry small{display:block;font-size:7px;margin-top:5px;color:#a2b095}.journal-entry>b{font-size:9px;color:#e4c286;white-space:nowrap}.journal-entry.lost,.journal-entry.exploded{background:#392e2580;border-color:#69503b}.empty-journal{font-size:11px;color:#b6c4a8;padding-top:12px;border-top:1px solid #46563a;width:100%;line-height:1.8}.empty-journal span{color:#899f82;font-size:9px;margin-left:6px}
@keyframes cloud-drift{to{transform:translateX(850px)}}@keyframes sun-breathe{50%{box-shadow:0 0 35px #edd38740,0 0 90px #e9c37528}}@keyframes sky-spin{to{rotate:360deg}}@keyframes star-twinkle{50%{opacity:.2;scale:.7}}@keyframes status-breathe{50%{opacity:.45}}@keyframes walking{from{rotate:-18deg}to{rotate:18deg}}@keyframes pana-walk{0%{left:-45px}100%{left:110%}}@keyframes truck-drive{0%,13%{left:-145px}65%,100%{left:110%}}@keyframes truck-delivery{0%{left:-145px}100%{left:110%}}@keyframes satellite-flight{0%,20%{transform:translate(0,0) rotate(35deg)}85%,100%{transform:translate(850px,-80px) rotate(35deg)}}@keyframes smoke-rise{0%{opacity:0;transform:translate(0,0) scale(.6)}20%{opacity:.5}100%{opacity:0;transform:translate(-22px,-73px) scale(2.8)}}@keyframes aura-orbit{50%{rotate:180deg;scale:1.06}100%{rotate:360deg}}@keyframes combo-pop{50%{scale:1.13}}@keyframes event-slide{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes arena-in{from{opacity:0;scale:.8;transform:translateY(20px)}to{opacity:1;scale:1;transform:translateY(0)}}@keyframes enemy-sway{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(8px) rotate(5deg)}}@keyframes bug-scuttle{to{rotate:5deg}}@keyframes enemy-hit{30%{scale:.8;rotate:15deg;filter:brightness(1.5)}100%{scale:1;rotate:0deg}}@keyframes arepa-float{0%,100%{transform:translateY(-7px) rotate(-9deg)}50%{transform:translateY(9px) rotate(10deg)}}@keyframes wrong-wire{20%,60%{transform:translateX(-7px)}40%,80%{transform:translateX(7px)}}@keyframes neighbor-bob{50%{transform:translateY(5px) rotate(3deg)}}@keyframes police-nod{40%{transform:rotate(-4deg)}60%{transform:rotate(4deg)}}@keyframes moto-wheelie{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-14deg) translateY(-5px)}}@keyframes shield-wave{0%{opacity:1;transform:translate(-50%,-50%) scale(.1)}100%{opacity:0;transform:translate(-50%,-50%) scale(6)}}@keyframes outcome-in{from{opacity:0;transform:translateY(-35%) scale(.7)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes celebration{0%{opacity:1;transform:translate(0,0) rotate(0deg)}75%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--rot))}}@keyframes purchase-glow{30%{box-shadow:inset 0 0 90px #afd17935,0 0 25px #bdd88020}}@keyframes power-surge{30%{box-shadow:inset 0 0 100px #eec17c55,0 0 30px #e9c07630}}@keyframes damage-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}@keyframes bike-escape{to{transform:translateX(450px) rotate(-20deg);opacity:0}}@keyframes bike-fall{40%{transform:translate(45px,7px) rotate(12deg)}100%{transform:translate(75px,55px) rotate(70deg);opacity:.2}}@keyframes bike-flip{to{transform:translate(30px,-65px) rotate(220deg) scale(.3);opacity:0}}@keyframes cartoon-boom{0%{opacity:0;scale:.1}30%{opacity:1;scale:1.2}70%{opacity:1;scale:1}100%{opacity:0;scale:1.8}}@keyframes helper-arrival{to{left:22%}}@keyframes gas-return{from{transform:translate(0,0) rotate(50deg);opacity:.3}to{transform:translate(-70px,-150px) rotate(0deg);opacity:1}}
@media(max-width:900px){.world-status{display:none}.event-stakes{flex-wrap:wrap;gap:5px}.combo-display{left:12px;padding:7px 9px}.combo-display>div{min-width:100px}.celestial{width:38px;height:38px;right:26px}.event-instructions{padding:15px 16px}.event-instructions>p{font-size:10px}.ant-target{width:91px;height:117px}.circuit-board{left:5%;right:5%;padding:15px 12px}.neighbor-choices{left:5%;right:5%}.neighbor-choices button{padding:9px}.neighbor-choices button>span{font-size:10px}.neighbor-choices small{font-size:7px}.neighbor-portrait>span{right:73px;width:106px;font-size:8px}.barrio-log{grid-template-columns:1fr}.world-records{justify-content:flex-start;grid-row:2}.event-journal{flex-wrap:wrap}.journal-entry{flex-basis:45%}.street-controls{padding:12px;gap:7px}.energy-meter>div:first-child{font-size:5px}.energy-icon{width:17px}.shield-button{padding:6px;font-size:9px}.faction-note{display:none}}
@media(max-width:600px){.world-hud{margin-top:0;gap:10px;padding:12px}.world-weather{gap:8px}.weather-orb{width:32px;height:32px;font-size:21px}.world-weather strong{font-size:10px}.world-weather span{font-size:8px;max-width:130px;line-height:1.5}.explore-button{padding:10px;font-size:9px;max-width:137px;white-space:normal;text-align:center;line-height:1.5}.faction-bar{gap:7px;margin-bottom:15px}.faction-contact{font-size:8px;padding:7px 9px;gap:5px;flex:1}.faction-contact>svg{width:21px;height:21px}.faction-contact .contact-chance{display:block;font-size:7px;margin-top:3px}.event-strip{padding:12px;gap:9px}.event-strip strong{font-size:16px;line-height:1.2;display:block}.event-strip small{font-size:6px;letter-spacing:1px}.event-strip #event-clock{font-size:20px}.event-alert-icon{width:27px;height:30px;font-size:20px;flex-shrink:0}.event-strip button{font-size:8px;padding:7px;max-width:85px}.clicker-panel{min-height:594px}.bottle-stage{height:333px;min-height:333px}.combo-display{bottom:-4px;left:12px;gap:7px}.combo-display>strong{font-size:23px}.combo-display b{font-size:5px}.combo-display>div>span{font-size:6px}.combo-display>div{min-width:100px}.has-event .bottle-stage{min-height:340px}.event-instructions{padding:14px 16px 16px}.event-instructions>p{font-size:10px;line-height:1.65}.event-stakes{font-size:7px}.ant-target{width:98px;height:120px}.ant-0{left:18%;top:7%}.ant-1{top:51%}.ant-2{left:82%;top:14%}.arepa-target{width:65px;height:65px}.circuit-board{left:7%;right:7%;top:26px}.fuse-button svg{height:63px;width:43px}.neighbor-portrait{width:107px;height:107px;top:8px}.neighbor-portrait>span{right:75px;font-size:8px;width:105px}.neighbor-choices{top:129px;left:6%;right:6%}.neighbor-choices button{padding:10px 12px;min-height:56px}.neighbor-choices button>span{font-size:11px}.neighbor-choices small{font-size:8px}.robbery-choices{top:146px}.event-outcome{left:7%;right:7%;padding:24px 18px}.event-outcome>strong{font-size:23px}.event-outcome>p{font-size:10px}.street-controls{padding:13px 16px;gap:9px}.energy-meter>div:first-child{font-size:6px}.shield-button{padding:7px 9px;font-size:10px}.barrio-log{padding:18px 16px;gap:17px}.barrio-log h2{font-size:21px}.barrio-log>div>p{font-size:9px;line-height:1.6}.world-records{gap:22px}.event-journal{display:flex;flex-direction:column;gap:8px}.journal-entry{flex-basis:auto;padding:12px}.journal-entry strong{font-size:10px}.journal-entry small{font-size:8px}.journal-entry>b{font-size:10px}.empty-journal span{display:block;margin:4px 0 0}.street-pana{bottom:121px}.street-truck{bottom:112px}}
@media(max-width:380px){.world-weather span{max-width:112px;font-size:7px}.explore-button{font-size:8px;max-width:115px;padding:9px}.world-hud{padding:10px;gap:8px}.faction-contact{font-size:7px;padding:7px;gap:4px}.faction-contact>svg{width:18px;height:18px}.faction-contact .contact-chance{font-size:6px}.ant-target{width:85px;height:113px}.arepa-target{width:59px;height:59px}.energy-meter>div:first-child{font-size:5px}.street-controls{padding:12px;gap:7px}.shield-button{font-size:9px;padding:6px}.circuit-label{font-size:6px}.circuit-label>span{display:none}.neighbor-choices button>span{font-size:10px}.neighbor-choices small{font-size:7px}.event-strip strong{font-size:14px}.event-stakes{font-size:6px}}
.faction-contact b{margin-left:4px}.contact-chance{display:block;font-size:7px;margin-top:3px}.has-event .bottle-stage{min-height:355px}.event-strip{scroll-margin-top:14px}.event-strip>div{min-width:0}
@media(max-width:600px){.has-event .bottle-stage{min-height:360px}}
@media(max-width:380px){.has-event .bottle-stage{min-height:370px}}

/* Keep play targets and surrounding content fixed while scores and events change. */
html{scrollbar-gutter:stable;overflow-anchor:none}
.clicker-panel .bottle-stage,.clicker-panel.has-event .bottle-stage{flex:0 0 370px;height:370px;min-height:370px}
.panel-topline{min-height:76px}
.stage-copy-region{display:grid;min-height:190px;position:relative;z-index:2}
.stage-copy-region>.clicker-copy,.stage-copy-region>.event-instructions{grid-area:1/1;align-self:stretch;margin:0}
.event-instructions{display:flex;flex-direction:column;justify-content:center}
.quote-strip{height:76px;min-height:76px;flex-shrink:0}
.quote-strip p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event-strip{height:86px;min-height:86px;box-sizing:border-box}
.event-strip.event-idle{background:#1b2922;border-color:#364735}
.event-idle .event-alert-icon{font-size:0;box-shadow:none;background:#364b34;color:#b9ce9f}
.event-idle .event-alert-icon:after{content:'✦';font-size:22px}
.event-idle strong{font-size:18px;color:#b8c9ac}
.event-idle #event-clock{color:#71866b}
.bombona-button,.bombona-button.tapped{animation:none;transform:none;scale:1;rotate:0deg}
.bombona-button img{transform:rotate(-7deg);animation:bob 5s ease-in-out infinite}
.bombona-button.tapped img{animation:tap .2s ease-out,bob 5s ease-in-out .2s infinite}
.bombona-button:active{scale:1;rotate:0deg}
.bombona-button:active img{scale:.94}
.event-countdown{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#09110ede;backdrop-filter:blur(12px);touch-action:none;overscroll-behavior:contain;cursor:wait;outline:none}
.countdown-card{width:min(100%,440px);padding:36px 28px;text-align:center;border:1px solid #9e824a;border-radius:24px;background:radial-gradient(ellipse at 50% 0%,#4c4527,#243c2d 50%,#192920);box-shadow:0 24px 100px #0009}
.countdown-eyebrow{font-size:9px;letter-spacing:2px;color:#edc88e;font-weight:700}
.countdown-card h2{font-size:28px;line-height:1.2;margin:17px 0 24px;text-wrap:balance}
.countdown-ring{display:grid;place-items:center;width:128px;height:128px;border-radius:50%;margin:auto;border:1px solid #f1c47988;background:#b18b3130;box-shadow:0 0 0 10px #f3c16408,inset 0 0 25px #efbd4430}
.countdown-ring strong{font:600 80px/1 var(--display);color:#ffd48c;font-variant-numeric:tabular-nums}
.countdown-card p{font-size:14px;line-height:1.8;color:#ccd9bd;margin-top:25px}
.countdown-safe{display:block;margin-top:22px;padding-top:19px;border-top:1px solid #7b986343;color:#b9d5a6;font-size:11px}
.event-preparing .clicker-panel *{animation-play-state:paused!important}
@media(max-width:600px){.event-strip{height:100px;min-height:100px}.stage-copy-region{min-height:202px}.countdown-card{padding:29px 19px}.countdown-card h2{font-size:24px}.countdown-eyebrow{font-size:8px;letter-spacing:1.2px}.event-idle strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bombona-button img{animation:none!important}}
.reduced-motion .bombona-button img{animation:none!important}
.event-outcome>button{position:static;display:block;width:auto;height:auto;margin:20px auto 0;padding:11px 18px;border:1px solid #a6ba82;border-radius:8px;background:#acc78f;color:#203322;font-size:12px;font-weight:600}
.event-outcome>button:hover{background:#c9e0ad}

.faction-bar{flex-wrap:wrap}.faction-contact{flex-shrink:0;min-height:58px}.faction-note{margin-left:auto;max-width:245px}
.president-portrait{position:absolute;left:50%;top:0;width:130px;height:158px;transform:translateX(-50%)}
.president-portrait>svg{width:100%;height:100%;animation:neighbor-bob 3s infinite}
.president-portrait>span{position:absolute;right:108px;top:25px;width:100px;padding:9px;border:1px solid #d3b866;border-radius:10px;background:#efdfa7;color:#483d25;font-size:8px;line-height:1.4;transform:rotate(-6deg)}
.president-choices{top:172px}.president-choices button{min-height:64px}.president-choices small{line-height:1.65}
.night-mission{position:absolute;inset:8px 4% 0;pointer-events:auto;padding:13px 10px 10px;border:1px solid #718584;border-radius:15px;background:linear-gradient(#192b3ef2,#11222ceb);overflow:hidden}
.mission-dashboard{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:7px;letter-spacing:.7px;color:#b7c8bd}.mission-dashboard>span{max-width:55%;line-height:1.6}.mission-dashboard strong{font-size:9px;letter-spacing:0;color:#f0d395;white-space:nowrap}
.mission-street{position:relative;display:flex;height:238px;gap:3%;padding-top:18px;isolation:isolate}
.mission-lane{position:relative;flex:1;min-width:0;height:186px;padding:0;background:linear-gradient(#14222d,#263c4366);border:1px solid #4b6569;border-radius:10px;overflow:hidden;isolation:isolate;color:#537773}
.mission-lane.lane-safe{border-color:#bcdf9a;color:#669777;box-shadow:inset 0 0 25px #a6e29516}
.mission-lane kbd{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font:11px var(--font);padding:3px 6px;background:#1a2928;border:1px solid #8b9e87;border-radius:4px;color:#e4dec0}
.lane-state{position:absolute;left:0;right:0;bottom:7px;font-size:6px;color:#abc7bc;letter-spacing:.6px}.lane-safe .lane-state{color:#d0f3a9}
.refuge-house{position:absolute;left:7%;right:7%;top:18px}.refuge-house svg{width:100%;height:130px;display:block}
.lane-spotlight{position:absolute;inset:-10px 0 15px;background:linear-gradient(#f8e7b855,#ffe5a20a);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);z-index:3;pointer-events:none}
.lane-safe .lane-spotlight{opacity:0}.chase .lane-spotlight{display:none}
.lane-bike{position:absolute;width:90%;left:5%;top:45px;opacity:0;transform:translateY(-15px)}.lane-bike svg{width:100%;height:auto}.lane-safe .lane-bike{opacity:1;transform:translateY(0);transition:transform .2s,opacity .2s}
.chase .mission-lane{background:repeating-linear-gradient(0deg,#33494c 0 28px,#1f3438 28px 33px)}
.mission-patrol{position:absolute;bottom:-6px;left:-2%;width:87px;height:50px;opacity:.8;animation:patrol-cruise 8s ease-in-out infinite alternate;pointer-events:none}.mission-patrol svg{width:100%;height:100%}
.hide-pana{position:absolute;z-index:7;width:91px;height:64px;left:50%;top:66%;transform:translate(-50%,-50%);padding:4px;background:#536f56;border:1px solid #c4dc97;border-radius:12px;touch-action:none;cursor:grab;box-shadow:0 6px 14px #0008;transition:left .22s,top .22s,scale .2s}
.hide-pana svg{display:block;width:100%;height:100%;pointer-events:none}.hide-pana>span{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;font-size:7px;padding:4px 6px;border-radius:4px;background:#182e29;color:#d9ecc2;pointer-events:none}
.hide-pana.selected{outline:3px solid #f1d289}.hide-pana.in-refuge{scale:.75;background:#142e25;border-style:dashed}.hide-pana.dragging{transition:none;scale:1;cursor:grabbing;box-shadow:0 10px 25px #0009;opacity:.94}
.night-hint{text-align:center;min-height:35px;font-size:9px;line-height:1.55;color:#c2d2bf;margin-top:5px}.mission-skip{display:block;margin:8px auto 0;background:none;border-bottom:1px solid #7e948a;padding:4px 0;font-size:8px;color:#bbc9bb}
.cinematic-banana{position:absolute;width:140px;left:40%;top:36%;animation:banana-sneak 2s ease-in-out forwards}.cinematic-banana svg{width:100%}.northern-patrol{position:absolute;width:185px;top:60%;left:-200px;animation:helper-arrival 1.5s ease-out forwards}.northern-patrol svg{width:100%}.northern-patrol>b{position:absolute;top:60%;left:10%;right:10%;padding:4px;background:#243d58;color:#e4e8e8;text-align:center;font-size:8px;letter-spacing:.5px}.banana-reward{position:absolute;top:32%;left:50%;transform:translateX(-50%);font:600 26px var(--display);color:#ffdf8e;animation:combo-pop .8s infinite}
.event-outcome[data-result="raided"]{background:linear-gradient(135deg,#4e4554f5,#252d3ef5);border-color:#ad8f86}
@keyframes patrol-cruise{to{left:76%}}@keyframes banana-sneak{to{transform:translate(90px,40px) rotate(-30deg) scale(.5);opacity:0}}
@media(max-width:600px){.faction-contact{flex:1;min-width:90px}.faction-note{display:none}.president-portrait>span{right:98px;width:85px;font-size:7px}.night-mission{inset:5px 3% 0;padding:12px 8px}.mission-dashboard{font-size:6px}.mission-dashboard strong{font-size:8px}.hide-pana{width:77px;height:57px}.night-hint{font-size:8px}.president-choices button>span{font-size:10px}}
.reduced-motion .cinematic-banana,.reduced-motion .mission-patrol,.reduced-motion .president-portrait>svg,.reduced-motion .banana-reward{animation:none!important}.reduced-motion .hide-pana{transition:none}
@media(prefers-reduced-motion:reduce){.cinematic-banana,.mission-patrol,.president-portrait>svg,.banana-reward{animation:none!important}.hide-pana{transition:none}}
.coffee-portrait{width:141px;height:165px}.coffee-portrait>span{right:119px}.coffee-choices{top:177px}.cup-steam{animation:coffee-steam 1.8s ease-in-out infinite}
.cinematic-coffee{position:absolute;width:150px;left:36%;top:28%;animation:coffee-chat 1.8s ease-in-out forwards}.cinematic-coffee svg{width:100%}.cinematic-coffee.coffee_theft{animation:coffee-escape 2s ease-in forwards}.guest-stolen-gas{position:absolute;width:61px;top:67%;left:69%;transform:rotate(-20deg)}
.event-outcome[data-result="coffee_theft"],.event-outcome[data-result="coffee_fine"]{background:linear-gradient(135deg,#564536f5,#332e29f5);border-color:#be9572}
@keyframes coffee-steam{50%{opacity:.35;transform:translateY(-4px)}}@keyframes coffee-chat{0%{transform:translateY(14px);opacity:0}30%,70%{transform:translateY(0);opacity:1}100%{opacity:.25}}@keyframes coffee-escape{to{transform:translateX(290px) rotate(10deg);opacity:0}}
.reduced-motion .cup-steam,.reduced-motion .cinematic-coffee{animation:none!important}@media(prefers-reduced-motion:reduce){.cup-steam,.cinematic-coffee{animation:none!important}}
@media(max-width:600px){.faction-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.faction-contact{min-width:0}.faction-contact .contact-chance{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.event-target .target-art,.living-scene *,.neighbor-portrait>svg,.robber-portrait>svg{animation:none!important}.story-cinematic .cinematic-bike{left:60%;opacity:.4}.story-cinematic .cinematic-helper{left:15%}.cartoon-boom{opacity:.6}.celestial,.clicker-panel,body{transition:none!important}}

/* Relationship consequences and the new street allies. */
.maria-contact{border-color:#5f7770;background:linear-gradient(120deg,#1c3030,#232b27)}.maria-contact>svg{color:#769986}.event-strip[data-kind="cambur_fate"]{background:linear-gradient(100deg,#66542a,#352d25);border-color:#d0aa58}.event-strip[data-kind="convoy"],.event-strip[data-kind="maria_arrival"]{background:linear-gradient(100deg,#24525a,#28372f);border-color:#6ca8a5}
.cambur-fate-call{position:absolute;top:145px;left:10%;right:10%;display:grid;gap:8px;padding:13px;border:1px solid #a88c50;border-radius:12px;background:#172a23ed;box-shadow:0 10px 30px #07100d88;pointer-events:auto;text-align:center}.cambur-fate-call>strong{font-size:9px;letter-spacing:1.4px;color:#f0c77e}.cambur-fate-call>p{font-size:9px;line-height:1.55;color:#bdcbb6}.cambur-fate-call>button{display:flex;align-items:center;gap:9px;min-height:58px;padding:10px 13px;border:1px solid #d2b168;border-radius:9px;background:linear-gradient(#e6b96d,#be8848);color:#342719;text-align:left}.cambur-fate-call button>span{flex:1;font-size:11px;font-weight:700}.cambur-fate-call small{display:block;margin-top:4px;font-size:8px;font-weight:500;line-height:1.35}.cambur-fate-call kbd{font:9px var(--font);padding:3px 5px;border:1px solid #72552f;border-radius:4px}
.ally-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ally-choices button{min-width:0;min-height:66px;padding:8px 9px}.ally-choices button>span{font-size:10px}.ally-choices small{font-size:7px;line-height:1.35}.ally-choices button:hover:not(:disabled){transform:translateY(-2px)}
.maria-helper-art,.maria-finale{position:relative;display:block;width:100%;height:100%}.maria-helper-art>svg,.maria-finale>svg{width:72%!important;height:82%!important;position:absolute;left:0;bottom:0}.maria-helper-art>b,.maria-finale>b{position:absolute;right:-2px;bottom:2px;font-size:31px;filter:drop-shadow(0 4px 5px #0008)}
@media(max-width:600px){.cambur-fate-call{top:138px;left:6%;right:6%;padding:11px}.cambur-fate-call>p{font-size:8px}.ally-choices{left:4%;right:4%;gap:6px}.ally-choices button{min-height:63px;padding:7px}.ally-choices button>span{font-size:9px}.ally-choices small{font-size:7px}.robbery-choices.ally-choices{top:140px}}