.claw-page{position:relative;isolation:isolate;min-height:650px;height:calc(100svh - 104px);max-height:1000px;overflow:hidden}.claw-intro{position:relative;z-index:2;padding:56px 6% 0;pointer-events:none;max-width:760px}.claw-intro .eyebrow{margin-bottom:16px;font-size:11px}.claw-intro h1{font-size:clamp(44px,6vw,80px);margin-bottom:20px}.claw-coming-soon{font-size:clamp(26px,3vw,36px);margin-bottom:14px;color:#f38bb9}.claw-intro .lead{font-size:14px;max-width:440px}.claw-intro p{max-width:470px}.claw-background{position:absolute;inset:auto 0 65px;z-index:0;aspect-ratio:9/5;width:100%}#claw-game{display:block;width:100%;height:100%;cursor:crosshair;touch-action:pan-y}#claw-game:focus,#claw-game:focus-visible{outline:none}.claw-score{position:absolute;left:2%;bottom:4%;width:15%;text-align:center;pointer-events:none}.claw-score span{display:block;font-size:clamp(8px,1vw,12px);letter-spacing:.1em;color:#9cb4cd}.claw-score strong{display:block;font-size:clamp(30px,4vw,56px);line-height:1.2;color:#d1e4eb;font-variant-numeric:tabular-nums}.claw-controls{position:absolute;left:6%;right:6%;bottom:21px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3}.claw-controls p{margin:0;font-size:12px}.claw-controls button{border:0;border-bottom:1px solid #7896a5;background:transparent;color:#c6dce7;padding:4px 0;cursor:pointer;font-size:12px}.claw-controls button:focus-visible{outline:2px solid white;outline-offset:4px}.claw-hint{position:absolute;bottom:20px;left:28%;right:15%;margin:0;text-align:center;font-size:10px;pointer-events:none}@media(max-width:700px){.claw-page{height:calc(100svh - 90px);min-height:640px}.claw-intro{padding:40px 6% 0}.claw-intro .eyebrow{font-size:9px}.claw-intro .lead{font-size:13px;max-width:310px}.claw-intro p{font-size:14px}.claw-background{bottom:110px}.claw-score{left:1%;width:17%;bottom:2%}.claw-score span{font-size:7px;letter-spacing:0}.claw-score strong{font-size:26px}.claw-controls{bottom:56px}.claw-hint{bottom:18px;left:6%;right:6%;font-size:10px}}

#claw-instructions{position:absolute;bottom:45px;left:28%;right:15%;max-width:none;margin:0;text-align:center;font-size:12px;pointer-events:none}
.claw-bucket{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.claw-score{bottom:3%;height:20%;display:flex;flex-direction:column;justify-content:center;padding-top:16px}.claw-score span{font-size:clamp(7px,.7vw,10px);letter-spacing:.03em}.claw-score strong{font-size:clamp(24px,3vw,42px)}
@media(max-width:700px){#claw-instructions{bottom:76px;left:6%;right:6%;font-size:11px}.claw-background{bottom:140px}.claw-score{height:24%;padding-top:10px}.claw-score span{font-size:5px}.claw-score strong{font-size:19px}}

/* Keep the background game frameless for mouse and keyboard input. */


/* Soften the game silhouettes while preserving readable labels. */
#claw-game,.claw-bucket{opacity:.3}