/* Clean body plate retained; the approved 11338 marquee is applied below.
   Live toys remain separate sprites, never baked into the cabinet artwork. */
.claw-collection-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;align-items:center;inset:79% 12% auto;font-style:normal}
.claw-dialog .claw-collection-nav button{width:44px;min-width:44px;height:44px;margin:0;padding:0;border:2px solid #aa7b45;border-radius:10px;background:linear-gradient(135deg,#fff1cb,#e4bb7d 65%,#b78347);color:#684320;font-size:19px;box-shadow:inset 0 2px 1px #fff8e5,0 3px 0 #7c542f,0 5px 4px #44291444}
.claw-dialog .claw-collection-nav button:disabled{opacity:.55;filter:saturate(.55)}
.claw-collection-name{display:flex;align-items:center;justify-content:center;min-height:44px;padding:5px 9px;border:2px solid #a27340;border-radius:9px;background:linear-gradient(#fff3d6,#e3bc85);box-shadow:inset 0 1px 2px #fff9,0 2px 3px #54341544;color:#684020;font:700 clamp(12px,3vw,17px)/1.15 Georgia,serif;text-align:center}
.claw-dialog .claw-collection-nav button:focus-visible{outline:3px solid #366f65;outline-offset:2px}
/* Deep left-front prize well with clear, highlighted guide walls. */
.claw-restock-cabinet .claw-window-panel{height:clamp(150px,calc(100dvh - 276px - 54cqw),355px)}
.claw-restock-cabinet .claw-chute-mouth{left:-1%;right:auto;bottom:-1%;width:38%;height:48%;z-index:14;filter:none}
.claw-restock-cabinet .claw-acrylic-chute-art{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.claw-restock-cabinet .claw-pile-toy{width:32%;height:37%}
.claw-restock-cabinet .claw-release-toy{left:17%}
/* Raised teal direction keys move left; the separate red Drop dome stays right. */
.claw-restock-cabinet .claw-control-deck{height:198px;grid-template-columns:158px minmax(76px,1fr);padding:36px 10% 6px 8%;gap:clamp(12px,4vw,28px);align-items:center}
.claw-restock-cabinet .claw-dpad{width:158px;height:158px;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:1px}
.claw-dialog.claw-restock-cabinet .claw-dpad button{width:52px;height:52px;min-width:44px;min-height:44px;border-radius:12px;border:3px solid #a8b39b;background:linear-gradient(135deg,#58998e 0%,#337a72 35%,#17594f 75%,#103f3c 100%);color:#ffe5aa;font-size:24px;text-shadow:0 1px 1px #fff0b499;box-shadow:inset 0 3px 1px #a9d2ba,inset 2px 0 1px #d2d8aa88,inset 0 -4px 2px #0c3837,0 3px 0 1px #c8bd90,0 5px 0 2px #33594a,0 8px 5px #33231588;opacity:1}
.claw-dialog.claw-restock-cabinet .claw-dpad button:disabled{opacity:1;filter:saturate(.70)}
.claw-dialog.claw-restock-cabinet .claw-drop{width:clamp(78px,21vw,106px);height:clamp(78px,21vw,106px);border:5px solid #bfc9ab;background:radial-gradient(ellipse at 35% 18%,#ff9a87 0%,#ee3d34 32%,#c91820 64%,#8d131a 86%,#651215 100%);color:#fff0d3;box-shadow:inset 1px 4px 2px #ffc2a799,inset -2px -6px 2px #720d14,0 3px 0 2px #d8b771,0 6px 0 5px #234f48,0 8px 0 6px #c7c3a6,0 11px 5px #33231588;text-shadow:0 1px 2px #741519}
.claw-dialog.claw-restock-cabinet .claw-drop:disabled{opacity:1;filter:saturate(.72)}
.claw-inserted-credits{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:74px;height:32px;border:3px solid #b89554;border-radius:6px;background:linear-gradient(#0d0907,#24130c);box-shadow:inset 0 2px 4px #000,0 1px 0 #ffdfa1,0 2px 3px #563b2577}
.claw-inserted-credits svg{display:block;width:100%;height:100%}.claw-credit-segment{fill:#a43829;filter:drop-shadow(0 0 2px #8d2a22)}
.claw-credit-caption{position:absolute;top:100%;left:0;right:0;padding-top:2px;text-align:center;color:#664125;font:700 8px/1.1 system-ui;text-transform:uppercase;letter-spacing:.07em}
/* Local light on the left; inactive future quarter hardware on the right. */
.claw-dialog .claw-attendant{position:absolute;left:13.7%;top:8%;width:13%;min-width:44px;height:80%;min-height:68px;padding:7px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:4px;border:2px solid #916329;border-radius:7px;background:linear-gradient(120deg,#e1b263,#f4d492 35%,#c9984f 72%,#aa7538);box-shadow:inset 0 1px 2px #fff2bf,0 2px 0 #55361c,0 3px 4px #3d261855;opacity:1;filter:none;z-index:2}
.claw-attendant::before,.claw-attendant::after{content:'';position:absolute;width:4px;height:4px;border:1px solid #704d21;border-radius:50%;background:linear-gradient(135deg,#fff3c3,#835e2e);box-shadow:0 1px 1px #54391c}
.claw-attendant::before{left:4px;top:4px}.claw-attendant::after{right:4px;bottom:4px}
.claw-attendant-dome{display:block;flex:none;width:clamp(25px,7.2vw,38px);height:clamp(25px,7.2vw,38px);border:2px solid #e0bc74;border-radius:50%;background:radial-gradient(ellipse at 35% 20%,#b8473d 0%,#8b151c 50%,#4d1116 90%);box-shadow:inset 0 2px 1px #e0815a77,inset 0 -3px 2px #3e070d,0 2px 0 2px #483320,0 3px 0 3px #c1a064}
.claw-attendant-label{font:800 clamp(7px,2vw,10px)/1.1 system-ui;letter-spacing:-.02em;text-transform:uppercase;color:#2a1b0c;text-align:center;text-shadow:0 1px #fff0bc66}
.claw-dialog .claw-attendant:disabled{opacity:.77;filter:saturate(.70)}
.claw-dialog .claw-attendant.is-lit:disabled{opacity:1;filter:none}
.claw-attendant.is-lit .claw-attendant-dome{background:radial-gradient(ellipse at 35% 20%,#ffb292 0%,#ff5c43 27%,#ef1e26 57%,#b21820 88%);box-shadow:inset 0 2px 1px #ffdec399,inset 0 -3px 2px #9c1019,0 2px 0 2px #483320,0 3px 0 3px #d7b875,0 0 9px 3px #ff3a3470}
.claw-dialog .claw-quarter-acceptor{position:absolute;right:13.6%;top:4%;width:12.4%;min-width:40px;height:91%;min-height:72px;padding:0;border:0;border-radius:7px;background:transparent;box-shadow:0 2px 4px #3a291d66;opacity:1;filter:none;z-index:2}
.claw-quarter-acceptor svg{width:100%;height:100%;display:block}
.claw-dialog .claw-quarter-acceptor:disabled{opacity:1;filter:none;cursor:default}
@media(max-width:360px){.claw-restock-cabinet .claw-control-deck{height:192px;grid-template-columns:152px minmax(76px,1fr);padding-left:6.5%;padding-right:9%;gap:12px}.claw-restock-cabinet .claw-dpad{width:152px;height:152px;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px)}.claw-dialog.claw-restock-cabinet .claw-dpad button{width:50px;height:50px}.claw-dialog .claw-attendant{left:12.4%;padding-top:6px;gap:3px}.claw-attendant-label{font-size:7px}.claw-dialog .claw-quarter-acceptor{right:12.7%;min-width:38px}}

.claw-direction-arrow{display:block;width:22px;height:22px;margin:auto;filter:drop-shadow(0 1px 0 #fff5)}

/* The credits display is driven only by the verified own-account quarter DTO. */
.claw-inserted-credits .is-lit{fill:#ff4034;filter:drop-shadow(0 0 1.3px #ff211d)}.claw-inserted-credits .is-unlit{fill:#4b1712;opacity:.35}.claw-inserted-credits[data-inserted-credits] svg{padding:1px 10px;box-sizing:border-box}.claw-quarter-status{font-size:13px}

/* Display-only velvet bag: loose wallet quarters, never inserted machine credit. */
.claw-restock-cabinet .claw-top.has-quarter-bag{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);align-items:center;gap:8px;padding:3px 10px}
.claw-top.has-quarter-bag>button{width:100%;max-width:none;min-width:0;min-height:44px;padding:8px 9px}
.claw-quarter-bag{position:relative;justify-self:center;align-self:center;width:76px;height:67px;min-width:0;pointer-events:none;user-select:none}
.claw-quarter-bag-fabric{visibility:hidden;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 1px #4b172833)}
.claw-quarter-bag[data-fabric-state="overflow"] [data-bag-fabric="overflow"],.claw-quarter-bag[data-fabric-state="full"] [data-bag-fabric="full"],.claw-quarter-bag[data-fabric-state="empty"] [data-bag-fabric="empty"]{visibility:visible}
.claw-quarter-bag>svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.claw-quarter-bag-number{font-variant-numeric:tabular-nums;letter-spacing:.3px}
.claw-quarter-bag-stitches{paint-order:stroke fill}
@media(max-width:360px){.claw-restock-cabinet .claw-top.has-quarter-bag{grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);gap:6px;padding:3px 9px}.claw-top.has-quarter-bag>button{font-size:14px;padding:8px 5px}.claw-quarter-bag{width:64px;height:59px}}
/* A verified zero selects the approved collapsed bag, keeping live gold 0 legible. */
.claw-quarter-bag[data-fabric-state="empty"] .claw-quarter-bag-fabric{filter:drop-shadow(0 1px 1px #4b172822)}
.claw-quarter-bag.is-unavailable{opacity:.65}

/* The two banner navigation keys have raised faces, not pill-shaped labels. */
.claw-dialog.claw-restock-cabinet .claw-top>button:is([data-claw="back"],[data-claw="shelf"]){position:relative;min-height:44px;margin:0;border:2px solid #9c703e;border-radius:9px;background:linear-gradient(145deg,#fff5d8 0%,#f3d59f 44%,#deb16f 100%);color:#513015;text-shadow:0 1px #fff3cf;box-shadow:inset 0 2px 1px #fff9e6,inset 2px 0 1px #fff1ce,inset 0 -3px 1px #c29151,0 3px 0 #8a5c30,0 5px 3px #56351d55;transform:translateY(-1px);transition:transform .09s ease,box-shadow .09s ease,filter .09s ease;touch-action:manipulation}
.claw-dialog.claw-restock-cabinet .claw-top>button:is([data-claw="back"],[data-claw="shelf"]):active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 3px #8c603c66,inset 0 -1px 1px #fff0c5,0 1px 0 #8a5c30,0 2px 2px #56351d44;background:linear-gradient(145deg,#ebc68b,#e1b477)}
.claw-dialog.claw-restock-cabinet .claw-top>button:is([data-claw="back"],[data-claw="shelf"]):focus-visible{outline:3px solid #236a62;outline-offset:3px}
@media(hover:hover){.claw-dialog.claw-restock-cabinet .claw-top>button:is([data-claw="back"],[data-claw="shelf"]):hover:not(:disabled){filter:brightness(1.04)}}
@media(prefers-reduced-motion:reduce){.claw-dialog.claw-restock-cabinet .claw-top>button:is([data-claw="back"],[data-claw="shelf"]){transition:none}}

/* Exact owner-approved 11338 pixels: the large teal lettering and gold stars
   replace the small, unrelated vector plaque. Only its top 265px are shown.
   The matching clean body plate keeps prizes, controls and counters live. */
.claw-restock-cabinet[data-view="machine"] .claw-title{background-image:url('./claw-scene/cabinet-approved-11338.png')}
.claw-restock-cabinet[data-view="machine"] .claw-marquee-svg{display:none}
/* Keep the independent prize count below the wordmark, not over its letters.
   At small widths it deliberately overlaps the frame, not the glass contents. */
.claw-restock-cabinet[data-view="machine"] .claw-counter{top:auto;bottom:-10px;z-index:30}

/* Aim feedback follows the resolved drop target only. Alpha-aware gold traces
   the existing cutout, not its rectangular image box. No geometry, stacking,
   controls, motion, odds or saved collection state are changed. */
.claw-restock-cabinet[data-phase="aiming"] .claw-pile-toy.is-aimed .claw-toy-art,
.claw-restock-cabinet[data-phase="aiming"] .claw-pile-ticket.is-aimed .claw-ticket-art{filter:drop-shadow(1px 0 0 #ffd45a) drop-shadow(-1px 0 0 #ffd45a) drop-shadow(0 1px 0 #ffd45a) drop-shadow(0 -1px 0 #ffd45a) drop-shadow(0 0 3px #ffcb40) drop-shadow(1px 5px 3px #44332140)}

/* Owned Boo Button: the orange pumpkin itself is the sound control. */
.claw-prize-popup .claw-boo-detail{position:relative;width:min(240px,100%);aspect-ratio:299/294;margin:auto}
.claw-boo-detail>.claw-toy-art{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.claw-prize-popup .claw-boo-press{position:absolute;left:30%;top:35%;width:35%;height:35%;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.claw-prize-popup .claw-boo-press:active{background:#632d1326;box-shadow:inset 0 2px 5px #50210b66}
.claw-prize-popup .claw-boo-press:focus-visible{outline:3px solid #fff8d8;outline-offset:2px;box-shadow:0 0 0 5px #176b70}
.claw-prize-popup .claw-boo-hint{font-size:14px;margin:8px 0;color:#59351f}

/* Large saved wallets are unbounded by the artwork: keep the exact long count legible. */
.claw-quarter-bag.has-long-balance{margin-bottom:20px}
.claw-quarter-bag-long-balance{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:2px;padding:0 4px;border:1px solid #d6aa50;border-radius:4px;background:#4a1a2a;color:#fff7da;font:700 12px/16px Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.claw-quarter-bag-long-balance[hidden]{display:none}