#footoog-scene{width:min(1000px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f5ecd7;color:#294e42;border:1px solid #b7a57c;border-radius:20px}#footoog-scene::backdrop{background:#173d36df;backdrop-filter:blur(5px)}.footoog-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 12px;background:#f5ecd7;border-bottom:1px solid #c7b990;font:13px system-ui}.footoog-nav button{background:none;color:#305844;border:0;min-height:42px;padding:8px;cursor:pointer}.footoog-content{text-align:center;padding:10px 22px}.footoog-content h1{font:600 clamp(21px,2.8vw,28px)/1.1 Georgia;margin:5px 0 10px}.footoog-stage{position:relative;width:min(100%,calc(max(180px,100svh - 300px)*1.5));aspect-ratio:3/2;overflow:hidden;margin:auto;border-radius:15px;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#f2eac9,#b6d2ba 65%,#8cac9a)}.footoog-stage:before{content:'';position:absolute;left:4%;right:4%;top:9%;color:#fff6d8;font:38px Georgia;letter-spacing:22px}.footoog-stage:after{content:'';position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(#b5c6a5,#889b84);border-top:1px solid #91a88f;z-index:-1}.footoog-stage [hidden]{display:none}.footoog-agy{position:absolute;inset:0;width:100%;height:100%;z-index:3}.footoog-agy>svg{width:100%;height:100%;object-fit:contain}.footoog-target{position:absolute;left:46.7%;top:43%;width:8%;height:10%;min-width:44px;min-height:44px;background:none;border:0;padding:0;transform:translate(-50%,-50%);touch-action:manipulation;z-index:4;cursor:pointer}.footoog-cloth{position:absolute;left:50%;top:50%;width:80%;height:70%;transform:translate(-50%,-50%);transform-origin:50% 86%;opacity:0;pointer-events:none}.footoog-cloth svg{width:100%;height:100%}.footoog-target:focus-visible{outline:none}.footoog-stage:focus-within{outline:3px solid #efd895;outline-offset:2px}.footoog-hammer{position:absolute;left:77%;top:35%;width:14%;height:23%;transform:translate(-50%,-24%) rotate(-25deg);transform-origin:50% 24%;z-index:8;pointer-events:none}.footoog-hammer svg{width:100%;height:100%}.footoog-crown{position:absolute;left:50%;top:14%;width:65%;height:42%;transform:translate(-50%,-50%);pointer-events:none}.footoog-crown svg{width:100%;height:100%}.footoog-hit-label{position:absolute;left:65%;top:43%;font:700 clamp(16px,2.5vw,27px) Georgia;color:#385b45;z-index:9;transform:rotate(-8deg)}.footoog-bubble{position:absolute;left:56%;top:17%;max-width:37%;margin:0;padding:8px 12px;border:2px solid #b99d70;border-radius:15px;background:#fff4d3;font:600 clamp(15px,2.1vw,23px)/1.2 Georgia;z-index:10}.footoog-guide{height:47px;margin:8px 0 4px;font:13px/1.3 system-ui}.footoog-controls{display:flex;gap:12px;justify-content:center;min-height:44px}.footoog-controls button{min-height:44px;padding:10px 16px;border:1px solid #a5946d;border-radius:10px;background:#315941;color:#fff5df;font:600 14px system-ui;cursor:pointer}.footoog-count{position:absolute;left:4%;bottom:5%;background:#fff3d5dc;border:1px solid #b69e73;border-radius:10px;padding:7px 10px;font:700 clamp(14px,1.8vw,19px) system-ui;z-index:10}.footoog-stop svg{width:57%;height:57%;filter:drop-shadow(0 3px 3px #353d3655)}@media(max-width:600px){.footoog-content{padding:8px 12px}.footoog-nav{padding:5px 7px}.footoog-target{width:8%;height:10%}.footoog-cloth{width:80%;height:70%}.footoog-bubble{left:57%;top:13%;max-width:34%;padding:6px}.footoog-stage:before{font-size:24px;letter-spacing:10px}.footoog-guide{font-size:12px}}

.footoog-content.is-loading .footoog-stage,.footoog-content.is-loading .footoog-guide,.footoog-content.is-loading .footoog-controls{visibility:hidden;pointer-events:none}.footoog-loading-note{font:14px/1.4 system-ui;margin:12px 0;color:#375d48}

.footoog-stage:focus-visible{outline:3px solid #efd895;outline-offset:2px}