#shopFloor.sf-inline-active{touch-action:auto}
#shopFloor.sf-inline-active .sf-hud{right:calc(var(--shop-inline-width,260px) + 12px)}
#shopFloor.sf-inline-active .sf-hint{right:calc(var(--shop-inline-width,260px) + 15px)}
#shopFloor.sf-inline-active .sf-floors{right:calc(var(--shop-inline-width,260px) + 12px)}
#shopFloor.sf-inline-active .sf-grow{display:none}
#shopFloor .si-dock{position:absolute;z-index:5;right:0;top:0;bottom:0;width:var(--shop-inline-width,260px);box-sizing:border-box;padding:10px 9px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:7px;border-left:6px solid #b88966;background:repeating-linear-gradient(4deg,#d6b28d 0 3px,#dab996 4px 12px,#d3ad86 13px 14px);box-shadow:inset 3px 0 #f0d9b4,-3px 0 #73566b33;font-family:ShopKei,Meiryo,sans-serif;color:#fff;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#shopFloor .si-dock *{box-sizing:border-box}
#shopFloor .si-head{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:16px;gap:5px;line-height:1.4;color:#fff;-webkit-text-stroke:3px #65516e;paint-order:stroke fill}
#shopFloor .si-recipes{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#bba3c8 #e0c6a6;padding:2px 2px 5px;touch-action:pan-y}
#shopFloor .si-dock button{position:relative;min-width:0;min-height:0;padding:5px 3px;border:2px solid #f8d9b2;border-radius:13px;box-shadow:0 2px #9b7798;font-family:ShopKei,Meiryo,sans-serif;font-weight:400;color:#fff;-webkit-text-stroke:2.7px #514457;paint-order:stroke fill;line-height:1.2;touch-action:manipulation;cursor:pointer;transition:filter .15s,transform .12s}
#shopFloor .si-dock button:focus-visible{outline:3px solid #604c93;outline-offset:1px}
#shopFloor .si-dock button:enabled:active{transform:translateY(2px) scale(.97)}
#shopFloor .si-dock button:disabled{cursor:default;opacity:1}
#shopFloor .si-dock .si-recipe{height:101px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#97dace}
#shopFloor .si-dock .si-cake{background:#e7aed2}
#shopFloor .si-dock .si-recipe:nth-child(4n+3){background:#b4d6ed}
#shopFloor .si-dock .si-recipe:nth-child(4n+4){background:#c5b5ed}
#shopFloor .si-picture{display:block;width:55px;height:55px;position:relative;flex:none}
#shopFloor .si-picture img{position:absolute;inset:7px;width:41px;height:41px;object-fit:contain;filter:drop-shadow(0 1px #61486a44);z-index:1}
#shopFloor .si-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#fff65c var(--si-progress,0deg),#65516e66 0);mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))}
#shopFloor .si-level{font-size:13px;display:block;white-space:nowrap}
#shopFloor .si-price{font-size:13px;white-space:nowrap;display:block;max-width:100%}
#shopFloor .si-dock .si-short .si-price{color:#ff657b;-webkit-text-stroke:2.7px #70304d}
#shopFloor .si-lock{display:none;position:absolute;right:-2px;bottom:1px;font-size:16px;-webkit-text-stroke:0;z-index:2}
#shopFloor .si-locked .si-lock{display:block}
#shopFloor .si-locked img{filter:grayscale(.4) opacity(.75)}
#shopFloor .si-future img{filter:grayscale(1) opacity(.4)}
#shopFloor .si-dock .si-future{background:#bdb6cb}
#shopFloor .si-global{display:grid;grid-template-columns:1fr 1fr;gap:5px}
#shopFloor .si-dock .si-upgrade{height:67px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;background:#b6dca3;column-gap:2px}
#shopFloor .si-upgrade img{grid-column:1;grid-row:1/4;width:27px;height:40px;object-fit:contain}
#shopFloor .si-upgrade-name{font-size:12px;white-space:nowrap}
#shopFloor .si-upgrade .si-level,#shopFloor .si-upgrade .si-price{font-size:12px}
#shopFloor .si-dock .si-equipment{background:#acdaec}
#shopFloor .si-dock .si-fortune{background:#edd28f}
#shopFloor .si-dock .si-fever{background:#ecb59b}
#shopFloor .si-dock .si-maintenance{height:32px;background:#c2b6e2;font-size:13px}
#shopFloor .si-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes si-hop{0%,100%{transform:translateY(0)}30%{transform:translateY(-7px) scale(1.12)}65%{transform:translateY(1px) scale(.96)}}
#shopFloor .si-delivered .si-picture img{animation:si-hop .52s ease-out}
@media(max-width:1150px){#shopFloor .si-dock{padding:7px 5px;gap:5px;border-left-width:5px}#shopFloor .si-head{font-size:14px}#shopFloor .si-dock .si-recipe{height:86px}#shopFloor .si-picture{width:43px;height:43px}#shopFloor .si-picture img{inset:5px;width:33px;height:33px}#shopFloor .si-dock .si-upgrade{height:62px;grid-template-columns:21px 1fr}#shopFloor .si-upgrade img{width:21px;height:34px}#shopFloor .si-upgrade-name,#shopFloor .si-upgrade .si-price{font-size:11px}}
@media(max-width:760px),(max-height:450px){#shopFloor .si-dock{padding:5px 4px;gap:4px}#shopFloor .si-recipes{gap:5px}#shopFloor .si-dock .si-recipe{height:76px;border-radius:10px;padding:3px 1px}#shopFloor .si-picture{width:36px;height:36px}#shopFloor .si-picture img{inset:4px;width:28px;height:28px}#shopFloor .si-price,#shopFloor .si-level{font-size:11px}#shopFloor .si-dock .si-upgrade{height:53px;grid-template-columns:18px 1fr;padding:3px 1px;column-gap:1px}#shopFloor .si-upgrade img{width:18px;height:30px}#shopFloor .si-upgrade-name,#shopFloor .si-upgrade .si-price,#shopFloor .si-upgrade .si-level{font-size:10px}#shopFloor .si-dock .si-maintenance{height:28px;font-size:11px}#shopFloor .si-head{font-size:12px}#shopFloor .si-dock button{-webkit-text-stroke:2.2px #514457}}
@media(prefers-reduced-motion:reduce){#shopFloor .si-delivered .si-picture img{animation:none}#shopFloor .si-dock button{transition:none}}

/* Scope these accents above the older whole-shop palette rule. */
#shopFloor .si-dock button{border-color:#f3d8b5!important;box-shadow:0 2px #9b7798!important}
#shopFloor .si-dock .si-onigiri{background:#97dace!important}
#shopFloor .si-dock .si-cake{background:#e7aed2!important}
#shopFloor .si-dock .si-recipe:nth-child(4n+3){background:#b4d6ed!important}
#shopFloor .si-dock .si-recipe:nth-child(4n+4){background:#c5b5ed!important}
#shopFloor .si-dock .si-future{background:#bdb6cb!important}
#shopFloor .si-dock .si-lanes{background:#b6dca3!important}
#shopFloor .si-dock .si-equipment{background:#acdaec!important}
#shopFloor .si-dock .si-fortune{background:#edd28f!important}
#shopFloor .si-dock .si-fever{background:#ecb59b!important}
#shopFloor .si-dock .si-maintenance{background:#c2b6e2!important}
body.shop-floor-active .title-earned{right:calc(var(--shop-inline-width,260px) + 12px)!important;max-width:min(260px,calc(100vw - var(--shop-inline-width,260px) - 24px))}
body.shop-floor-active #displayMode{right:calc(var(--shop-inline-width,260px) + 10px)!important}

/* Independent recipe clocks: a bright 6px ring, completion flash, delivery hop. */
#shopFloor .si-producing .si-ring{filter:drop-shadow(0 0 2px #fff7a0)}
#shopFloor .si-waiting .si-picture{border-radius:50%;box-shadow:0 0 0 2px #fff0a5}
@keyframes si-ready{0%{filter:brightness(1.9);transform:scale(1.12)}100%{filter:brightness(1);transform:scale(1)}}
#shopFloor .si-completed .si-ring{animation:si-ready .65s ease-out}
@media(prefers-reduced-motion:reduce){#shopFloor .si-completed .si-ring{animation:none}}