.gem-related{background:#f5f0fb!important;border-color:#d8cce5!important;color:#665776!important}
.wallet .gem-wallet{background:linear-gradient(135deg,#f8f3ff,#eee5f8)!important;border:2px solid #bca6d2!important;box-shadow:0 5px 16px rgba(119,88,151,.2);font-weight:900}
.wallet .gem-wallet b,.wallet .gem-wallet strong{color:#71558f}
.wallet .coin-wallet{background:#fffaf0;border-color:#ead9b7}
.upgrade-card.gem-related{box-shadow:0 9px 28px rgba(119,88,151,.12)}
.upgrade-card .price.gem-related{display:inline-block;padding:6px 10px;border:1px solid #d8cce5;border-radius:99px}
.upgrade-card .primary.gem-related{box-shadow:0 7px 16px rgba(119,88,151,.15)}
.gem-pack.gem-related:hover{border-color:#9475b1!important;transform:translateY(-2px)}
.subscription-pack{grid-column:1/-1;min-height:112px;background:linear-gradient(135deg,#f5f0fb,#fff4dc)!important}.subscription-pack span{font-size:20px}.subscription-pack small{font-weight:700}.subscription-pack em{color:#776b72;font-size:10px;font-style:normal;font-weight:700}.subscription-pack:disabled{opacity:.62;cursor:not-allowed;transform:none!important}.subscription-status{margin:0 0 12px;padding:10px 12px;border:1px solid #cdb8dd;border-radius:12px;background:#f5f0fb;color:#655274;font-size:12px;font-weight:800}.gem-shop-card #manage-subscription{display:block;margin:0 auto 10px}.gem-shop-card #manage-subscription[hidden],.subscription-status[hidden]{display:none}
.task-reset-label{display:block;margin-top:14px;padding:9px 11px;border-radius:11px;background:#edf3ee;color:#55705c;font-size:10px;font-weight:800;line-height:1.4}
.task-reward{font-style:normal;font-weight:900}
.task-reward.gem-related{display:inline-block;padding:2px 6px;border:1px solid #d8cce5;border-radius:99px}
.task-item.gem-related{background:#f5f0fb!important}
.task-item button.gem-related{background:#ded1ea!important;color:#604a75!important}
.task-item button.gem-related:disabled{background:#e7dfed!important;color:#9990a0!important}
.role-limits{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.role-limits span{background:#eef3ed;border:1px solid #d7e2d5;border-radius:99px;padding:9px 13px;font-size:11px;color:var(--sage)}
.role-limits b{font-size:15px}
.floor-status-stack{display:grid;justify-items:end;gap:5px}.weather-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:99px;background:#fff4d9;color:#74592b;font-size:10px;font-weight:900}.staff-weather{display:flex;align-items:center;gap:14px;margin:20px 0 10px;padding:16px 18px;border:1px solid #e8d8b4;border-radius:16px;background:linear-gradient(135deg,#fff8df,#fffdf6)}.staff-weather>span{font-size:34px}.staff-weather>div{display:grid;gap:2px}.staff-weather small{font-size:8px;font-weight:900;letter-spacing:.12em;color:#8c7546}.staff-weather b{font:700 20px Fredoka;color:#594626}.staff-weather p{margin:0;color:var(--muted);font-size:11px}.storage-heading{margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}.storage-heading>div{display:grid;gap:3px}.storage-heading h2{margin:0}.storage-grid{margin-bottom:18px}.employee-card.stored-staff{border-style:dashed}.staff-weather-tag{display:inline-flex;width:max-content;max-width:100%;margin-bottom:7px;padding:5px 8px;border:1px solid #ded8ce;border-radius:99px;background:#f5f2ed;color:#6f685e;font-size:8px;font-weight:900}.staff-weather-tag.active{border-color:#e4bd63;background:#fff0b8;color:#72551c;box-shadow:0 4px 12px rgba(198,145,41,.16)}.staff-weather-tag.neutral{background:#f0f3ef;color:#657164}.employee-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.employee-actions .employee-action{margin-top:0}.assignment-action{border:1px solid var(--look-accent);border-radius:12px;padding:10px 8px;background:white;color:var(--look-accent);font-weight:900;cursor:pointer}.assignment-action.store-action{border-color:#c9b9a4;color:#746552}.assignment-action:disabled{border-color:#ddd8ce;background:#f1eee9;color:#9a948b;cursor:not-allowed}.employee-card.weather-boosted,.floor-staff.weather-boosted{filter:drop-shadow(0 0 8px rgba(232,179,60,.55))}
.applicant-heading{align-items:center;padding-top:22px;border-top:1px solid var(--line)}
.applicant-heading>div{display:grid;gap:4px}
.applicant-heading h2{margin:0}
.refresh-staff{border:1px solid #d8cce5;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer;box-shadow:0 6px 16px rgba(119,88,151,.13)}
.refresh-staff:disabled{border-color:#d9d5ce;background:#ebe8e1;color:#807b73;box-shadow:none;cursor:not-allowed;opacity:.78}
.candidate-grid{margin-bottom:40px}
.applicant-note{display:block;margin-top:9px;color:var(--muted);font-size:9px;text-align:center}
.empty-applicants{grid-column:1/-1;background:#f4f0e8;border-radius:16px;padding:22px;text-align:center;color:var(--muted)}
.gem-warning .confirm-card{background:#f5f0fb;border:2px solid #c9b6dc}
.gem-warning .confirm-card:before{content:"◆ GEM SPEND WARNING";display:inline-block;background:#e5d8f0;color:#674e7f;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:.08em}
.gem-warning .confirm-card>.kicker{display:none}
.gem-warning .confirm-actions .primary{background:#ded1ea;color:#604a75;border:1px solid #c6b3d8}
.rewarded-ad.gem-related{background:#f5f0fb!important}
.gem-label.gem-related{display:inline-block;padding:3px 7px;border:1px solid #d8cce5;border-radius:99px}
.gem-shop-card.gem-related{box-shadow:0 18px 55px rgba(100,70,130,.25)}
.gem-shop-card .primary.gem-related{box-shadow:none}
.ad-player.gem-related{border:2px solid #c9b6dc}
.employee-info p{min-height:76px;line-height:1.45}
.upgrade-label{display:block;margin-top:8px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.12em}
.employee-card{border-top:4px solid var(--look-accent)}.employee-card .staff-model{display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--look-accent) 14%,#fffaf2),color-mix(in srgb,var(--look-accent) 30%,#eadcc8));overflow:hidden}.employee-card.not-hired .staff-model{opacity:.88}.painted-cat-portrait{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;transform:translate(-50%,-50%)!important;object-fit:contain!important;object-position:center!important;clip-path:none!important}.cat-type{display:block;margin:-2px 0 8px;color:var(--look-accent);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.staff-accessory{position:absolute;right:13px;bottom:12px;display:grid;place-items:center;width:34px;height:34px;border:2px solid white;border-radius:50%;background:var(--look-accent);font-style:normal;font-size:18px;box-shadow:0 4px 12px rgba(55,40,30,.2);z-index:3}.staff-accessory small{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 2px;border:2px solid white;border-radius:99px;background:#4d4037;color:white;font:800 8px Fredoka}.employee-card .experience-badge{background:color-mix(in srgb,var(--look-accent) 16%,white);color:color-mix(in srgb,var(--look-accent) 75%,#26362d)}
.signature-item{display:grid;grid-template-columns:auto 1fr;gap:9px 10px;align-items:center;margin-top:13px;padding:11px;border:1px solid color-mix(in srgb,var(--look-accent) 35%,#e7dfd5);border-radius:14px;background:color-mix(in srgb,var(--look-accent) 8%,#fffdf8)}.signature-item-icon{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border:2px solid white;border-radius:50%;background:var(--look-accent);font-size:20px;box-shadow:0 3px 9px rgba(55,40,30,.14)}.signature-item>div{display:grid;gap:1px;min-width:0}.signature-item small{color:var(--look-accent);font-size:7px;font-weight:900;letter-spacing:.08em}.signature-item b{overflow:hidden;color:var(--ink);font:700 13px Fredoka;text-overflow:ellipsis;white-space:nowrap}.signature-item em{color:var(--muted);font-size:9px;font-style:normal}.signature-item-action{grid-column:1 / -1;border:0;border-radius:10px;padding:9px;background:var(--look-accent);color:white;font-size:10px;font-weight:900;cursor:pointer}.signature-item-action:disabled{background:#ddd8ce;color:#8a857d;cursor:not-allowed}
.recipe-categories{display:grid;gap:8px}.recipe-category{scroll-margin-top:100px}.recipe-category-heading{padding-bottom:8px;border-bottom:1px solid var(--line)}.recipe-category-heading>div{display:grid;gap:3px}.recipe-category-heading h2{margin:0}.recipe-category-heading>span b{color:var(--sage);font-size:17px}.topbar nav{max-width:min(610px,52vw);overflow-x:auto;scrollbar-width:none}.topbar nav::-webkit-scrollbar{display:none}.nav-button{white-space:nowrap}
.floor-staff-layer{position:absolute;inset:0;z-index:4;pointer-events:none}.floor-staff{position:absolute;left:var(--staff-x);top:var(--staff-y);width:58px;height:74px;transform:translate(-50%,-10%);filter:drop-shadow(0 7px 5px rgba(70,44,26,.2))}.floor-staff>i{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:visible;border:0;border-radius:0;outline:0;background:transparent}.floor-staff .painted-cat-portrait{width:100%!important;height:100%!important}.floor-staff>span{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;background:rgba(255,253,250,.94);border:1px solid #ddcfbc;border-radius:99px;padding:3px 6px;color:#4d4033;font-size:7px;font-weight:900;white-space:nowrap}.floor-staff>span b{color:var(--sage);font-size:6px}.floor-staff.role-server{animation:staffPatrol 2.4s ease-in-out infinite alternate}.floor-staff.role-server:nth-child(even){animation-delay:-1.2s}@keyframes staffPatrol{to{transform:translate(-50%,calc(-10% - 5px)) rotate(2deg)}}
.workstation-staff-layer{z-index:3}.workstation-staff-layer .floor-staff{transform:translate(-50%,0)}.workstation-staff-layer .floor-staff>span{bottom:-3px}.floor-kitchen-station,.floor-coffee-station{overflow:hidden}.floor-kitchen-station .station-appliance,.floor-coffee-station .station-appliance,.floor-kitchen-station>b,.floor-coffee-station>b{z-index:4}
@media(max-width:560px){.floor-staff{width:46px;height:59px}.floor-staff>span{display:none}}
@media(max-width:580px){.applicant-heading{display:grid;gap:14px}.refresh-staff{width:100%}}
@media(max-width:580px){.floor-status-stack{justify-items:start}.employee-actions{grid-template-columns:1fr}.staff-weather{align-items:flex-start}}
.upgrade-card{transition:transform .22s ease,box-shadow .22s ease}.upgrade-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(78,55,38,.13)}.upgrade-card:hover .upgrade-icon{animation:upgradeWiggle .55s ease}.upgrade-card .tier{padding:4px 7px;border-radius:99px;background:#f5eee3}.upgrade-card:has(.tier){overflow:hidden}.upgrade-card:before{content:"";position:absolute;right:-28px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--peach) 18%,transparent),transparent 68%);pointer-events:none}@keyframes upgradeWiggle{25%{transform:rotate(-7deg) scale(1.08)}65%{transform:rotate(6deg) scale(1.12)}100%{transform:rotate(0) scale(1)}}

/* Live-floor role scale and workstation depth. */
.floor-staff.role-server{width:70px;height:89px}
#floor-chef-layer{z-index:5}
#floor-barista-layer{z-index:2}
.floor-coffee-worktop{z-index:4}
.floor-staff .painted-cat-portrait{width:260%!important;height:135%!important;max-width:none!important}
.workstation-staff-layer .floor-staff>span{bottom:-12px}
.floor-staff.role-server>span{bottom:-16px}
#floor-chef-layer .floor-staff .painted-cat-portrait{width:230%!important;height:118%!important}
#floor-chef-layer .floor-staff>span{bottom:-7px}
@media(max-width:560px){.floor-staff.role-server{width:56px;height:71px}.floor-staff .painted-cat-portrait{width:250%!important;height:128%!important}}
.floor-staff{left:calc(var(--staff-x) + var(--staff-offset-x,0px))}

/* One wall layer across both rooms, plus a clear Barista/equipment gap. */
.cafe-floor:before{background:none;box-shadow:none}
.floor-kitchen-station{overflow:visible}
.floor-kitchen-station:before{
  left:0;
  right:auto;
  width:100vw;
  height:var(--wall-seam);
  background:#ead79e url("assets/decor/storybook-wall-smooth.webp") left top/auto 100% repeat-x;
  box-shadow:0 6px 8px rgba(87,55,34,.2),inset 0 -3px 0 rgba(83,52,34,.2);
}
#floor-barista-layer .floor-staff .painted-cat-portrait{width:210%!important;height:120%!important}
.floor-coffee-station{overflow:visible}
.cafe-floor>.floor-coffee-worktop{left:calc(12.5% - 12px);right:auto!important;top:40%;width:52px!important;z-index:8;isolation:isolate}
@media(max-width:560px){#floor-barista-layer .floor-staff .painted-cat-portrait{width:200%!important;height:116%!important}.cafe-floor>.floor-coffee-worktop{left:calc(12.5% - 8px);right:auto!important;width:38px!important}}
.employee-name-line{gap:8px;flex-wrap:wrap}.employee-name-line .experience-badge{margin-left:auto}.rename-cat-action{flex:1 0 100%;border:1px solid color-mix(in srgb,var(--look-accent) 55%,#d8d0c6);border-radius:10px;padding:7px 10px;background:color-mix(in srgb,var(--look-accent) 9%,white);color:color-mix(in srgb,var(--look-accent) 72%,#493d35);font-size:10px;font-weight:900;cursor:pointer}.rename-cat-action:hover{background:color-mix(in srgb,var(--look-accent) 17%,white)}