/* v5 — mini-game illustration for the DEMO warehouse state. No stock API calls. */
.prize-photo{width:100%;height:100%;max-height:110px;max-width:125px;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 7px rgba(19,45,95,.14));display:block}
.spin-slot .prize-photo{height:82px;max-width:122px;padding:5px}
.prize-art .prize-photo{width:100%;height:100%;max-height:57px;max-width:67px;object-fit:contain}
.result-icon .prize-photo{max-height:130px;max-width:170px;width:92%;height:90%;object-fit:contain}
.warehouse-animation{margin:2px auto 18px;max-width:570px;padding:15px 15px 12px;border:1px solid #b9d6ff;background:linear-gradient(160deg,#f7fbff,#dfedff);border-radius:19px;box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(20,78,153,.08);overflow:hidden}
.warehouse-scene{position:relative;height:200px;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#d7e9ff 0%,#edf6ff 78%,#c9dcf7 78%,#a8c3e8 100%)}
.warehouse-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 40px,rgba(19,76,145,.06) 40px 42px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(19,76,145,.05) 42px 44px)}
.warehouse-rack{position:absolute;left:6%;top:12%;width:43%;height:132px;border-left:6px solid #4162aa;border-right:6px solid #4162aa}
.warehouse-rack .shelf{position:absolute;left:0;right:0;height:6px;background:#6684b7;border-radius:3px}
.warehouse-rack .shelf:nth-child(1){top:42px}.warehouse-rack .shelf:nth-child(2){top:84px}.warehouse-rack .shelf:nth-child(3){bottom:0}
.rack-box{position:absolute;width:27px;height:27px;border-radius:3px;background:linear-gradient(135deg,#edb978,#cd8649);box-shadow:inset -5px -3px rgba(102,57,19,.16),0 2px 3px #779cc36b}
.rack-box::after,.moving-box::after{content:'';position:absolute;left:43%;width:21%;height:100%;background:#ffe2b2;opacity:.78}
.rack-box.b1{left:6%;top:15px}.rack-box.b2{left:29%;top:16px}.rack-box.b3{left:52%;top:57px}.rack-box.b4{left:10%;top:55px}.rack-box.b5{left:24%;top:100px}.rack-box.b6{left:60%;top:99px}
.warehouse-belt{position:absolute;bottom:17px;left:0;right:0;height:17px;border-top:4px solid #5279a3;border-bottom:4px solid #2c5182;border-radius:5px;background:repeating-linear-gradient(90deg,#a9bfd9 0 20px,#7898bf 20px 23px);background-size:184px 100%;animation:warehouse-belt-roll 1.8s linear infinite}
.warehouse-belt span{position:absolute;inset:14px 10px auto;height:12px;border-left:7px solid #2c5182;border-right:7px solid #2c5182}
.warehouse-boxes{position:absolute;inset:0;pointer-events:none}
.moving-box{position:absolute;bottom:33px;left:-45px;width:35px;height:32px;border:1px solid #d59047;border-radius:4px;background:linear-gradient(135deg,#ffd18b,#e5a95a 64%,#c7843d);box-shadow:2px 4px 4px #6485ad44;animation:warehouse-box-slide 5.8s linear infinite}
.moving-box.second{animation-delay:-2s;width:29px;height:29px}
.moving-box.third{animation-delay:-4s;width:43px;height:38px}
.warehouse-worker{position:absolute;right:18%;bottom:28px;width:40px;height:100px;z-index:4;animation:warehouse-worker-walk 4s ease-in-out infinite alternate}
.worker-helmet{position:absolute;z-index:4;left:10px;top:1px;width:23px;height:12px;border-radius:18px 18px 3px 3px;background:#f4a522;box-shadow:0 5px #ffc544}
.worker-face{position:absolute;top:12px;left:14px;width:18px;height:23px;background:#f3c49b;border-radius:10px}
.worker-body{position:absolute;top:34px;left:6px;width:30px;height:39px;border-radius:7px;background:#2068bd;border:3px solid #e9f2ff}
.worker-body::after{content:'';position:absolute;left:11px;top:0;width:5px;height:100%;background:#f9e698}
.worker-hand{position:absolute;top:38px;left:32px;width:8px;height:35px;border-radius:9px;background:#f0bd96;transform-origin:top;animation:warehouse-wave 1.8s ease-in-out infinite}
.worker-feet{position:absolute;top:73px;left:11px;width:6px;height:23px;background:#37507d;box-shadow:15px 0 #37507d}
.warehouse-scanner{position:absolute;z-index:5;right:8%;top:16%;display:grid;place-items:center;width:46px;height:46px;border:3px solid #3985ee;border-radius:50%;background:#fff;box-shadow:0 0 0 7px #5aafff29,0 0 18px #399aff55;animation:warehouse-scanner-float 2.7s ease-in-out infinite}
.warehouse-scanner span{font-size:38px;line-height:1;color:#266bd0;transform:rotate(-15deg)}
.scanner-ray{position:absolute;z-index:-1;left:-240px;top:27px;width:250px;height:3px;background:linear-gradient(90deg,transparent,#3d8aff);transform-origin:right;animation:warehouse-beam-sweep 3.3s ease-in-out infinite}
.warehouse-progress-line{height:8px;border-radius:10px;background:#c2d9f7;overflow:hidden;margin:13px 0 11px}
.warehouse-progress-fill{display:block;width:0;height:100%;background:linear-gradient(90deg,#1d6bf4,#23caad);border-radius:10px;transition:width .14s linear}
.warehouse-caption{min-height:18px;text-align:center;font-size:13px;line-height:1.5;color:#1854ad;font-weight:750}
.warehouse-time{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:#6a86b1}
.warehouse-checklist .progress-row.done .status-dot{background:#29be96}
.dev-controls{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;background:#113a83;color:#fff;padding:7px;border-radius:9px;font-size:12px}
.dev-controls select,.dev-controls button,.dev-controls a{font:inherit;background:#fff;color:#163d80;border:0;border-radius:7px;padding:7px 9px;cursor:pointer;white-space:nowrap}
.topbar:has(.dev-controls){flex-wrap:wrap;padding-bottom:12px}
@keyframes warehouse-belt-roll{to{background-position:184px 0}}
@keyframes warehouse-box-slide{from{transform:translateX(0)}to{transform:translateX(calc(min(100vw, 620px) + 40px))}}
@keyframes warehouse-scanner-float{50%{transform:translateY(-8px)}}
@keyframes warehouse-beam-sweep{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(16deg)}}
@keyframes warehouse-worker-walk{0%,100%{transform:translateX(0)}50%{transform:translateX(-27px)}}
@keyframes warehouse-wave{0%,100%{transform:rotate(-16deg)}50%{transform:rotate(29deg)}}
@media(max-width:390px){.warehouse-scene{height:178px}.warehouse-rack{width:45%}.warehouse-worker{right:17%}.warehouse-animation{padding:10px}.warehouse-scanner{right:5%;transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.warehouse-belt,.moving-box,.warehouse-worker,.worker-hand,.warehouse-scanner,.scanner-ray{animation:none!important}.warehouse-progress-fill{transition:none}}