.grab-game{max-width:820px;margin:auto;color:#163c53}.gg-toolbar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.gg-toolbar button{font-size:14px}.gg-toolbar button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}.gg-progress{display:flex;justify-content:center;gap:8px;margin:12px 0}.gg-progress span{border:2px solid #477b91;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:14px}.gg-progress .current{background:#f6b52c;color:#182d37}.gg-progress .done{background:#227865;color:white}.gg-request{display:flex;align-items:center;justify-content:center;gap:20px;min-height:100px;text-align:center}.gg-request h3{font-size:22px;margin:0 0 5px}.gg-mant,.gg-grab{width:95px;height:100px;object-fit:contain}.gg-target{display:flex;gap:12px;align-items:center;justify-content:center}.gg-target img{width:46px;height:42px;object-fit:contain}.gg-target strong{font-size:24px}.gg-target span{font-size:14px}.gg-status{padding:4px 8px;min-height:28px;text-align:center;font-size:16px!important;margin:8px 0!important}.gg-machine{position:relative;height:340px;border:7px solid #aa642d;border-radius:20px 22px 12px 16px;overflow:hidden;background:#69b9c7 url('/assets/grab-game/seabed.webp') center/cover;box-shadow:inset 0 0 35px #08587855,0 5px 0 #72401d;isolation:isolate;touch-action:none}.gg-rail{position:absolute;left:8%;right:8%;top:15px;height:9px;border-radius:5px;background:#f4ce81;border:2px solid #795729;z-index:4}.gg-item{position:absolute;width:70px;height:70px;transform:translate(-50%,-50%);z-index:1;filter:drop-shadow(2px 5px 1px #19587244)}.gg-item img{width:100%;height:100%;object-fit:contain}.gg-taken{visibility:hidden}.gg-red{filter:hue-rotate(130deg)}.gg-shadow{position:absolute;width:64px;height:22px;border:2px dashed #173e59;border-radius:50%;background:#16456333;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.gg-claw{position:absolute;width:82px;height:84px;transform:translate(-50%,calc(-100% - 12px));z-index:5;pointer-events:none;transition:transform .55s ease}.gg-claw>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 3px 1px #193c6644)}.gg-claw.gg-lowered{transform:translate(-50%,-75%) scale(.88)}.gg-cable{position:absolute;top:20px;width:3px;background:repeating-linear-gradient(#534931 0 4px,#e2c798 4px 7px);transform:translateX(-50%);z-index:3;pointer-events:none}.gg-carried{position:absolute;left:50%;top:70%;width:58px;height:58px;transform:translateX(-50%)}.gg-carried img{width:100%;height:100%;object-fit:contain}.gg-tray{position:absolute;right:5%;top:12%;width:18%;height:45px;border:4px solid #c08a43;border-radius:8px;background:#28495499;z-index:0}.gg-delivered{position:absolute;right:6%;top:10%;width:65px;height:65px;z-index:6}.gg-delivered img{width:100%;height:100%;object-fit:contain}.gg-controls{display:flex;justify-content:center;align-items:center;gap:28px;padding:18px 0 8px}.gg-controls[hidden]{display:none}.gg-steering{display:flex;align-items:center;gap:10px}.gg-joystick{width:108px;height:108px;border:5px solid #735027;background:radial-gradient(circle,#274356 0 28%,#dac59b 30% 58%,#9a703d 60%);border-radius:50%;position:relative;touch-action:none;cursor:grab}.gg-stick{position:absolute;left:50%;top:50%;width:47px;height:47px;border-radius:50%;border:3px solid #823829;background:radial-gradient(circle at 35% 30%,#ffb762,#bd452d 65%);transform:translate(-50%,-50%);box-shadow:3px 6px 0 #391c2244;pointer-events:none}.gg-dpad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(2,36px);gap:3px}.gg-dpad button{border:2px solid #446a7a;background:#e5f0ee;border-radius:9px;touch-action:none;font-size:18px;color:#183d53}.gg-dpad button:active{background:#f5bb40}.gg-dpad [data-dir=up]{grid-column:2}.gg-dpad [data-dir=left]{grid-row:2;grid-column:1}.gg-dpad [data-dir=down]{grid-row:2;grid-column:2}.gg-dpad [data-dir=right]{grid-row:2;grid-column:3}.gg-grab-button{height:86px;width:110px;border-radius:50%;background:#efae2d;color:#222c39;border:5px solid #926022;font-size:23px;font-weight:bold;box-shadow:0 5px 0 #68421a;touch-action:manipulation}.gg-grab-button:active{transform:translateY(4px);box-shadow:0 1px 0 #68421a}.gg-grab-button:disabled{opacity:.6}.gg-result{text-align:center}.gg-result>.pill{margin:8px}.gg-grownups{font-size:16px;line-height:1.5;margin-top:16px}.gg-grownups summary{cursor:pointer}.gg-hint{outline:4px solid #ffdd55;border-radius:50%;background:#fff59e66}.gg-happy{animation:gg-hop .4s ease 2}.gg-moving .gg-claw>img{animation:gg-shudder .1s linear infinite}.gg-finale{position:relative;padding:10px;background:#eef9fb;border-radius:20px}.gg-finished{display:none}.gg-submarine{width:280px;max-width:70%;height:140px;object-fit:contain}.gg-finale-friends{display:flex;justify-content:center;gap:15px}.gg-finale-friends img{width:120px;height:120px;object-fit:contain;animation:gg-hop .6s ease infinite alternate}.gg-finale h3{font-size:25px;margin:8px}.gg-song{font-size:35px;color:#b66729}.gg-quiet .gg-claw{transition:none}.grab-game button:focus-visible,.gg-machine:focus-visible{outline:3px solid #c34d29;outline-offset:3px}.grab-game .game-controls{flex-wrap:wrap}@keyframes gg-hop{50%{transform:translateY(-9px) rotate(4deg)}}@keyframes gg-shudder{50%{transform:translateX(1px)}}@media(max-width:600px){.gg-request{gap:8px}.gg-request h3{font-size:18px}.gg-mant,.gg-grab{width:65px;height:78px}.gg-target{gap:6px}.gg-target span{display:none}.gg-machine{height:clamp(210px,33dvh,290px);border-width:5px}.gg-item{width:58px;height:58px}.gg-claw{width:67px;height:72px}.gg-shadow{width:48px;height:18px}.gg-controls{gap:14px;flex-wrap:wrap;padding-top:15px}.gg-steering{gap:8px}.gg-joystick{width:88px;height:88px}.gg-grab-button{width:90px;height:78px;font-size:20px}.gg-controls>.text-button{flex-basis:100%;padding:0}.gg-toolbar{gap:8px}.gg-progress{margin:8px 0}.gg-status{font-size:14px!important}.gg-finale .game-controls{gap:8px}.gg-finale-friends img{width:95px;height:95px}}
@media(prefers-reduced-motion:reduce){.grab-game *{animation:none!important;transition:none!important}}
.grab-game.gg-quiet *{animation:none!important}

.gg-release{height:75px;display:flex;justify-content:center;align-items:center;gap:18px}.gg-release img{width:65px;height:65px;object-fit:contain}.gg-rescue-key{animation:gg-key .9s ease forwards}.gg-rescue-door{animation:gg-door 1.8s ease forwards}@keyframes gg-key{to{transform:rotate(90deg)}}@keyframes gg-door{0%,50%{transform:perspective(300px) rotateY(0)}100%{transform:perspective(300px) rotateY(-65deg)}}