body:has(.s9-frame){background:#e5e0d3}.s9-clear-celebration{isolation:isolate;background:#303b3038;overflow:hidden}.s9-clear-celebration .s9-clear-title{z-index:2;color:#fff7db;background:0 0;-webkit-background-clip:initial;background-clip:initial;filter:none;letter-spacing:.035em;text-shadow:-2px -2px #526b45,2px -2px #526b45,-2px 2px #526b45,2px 2px #526b45,0 6px #3c5036,0 12px 18px #26332366;font-size:clamp(42px,14vw,66px);font-style:normal;animation:none;position:relative}.s9-clear-halo{background:radial-gradient(circle,#fff4bd99,#f3d88d44 48%,#0000 72%);border:2px solid #f9e4a44d;border-radius:50%;width:240px;height:240px;animation:1.2s ease-out both s9-clear-ring;position:absolute;top:50%;left:50%}.s9-clear-confetti{opacity:0;border-radius:2px;width:7px;height:12px;position:absolute;top:50%;left:50%}@keyframes s9-clear-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.35)}}@media (prefers-reduced-motion:reduce){.s9-clear-halo{animation:none;transform:translate(-50%,-50%)}}:root .s9-frame{--text:#392d23;--muted:#705d45;--tile:#ecd0a0;--tile-hi:#e3bc7e;--accent:#526b45;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:radial-gradient(at 40% 10%,#faf7ec,#f0eadb 70%,#e9e2d0);font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,sans-serif}.s9-frame .area{min-height:0}.s9-heading{width:88%;margin:calc(env(safe-area-inset-top) + 8px) auto 5px;flex:none;line-height:1.2;position:relative}.s9-title{color:#414638;text-align:center;letter-spacing:.02em;background:0 0;margin:0;padding:8px;font-size:clamp(24px,7cqw,36px);font-weight:900}.s9-frame .topbar{grid-template-columns:44px 1fr auto;gap:8px;min-height:48px;padding:0 6% 5px}.s9-frame .topbar>.icon-btn{color:#526b45;background:#f7f3e8;border:1px solid #d5cdb9;border-radius:12px;width:44px;height:44px}.s9-frame .stage-label,.s9-frame .hud{white-space:nowrap;background:#f7f3e8;border:1px solid #d5cdb9;border-radius:10px;font-size:14px;font-weight:800;box-shadow:0 2px 4px #51472f12}.s9-frame .stage-label{justify-self:start;min-height:44px;padding:8px 12px}.s9-frame .stage-label:after{content:"⌄";color:#526b45;margin-left:8px}.s9-frame .hud{color:#5d6451;box-shadow:none;background:0 0;border:0;flex-direction:column;align-items:flex-end;gap:4px;padding:6px 0;display:flex}.s9-hud-moves{white-space:nowrap;font-size:12px}.s9-hud-budget{white-space:nowrap;color:#7a806d;font-size:10px}.s9-frame .pad-wrap{--key:clamp(44px, 9cqh, 60px);--gap:5px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);gap:8px}.s9-frame .pad-stage{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.s9-board-space{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.s9-board{--cell:min(96cqw / var(--cols), (100cqh - 20px) / var(--rows));grid-template-columns:repeat(var(--cols), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:calc(var(--cell) * var(--cols));aspect-ratio:var(--cols) / var(--rows);isolation:isolate;touch-action:none;background:#5e4834;border:5px solid #c9c1ad;border-radius:10px;outline:1px solid #ada68f;flex-shrink:0;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #f7f2e6,0 6px 12px #594b2d1a}.s9-cell{min-width:0;min-height:0;position:relative}.s9-cell[role=button]{cursor:pointer}.s9-cell:focus-visible{outline-offset:-3px;z-index:6;outline:3px solid #3d6848}.s9-frame .stage-cell:disabled{opacity:.4;cursor:default;filter:grayscale(.7)}.s9-cell.floor,.s9-cell.switch,.s9-cell.gate,.s9-cell.exit{background:linear-gradient(140deg,#fcf5e6,#f0e4cd);border:.5px solid #c8b596;border-radius:3px;box-shadow:inset 1px 1px #fffdf5,inset -1px -1px 1px #d0bfa455}.s9-cell.wall{background:url(./stone-Cx1oASzh.webp) 50%/106% 106% no-repeat;border-radius:5px}.s9-cell.wall:nth-child(3n){background-size:109% 106%}.s9-cell.exit:before{content:"";background:linear-gradient(#273c23,#4a643b);border:2px solid #839665;border-radius:6px;position:absolute;inset:4%;box-shadow:inset 0 3px 5px #15250f99}.s9-cell.exit:after{content:"▲";text-align:center;color:#f5e8c9;font-size:calc(var(--cell) * .22);position:absolute;bottom:10%;left:0;right:0}.s9-exit-label{text-align:center;color:#fff1d3;font-size:max(8px, calc(var(--cell) * .19));z-index:1;font-weight:800;position:absolute;top:15%;left:0;right:0}.s9-cell.switch:before{content:"";background:#d8dfce;border:2px solid #9da88b;border-radius:50%;transition:transform .15s,background .15s;position:absolute;inset:12%;box-shadow:0 3px #869276,inset 0 1px #f4f6ed}.s9-cell.switch.pressed:before{background:#8fa77c;border-color:#547347;transform:translateY(2px);box-shadow:inset 0 2px 3px #40553835}.s9-sink-frame{background:#f5eedf;border:1px solid #a6af99;border-radius:5px;position:absolute;inset:5%;overflow:hidden;box-shadow:inset 0 1px 3px #565e4325}.s9-obstacle{background:linear-gradient(#e3e8d9 0 17%,#c2ceb2 18% 78%,#98a787 79%);border:1px solid #8e9e7d;border-radius:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 2px 0 #eef2e177,inset -2px 0 #74876835}.s9-obstacle:after{content:"";background:#8da27b88;height:1px;position:absolute;top:18%;left:9%;right:9%}.s9-cell.gate.open .s9-obstacle{transform:translateY(108%)}.s9-cell.gate.open .s9-sink-frame{border-color:#b8c2a6;box-shadow:inset 0 2px 4px #7e8d6325}@media (prefers-reduced-motion:reduce){.s9-obstacle,.s9-cell.switch:before{transition:none}}.s9-piece{width:calc(100% / var(--cols));height:calc(100% / var(--rows));z-index:4;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.s9-piece[hidden]{display:none}.s9-number{color:#49280c;font-family:Arial Rounded MT Bold,Arial Black,sans-serif;font-size:calc(var(--cell) * .66);text-shadow:0 1px #fff2cf;-webkit-text-stroke:.65px currentColor;filter:drop-shadow(0 1px 1px #69482955);background:url(./wood-D-GoRUcA.webp) 50%/100% 100% no-repeat;place-items:center;padding-bottom:5%;font-weight:900;line-height:1;display:grid;position:absolute;inset:1%}.s9-block.nine .s9-number{color:#fff3d5;text-shadow:0 2px #843522;background-image:url(./red-m8dXnT5n.webp)}.s9-crate-art{filter:drop-shadow(0 2px 1px #5a3b2b55);background:url(./crate-v2-oaqEowN6.png) 50%/contain no-repeat;position:absolute;inset:0}.s9-kuiya{z-index:5;overflow:visible}.s9-facing{transform-origin:50% 85%;place-items:center;width:100%;height:100%;display:grid}.s9-body,.s9-sprite{width:100%;height:100%}.s9-body{transform-origin:50% 90%}.s9-sprite{transform-origin:50% 88%;position:relative;overflow:hidden;transform:scale(1.21)}.s9-kuiya[data-view=L] .s9-sprite,.s9-kuiya[data-view=R] .s9-sprite{transform:scale(1.41)}.s9-sprite img{object-fit:contain;width:100%;height:100%;display:block}.s9-sprite.sheet-ready img{object-fit:fill;width:400%;max-width:none;height:400%;transform:translate(calc(var(--pose-x,0) * -25%), calc(var(--pose-y,0) * -25%));position:absolute}.s9-kuiya[data-motion=idle] .s9-body{animation:2.7s ease-in-out infinite s9-breathe}.s9-kuiya[data-motion=walk] .s9-body{animation:.1s ease-in-out infinite s9-step}.s9-kuiya[data-motion=celebrate] .s9-body{animation:.44s ease-in-out 2 s9-cheer}.s9-kuiya[data-motion-paused=true] .s9-body{animation-play-state:paused}.s9-kuiya[data-reduced-motion=true] .s9-body{animation:none}@keyframes s9-breathe{0%,to{transform:scaleY(.97)}50%{transform:scaleY(1)}}@keyframes s9-step{0%,to{transform:translateY(0)}50%{transform:translateY(-2%)}}@keyframes s9-cheer{0%,to{transform:translateY(0)}45%{transform:translateY(-5%)}}.s9-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s9-frame .pad-row{justify-content:space-between;align-items:flex-end;gap:clamp(8px,3cqw,16px);width:88%}.s9-frame .pad{grid-template-columns:repeat(3, var(--key));grid-auto-rows:var(--key);gap:var(--gap)}.s9-frame .pad.udlr .to-U{grid-area:1/2}.s9-frame .pad.udlr .to-L{grid-area:2/1}.s9-frame .pad.udlr .to-R{grid-area:2/3}.s9-frame .pad.udlr .to-D{grid-area:3/2}.s9-frame .pad-btn,.s9-frame .pad-row .pill-btn.icon-only{color:#56634a;background:#f7f3e8;border:1px solid #d5cdb9;border-radius:12px;padding-bottom:0;box-shadow:0 2px 4px #51472f12}.s9-frame .pad-btn span{width:calc(var(--key) * .52);height:calc(var(--key) * .52);filter:drop-shadow(0 1px #324825)}.s9-frame .pad-row .pill-btn.icon-only{flex-direction:column;flex-shrink:0;gap:2px;width:clamp(52px,16cqw,64px);height:clamp(54px,18cqw,64px);margin-bottom:2px;display:flex}.s9-frame .pad-row .pill-btn.icon-only svg{width:25px;height:25px}.s9-control-label{white-space:nowrap;color:#56634a;font-size:11px;font-weight:800}.s9-frame .pad-row .pill-btn:disabled{opacity:.52;filter:saturate(.55)}.s9-frame .pad-btn:active,.s9-frame .pad-row .pill-btn:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px 2px #51472f1c}.s9-frame .stage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(300px,100vw - 48px)}.s9-frame .overlay{background:#24351be6}.s9-frame .overlay-box,.s9-frame .overlay-title,.s9-frame .overlay .pill-btn.ghost{color:#fff2d9}.s9-frame .stage-cell{color:#56634a;background:#f7f3e8;border-color:#d5cdb9}.s9-frame .stage-cell.current{color:#414638;background:#eeeadb;outline:2px solid #80906c}.s9-frame .overlay .pill-btn:not(.ghost){color:#392d23}.s9-board.stuck{border-color:#a64d33}.s9-block.trapped .s9-number,.s9-block.trapped .s9-crate-art{outline-offset:1px;outline:2px solid #a6432d}.s9-frame button:focus-visible,.s9-frame a:focus-visible{outline-offset:3px;outline:3px solid #3d6848}@media (height<=650px){.s9-heading{width:80%;max-height:76px;margin-top:calc(env(safe-area-inset-top) + 2px)}.s9-title{padding-block:8px;font-size:25px}.s9-frame .topbar{gap:5px;min-height:46px;padding-block:1px 3px}.s9-frame .stage-label,.s9-frame .hud{padding-inline:8px;font-size:12px}.s9-frame .pad-wrap{--key:44px;--gap:3px;padding-bottom:calc(env(safe-area-inset-bottom) + 10px);gap:5px}.s9-frame .pad.udlr .to-D{grid-area:2/2}.s9-frame .pad-stage{gap:6px}.s9-board{--cell:min(96cqw / var(--cols), (100cqh - 16px) / var(--rows));border-width:3px}.s9-frame .pad-row .pill-btn.icon-only{height:54px}}@media (prefers-reduced-motion:reduce){.s9-frame *,.s9-frame :before,.s9-frame :after{transition:none!important;animation-duration:1ms!important;animation-iteration-count:1!important}.s9-frame .fx-canvas,.s9-frame .fx-flash{visibility:hidden}}.s9-heading{position:relative}.s9-acorn-wallet{color:#726348;justify-content:center;align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:700;display:flex}.s9-acorn-wallet svg{width:19px;height:19px}.s9-frame .stage-cell{flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.s9-stage-acorns{color:#8b7656;font-size:10px;font-weight:500}.s9-frame .s9-reward-overlay{z-index:30;background:#eae4d9eb}.s9-frame .s9-reward-box{color:#414638;text-align:center;background:#faf7ec;border:1px solid #d5cdb9;border-radius:22px;width:88%;max-width:360px;padding:20px 16px;box-shadow:0 10px 30px #51472f15}.s9-reward-title{margin:0 0 20px;font-size:26px}.s9-unearned{opacity:.18;filter:grayscale()}.s9-reward-total{color:#827862;font-size:13px}.s9-reward-added{margin:24px 0 4px;font-size:19px;font-weight:700}.s9-frame .s9-reward-next{color:#46563c;background:#e5e9db;border:1px solid #b7c1a7;margin-top:16px}.s9-frame .s9-reward-box{max-height:94%;display:block;overflow-y:auto}.s9-reward-guide{color:#827862;margin:0 0 14px;font-size:12px}.s9-reward-checklist{text-align:left;flex-direction:column;gap:8px;display:flex}.s9-reward-item{background:#f0f3e8;border:1px solid #dce1d1;border-radius:10px;grid-template-columns:18px 1fr 27px;align-items:center;gap:8px;padding:9px 8px;display:grid}.s9-reward-item.incomplete{color:#888777;background:#f3f0e7;border-color:#e5e0d3}.s9-reward-check{color:#688155;font-size:17px}.incomplete .s9-reward-check{color:#aaa695}.s9-reward-detail{flex-direction:column;gap:5px;display:flex}.s9-reward-condition{font-size:12px;font-weight:600;line-height:1.5}.s9-reward-item-status{color:#827862;font-size:11px}.s9-reward-item svg{width:27px;height:27px;display:block}.s9-reward-item.fresh{background:#edf3df;border-color:#b4c49f}.s9-reward-item.fresh .s9-reward-item-status{color:#5c7c42;font-weight:700}.s9-reward-total{background:#f3eddf;border:1px solid #ded5c0;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:10px auto 0;padding:8px 14px;display:flex}.s9-total-icon svg{width:23px;height:23px;display:block}.s9-total-count{color:#726044;font-variant-numeric:tabular-nums;min-width:2ch;font-size:21px;font-weight:700}.s9-total-increment{color:#6b7f50;pointer-events:none;font-size:15px;font-weight:700;position:absolute;top:0;left:calc(50% + 28px)}.s9-acorn-flight{pointer-events:none;z-index:2;filter:drop-shadow(0 4px 3px #7e572e26);width:40px;height:40px;position:absolute;top:0;left:0}.s9-acorn-flight svg{width:100%;height:100%;display:block}.s9-reward-retry{min-height:38px;font:inherit;color:#6a765b;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:8px auto 0;padding:9px 14px;font-size:12px;text-decoration:underline;display:block}.s9-reward-retry:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #80906c}@media (height<=650px){.s9-frame .s9-reward-box{padding:16px 13px}.s9-reward-title{margin-bottom:12px}.s9-reward-added{margin-top:16px}.s9-frame .s9-reward-next{margin-top:12px}}.s9-frame .s9-story-reward{background:radial-gradient(at 50% 30%,#fffef6,#f8f3e5 75%);padding:24px 22px 16px}.s9-story-reward .s9-reward-eyebrow{letter-spacing:.1em;color:#91917c;margin:0 0 19px;font-size:10px}.s9-story-reward .s9-reward-title{letter-spacing:.04em;margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:25px;font-weight:500}.s9-reward-hero{justify-content:center;align-items:center;height:152px;display:flex;position:relative}.s9-reward-hero:before{content:"";background:#e9edda;border-radius:50%;width:145px;height:116px;position:absolute;transform:rotate(-7deg)}.s9-reward-hero:after{content:"✧";color:#b9ae75;font-size:24px;position:absolute;top:27px;right:13%}.s9-reward-character{z-index:1;background:url(./kuiya-motion-front-v3-Cb2BSTBs.png) 33.333% 100%/400% 400% no-repeat;width:126px;height:126px;position:relative}.s9-reward-score{color:#889275;margin:-1px 0 23px;font-size:11px}.s9-story-reward .s9-reward-checklist{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.s9-story-reward .s9-reward-item{background:0 0;border:0;border-radius:0;flex-direction:column;gap:13px;padding:0;display:flex}.s9-story-reward .s9-reward-item svg{filter:drop-shadow(0 3px 2px #7e572e15);width:45px;height:57px}.s9-story-reward .s9-reward-detail{gap:6px;width:100%}.s9-story-reward .s9-reward-condition{color:#697258;min-height:30px;font-size:10px;font-weight:500;line-height:1.5}.s9-story-reward .s9-reward-item-status{white-space:nowrap;font-size:10px}.s9-story-reward .fresh .s9-reward-item-status{color:#8b7750;font-weight:500}.s9-story-reward .s9-reward-added{color:#6b7755;margin:23px 0 13px;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:17px;font-weight:500}.s9-story-reward .s9-reward-total{background:0 0;border:0;border-top:1px solid #d9ddcb;border-radius:0;width:100%;margin:18px 0 0;padding-top:20px;position:relative}.s9-frame .s9-reward-overlay .s9-story-reward .s9-reward-next{color:#fcfaef;background:#728563;border-color:#728563;border-radius:24px;justify-content:center;width:100%;margin-top:20px}@media (height<=650px){.s9-frame .s9-story-reward{padding:17px 17px 10px}.s9-story-reward .s9-reward-title{font-size:22px}.s9-reward-hero:after{top:17px}.s9-story-reward .s9-reward-item svg{width:38px;height:48px}.s9-story-reward .s9-reward-item{gap:10px}.s9-story-reward .s9-reward-added{margin-top:17px;font-size:15px}.s9-story-reward .s9-reward-next{margin-top:14px}.s9-story-reward .s9-reward-eyebrow{margin-bottom:8px}.s9-reward-hero{height:90px}.s9-reward-character{width:85px;height:85px}.s9-reward-hero:before{width:100px;height:75px}.s9-reward-score{margin-bottom:10px}.s9-story-reward .s9-reward-added,.s9-frame .s9-reward-overlay .s9-story-reward .s9-reward-next{margin-top:12px}}.s9-frame .s9-lesson-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ede7d8d9;padding:22px}.s9-lesson-card{color:#414638;text-align:center;background:#fffaf0;border:1px solid #e0d6bd;border-radius:24px;width:min(100%,350px);max-height:90%;padding:28px 24px 24px;overflow:auto;box-shadow:0 16px 48px #5b52332b}.s9-lesson-eyebrow{letter-spacing:.18em;color:#938465;font-size:11px}.s9-lesson-card h2{letter-spacing:.02em;margin:22px 0 14px;font-size:21px;line-height:1.5}.s9-lesson-card p{text-wrap:pretty;margin:0;font-size:15px;line-height:1.9}.s9-lesson-card .s9-lesson-detail{color:#82785f;margin-top:12px;font-size:12px}.s9-lesson-start{color:#fffaf0;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#728563;border:0;border-radius:24px;margin-top:26px;font-size:15px;font-weight:700}.s9-lesson-start:focus-visible{outline-offset:4px;outline:3px solid #ad914f}.s9-lesson-diagram{color:#9b8b68;justify-content:center;align-items:center;gap:9px;min-height:64px;margin-top:22px;font-size:17px;display:flex}.s9-lesson-number{color:#fff3d5;text-shadow:0 2px #843522;background:url(./red-m8dXnT5n.webp) 50%/100% 100% no-repeat;place-items:center;width:46px;height:46px;font-family:Arial Rounded MT Bold,Arial Black,sans-serif;font-size:29px;font-weight:900;line-height:1;display:inline-grid}.s9-lesson-number-normal{color:#49280c;text-shadow:0 1px #fff2cf;background-image:url(./wood-D-GoRUcA.webp)}.s9-lesson-goal{color:#fffaf0;background:#728563;border-radius:10px;place-items:center;width:68px;height:50px;font-size:13px;font-weight:700;display:grid}.s9-lesson-crate{background:url(./crate-v2-oaqEowN6.png) 50%/contain no-repeat;width:62px;height:62px}.s9-lesson-scene{flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.s9-lesson-pair{gap:5px;display:flex}.s9-lesson-mini{flex:none;width:clamp(36px,12vw,50px);height:clamp(36px,12vw,50px);display:block}.s9-lesson-number-cover{z-index:2;width:100%;height:100%;font-size:33px;position:absolute;inset:0}.s9-lesson-caption{color:#81775f;white-space:nowrap;font-size:11px;line-height:1.6}.s9-guide{z-index:10;width:calc(100% / var(--cols));height:calc(100% / var(--rows));pointer-events:none;position:absolute}.s9-guide[hidden]{display:none}.s9-guide-ring{border:3px solid #f6d985;border-radius:10px;animation:1.6s ease-in-out infinite s9-guide-glow;position:absolute;inset:6%;box-shadow:0 0 0 2px #806e4055,inset 0 0 12px #fff4bb88}.s9-guide-finger{filter:drop-shadow(0 2px 2px #5d503444);width:41%;height:55%;animation:1.6s ease-in-out infinite s9-guide-tap;position:absolute;bottom:-8%;right:-1%}@keyframes s9-guide-glow{0%,to{opacity:.65}50%{opacity:1}}@keyframes s9-guide-tap{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}@media (height<=600px){.s9-lesson-card{padding:16px 20px}.s9-lesson-diagram,.s9-lesson-card h2{margin-top:12px}.s9-lesson-start{margin-top:16px}}@media (prefers-reduced-motion:reduce){.s9-guide-ring,.s9-guide-finger{animation:none}}:root{--bg:#0b0c12;--frame-top:#1c1f2e;--frame-bottom:#12131c;--text:#f4f5fb;--muted:#8a8fa8;--tile:#2a2e42;--tile-hi:#353a54;--accent:#ffd23f;--danger:#ff4d6d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}body{justify-content:center;align-items:center;display:flex;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.frame{background:linear-gradient(180deg, var(--frame-top), var(--frame-bottom));-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.frame{border-radius:28px;width:min(100vw,min(100dvh,960px)/1.77778);height:min(100dvh,960px);box-shadow:0 30px 80px #0009}}.topbar{padding:calc(env(safe-area-inset-top) + 12px) 14px 4px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:64px;display:grid}.hud{justify-self:end;gap:2px;display:flex}.topbar>.icon-btn{justify-self:start}.topbar>.stage-label{grid-column:2}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:14px;place-items:center;text-decoration:none;display:grid}.icon-btn:active{background:#ffffff0f}.stage-label{letter-spacing:.02em;background:0 0;border:0;border-radius:12px;justify-self:center;padding:8px 14px;font-size:22px;font-weight:800}.stage-label:active{background:#ffffff0f}.stage-label.hidden{visibility:hidden}.area{touch-action:none;flex:1;place-items:center;display:grid;position:relative;container-type:size}.area.locked{pointer-events:none}.bottombar{padding:8px 16px calc(env(safe-area-inset-bottom) + clamp(10px, 2dvh, 18px));justify-content:center;gap:28px;display:flex}.pill-btn{background:var(--tile);border:0;border-radius:26px;align-items:center;gap:8px;height:52px;padding:0 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .2s;display:inline-flex}.pill-btn:active{transform:scale(.94)}.pill-btn.icon-only{border-radius:50%;justify-content:center;width:clamp(52px,9dvh,64px);height:clamp(52px,9dvh,64px);padding:0}.pill-btn.icon-only svg{width:30px;height:30px}.pill-btn:disabled{opacity:.35}.pill-btn.ghost{box-shadow:inset 0 0 0 2px var(--tile);background:0 0}.frame.no-ui .topbar,.frame.no-ui .bottombar{visibility:hidden}.fx-canvas,.fx-flash{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.banner{pointer-events:none;z-index:25;place-items:center;display:grid;position:absolute;inset:0}.banner span{letter-spacing:.04em;background:linear-gradient(180deg, #fff 20%, var(--accent));color:#0000;filter:drop-shadow(0 6px #00000059);-webkit-background-clip:text;background-clip:text;font-size:64px;font-style:italic;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) both banner-in}@keyframes banner-in{0%{opacity:0;transform:scale(.3)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(-4deg)}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#08090eb8;place-items:center;animation:.2s ease-out fade-in;display:grid;position:absolute;inset:0}.overlay-box{flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.overlay-title{margin-bottom:8px;font-size:30px;font-weight:900}.stage-grid{grid-template-columns:repeat(5,56px);gap:10px;display:grid}.stage-cell{background:var(--tile);border:0;border-radius:14px;height:56px;font-size:20px;font-weight:800}.stage-cell.current{background:var(--accent);color:#1a1a1a}@keyframes fade-in{0%{opacity:0}}.dev-panel{left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom) + 84px);z-index:40;color:#9fe6c0;background:#0000008c;border-radius:12px;align-items:center;gap:6px;padding:6px;font:12px ui-monospace,monospace;display:flex;position:absolute}.dev-btn{background:#ffffff1a;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.dev-btn svg{width:18px;height:18px}.dev-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pad-wrap{--key:clamp(40px, 8.5cqh, 56px);--gap:8px;width:100%;height:100%;padding-bottom:calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;align-items:center;gap:10px;display:flex}.pad-stage{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative;container-type:size}.pad-row{align-items:center;gap:clamp(12px,5cqw,22px);display:flex}.pad-row .pill-btn.icon-only{width:calc(var(--key) * .9);height:calc(var(--key) * .9)}.pad-row .pill-btn.icon-only svg{width:calc(var(--key) * .42);height:calc(var(--key) * .42)}.pad{gap:var(--gap);grid-template-columns:repeat(3, calc(var(--key) * 1.3));grid-auto-rows:var(--key);display:grid}.pad.row{grid-template-columns:repeat(2, calc(var(--key) * 1.3))}.pad.udlr .to-U{grid-area:1/2}.pad.udlr .to-L{grid-area:2/1}.pad.udlr .to-D{grid-area:2/2}.pad.udlr .to-R{grid-area:2/3}.pad-btn{background:var(--tile);color:var(--text);touch-action:manipulation;border:0;border-radius:14px;padding:0;transition:transform 60ms;box-shadow:0 4px #00000059}.pad-btn:active{background:var(--tile-hi);transform:translateY(2px)}.pad-btn span{width:calc(var(--key) * .48);height:calc(var(--key) * .48);margin:auto;display:block}.pad-btn svg{width:100%;height:100%;display:block}