.claw-game{--claw-colour:var(--machine-custom)}.claw-side{min-width:0}.claw-stage{position:relative;min-height:500px;margin:24px auto}.claw-cabinet{position:relative;width:min(330px,95%);margin:auto;border:7px solid #dbbd77;border-radius:24px;background:var(--claw-colour);box-shadow:0 14px 35px #00172c40;overflow:hidden}.claw-marquee{text-align:center;color:#fff3c5;padding:15px 8px;font-weight:800;font-size:16px;letter-spacing:.12em}.claw-glass{position:relative;height:280px;margin:0 15px;overflow:hidden;border:4px solid #eed694;border-radius:12px;background:linear-gradient(130deg,#f1ffffc9,#a2d4dd77 65%,#78a4ad66);box-shadow:inset 0 0 24px #fff6}.claw-rail{position:absolute;left:8%;right:8%;height:7px;top:15px;border-radius:5px;background:linear-gradient(#fff0c1,#ad873c)}.claw-rig{position:absolute;left:25%;top:16px;width:65px;height:70px;transition:left .7s ease;height:70px}.claw-cable{display:block;width:5px;height:35px;margin:auto;background:repeating-linear-gradient(#556c76 0 4px,#bdced0 4px 7px);transition:height .65s ease}.claw-head{position:relative;width:45px;height:25px;margin:auto;border:2px solid #ae8c48;border-radius:10px;background:linear-gradient(#fff4cc,#c7a455)}.claw-head>i{position:absolute;top:12px;width:22px;height:40px;border:5px solid #e3bd65;border-top:0;border-radius:0 0 12px 12px;transition:rotate .35s;transform-origin:top}.claw-head>i:first-child{left:-15px;rotate:25deg;border-right:0}.claw-head>i:nth-child(2){right:-15px;rotate:-25deg;border-left:0}.claw-ball{display:block;position:absolute;width:43px;height:43px;border-radius:50%;border:1px solid #ffffffad;background:linear-gradient(135deg,#ffffff60,transparent),linear-gradient(#e9a2ba 0 48%,#eff9f4 49%);box-shadow:inset -4px -5px 8px #24445c40,0 3px 5px #24445c30;rotate:var(--ball-turn,0deg)}.claw-pile .claw-ball:nth-child(3n){background:linear-gradient(#7ebbb4 48%,#f6f5df 49%)}.claw-pile .claw-ball:nth-child(3n+1){background:linear-gradient(#e8c46f 48%,#fff5cd 49%)}.claw-held{left:0;top:25px;opacity:0}.claw-reflection{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 12%,#ffffff45 14%,#ffffff16 27%,transparent 29%)}.claw-console{height:105px;position:relative;padding:12px;color:#fff0bf}.claw-console>span{font-size:25px}.claw-console>b{font:700 8px Arial;letter-spacing:.08em;margin-left:8px}.claw-chute{position:absolute;right:25px;bottom:12px;width:75px;height:40px;background:#123c4a;border:4px solid #ddbc70;border-radius:12px 12px 5px 5px}.claw-stage[data-phase=idle] .claw-rig{animation:claw-idle 3s ease-in-out infinite alternate}.claw-stage:is([data-phase=move],[data-phase=lower],[data-phase=grab],[data-phase=lift]) .claw-rig{left:53%}.claw-stage:is([data-phase=lower],[data-phase=grab]) .claw-cable{height:160px}.claw-stage:is([data-phase=grab],[data-phase=lift],[data-phase=carry]) .claw-head>i:first-child{rotate:-10deg}.claw-stage:is([data-phase=grab],[data-phase=lift],[data-phase=carry]) .claw-head>i:nth-child(2){rotate:10deg}.claw-stage:is([data-phase=grab],[data-phase=lift],[data-phase=carry]) .claw-held{opacity:1}.claw-stage:is([data-phase=carry],[data-phase=drop],[data-phase=ready],[data-phase=opening]) .claw-rig{left:72%}.claw-stage:is([data-phase=grab],[data-phase=lift],[data-phase=carry],[data-phase=drop],[data-phase=ready],[data-phase=opening]) .claw-pile .claw-ball:nth-child(4){visibility:hidden}.claw-stage[data-phase=drop] .claw-held{animation:claw-drop .65s ease-in both}.claw-open{display:flex;flex-direction:column;align-items:center;gap:12px;margin:16px auto 0;background:none;border:0;color:inherit;cursor:pointer;font:inherit;font-weight:700}.claw-open>.claw-ball{position:relative;width:60px;height:60px;box-shadow:0 0 24px #e6c163;animation:claw-pulse 1.5s ease-in-out infinite alternate}.claw-stage[data-phase=opening] .claw-open>.claw-ball{animation:claw-unseal .6s ease-out forwards}.claw-stage[data-phase=result] .claw-cabinet{display:none}.claw-result{display:flex;flex-direction:column;align-items:center;gap:16px;padding:30px 24px;text-align:center;color:#493419;border:2px solid #d9b55c;border-radius:24px;background:linear-gradient(130deg,#fffdf2,#ffe4a3);animation:claw-result .5s ease-out}.claw-result>strong{font-size:48px;color:#875c13;line-height:1.1}.claw-result img{display:block;width:160px;height:120px;object-fit:contain}.claw-result:has(img:not([hidden]))>strong{display:none}.claw-result h3{color:#493419!important;margin:0;font-size:22px}.claw-result p{color:#345365!important;margin:0;font-size:14px;line-height:1.75;max-width:480px}.claw-result-eyebrow{font-size:11px;letter-spacing:.12em}.claw-side [hidden]{display:none!important}#claw-skip{margin-top:12px}.claw-game[data-style=gold] .claw-ball{background:linear-gradient(135deg,#fff3bd,#d5a63c 48%,#fff3bd 49%)!important}.claw-game .claw-odds{font-size:12px;line-height:1.6}.claw-game .claw-result .claw-sparkles{color:#c3942f;font-size:24px}@keyframes claw-idle{to{translate:15px 0;rotate:3deg}}@keyframes claw-drop{from{opacity:1;translate:0 0}90%{opacity:1}to{translate:0 230px;opacity:0}}@keyframes claw-pulse{to{scale:1.06}}@keyframes claw-unseal{to{scale:1.3;opacity:0;rotate:35deg}}@keyframes claw-result{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(max-width:520px){.claw-stage{min-height:480px}.claw-result{padding:26px 18px}}@media(prefers-reduced-motion:reduce){.claw-game *{animation:none!important;transition:none!important}}

.claw-game[data-speed=quick] .claw-rig{transition-duration:.45s}.claw-game[data-speed=quick] .claw-cable{transition-duration:.42s}.claw-game[data-speed=quick] .claw-stage[data-phase=drop] .claw-held{animation-duration:.4s}.claw-stage[data-phase=result]{min-height:0}