.sq-standalone{margin:0;background:#f4f5f7;color:#111;font-family:Inter,"PingFang SC",system-ui,sans-serif;padding:24px}.sq-standalone #squat-game-root{max-width:980px;margin:auto}.sq-game{color:#111;background:#fff;border-radius:24px;padding:28px;font:14px/1.5 Inter,"PingFang SC",system-ui,sans-serif}.sq-game *{box-sizing:border-box}.sq-game [hidden]{display:none!important}.sq-game button{font:inherit;border:0;color:#111;cursor:pointer;min-height:44px}.sq-game button:disabled{cursor:default;opacity:.6}.sq-game button:focus-visible,.sq-game summary:focus-visible{outline:3px solid #a9d5f5;outline-offset:3px}.sq-header{display:flex;align-items:center;gap:14px;margin-bottom:22px}.sq-header>button{width:44px;border-radius:50%;background:#f4f5f7;font-size:28px}.sq-header strong{font-size:22px;flex:1}.sq-header>span{background:#ddeffc;padding:5px 10px;border-radius:99px;font-size:12px}.sq-heading h1{font-size:30px;line-height:1.25;margin:6px 0 8px;letter-spacing:-1px}.sq-heading p{margin:0;color:#68707a;font-size:13px}.sq-heading>p:first-child{font-size:11px;letter-spacing:.08em}.sq-modes{display:flex;gap:8px;margin:18px 0 8px}.sq-modes button{background:#f4f5f7;border-radius:12px;padding:8px 12px;font-size:12px;flex:1}.sq-modes button[aria-pressed=true]{background:#ddeffc;font-weight:650}.sq-mode-note{font-size:12px;color:#68707a;margin:0 0 16px;line-height:1.7}.sq-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.sq-arena{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:#f4f5f7;height:410px}.sq-arena video{display:none}.sq-arena canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.sq-hud{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px;font-size:11px;pointer-events:none}.sq-hud>span{background:#fff;border-radius:99px;padding:7px 10px}.sq-hud b{font-size:16px}.sq-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:56px 12px 50px;text-align:center}.sq-placeholder svg{height:110px;width:88px;fill:none;stroke:#a9bcc8;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sq-placeholder strong{font-size:16px}.sq-placeholder span{color:#68707a;font-size:12px;line-height:1.7}.sq-cue{position:absolute;z-index:3;bottom:10px;left:10px;right:10px;background:#fff;border-radius:12px;padding:8px;font-size:11px;text-align:center;margin:0;pointer-events:none}.sq-countdown{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:12px;pointer-events:none}.sq-countdown b{background:#fff;border:4px solid #a9d5f5;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;font-size:48px}.sq-countdown span{background:#fff;border-radius:99px;padding:7px 12px;font-size:12px}.sq-hit{position:absolute;z-index:5;top:24%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ddeffc;border-radius:99px;padding:10px 14px;font-weight:750;pointer-events:none}.sq-sidebar{display:flex;flex-direction:column;gap:12px}.sq-ship-scene{position:relative;height:116px;overflow:hidden;background:#edf7fd;border-radius:20px}.sq-ship-scene>img{position:absolute;width:128px;height:88px;object-fit:contain;left:24px;top:19px;transform:translateY(var(--sq-lift,0px));transition:transform .4s}.sq-alien{position:absolute;right:12px;bottom:8px;width:48px;height:64px;background:url('./assets/alien-characters-v2.png') 33.333% 0/400% 100% no-repeat}.sq-pump{position:absolute;width:24px;height:48px;right:82px;bottom:8px;border-radius:7px;background:#a9d5f5}.sq-pump i{position:absolute;bottom:100%;left:9px;height:22px;width:6px;background:#111;transform:translateY(calc(var(--sq-push,0)*16px));transform-origin:bottom}.sq-pump b{position:absolute;width:44px;height:7px;bottom:calc(100% + 17px);left:-10px;border-radius:5px;background:#111;transform:translateY(calc(var(--sq-push,0)*16px))}.sq-score{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#68707a}.sq-score b{color:#111;font-size:20px;margin-left:4px}.sq-energy{display:flex;gap:5px;height:8px}.sq-energy i{flex:1;background:#eef0f2;border-radius:99px}.sq-energy i.filled{background:#a9d5f5}.sq-status{min-height:84px}.sq-status>strong{font-size:16px}.sq-status p{color:#68707a;font-size:12px;line-height:1.7;margin:5px 0 0}.sq-primary,.sq-secondary,.sq-pump-button{width:100%;border-radius:14px;padding:12px}.sq-game .sq-primary{background:#111;color:#fff;font-weight:650;min-height:52px}.sq-secondary{background:#f4f5f7}.sq-pump-button{background:#ddeffc}.sq-minor{background:transparent;text-decoration:underline;font-size:12px!important}.sq-steps{display:flex;justify-content:space-between;gap:10px;padding:0;margin:20px 0;list-style:none;font-size:11px;color:#68707a}.sq-steps li{display:flex;align-items:center;gap:5px}.sq-steps b{display:grid;place-items:center;background:#f4f5f7;border-radius:50%;width:21px;height:21px;color:#111;font-weight:600;flex:none}.sq-footnote,.sq-help{font-size:11px;line-height:1.8;color:#68707a}.sq-footnote{margin:0}.sq-footnote strong{color:#111;font-weight:500}.sq-help{margin-top:10px}.sq-help summary{cursor:pointer;min-height:36px;line-height:36px}.sq-help p{margin:5px 0}.sq-charged .sq-alien{animation:sq-cheer .7s ease-out}.sq-charged .sq-pump i,.sq-charged .sq-pump b{animation:sq-press .7s ease-out}.sq-charged .sq-hit{animation:sq-pop .7s ease-out}.explore-game-art--squat{background:#ddeffc}.explore-game-art--squat>b{font-size:36px}
.squat-game-screen.screen{padding:42px 0 0;overflow:auto}.squat-game-screen .sq-game{padding:16px 20px 24px;border-radius:0}.squat-game-screen .sq-layout{grid-template-columns:1fr;gap:14px}.squat-game-screen .sq-header{margin-bottom:16px}.squat-game-screen .sq-heading h1{font-size:27px}.squat-game-screen .sq-arena{height:300px}.squat-game-screen .sq-ship-scene{height:96px}.squat-game-screen .sq-sidebar{gap:10px}.squat-game-screen .sq-status{min-height:0}
@keyframes sq-cheer{40%{transform:translateY(-8px) rotate(-5deg)}}@keyframes sq-press{40%{transform:translateY(16px)}}@keyframes sq-pop{0%{opacity:0;scale:.9}30%{opacity:1;scale:1}100%{opacity:0}}
@media(max-width:699px){.sq-standalone{padding:0;background:#fff}.sq-game{padding:20px;max-width:480px;margin:auto;border-radius:0;min-height:100svh}.sq-layout{grid-template-columns:1fr;gap:14px}.sq-heading h1{font-size:27px}.sq-header{margin-bottom:18px}.sq-arena{height:300px}.sq-ship-scene{height:96px}.sq-sidebar{gap:10px}.sq-status{min-height:0}.sq-ship-scene>img{left:calc(50% - 100px);top:12px}.sq-alien{right:24px}.sq-pump{right:98px}.sq-modes{margin-top:14px}.sq-mode-note{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.sq-game *{animation:none!important;transition:none!important}}
/* Game objects share the camera arena; only the piston follows the user's descent. */
.sq-mode-note{margin:14px 0 16px}
.sq-camera-effects{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.sq-camera-effects .sq-pump{position:absolute;left:var(--sq-pump-left,36%);bottom:54px;right:auto;transform:translateX(-50%);width:110px;height:var(--sq-pump-height,146px);background:transparent;border-radius:0}
.sq-camera-effects .sq-pump>i{left:51px;bottom:calc(var(--sq-body-height,78px)*.65);top:5px;height:auto;width:8px;background:#111;border-radius:4px;transform:translateY(calc(var(--sq-push,0)*var(--sq-travel,32px)))}
.sq-camera-effects .sq-pump>b{left:0;top:0;bottom:auto;width:110px;height:13px;border-radius:8px;background:#a9d5f5;transform:translateY(calc(var(--sq-push,0)*var(--sq-travel,32px)))}
.sq-pump-body{position:absolute;left:29px;bottom:0;width:52px;height:var(--sq-body-height,78px);border-radius:11px 11px 6px 6px;background:#a9d5f5}
.sq-pump-body:after{content:"";position:absolute;left:-15px;right:-15px;bottom:0;height:9px;border-radius:5px;background:#111}
.sq-pump-body em{position:absolute;left:calc(50% - var(--sq-gauge-size,30px)/2);top:15%;width:var(--sq-gauge-size,30px);height:var(--sq-gauge-size,30px);border-radius:50%;background:#fff;border:2px solid #111}
.sq-pump-body em:after{content:"";position:absolute;left:calc(50% - 1px);top:12%;width:2px;height:38%;background:#111;transform-origin:bottom;transform:rotate(calc(-45deg + var(--sq-push,0)*90deg))}
.sq-camera-effects .sq-ship-scene{position:absolute;left:auto;right:9px;bottom:46px;width:40%;height:104px;background:transparent;border-radius:0;overflow:visible}
.sq-camera-effects .sq-ship-scene>img{width:104px;height:74px;left:0;top:0}
.sq-camera-effects .sq-alien{width:40px;height:53px;right:0;bottom:0}
.sq-charged:not(.sq-demo) .sq-pump>i,.sq-charged:not(.sq-demo) .sq-pump>b{animation:none}
@keyframes sq-press{40%{transform:translateY(var(--sq-travel,32px))}}