.claw-dialog,.claw-prize-popup{box-sizing:border-box;color:#40230f;background:#f4dfbe;font:16px/1.4 Georgia,serif;border:2px solid #7b5c3e;border-radius:22px;padding:0;box-shadow:0 12px 70px #1b100c88}.claw-dialog{width:min(560px,calc(100vw - 16px));height:min(940px,calc(100dvh - 16px));max-width:none;max-height:none;overflow:hidden}.claw-dialog::backdrop,.claw-prize-popup::backdrop{background:#271a15b0}.claw-dialog *{box-sizing:border-box}.claw-dialog button,.claw-prize-popup button{min-height:44px;border:2px solid #7b5a39;border-radius:18px;background:linear-gradient(#fff6df,#ead1a4);color:#44280e;font:700 16px/1.25 Georgia,serif;padding:10px 14px;cursor:pointer}.claw-dialog button:disabled,.claw-prize-popup button:disabled{opacity:.55;cursor:default}.claw-dialog button:focus-visible,.claw-dialog input:focus-visible,.claw-dialog select:focus-visible,.claw-prize-popup button:focus-visible{outline:3px solid #136875;outline-offset:3px}.claw-top{display:flex;justify-content:space-between;padding:10px;gap:8px;background:#d9b783;border-bottom:2px solid #9e7649}.claw-scroll{height:calc(100% - 70px);overflow:auto;overscroll-behavior:contain;padding:12px 15px 22px}.claw-title{text-align:center;background:linear-gradient(100deg,#d5a05a,#f1ce91,#c79450);border:6px ridge #c99758;border-radius:38px 38px 8px 8px;padding:8px}.claw-title h1{font-size:clamp(23px,7vw,36px);margin:0}.claw-title p{font-weight:700;margin:3px}.claw-prototype-note{font:12px/1.3 system-ui;text-align:center;background:#fff5c9;padding:5px;border-radius:5px}.claw-cabinet{border:8px solid #a7743d;border-left-color:#c69659;border-right-color:#906130;border-radius:9px;background:linear-gradient(90deg,#ba8648,#e0b776,#bd8d51);box-shadow:inset 0 0 0 4px #23707855,0 6px 10px #4f331733}.claw-glass{position:relative;height:clamp(290px,75vw,410px);background:linear-gradient(115deg,#fff9dc99,transparent 20%,#fff7d82b 45%,#fffde5aa 46%,transparent 49%),linear-gradient(#b6c9bc,#e7e2c3 70%,#b59c6c);overflow:hidden;border:5px solid #397779;isolation:isolate}.claw-ceiling{position:absolute;left:3%;right:3%;height:10px;top:4%;background:linear-gradient(#565d5b,#f2ebcf,#6e7370);box-shadow:0 6px 6px #3d3a2f30}.claw-floor{position:absolute;left:0;right:0;bottom:0;height:65%;background:linear-gradient(#b99c7344,#e2d1a8);border-top:2px solid #ede2c255;transform:perspective(200px) rotateX(15deg);transform-origin:center bottom}.claw-pile-toy{position:absolute;width:27%;height:30%;transform:translate(-50%,-50%) rotate(var(--tilt));pointer-events:none}.claw-toy-art{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 5px 3px #44332140)}.claw-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;width:100%;height:100%;padding:4px;border-radius:42%;background:radial-gradient(ellipse at 30% 20%,#ffffffd9,transparent 60%),var(--toy-color);box-shadow:inset -5px -6px 6px #382a1028,2px 7px 5px #42271240;border:1px solid #7d664d;font:700 clamp(9px,2.6vw,13px)/1.1 system-ui}.claw-placeholder small{display:block;font-size:8px;margin-top:4px;opacity:.8}.claw-shadow{position:absolute;z-index:12;width:17%;height:7%;transform:translate(-50%,-50%);border:2px dashed #286362aa;border-radius:50%;background:#173c4721;box-shadow:0 2px 6px #263c4a33;pointer-events:none}.claw-mechanism{position:absolute;z-index:20;width:20%;height:24%;transform:translate(-50%,-50%);transition:top .65s ease,left .8s ease;pointer-events:none}.claw-cable{position:absolute;width:4px;height:500px;background:repeating-linear-gradient(0deg,#252d2c 0 3px,#a4aba2 3px 6px);bottom:95%;left:calc(50% - 2px)}.claw-mechanism svg{position:relative;width:100%;height:100%;overflow:visible}.claw-finger{fill:none;stroke:url(#clawMetal);stroke-width:8;stroke-linecap:round;filter:drop-shadow(1px 1px 1px #333);transition:transform .3s}.claw-mechanism.is-closed .left{transform:translateX(10px)}.claw-mechanism.is-closed .right{transform:translateX(-10px)}.claw-carried{position:absolute;top:70%;left:-18%;width:135%;height:100%;z-index:-1}.claw-control-deck{padding:12px 14px;display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:center;border-top:6px ridge #bb874d}.claw-dpad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.claw-dpad button{padding:5px 2px;border-radius:40%;font-size:20px;min-width:0;min-height:48px}.claw-dpad small{display:block;font:10px/1.2 system-ui}.claw-dpad [data-claw=forward]{grid-column:2}.claw-dpad [data-claw=left]{grid-column:1;grid-row:2}.claw-dpad [data-claw=right]{grid-column:3;grid-row:2}.claw-dpad [data-claw=backward]{grid-column:2;grid-row:3}.claw-dialog .claw-drop{border-radius:50%;height:90px;font-size:25px;background:radial-gradient(ellipse at 30% 20%,#5faaa6,#20716f);color:#fff5df;border:5px ridge #6aa29c;box-shadow:0 5px 2px #513c2a}.claw-hatch{height:83px;width:62%;margin:0 auto 13px;border:8px ridge #337678;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#543923,#89603b);box-shadow:inset 0 7px 14px #20181180;color:#ffe7b4;font-size:12px}.claw-hatch img,.claw-hatch .claw-placeholder{max-width:70px}.claw-target{text-align:center;font-size:14px;font-weight:700}.claw-status{font:14px/1.4 system-ui;min-height:40px;text-align:center}.claw-access-controls{font:14px/1.4 system-ui;border:1px solid #bca27b;border-radius:8px;padding:9px}.claw-access-controls summary{cursor:pointer;min-height:34px}.claw-access-controls label{display:flex;flex-direction:column;margin:7px 0}.claw-access-controls input,.claw-access-controls select{min-height:44px;width:100%}.claw-service-sign{position:absolute;inset:30% 8%;z-index:25;padding:18px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f6e4b7;border:4px solid #a97d4d;border-radius:12px;box-shadow:0 8px 8px #30240e50;font-size:clamp(20px,5vw,28px)}.claw-back-bottom{margin:12px auto 0;display:block}.claw-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;background:repeating-linear-gradient(#6b411e,#aa7440 160px,#493019 163px,#d8a469 174px);padding:12px 9px 20px;border:10px ridge #956331}.claw-dialog .claw-shelf-toy{height:162px;border:0;border-radius:0;background:transparent;padding:8px 0 12px;display:flex;flex-direction:column;align-items:center;gap:5px}.claw-shelf-toy>.claw-toy-art,.claw-shelf-toy>.claw-placeholder{height:110px}.claw-shelf-toy>span:last-child{padding:4px;background:#f2d3a2;border:1px solid #855a34;border-radius:5px;font-size:12px;width:100%}.claw-shelf-empty{grid-column:1/-1;background:#f5e4ca;padding:25px;text-align:center;border-radius:5px}.claw-shelf-more{padding:25px;text-align:center;background:#c08d53;border:8px ridge #895a2c;margin-top:0}.claw-prize-popup{width:min(400px,calc(100vw - 26px));max-height:calc(100dvh - 26px);padding:20px;text-align:center;overflow:auto}.claw-prize-popup>.claw-toy-art,.claw-prize-popup>.claw-placeholder{height:180px;width:180px;max-width:100%;margin:auto}.claw-prize-popup h2{margin:12px 0 5px}.claw-prize-popup p{font-size:16px}.claw-prize-popup button{min-width:150px}.claw-prize-popup p:last-of-type{font-size:14px}@media(max-width:360px){.claw-scroll{padding:9px}.claw-control-deck{gap:9px;padding:10px 6px}.claw-dialog .claw-drop{height:78px}.claw-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}}@media(prefers-reduced-motion:reduce){.claw-mechanism,.claw-finger{transition:none}}

.claw-release-toy{position:absolute;left:88%;top:23%;width:24%;height:28%;z-index:22;pointer-events:none;transform:translate(-50%,-50%)}.claw-chute-mouth{position:absolute;bottom:2%;right:1%;width:14%;height:8%;border-radius:50%;background:linear-gradient(#173f40,#557a70);border:3px ridge #e5cc8d;transform:rotate(-18deg);z-index:0}