.first-then{--ft-ink:#29463e;--ft-green:#6f927a;--ft-green-dark:#356450;--ft-coral:#d7765f;--ft-gold:#e2ad58;--ft-cream:#fffaf0;box-sizing:border-box;min-height:100svh;color:var(--ft-ink);font-family:var(--font-sans), system-ui, sans-serif;background:linear-gradient(#fbf9f08c,#e8f2e094),url(/games/first-then/art/storybook-clearing-v4.webp) 50%/cover fixed}.first-then *,.first-then :before,.first-then :after{box-sizing:border-box}.first-then button{font:inherit;cursor:pointer;border:0}.first-then button:focus-visible,.first-then [role=button]:focus-visible{outline-offset:3px;outline:4px solid #e7a64f}.ft-loading{background:#f8f4ea}.ft-kicker{color:#6b8176;letter-spacing:.14em;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;font-weight:900}.ft-primary,.ft-secondary{border-radius:18px;min-height:54px;padding:0 27px;font-weight:900;transition:transform .16s,box-shadow .16s}.ft-primary{color:#fff;background:var(--ft-green-dark);box-shadow:inset 0 -4px #1a433138,0 8px 20px #3457462e}.ft-secondary{color:var(--ft-green-dark);background:#ffffffe6;box-shadow:inset 0 0 0 2px #456d5b38}.ft-primary:hover,.ft-secondary:hover{transform:translateY(-2px)}.ft-frame-art{aspect-ratio:1;background:#eadfc9;width:100%;display:block;position:relative;overflow:hidden}.ft-frame-image{object-fit:cover}.ft-start{grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);align-content:center;gap:clamp(30px,5vw,72px);min-height:100svh;padding:clamp(24px,5vw,68px);display:grid;overflow:hidden}.ft-start:after{aspect-ratio:1;content:"";opacity:.16;background:#d9aa70;border-radius:50%;width:34vw;position:fixed;bottom:-18vw;right:-13vw}.ft-start section{z-index:1;align-self:center;position:relative}.ft-start h1{max-width:650px;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.055em;margin:0;font-size:clamp(3.4rem,7vw,6.5rem);font-weight:700;line-height:.92}.ft-start section>p:not(.ft-kicker){max-width:520px;margin:28px 0;font-size:clamp(1.1rem,2.2vw,1.45rem);line-height:1.5}.ft-start-cards{place-items:center;min-height:min(70vw,700px);display:grid;position:relative}.ft-start-cards .ft-frame-art{border:7px solid #fffdf8;border-radius:30px;width:min(29vw,360px);position:absolute;box-shadow:0 24px 48px #3f432f29}.ft-start-cards .ft-frame-art:first-child{top:8%;left:3%;transform:rotate(-6deg)}.ft-start-cards .ft-frame-art:nth-child(2){z-index:2;top:25%;right:4%;transform:rotate(5deg)}.ft-start-cards .ft-frame-art:nth-child(3){bottom:3%;left:14%;transform:rotate(2deg)}.ft-saved{background:#eef6e8;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin:0 0 22px;padding:10px 16px;font-weight:800;display:flex}.ft-saved span{aspect-ratio:1;color:#fff;background:var(--ft-green);border-radius:50%;place-items:center;width:25px;display:grid}.ft-board{--ft-rail-width:min(970px, calc((100svh - 235px) * 1.58), calc(100vw - 30px));grid-template-rows:auto minmax(0,.92fr) minmax(0,1.12fr) auto;gap:clamp(8px,1.2vh,13px);height:100svh;min-height:560px;padding:clamp(10px,1.6vh,18px) clamp(10px,2vw,26px);display:grid;position:relative;overflow:hidden}.ft-board:before{z-index:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);content:"";background:#fffdf7a3;border:1px solid #ffffffc7;border-radius:36px;position:absolute;inset:72px max(5px,50vw - 550px) 8px;box-shadow:0 24px 64px #344b3f21}.ft-board>*{z-index:1;position:relative}.ft-board-header{grid-template-columns:auto 1fr auto;align-items:center;gap:15px;width:min(1060px,100%);min-height:58px;margin:0 auto;display:grid}.ft-board-header h1{font-family:var(--font-serif), Georgia, serif;letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3.2vw,3rem);line-height:.95}.ft-round-button{aspect-ratio:1;width:48px;min-width:48px;color:var(--ft-ink);background:#ffffffd1;border-radius:50%;place-items:center;font-size:1.3rem;font-weight:900;display:grid;box-shadow:0 7px 18px #344a401f}.ft-header-actions{align-items:center;gap:9px;display:flex}.ft-header-actions>span{background:#eef6e8eb;border-radius:999px;align-items:center;gap:7px;min-height:44px;padding:0 13px;font-size:1rem;font-weight:900;display:flex}.ft-header-actions b{aspect-ratio:1;color:#fff;background:var(--ft-green);border-radius:50%;place-items:center;width:24px;font-size:.9rem;display:grid}.ft-pool,.ft-slots{width:var(--ft-rail-width);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.5vw,17px);height:100%;min-height:0;margin:0 auto;display:grid}.ft-pool{align-items:center}.ft-pool>.ft-card,.ft-pool-space{aspect-ratio:1;width:100%;max-height:100%}.ft-pool-space{background:#ffffff29;border:2px dashed #536f601f;border-radius:24px;display:block}.ft-card{touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border:5px solid #fffdf8;border-radius:25px;min-width:0;transition:transform .18s,box-shadow .18s,opacity .16s;position:relative;overflow:hidden;box-shadow:0 12px 28px #324a4324}.ft-card:hover{transform:translateY(-3px);box-shadow:0 17px 35px #324a4330}.ft-card.is-selected{transform:translateY(-4px)rotate(-1deg);box-shadow:0 0 0 5px #e8a35b,0 17px 35px #324a432e}.ft-card.is-hint{z-index:5;animation:.62s both ft-hint;box-shadow:0 0 0 7px #efb95180,0 18px 45px #4f5b2b47}.ft-card.is-dragging{opacity:.55;transform:scale(.96)}.ft-card-check{aspect-ratio:1;color:#fff;background:var(--ft-green);border-radius:50%;place-items:center;width:31px;font-weight:900;display:none;position:absolute;bottom:8px;right:8px}.ft-story-ribbon{width:min(1035px, calc(var(--ft-rail-width) + 64px));place-items:center;min-height:0;margin:0 auto;padding:0 32px;display:grid;position:relative}.ft-ribbon-line{filter:drop-shadow(0 4px #ffffff8c);border:8px solid #dba65773;border-top:0;border-radius:0 0 50% 50%;height:25%;position:absolute;top:58%;left:5%;right:5%;transform:translateY(-50%)}.ft-ribbon-line:before,.ft-ribbon-line:after{aspect-ratio:1;content:"";background:#82a27d;border-radius:65% 35%;width:21px;position:absolute;top:-10px;transform:rotate(36deg)}.ft-ribbon-line:before{left:29%}.ft-ribbon-line:after{right:29%;transform:rotate(126deg)}.ft-slots{width:100%;height:auto;position:relative}.ft-slot{aspect-ratio:1/1.28;color:#526b5f;background:#fffdf8d1;border:3px dashed #51705e4d;border-radius:43px 43px 23px 23px;align-content:start;min-height:0;padding:38px 7px 7px;transition:border-color .18s,background .18s,transform .18s;display:grid;position:relative;box-shadow:0 12px 24px #3b514414}.ft-slot>strong{text-align:center;font-size:clamp(.8rem,1.5vw,1.03rem);position:absolute;inset:10px 12px auto}.ft-step-number{z-index:4;aspect-ratio:1;color:#fff;background:var(--ft-coral);width:38px;font-family:var(--font-serif), Georgia, serif;border:4px solid #fff9ed;border-radius:50%;place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:absolute;top:-10px;left:-12px;box-shadow:0 5px 12px #51492f2e}.ft-slot-empty{place-items:center;height:100%;display:grid}.ft-slot-empty i{aspect-ratio:1;background:#698f792e;border-radius:50%;width:12px;position:absolute}.ft-slot-empty i:first-child{transform:translate(-22px)}.ft-slot-empty i:last-child{transform:translate(22px)}.ft-slot.is-filled{background:#ffffffe0;border-style:solid;border-color:#698f796b}.ft-slot .ft-card{border-width:4px;border-radius:34px 34px 17px 17px;width:100%;max-height:100%;box-shadow:0 7px 16px #324a431c}.ft-slot .ft-card-check{display:grid}.has-gentle-retry .ft-slot{background:#fff7e8;border-color:#d9a06c;animation:.43s both ft-gentle}.ft-slot.is-praised{z-index:3;animation:.6s cubic-bezier(.2,.8,.2,1) both ft-praise-card;box-shadow:0 0 0 6px #eab85838}.ft-footer{justify-content:space-between;align-items:center;gap:15px;width:min(970px,100%);min-height:56px;margin:0 auto;display:flex}.ft-footer p{color:#5d7167;margin:0;font-size:clamp(.88rem,1.5vw,1.08rem);font-weight:750}.ft-footer-actions{gap:9px;display:flex}.ft-floating-tools{z-index:5;justify-content:space-between;display:flex;position:fixed;inset:18px 18px auto}.ft-floating-tools button{aspect-ratio:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#293b35c2;border-radius:50%;place-items:center;width:52px;font-size:1.45rem;font-weight:900;display:grid}.ft-movie{background:#263d36 url(/games/first-then/art/storybook-clearing-v4.webp) 50%/cover;place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.ft-movie:before{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);content:"";background:#1f3b308f;position:absolute;inset:0}.ft-cinema{aspect-ratio:1;background:#1b3028b8;border:8px solid #fffcf1eb;border-radius:clamp(25px,4vw,48px);width:min(90vw,100svh - 48px);position:relative;overflow:hidden;box-shadow:0 30px 80px #11231c61}.ft-cinema .ft-frame-art{aspect-ratio:1;height:100%}.ft-cinema .ft-frame-image{object-fit:cover;animation:1.9s ease-out both ft-cinema-pan}.ft-cinema-light{background:linear-gradient(110deg,#0000 30%,#fff5cb24 48%,#0000 64%);animation:2s ease-in-out infinite ft-light-sweep;position:absolute;inset:0}.ft-cinema-sparkles i{aspect-ratio:1;background:#fff4c2;border-radius:50%;width:8px;animation:1.7s ease-in-out infinite ft-sparkle;position:absolute;box-shadow:0 0 18px #fff2ad}.ft-cinema-sparkles i:first-child{top:25%;left:18%}.ft-cinema-sparkles i:nth-child(2){animation-delay:.5s;top:18%;right:22%}.ft-cinema-sparkles i:nth-child(3){animation-delay:1s;bottom:21%;right:30%}.ft-movie-dots{gap:9px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.ft-movie-dots i{aspect-ratio:1;background:#ffffff80;border-radius:50%;width:11px;transition:width .18s,background .18s}.ft-movie-dots .is-active{background:#fff;border-radius:99px;width:31px}.ft-movie-caption{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#263d36c7;border-radius:999px;margin:0;padding:11px 19px;font-weight:800;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.ft-finale{z-index:4;width:min(560px,100vw - 30px);color:var(--ft-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffbf1ed;border:1px solid #ffffffb8;border-radius:30px;place-items:center;padding:24px;animation:.36s both ft-finale-up;display:grid;position:fixed;inset:auto 50% 30px auto;transform:translate(50%);box-shadow:0 24px 70px #1c2d274d}.ft-finale-mark{aspect-ratio:1;color:#fff;background:var(--ft-green);border-radius:50%;place-items:center;width:66px;font-size:2.1rem;font-weight:900;display:grid;box-shadow:0 9px 22px #3d634b40}.ft-finale p{font-family:var(--font-serif), Georgia, serif;margin:12px 0 18px;font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700}.ft-finale>div:last-child{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ft-game-finished{place-items:center;height:100svh;min-height:620px;padding:clamp(18px,4vw,48px);display:grid;position:relative;overflow:hidden}.ft-game-finished:before{content:"";background:linear-gradient(#fffcf040,#dcedd26b);position:absolute;inset:0}.ft-finished-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf2d6;border:1px solid #ffffffd6;border-radius:42px;place-items:center;width:min(920px,100%);max-height:calc(100svh - 36px);padding:clamp(24px,4vh,42px) clamp(20px,4vw,48px);display:grid;position:relative;box-shadow:0 28px 75px #324b3d33}.ft-finished-panel h1{text-align:center;max-width:760px;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.045em;margin:0;font-size:clamp(2.3rem,5.5vw,4.8rem);line-height:.96}.ft-finished-friends{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(7px,1.2vw,13px);width:min(720px,100%);margin:clamp(20px,3vh,30px) 0;display:grid}.ft-finished-friend{border:5px solid #fffdf7;border-radius:42% 42% 24% 24%;animation:1.4s ease-in-out infinite alternate ft-friend-cheer;display:block;overflow:hidden;box-shadow:0 12px 25px #38524429}.ft-finished-friend:nth-child(2n){animation-delay:-.7s}.ft-finished-friend:nth-child(3n){animation-delay:-.35s}.ft-finished-panel .ft-primary{min-width:min(310px,100%)}.ft-gate{background:var(--ft-cream);border-radius:28px;width:min(560px,100%);padding:30px;box-shadow:0 24px 70px #1c2d274d}.ft-gate h2{margin:8px 0 12px;font-size:1.7rem}.ft-gate label{margin-top:18px;font-weight:800;display:block}.ft-gate input{width:100%;min-height:54px;font:inherit;border:2px solid #466c5b52;border-radius:14px;margin-top:7px;padding:10px 14px}.ft-gate form>div{gap:10px;margin-top:18px;display:flex}.ft-gate-error{color:#a64f3f;min-height:22px;display:block}@keyframes ft-gentle{0%,to{transform:translate(0)}35%{transform:translate(-4px)}70%{transform:translate(4px)}}@keyframes ft-hint{0%,to{transform:scale(1)}45%{transform:scale(1.075)translateY(-5px)}}@keyframes ft-praise-card{0%{transform:scale(1)}45%{transform:scale(1.07)rotate(-1deg)}to{transform:scale(1)}}@keyframes ft-cinema-pan{0%{transform:scale(1.055)}to{transform:scale(1)}}@keyframes ft-light-sweep{0%,to{transform:translate(-35%)}50%{transform:translate(35%)}}@keyframes ft-sparkle{0%,to{opacity:.2;transform:scale(.65)}50%{opacity:.9;transform:scale(1.2)}}@keyframes ft-finale-up{0%{opacity:0;transform:translate(50%,18px)}to{opacity:1;transform:translate(50%)}}@keyframes ft-friend-cheer{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-8px)rotate(1deg)}}@media (max-width:760px){.ft-start{grid-template-columns:1fr;padding:20px 20px 26px}.ft-start-cards{order:-1;min-height:41svh}.ft-start-cards .ft-frame-art{border-width:5px;border-radius:22px;width:min(44vw,230px)}.ft-start h1{font-size:clamp(3rem,14vw,4.6rem)}.ft-start section>p:not(.ft-kicker){margin:16px 0 20px;font-size:1.02rem}.ft-board{--ft-rail-width:min(calc(100vw - 18px), calc((100svh - 260px) * 1.45));grid-template-rows:auto minmax(0,.82fr) minmax(0,1.08fr) auto;gap:7px;min-height:530px;padding:8px 7px}.ft-board:before{border-radius:25px;inset:64px 2px 4px}.ft-board-header{gap:8px;min-height:50px}.ft-board-header h1{font-size:clamp(1.35rem,5.8vw,1.9rem)}.ft-board-header .ft-kicker{font-size:.58rem}.ft-round-button{width:42px;min-width:42px}.ft-header-actions>span{min-height:38px;padding:0 8px;font-size:.85rem}.ft-header-actions b{width:20px}.ft-pool,.ft-slots{gap:5px}.ft-pool-space{border-radius:15px}.ft-card{border-width:3px;border-radius:16px}.ft-story-ribbon{width:100%;padding:0 12px}.ft-ribbon-line{border-width:5px}.ft-slot{border-width:2px;border-radius:25px 25px 14px 14px;padding:31px 3px 3px}.ft-slot>strong{font-size:clamp(.68rem,3vw,.88rem);inset:8px 2px auto}.ft-step-number{border-width:3px;width:29px;font-size:.82rem;top:-5px;left:-7px}.ft-slot .ft-card{border-width:2px;border-radius:21px 21px 10px 10px}.ft-card-check{width:23px;font-size:.7rem;bottom:4px;right:4px}.ft-footer{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;min-height:94px}.ft-footer p{text-align:center;min-height:20px;font-size:.82rem}.ft-footer-actions{grid-template-columns:.8fr 1.2fr;display:grid}.ft-footer .ft-primary,.ft-footer .ft-secondary{min-height:48px;padding:0 15px}.ft-movie-caption{text-align:center;width:max-content;max-width:calc(100vw - 30px);bottom:20px}.ft-finale{padding:18px;bottom:16px}.ft-finale-mark{width:52px;font-size:1.65rem}.ft-game-finished{min-height:560px;padding:10px}.ft-finished-panel{border-radius:28px;max-height:calc(100svh - 20px);padding:24px 14px 18px}.ft-finished-panel h1{font-size:clamp(2.1rem,10.5vw,3.2rem)}.ft-finished-friends{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.ft-finished-friend{border-width:3px}.ft-gate form>div{flex-direction:column}}@media (max-height:650px) and (orientation:landscape){.ft-board{--ft-rail-width:min(720px, calc(100vw - 260px));grid-template-rows:auto 1fr auto;grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);min-height:430px}.ft-board-header{grid-column:1/-1}.ft-pool{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr;width:100%}.ft-pool>.ft-card,.ft-pool-space{justify-self:center;width:auto;height:100%}.ft-story-ribbon{width:100%;padding:0 12px}.ft-footer{flex-direction:row;grid-column:1/-1;min-height:52px}}@media (prefers-reduced-motion:reduce){.first-then *,.first-then :before,.first-then :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}