.action-pairs-game{--ap-ink:#29483b;--ap-green:#456f58;--ap-cream:#fff8e9;min-height:100svh;color:var(--ap-ink);background:#315444;overflow:hidden}.action-pairs-controls{z-index:50;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.action-pairs-controls button,.action-pairs-replay,.action-pairs-feedback button,.action-pairs-finale button{color:#fff9ec;min-height:44px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#264335e0;border:1px solid #ffffffad;border-radius:999px;padding:9px 15px;font-weight:850;box-shadow:0 8px 24px #18302338}.action-pairs-game button:focus-visible{outline-offset:3px;outline:4px solid #fff}.action-pairs-scene{isolation:isolate;min-height:100svh;padding:128px 24px 80px;position:relative;overflow:hidden}.action-pairs-background{z-index:-2;object-fit:cover}.action-pairs-scene:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#19352826,#fff7e20d 45%,#1b362821);position:absolute;inset:0}.action-pairs-question{z-index:20;top:max(12px, env(safe-area-inset-top));text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9ebf2;border:3px solid #ffffffc7;border-radius:38px;width:min(68vw,820px);min-height:96px;padding:13px 76px 18px 28px;position:absolute;left:50%;translate:-50%;box-shadow:0 16px 42px #23392b3d}.action-pairs-question p{color:#7d664c;letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.action-pairs-question h1{margin:2px 0 0;font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,3.1rem);line-height:1.05}.action-pairs-question>span{color:#775f47;font-size:.82rem;font-weight:900;position:absolute;top:50%;right:22px;translate:0 -50%}.action-pairs-question>i{background:#456f5829;border-radius:99px;height:5px;position:absolute;bottom:7px;left:42px;right:42px;overflow:hidden}.action-pairs-question>i b{border-radius:inherit;background:linear-gradient(90deg,#d79a47,#7b9d72);height:100%;transition:width .45s;display:block}.action-pairs-book{grid-auto-rows:minmax(240px,1fr);align-items:stretch;gap:clamp(8px,1.4vw,22px);width:min(1220px,96vw);min-height:min(72vh,760px);margin:0 auto;display:grid}.action-pairs-book[data-choice-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));width:min(880px,92vw)}.action-pairs-book[data-choice-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.action-pairs-book[data-choice-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.action-pairs-choice{opacity:0;pointer-events:none;cursor:pointer;background:0 0;border:3px solid #0000;border-radius:clamp(26px,3vw,52px);place-items:center;min-width:44px;min-height:220px;padding:0;transition:opacity .24s,border-color .18s,background-color .18s;display:grid;position:relative;overflow:visible}.action-pairs-book.is-ready .action-pairs-choice{opacity:1;pointer-events:auto}.action-pairs-character{aspect-ratio:1;transform-origin:50% 88%;width:min(100%,340px);height:auto;display:block;position:relative}.action-pairs-motion{transform-origin:50% 88%;filter:drop-shadow(0 12px 8px #2b3b2a29);transition:filter .18s;position:absolute;inset:0}.action-pairs-fallback{object-fit:contain;-webkit-user-select:none;user-select:none}.action-pairs-character[data-animation-state=whole-frame] .action-pairs-fallback{visibility:hidden}.action-pairs-sprite{background-image:var(--action-sprite);animation:action-pairs-whole-frame var(--action-duration) steps(1, end) infinite;background-position:0 0;background-repeat:no-repeat;background-size:300% 100%;position:absolute;inset:0}.action-pairs-character--walk .action-pairs-motion{animation:action-pairs-route-walk var(--action-duration) ease-in-out infinite}.action-pairs-character--run .action-pairs-motion{animation:action-pairs-route-run var(--action-duration) linear infinite}.action-pairs-character--jump .action-pairs-motion{animation:action-pairs-route-jump var(--action-duration) cubic-bezier(.36, .02, .33, 1) infinite}.action-pairs-character--swim .action-pairs-motion{animation:action-pairs-route-swim var(--action-duration) ease-in-out infinite}.action-pairs-character--ride .action-pairs-motion{animation:action-pairs-route-ride var(--action-duration) ease-in-out infinite}.action-pairs-book:not(.is-ready) .action-pairs-motion,.action-pairs-book:not(.is-ready) .action-pairs-sprite{animation-play-state:paused}.action-pairs-choice.is-retry{animation:.36s action-pairs-retry}.action-pairs-choice.is-hinted .action-pairs-motion{filter:drop-shadow(0 0 13px #ffe684f2)drop-shadow(0 12px 8px #2b3b2a29)}.action-pairs-choice.is-correct .action-pairs-motion{filter:drop-shadow(0 0 13px #cdf1aeeb)drop-shadow(0 12px 8px #2b3b2a29)}.action-pairs-replay{z-index:25;bottom:max(12px, env(safe-area-inset-bottom));display:none;position:absolute;left:12px}.action-pairs-feedback{z-index:30;right:50%;bottom:max(13px, env(safe-area-inset-bottom));color:#fff;text-align:center;background:#274334ed;border:2px solid #ffffffb8;border-radius:28px;align-items:center;gap:12px;min-height:52px;padding:10px 18px;display:flex;position:absolute;translate:50%;box-shadow:0 12px 32px #142a1e40}.action-pairs-feedback button{color:var(--ap-ink);background:#fff4d6}.action-pairs-finale{background:radial-gradient(circle at 15% 12%,#fff8e8,#f2dfbd 52%,#aec5a3);grid-template-columns:minmax(420px,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:100svh;padding:clamp(80px,8vw,110px) clamp(20px,5vw,80px) 40px;display:grid}.action-pairs-finale-art{aspect-ratio:8/5;border:8px solid #fffcf0d1;border-radius:clamp(28px,4vw,58px);width:100%;position:relative;overflow:hidden;box-shadow:0 28px 76px #273d2c45}.action-pairs-finale-art img{object-fit:cover}.action-pairs-finale p{color:#74563d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.8rem;font-weight:900}.action-pairs-finale h1{letter-spacing:-.04em;margin:0 0 18px;font-family:Georgia,serif;font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95}.action-pairs-finale span{max-width:620px;margin-bottom:22px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55;display:block}.action-pairs-gate-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12241cc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.action-pairs-gate{background:#fff7e6;border-radius:28px;width:min(100%,480px);padding:28px;box-shadow:0 25px 70px #0a191157}.action-pairs-gate h2{margin-top:0;font-family:Georgia,serif;font-size:2rem}.action-pairs-gate form,.action-pairs-gate label{gap:10px;display:grid}.action-pairs-gate input{min-height:48px;font:inherit;border:2px solid #829987;border-radius:14px;padding:8px 12px}.action-pairs-gate-actions{flex-wrap:wrap;gap:8px;display:flex}.action-pairs-gate button{border:2px solid var(--ap-green);background:var(--ap-green);color:#fff;min-height:44px;font:inherit;border-radius:999px;padding:9px 14px;font-weight:850}@keyframes action-pairs-whole-frame{0%,22%,to{background-position:0 0}22.01%,38%{background-position:50% 0}38.01%,54%{background-position:100% 0}54.01%,70%{background-position:50% 0}70.01%{background-position:0 0}}@keyframes action-pairs-route-walk{0%,15%{opacity:1;transform:translate(-7%)}68%{opacity:1;transform:translate(7%)}72%{opacity:0;transform:translate(7%)}72.01%{opacity:0;transform:translate(-7%)}77%,to{opacity:1;transform:translate(-7%)}}@keyframes action-pairs-route-run{0%,14%{opacity:1;transform:translate(-18%)}68%{opacity:1;transform:translate(18%)}72%{opacity:0;transform:translate(18%)}72.01%{opacity:0;transform:translate(-18%)}77%,to{opacity:1;transform:translate(-18%)}}@keyframes action-pairs-route-jump{0%,22%,76%,to{transform:translateY(0)}45%{transform:translateY(-14%)}64%{transform:translateY(-2%)}}@keyframes action-pairs-route-swim{0%,17%{opacity:1;transform:translate(-8%)translateY(1%)}62%{opacity:1;transform:translate(8%)translateY(-2%)}68%{opacity:0;transform:translate(8%)translateY(0)}68.01%{opacity:0;transform:translate(-8%)translateY(1%)}74%,to{opacity:1;transform:translate(-8%)translateY(1%)}}@keyframes action-pairs-route-ride{0%,15%{opacity:1;transform:translate(-12%)}66%{opacity:1;transform:translate(12%)}71%{opacity:0;transform:translate(12%)}71.01%{opacity:0;transform:translate(-12%)}76%,to{opacity:1;transform:translate(-12%)}}@keyframes action-pairs-retry{40%{transform:translate(-5px)}72%{transform:translate(3px)}}@media (max-width:760px){.action-pairs-scene{padding:142px 8px 76px}.action-pairs-question{width:calc(100vw - 20px);min-height:70px;padding:9px 54px 13px 14px;top:64px}.action-pairs-question p{display:none}.action-pairs-question h1{font-size:clamp(1.2rem,6vw,2rem)}.action-pairs-book{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,1fr);gap:2px;width:calc(100vw - 10px);min-height:calc(100svh - 222px)}.action-pairs-book[data-choice-count="2"],.action-pairs-book[data-choice-count="3"],.action-pairs-book[data-choice-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100vw - 10px)}.action-pairs-book[data-choice-count="3"]>:last-child{grid-column:1/-1;justify-self:center;width:50%}.action-pairs-choice{min-height:190px}.action-pairs-feedback{width:calc(100vw - 16px);bottom:7px}.action-pairs-finale{grid-template-columns:1fr;padding:88px 14px 28px}}@media (max-height:560px) and (orientation:landscape){.action-pairs-scene{padding:70px 8px 8px}.action-pairs-question{width:min(64vw,700px);min-height:58px;padding-block:6px 10px;top:5px}.action-pairs-question p{display:none}.action-pairs-question h1{font-size:clamp(1.15rem,4.5vh,1.7rem)}.action-pairs-book{grid-auto-rows:minmax(160px,1fr);width:min(1040px,84vw);min-height:calc(100svh - 78px)}.action-pairs-book[data-choice-count="2"]{width:min(690px,72vw);min-height:calc(100svh - 78px)}.action-pairs-choice{min-height:160px}.action-pairs-feedback{max-width:38vw;bottom:8px;right:8px;translate:0}}@media (prefers-reduced-motion:reduce){.action-pairs-sprite{animation:none;display:none}.action-pairs-motion{animation:none}.action-pairs-character[data-animation-state=whole-frame] .action-pairs-fallback{visibility:visible}.action-pairs-choice,.action-pairs-question>i b{transition:none}.action-pairs-replay{display:block}.action-pairs-feedback{bottom:64px}}