*{box-sizing:border-box}html{background:#050505;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 50% -10%,#342900 0,#0b0b0b 28%,#050505 60%);min-height:100%}button{font:inherit}.game-shell{max-width:760px;margin:0 auto;padding:env(safe-area-inset-top) 14px calc(88px + env(safe-area-inset-bottom));overflow:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:17px 2px 10px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:46px;height:46px;object-fit:contain;border-radius:12px;background:#111}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.22em;font-weight:900;color:#cab75a;margin:0 0 2px}.brand h1{font-size:23px;margin:0;letter-spacing:.04em}.icon-btn{width:44px;height:44px;border-radius:14px;border:1px solid #2c2c2c;background:#111;color:#fff;font-size:20px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.stat{background:#111;border:1px solid #232323;border-radius:13px;padding:9px 7px;text-align:center}.stat span{display:block;color:#8e8e8e;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.stat strong{font-size:15px}.xp-wrap{padding:11px 2px 14px}.xp-label{display:flex;justify-content:space-between;font-size:11px;color:#aaa;margin-bottom:5px}.progress{height:7px;background:#202020;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ceb91f,#fff087);transition:width .3s}.scene-card,.panel{background:#0e0e0e;border:1px solid #222;border-radius:20px;margin-bottom:14px;overflow:hidden}.scene-top,.panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px}.scene-top h2,.panel-head h2{margin:1px 0 0;font-size:18px}.day-clock{text-align:right}.day-clock span{display:block;font-weight:900;font-size:18px}.day-clock small{color:#8e8e8e}.shop-floor{height:270px;position:relative;overflow:hidden;background:linear-gradient(#171717 0 48%,#2b2924 48% 51%,#181715 51%);border-top:1px solid #222}.shop-floor:before{content:"";position:absolute;inset:51% 0 0;background:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.035) 35px 36px),repeating-linear-gradient(0deg,transparent 0 34px,rgba(255,255,255,.035) 35px 36px)}.wall-sign{position:absolute;top:18px;left:50%;transform:translateX(-50%);border:2px solid #d5c157;color:#d5c157;font-weight:1000;font-size:26px;padding:5px 14px;border-radius:9px;box-shadow:0 0 20px #8b79004a}.floor-zone{position:absolute;z-index:2}.zone-label{font-size:8px;letter-spacing:.15em;color:#777;font-weight:900;text-align:center}.shelf-zone{left:10px;top:34px;width:36%}.pack-zone{right:11px;top:44px;width:25%;text-align:center}.till-zone{right:11px;bottom:24px;width:28%;text-align:center}.shelf-visuals{height:110px;border:5px solid #3b3328;border-top-width:8px;margin-top:4px;background:repeating-linear-gradient(0deg,#29231c 0 4px,#111 5px 32px);display:grid;grid-template-columns:repeat(4,1fr);align-items:end;padding:7px 4px;gap:3px}.mini-product{height:32px;border-radius:4px;background:#7d6f28;color:#111;font-weight:1000;font-size:7px;display:flex;align-items:center;justify-content:center}.bench{font-size:38px;background:#2a2520;border:4px solid #453d31;border-radius:8px;padding:7px}.counter{height:42px;background:linear-gradient(#4a4032,#29231c);border:3px solid #61543e;border-radius:6px;margin-top:4px}.worker-avatar{font-size:35px;position:absolute;left:50%;transform:translateX(-50%);top:46px}.till-zone .worker-avatar{top:-27px}.hidden{display:none!important}.customer-lane{position:absolute;left:12px;right:34%;bottom:18px;display:flex;gap:5px;align-items:end;z-index:3}.customer-dot{width:35px;text-align:center;animation:bob 1.8s ease-in-out infinite alternate}.customer-dot .face{font-size:30px}.customer-dot small{font-size:7px;background:#000c;border-radius:99px;padding:2px 4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-card{display:flex;gap:10px;align-items:center;background:#26200a;border:1px solid #645916;padding:12px 13px;border-radius:16px;margin:0 0 14px;font-size:12px}.alert-card span{flex:1;color:#d7ca93}.alert-card button,.mini-btn{border:0;background:#d7c44f;color:#080808;font-weight:900;border-radius:10px;padding:9px 11px}.queue-panel{scroll-margin-top:10px}.queue-list{display:grid;gap:9px;padding:0 12px 12px}.order-card{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;background:#151515;border:1px solid #252525;border-radius:15px;padding:10px}.order-avatar{width:45px;height:45px;border-radius:50%;background:#262626;display:grid;place-items:center;font-size:25px}.order-info{min-width:0}.order-info strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-info span{display:block;font-size:11px;color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.patience{height:4px;background:#292929;border-radius:99px;overflow:hidden;margin-top:7px}.patience span{height:100%;display:block;background:#d7c44f}.order-status{text-align:right}.order-status strong{display:block;font-size:13px}.order-status small{color:#888;font-size:9px;text-transform:uppercase}.empty-state{text-align:center;padding:22px;color:#888}.empty-state .empty-icon{font-size:28px}.empty-state strong{display:block;color:#bbb;margin:5px}.empty-state span{font-size:11px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.action-card{min-height:84px;text-align:left;display:flex;gap:10px;align-items:center;border-radius:17px;border:1px solid #292929;background:#121212;color:#fff;padding:12px}.action-card.primary{background:#d9c84d;color:#080808;border-color:#d9c84d}.action-card:disabled{opacity:.42}.action-icon{font-size:27px}.action-card strong,.action-card small{display:block}.action-card strong{font-size:12px}.action-card small{font-size:9px;opacity:.7;margin-top:3px}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;padding:0 12px 14px}.product-card{background:#151515;border:1px solid #252525;border-radius:15px;overflow:hidden}.product-image{height:92px;width:100%;object-fit:cover;background:#222}.product-body{padding:9px}.product-body strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{display:flex;justify-content:space-between;color:#909090;font-size:9px;margin:5px 0 7px}.stock-meter{height:5px;background:#292929;border-radius:99px;overflow:hidden}.stock-meter span{height:100%;display:block;background:#d7c44f}.product-buy{width:100%;margin-top:8px;border:0;border-radius:9px;padding:8px;background:#272727;color:#fff;font-weight:800;font-size:10px}.upgrade-list,.staff-list,.challenge-list,.branch-list{display:grid;gap:8px;padding:0 12px 14px}.list-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:11px;background:#151515;border:1px solid #252525;border-radius:14px}.list-icon{width:40px;height:40px;display:grid;place-items:center;background:#222;border-radius:11px;font-size:20px}.list-copy strong,.list-copy span{display:block}.list-copy strong{font-size:12px}.list-copy span{font-size:9px;color:#888;margin-top:3px}.list-card button{border:0;border-radius:9px;padding:9px 10px;background:#d7c44f;color:#090909;font-size:10px;font-weight:900}.list-card button:disabled{background:#292929;color:#777}.pill{font-size:9px;border:1px solid #333;color:#aaa;padding:5px 8px;border-radius:99px}.challenge-progress{font-size:10px;color:#d7c44f;font-weight:900}.branch-card.active{border-color:#71651b;background:#1b190f}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);background:#0a0a0af2;border-top:1px solid #242424;padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:20;backdrop-filter:blur(12px)}.bottom-nav button{border:0;background:#171717;color:#aaa;border-radius:11px;padding:10px 4px;font-size:10px;font-weight:800}.toast{position:fixed;left:50%;bottom:82px;transform:translate(-50%,20px);background:#f2e16b;color:#090909;padding:10px 14px;border-radius:12px;font-size:11px;font-weight:900;opacity:0;pointer-events:none;transition:.22s;z-index:50;max-width:85%;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;background:transparent;padding:14px;width:min(500px,100%)}dialog::backdrop{background:#000b}.dialog-card{background:#101010;color:#fff;border:1px solid #292929;border-radius:22px;padding:15px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.menu-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.menu-stats div{background:#171717;border-radius:12px;padding:10px}.menu-stats span,.menu-stats strong{display:block}.menu-stats span{font-size:9px;color:#888}.dialog-action{width:100%;border:0;border-radius:12px;padding:13px;margin-top:8px;background:#d7c44f;color:#050505;font-weight:900}.dialog-action.danger{background:#2a1515;color:#ff9999;border:1px solid #542727}.privacy-note{color:#777;font-size:10px;line-height:1.5;margin:14px 3px 3px}@keyframes bob{from{transform:translateY(0)}to{transform:translateY(-4px)}}@media(min-width:560px){.inventory-grid{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:repeat(4,1fr)}.action-card{min-height:105px;display:block}.action-icon{display:block;margin-bottom:8px}.shop-floor{height:320px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* V2 smooth scrolling + persistent top controls */
.topbar{position:sticky;top:0;z-index:40;margin:0 -14px;padding:10px 16px 9px;background:rgba(5,5,5,.94);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.game-shell{overflow:visible}.stats-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.empire-stat strong{font-size:13px}.location-level{display:block;color:#8f8f8f;font-size:10px;margin-top:3px}.empire-note{margin:0 14px 12px;color:#8d8d8d;font-size:10px;line-height:1.45}.staff-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.staff-controls button{min-width:70px}.staff-count{font-weight:900;color:#d7c44f}.potency-badge{color:#d7c44f!important;font-weight:900}.branch-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.branch-meta span{font-size:8px;color:#aaa;background:#202020;border-radius:999px;padding:3px 6px}.branch-card .list-copy{min-width:0}
@media(max-width:420px){.topbar .brand-mark{width:38px;height:38px}.topbar .brand h1{font-size:18px}.stats-strip{gap:5px}.stat{padding:8px 4px}.stat strong{font-size:12px}.stat span{font-size:8px}}


/* V4 fixed navigation + smooth dynamic UI */
html, body { overflow-anchor: none; }
.topbar{
  position:sticky;
  top:0;
  z-index:60;
  transform:translateZ(0);
  will-change:transform;
}
.topbar-actions{display:flex;align-items:center;gap:8px}
.sticky-cash{
  min-width:88px;
  padding:7px 10px;
  border:1px solid #343434;
  border-radius:12px;
  background:#141414;
  text-align:right;
  line-height:1.05;
}
.sticky-cash span{display:block;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#929292}
.sticky-cash strong{display:block;margin-top:3px;font-size:15px;color:#f2df67}
.section-sub{display:block;color:#858585;font-size:9px;margin-top:2px}
.action-card,.action-card:disabled{box-sizing:border-box;border-width:1px;transform:none}
.action-card:disabled{filter:saturate(.7);opacity:.48}
.action-card:not(:disabled){opacity:1}
.queue-panel,.action-grid,.inventory-grid,.upgrade-list,.staff-list,.branch-list{overflow-anchor:none}
.shop-floor-v4{height:360px;contain:layout paint}
.station-area{position:absolute;z-index:4}
.cashier-area{right:8px;bottom:18px;width:46%}
.packer-area{right:8px;top:48px;width:46%}
.stock-area{left:9px;bottom:92px;width:37%}
.station-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:4px}
.staff-station{
  min-height:58px;border:2px solid #3a3327;border-radius:8px;background:#171512;
  display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.24;
  transition:opacity .16s linear,border-color .16s linear,background-color .16s linear
}
.staff-station.active{opacity:1;border-color:#8c7c2b;background:#211e12}
.staff-station.busy{border-color:#eadc72;background:#302b15}
.station-worker{font-size:23px;line-height:1}.station-name{font-size:7px;color:#aaa;margin-top:4px}
.stock-station{min-height:54px;margin-top:4px;border:2px solid #3a3327;border-radius:8px;background:#171512;display:flex;align-items:center;gap:8px;padding:8px}
.stock-station.active{border-color:#8c7c2b;background:#211e12}
.stock-station.busy{border-color:#eadc72;background:#302b15}
.stock-icon{font-size:25px}.stock-team{font-size:8px;color:#bbb;font-weight:800}
.shop-floor-v4 .shelf-zone{top:42px;left:8px;width:38%}
.shop-floor-v4 .customer-lane{left:8px;right:48%;bottom:18px}
.shop-floor-v4 .wall-sign{top:8px}
.potency-controls{margin-top:8px;padding-top:8px;border-top:1px solid #292929}
.potency-line{display:flex;justify-content:space-between;gap:8px;align-items:center}
.potency-line strong{font-size:9px;color:#ddca56}.potency-line span{font-size:8px;color:#999}
.potency-upgrade{width:100%;margin-top:7px;border:1px solid #655b26;border-radius:9px;padding:8px 6px;background:#24200f;color:#f1df6d;font-size:9px;font-weight:900}
.potency-upgrade:disabled{background:#1d1d1d;border-color:#303030;color:#777}
.staff-list .list-card{grid-template-columns:42px minmax(0,1fr)}
.staff-list .staff-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.staff-list .staff-controls button{width:100%}
@media(max-width:430px){
  .sticky-cash{min-width:76px;padding:6px 8px}.sticky-cash strong{font-size:13px}.shop-floor-v4{height:350px}
}