.production-bar{position:absolute;right:-7px;top:0;width:4px;height:24px;background:#172d36;border:1px solid #97b5ae;border-radius:2px;overflow:hidden}.production-bar i{position:absolute;bottom:0;left:0;width:100%;background:#8ed6aa}.production-ready .city-icon{animation:production-pulse 1.8s ease-in-out infinite}.production-badge .factory-svg{width:12px;height:12px}.cash-token{position:absolute;width:7px;height:7px;background:#a7e4ae;border:1px solid #fff2b5;box-shadow:0 0 5px #90cd9c;pointer-events:none;z-index:30}.production-game{color:#e5eee9;background:#12262e;border:1px solid #759990;border-radius:10px;padding:22px;width:min(610px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-sizing:border-box}.production-game::backdrop{background:#041017b8}.production-game h2{margin:0 0 10px;color:#f3c775;letter-spacing:.08em;text-transform:uppercase}.production-game p{font-size:14px;line-height:1.45;margin:0 0 16px}.bubble-console{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px}.worker-portrait{overflow:hidden;border:1px solid #74897e;border-radius:4px;min-height:300px;background:#102329}.worker-portrait img{width:100%;height:100%;object-fit:cover;object-position:48% 40%;display:block}.bubble-stage{position:relative;margin:auto;max-width:320px}.bubble-station canvas{display:block;width:100%;height:auto;border:1px solid #5d8585;cursor:crosshair;touch-action:none;box-sizing:border-box}.bubble-countdown{position:absolute;inset:0;display:grid;place-items:center;background:#07161dcc;color:#f3c775;font-size:42px;letter-spacing:.12em;text-align:center;text-shadow:0 0 14px #e5a945;font-variant-numeric:tabular-nums;pointer-events:none}.bubble-countdown[hidden]{display:none}.bubble-countdown.result{grid-template-rows:auto auto auto;align-content:center;gap:12px;background:#07161df0;padding:18px;box-sizing:border-box;letter-spacing:.04em}.bubble-countdown.result span{font-size:22px}.bubble-countdown.result b{font-size:30px;color:#a9e7b5}.bubble-countdown.result small{font-size:13px;color:#d6e3dd;text-shadow:none}.bubble-hud{font-size:13px;line-height:1.6;margin:8px 0;min-height:42px;color:#e9c98a;font-variant-numeric:tabular-nums}.bubble-buttons{display:flex;gap:6px;flex-wrap:wrap}.production-game button{flex:1;padding:10px 8px;background:#315c52;color:white;border:1px solid #a6c9b7;border-radius:4px;cursor:pointer;font:inherit;font-size:12px}.production-game button:disabled{opacity:.4;cursor:default}.production-game button:focus-visible,.bubble-station canvas:focus-visible{outline:2px solid #f0ca80;outline-offset:3px}.production-cost{font-size:11px;opacity:.8}@keyframes production-pulse{50%{filter:brightness(1.5);opacity:.65}}@media(max-width:520px){.production-game{padding:14px}.bubble-console{grid-template-columns:80px minmax(0,1fr);gap:8px}.worker-portrait{min-height:240px}.production-game p{font-size:13px}.bubble-buttons button{font-size:11px;padding:10px 4px}.bubble-countdown{font-size:28px}.bubble-countdown.result span{font-size:17px}.bubble-countdown.result b{font-size:24px}}@media(prefers-reduced-motion:reduce){.production-ready .city-icon{animation:none;filter:brightness(1.4)}}
/* Preserve the full CRT frame and both workers instead of cropping their faces. */
.worker-portrait{min-height:0;align-self:center;background:#030806;border-radius:10px}
.worker-portrait img{height:auto;object-fit:contain;object-position:center}
@media(min-width:521px){.production-game{width:min(680px,calc(100vw - 32px))}.bubble-console{grid-template-columns:220px minmax(0,1fr)}}