.play-first-hero{max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"heading stage" "copy stage";column-gap:5%;row-gap:20px;padding-top:24px;padding-bottom:45px;align-items:center}.play-first-heading{grid-area:heading;align-self:end}.play-first-kicker{font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;margin:0 0 14px;color:#625479}.play-first-heading h1{font-size:clamp(2.6rem,4.7vw,4.8rem);line-height:1.02;letter-spacing:-.045em;margin:0}.play-first-copy{grid-area:copy;align-self:start}.play-first-hook{font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.5;margin:0 0 22px;max-width:32ch}.play-first-facts{list-style:none;padding:0;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px}.play-first-facts li{padding:7px 11px;border-radius:18px;background:#eee9f5;font-size:.76rem;line-height:1.4;font-weight:650}.play-first-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.play-first-actions>.button{padding:17px 32px;font-size:1.1rem;box-shadow:0 5px 0 #a82626}.play-first-actions>.button:hover{transform:translateY(-2px)}.play-first-media{grid-area:stage;position:relative;display:block;aspect-ratio:4/3;min-width:0;overflow:hidden;border-radius:28px;background:#e3ddec;border:1px solid #d4cce2;box-shadow:0 18px 45px #44336118;isolation:isolate}.play-first-media>img{width:100%;height:100%;object-fit:cover;display:block}.play-first-media .game-motion-stage{border-radius:inherit}.play-first-open{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;align-items:center;gap:7px;background:#fff8eef2;color:#29213d;border:1px solid #ffffff9c;box-shadow:0 4px 15px #211b3222;border-radius:30px;padding:12px 18px;font-weight:750;font-size:.85rem;pointer-events:none;transition:transform .2s}.play-first-open svg{width:17px;height:17px}.play-first-media:hover .play-first-open{transform:translateX(5px)}.play-first-feature-name{font-size:.85rem;line-height:1.5;font-weight:700;max-width:42ch;margin-bottom:24px}.play-first-small{font-size:.77rem;line-height:1.6;color:#655c70;max-width:52ch;margin:22px 0 0}.play-first-moves{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:0;padding-bottom:44px}.play-first-moves>div{display:flex;gap:15px;align-items:center;border-radius:18px;background:#f6f2e9;padding:20px}.play-first-moves>div>span{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;background:#ddd2ee;border-radius:13px;font-size:1.3rem;font-weight:800;transform:rotate(-6deg)}.play-first-moves>div:nth-child(2)>span{background:#b8dfce;transform:rotate(5deg)}.play-first-moves>div:nth-child(3)>span{background:#f4c9a9;transform:rotate(-3deg)}.play-first-moves h2{font-size:1.05rem;margin:0 0 6px}.play-first-moves p{font-size:.8rem;line-height:1.5;margin:0}.play-first-how{scroll-margin-top:24px}.play-first-collection{max-width:1400px;margin:auto;padding-top:28px;padding-bottom:45px}.play-first-collection>header{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;column-gap:5%;margin-bottom:24px}.play-first-collection>header>.play-first-kicker{grid-column:1/-1}.play-first-collection h1{font-size:clamp(2.3rem,3.5vw,3.4rem);line-height:1.03;letter-spacing:-.04em;margin:0}.play-first-collection>header>p:last-child{font-size:1.1rem;line-height:1.6;max-width:39ch;margin:0 0 4px}.play-first-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.play-first-room-card{min-width:0;overflow:hidden;border-radius:24px;border:1px solid #d8d2e1;background:#f8f5ec;box-shadow:0 9px 25px #38304a0c;display:flex;flex-direction:column}.play-first-room-card .play-first-media{border:0;border-radius:0;box-shadow:none;aspect-ratio:1.5}.play-first-room-card .play-first-open{left:auto;right:12px;bottom:12px;padding:9px 13px;font-size:.72rem}.play-first-room-grid:focus-visible{outline:3px solid #625479;outline-offset:7px;border-radius:24px}.play-first-room-card:focus-within{box-shadow:0 9px 30px #62547930}.play-first-room-card>div{padding:22px;display:flex;flex-direction:column;flex:1}.play-first-room-card h2{font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1;margin:0 0 10px}.play-first-room-card .play-first-kicker{margin-bottom:8px;font-size:.65rem}.play-first-room-hook{font-size:.98rem;line-height:1.45;margin:0 0 15px}.play-first-scope{font-size:.74rem;line-height:1.5;margin:0 0 18px;color:#4d465b}.play-first-room-card .button{align-self:flex-start;margin-top:auto}.play-first-collection-links{display:flex;gap:12px 24px;align-items:center;flex-wrap:wrap;margin:24px 0 0;font-size:.78rem;line-height:1.5}.play-first-collection-links span{margin-right:auto;font-weight:650}.play-first-collection-links a{text-decoration:underline;text-underline-offset:4px}.play-first-quiz{grid-area:stage;position:relative;isolation:isolate;border-radius:28px;padding:32px 32px 22px;background:#5b53a0;color:#fff8e9;min-height:390px;box-shadow:0 18px 45px #44336120;overflow:hidden}.play-first-quiz-top{display:flex;justify-content:space-between;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em;position:relative}.play-first-quiz h2{font-size:clamp(1.5rem,2.7vw,2.5rem);line-height:1.2;margin:26px 0;max-width:19ch;position:relative;color:inherit}.play-first-quiz-options{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px}.play-first-quiz-options button{min-height:57px;background:#fff7e9;color:#332c4c;border:2px solid #fff7e9;border-radius:13px;font:750 1rem/1.3 'DM Sans',sans-serif;padding:13px;cursor:pointer;box-shadow:0 4px 0 #2e285e;transition:transform .15s,background .15s}.play-first-quiz-options button:hover:enabled{transform:translateY(-3px);background:#f2dcaa}.play-first-quiz-options button:focus-visible{outline:3px solid #fff;outline-offset:5px}.play-first-quiz-options button:disabled{opacity:1;cursor:default}.play-first-quiz-options button.is-correct{background:#a7e2c2;border-color:#a7e2c2}.play-first-quiz-options button.is-miss{background:#e3c5d4;border-color:#e3c5d4}.play-first-quiz-feedback{position:relative;min-height:3em;font-size:.85rem;line-height:1.5;margin:24px 0 12px}.play-first-next.button{position:relative;background:#f2d18a;color:#312942;font-size:.85rem;border:0;padding:12px 18px}.play-first-quiz-footer{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.play-first-quiz-full{color:#fff8e9;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:.8rem;font-weight:750;text-underline-offset:4px}.play-first-quiz-full:focus-visible{outline:3px solid #fff;outline-offset:3px;border-radius:3px}.play-first-quiz-stars{position:absolute;inset:0;pointer-events:none;z-index:-1}.play-first-quiz-stars span{position:absolute;color:#d4bfff3b;font-size:70px;animation:landing-star 12s ease-in-out infinite}.play-first-quiz-stars span:nth-child(1){right:12%;top:8%}.play-first-quiz-stars span:nth-child(2){left:3%;bottom:6%;font-size:120px;animation-delay:-4s}.play-first-quiz-stars span:nth-child(3){right:1%;bottom:7%;font-size:120px;animation-delay:-8s}.play-first-quiz.is-right .is-correct{animation:landing-correct .4s ease-out}.play-first-category .play-first-heading h1{font-size:clamp(2.4rem,4.2vw,4.4rem)}@keyframes landing-star{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(20deg)}}@keyframes landing-correct{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(max-width:800px){.play-first-hero{grid-template-columns:1fr;grid-template-areas:"heading" "stage" "copy";gap:22px;padding-top:8px;padding-bottom:34px}.play-first-heading h1{font-size:clamp(2.3rem,8vw,3.3rem)}.play-first-kicker{font-size:.65rem;margin-bottom:9px}.play-first-media{border-radius:22px;aspect-ratio:1.4}.play-first-hook{font-size:1.1rem;max-width:none;margin-bottom:15px}.play-first-facts{margin-bottom:20px}.play-first-facts li{font-size:.7rem}.play-first-actions{gap:18px}.play-first-actions>.button{font-size:1rem;padding:14px 26px}.play-first-moves{grid-template-columns:1fr;gap:12px;padding-bottom:30px}.play-first-moves>div{padding:16px}.play-first-collection>header{display:block;margin-bottom:23px}.play-first-collection h1{font-size:clamp(2.1rem,7.6vw,3.3rem)}.play-first-collection>header>p:last-child{font-size:1rem;margin-top:17px}.play-first-room-grid{grid-template-columns:1fr;gap:20px}.play-first-room-card{display:grid;grid-template-columns:.9fr 1.1fr}.play-first-room-card .play-first-media{aspect-ratio:auto;min-height:235px}.play-first-room-card>div{padding:19px 16px}.play-first-room-card h2{font-size:1.45rem}.play-first-room-card .game-motion-stage canvas{object-fit:cover}.play-first-room-card .game-motion-label{display:none}.play-first-room-hook{font-size:.85rem}.play-first-room-card .button{font-size:.8rem;padding:11px 14px}.play-first-quiz{padding:24px;min-height:360px;border-radius:22px}.play-first-quiz h2{font-size:1.75rem;margin:25px 0}.play-first-quiz-options{gap:10px}.play-first-quiz-options button{font-size:.9rem;min-height:52px}.play-first-quiz-feedback{font-size:.8rem}.play-first-small{margin-top:20px}.play-first-collection-links{font-size:.75rem}.play-first-collection-links span{width:100%}}
@media(max-width:480px){.play-first-room-card{display:flex}.play-first-room-card .play-first-media{aspect-ratio:1.7;min-height:0}.play-first-room-card>div{padding:20px}.play-first-room-card .game-motion-stage canvas{object-fit:contain}.play-first-room-card h2{font-size:1.65rem}.play-first-room-hook{font-size:.95rem}.play-first-room-card .button{font-size:.9rem;padding:13px 20px}.play-first-room-card .game-motion-label{display:block}.play-first-room-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.play-first-room-card{flex:0 0 89%;scroll-snap-align:start}.play-first-room-card .play-first-scope{font-size:.72rem}.play-first-collection{padding-top:12px}.play-first-category .play-first-heading h1{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.play-first-quiz-stars span,.play-first-quiz.is-right .is-correct{animation:none}.play-first-actions>.button,.play-first-open,.play-first-quiz-options button{transition:none;transform:none!important}.play-first-room-grid{scroll-behavior:auto}}