.letters-game{width:100%;height:var(--play-frame-height);min-height:var(--play-frame-height);border:4px solid var(--color-border);box-shadow:var(--shadow-raised);user-select:none;background:#111956;border-radius:32px;grid-template-rows:230px 1fr;display:grid;position:relative;overflow:hidden}.letters-game *,.letters-game :before,.letters-game :after{box-sizing:border-box}.constellation-scene{z-index:0;background:radial-gradient(circle at 78% 18%,#ffe06e33,#0000 13rem),radial-gradient(circle at 18% 42%,#48b9ff38,#0000 17rem),linear-gradient(#19165d 0%,#25368d 44%,#6956b7 100%);position:absolute;inset:0;overflow:hidden}.constellation-scene:before,.constellation-scene:after{z-index:0;content:"";opacity:.58;background-image:radial-gradient(circle at 6% 12%,#fffffff0 0 1.2px,#0000 1.8px),radial-gradient(circle at 17% 31%,#ffe791c2 0 .9px,#0000 1.5px),radial-gradient(circle at 27% 8%,#ddeeffe0 0 1px,#0000 1.7px),radial-gradient(circle at 34% 44%,#ffffffc7 0 .8px,#0000 1.4px),radial-gradient(circle at 46% 18%,#ffdc77d6 0 1.1px,#0000 1.7px),radial-gradient(circle at 58% 37%,#e7f3ffd1 0 .9px,#0000 1.5px),radial-gradient(circle at 69% 9%,#ffffffe6 0 1.1px,#0000 1.8px),radial-gradient(circle at 76% 48%,#ffe384b8 0 .8px,#0000 1.4px),radial-gradient(circle at 88% 24%,#e1efffdb 0 1px,#0000 1.6px),radial-gradient(circle at 95% 61%,#ffffffc2 0 .8px,#0000 1.4px),radial-gradient(circle at 13% 72%,#e5f2ffcc 0 1px,#0000 1.6px),radial-gradient(circle at 39% 83%,#ffe689b8 0 .9px,#0000 1.5px),radial-gradient(circle at 63% 69%,#ffffffdb 0 1.1px,#0000 1.7px),radial-gradient(circle at 84% 87%,#e2f0ffc2 0 .8px,#0000 1.5px);position:absolute;inset:0}.constellation-scene:after{filter:blur(.2px);opacity:.5;background-image:radial-gradient(circle at 9% 43%,#ffffffb8 0 .65px,#0000 1.2px),radial-gradient(circle at 22% 59%,#cfe5ffad 0 .7px,#0000 1.25px),radial-gradient(circle at 31% 26%,#ffe081a3 0 .65px,#0000 1.2px),radial-gradient(circle at 49% 56%,#ffffffb3 0 .7px,#0000 1.2px),radial-gradient(circle at 55% 91%,#d5e9ff9e 0 .65px,#0000 1.2px),radial-gradient(circle at 72% 29%,#ffe691a8 0 .7px,#0000 1.25px),radial-gradient(circle at 81% 66%,#ffffffad 0 .65px,#0000 1.2px),radial-gradient(circle at 92% 13%,#d6eaffa3 0 .7px,#0000 1.25px)}.constellation-scene__drawing{z-index:4;width:65%;height:210px;position:absolute;top:8px;left:50%;overflow:visible;transform:translate(-50%)}.constellation-scene__path{fill:none;stroke:#e7f0ff47;stroke-dasharray:2.2 2.4;stroke-linecap:round;stroke-linejoin:round;stroke-width:.65px}.constellation-scene__link{fill:none;stroke:#0000;stroke-linecap:round;stroke-width:.78px}.constellation-scene__link--lit{filter:drop-shadow(0 0 2px #ffdd5bcc);stroke:#ffe576eb;stroke-dasharray:1;animation:.36s ease-out both constellation-link-light}.constellation-scene__star{fill:#7e8ab8;opacity:.78;transition:fill .26s,filter .26s,opacity .26s}.constellation-scene__star-halo{fill:#ffd95200}.constellation-scene__star--lit{fill:#ffe978;filter:drop-shadow(0 0 2px #ffd34d)drop-shadow(0 0 6px #ffde53e6);opacity:1}.constellation-scene__star--lit .constellation-scene__star-halo{fill:#ffd5491f}.constellation-scene__star--new>path{transform-box:fill-box;transform-origin:50%;animation:.44s cubic-bezier(.22,.84,.32,1) both constellation-star-bump}.constellation-scene__star--new .constellation-scene__star-halo{transform-box:fill-box;transform-origin:50%;animation:.46s ease-out both constellation-star-halo}.constellation-scene__planet{z-index:2;opacity:.76;width:104px;height:78px;position:absolute;top:111px;left:-18px}.constellation-scene__planet-body{z-index:2;background:radial-gradient(circle at 34% 28%,#ffffff3d,#0000 24%),radial-gradient(at 66% 62%,#644bac61,#0000 34%),linear-gradient(135deg,#59c3df,#3d55b6 55%,#7e4da1);border-radius:50%;width:64px;height:64px;position:absolute;top:4px;left:20px;box-shadow:inset -11px -9px #0e185733,0 0 22px #4cc7e63d}.constellation-scene__planet-ring,.constellation-scene__planet:after{content:"";border:5px solid #7ccee1b8;border-radius:50%;width:104px;height:31px;position:absolute;top:28px;left:0;transform:rotate(-13deg)}.constellation-scene__planet-ring{z-index:1;box-shadow:0 0 12px #65c9e12e}.constellation-scene__planet:after{z-index:3;border-color:#0000 #0000 #aee4ede0}.constellation-scene__clouds{z-index:1;position:absolute;inset:0;overflow:hidden}.constellation-scene__cloud{opacity:.72;background:#6470ae70;border-radius:999px;width:142px;height:30px;animation:34s linear infinite night-cloud-cross;position:absolute;left:-190px;box-shadow:inset 0 -7px #232d7029,0 8px 20px #0b124414}.constellation-scene__cloud:before,.constellation-scene__cloud:after{background:inherit;content:"";border-radius:50%;position:absolute;bottom:6px}.constellation-scene__cloud:before{width:50px;height:50px;left:22px}.constellation-scene__cloud:after{width:64px;height:64px;right:19px}.constellation-scene__cloud--one{animation-delay:-9s;top:31%}.constellation-scene__cloud--two{opacity:.48;width:112px;height:24px;animation-duration:43s;animation-delay:-25s;top:48%}.constellation-scene__cloud--three{opacity:.34;width:166px;animation-duration:51s;animation-delay:-3s;top:67%}.constellation-scene__shooting-star{z-index:5;filter:drop-shadow(0 0 4px #c2e9ffcc);opacity:0;transform-origin:100%;background:linear-gradient(90deg,#0000,#dcf2ff66 54%,#fff7bf);border-radius:999px;width:116px;height:2px;animation:15s linear -4s infinite shooting-star-cross;position:absolute;top:15%;left:-150px;transform:rotate(12deg)}.constellation-scene__shooting-star:after{content:"";background:#fff9d5;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:-2px;transform:translateY(-50%);box-shadow:0 0 8px #d7efff}.constellation-scene__dust{z-index:0;filter:blur(18px);background:#74cbff17;border-radius:50%;width:290px;height:90px;position:absolute;transform:rotate(-12deg)}.constellation-scene__dust--one{top:190px;right:-40px}.constellation-scene__dust--two{background:#ff8fdb14;bottom:90px;left:10%}.constellation-scene__letter-comet{z-index:6;width:56px;height:56px;color:var(--color-border);background:linear-gradient(#ffd953,#ff9e2f);border:3px solid #fff3aa;border-radius:18px;place-items:center;font-size:2rem;font-weight:1000;animation:.6s cubic-bezier(.22,.72,.23,1) both letter-to-star;display:grid;position:absolute;top:63%;left:50%;box-shadow:0 0 24px #ffda4cb3}.letters-game__hud{z-index:8;color:#fff;pointer-events:none;text-shadow:0 2px #08144a80;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex;position:absolute;top:0;left:0;right:0}.letters-game__hud>div:first-child{display:grid}.letters-game__hud span{letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:950}.letters-game__hud strong{font-size:1.15rem}.letters-game__star-progress{background:#0a184f8f;border:2px solid #ffffff94;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;display:flex}.letters-game__star-progress span{color:#ffe15c;font-size:1.25rem}.letters-game__result{z-index:4;grid-row:1/-1;justify-content:center;align-items:flex-end;gap:8px;padding:120px 28px 32px;display:flex;position:relative}.letters-game__result-panel{border:4px solid var(--color-border);text-align:center;background:linear-gradient(#fffaf0,#fff0bd);border-radius:28px;justify-items:center;gap:12px;width:min(540px,82%);padding:26px clamp(18px,5vw,38px);display:grid;box-shadow:0 10px #0714454d,0 24px 48px #07144540}.letters-game__result-panel h2{color:var(--color-blue-dark);margin:0;font-size:clamp(1.7rem,5vw,2.45rem);line-height:1.05}.letters-game__result-panel p{max-width:38ch;color:var(--color-muted);margin:0;font-weight:800}.letters-game__eyebrow{letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;color:#7250b4!important;font-weight:1000!important}.letters-game__pana{object-fit:contain;filter:drop-shadow(0 8px #07144533);width:108px;height:108px;display:block}.letters-game__pana--result{width:150px;height:150px;margin-bottom:20px;margin-right:-28px}.letters-game__exercise{z-index:5;pointer-events:none;min-height:0;position:absolute;inset:0}.letters-game__bottom-panels{pointer-events:auto;justify-items:center;gap:10px;width:min(650px,100% - 36px);margin-inline:auto;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.letters-game__pana-prompt{color:#fff;backdrop-filter:blur(8px);background:#0c1a55b8;border:3px solid #ffffffad;border-radius:24px;justify-self:center;align-items:center;gap:12px;width:min(560px,100%);padding:8px 68px 8px 8px;display:flex;position:relative;box-shadow:0 8px #07144538}.letters-game__pana-prompt .letters-game__pana{flex:0 0 76px;width:76px;height:76px}.letters-game__pana-prompt p{margin:0;font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:950;line-height:1.2}.letters-game__prompt-audio{border-width:2px;border-color:#fff;border-radius:13px;width:40px;height:40px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.letters-game__challenge{border:4px solid var(--color-border);background:linear-gradient(#fffaf0,#fff0c4);border-radius:28px;grid-template-rows:minmax(122px,auto) auto;grid-template-columns:150px minmax(0,1fr);align-content:center;place-self:start center;align-items:center;gap:14px 22px;width:100%;min-height:0;padding:18px 20px 22px;display:grid;box-shadow:0 9px #07144542}.letters-game__anchor{border:4px solid var(--color-border);background:#fff;border-radius:24px;place-self:center;place-items:center;width:136px;height:136px;display:grid;position:relative;box-shadow:0 7px #08214a29}.letters-game__anchor>img{object-fit:contain;width:112px;height:112px}.letters-game__anchor-audio{z-index:12;border-width:2px;border-radius:13px;width:40px;height:40px;position:absolute;top:-10px;right:-10px}.letters-game__word-reveal{min-height:94px;color:var(--color-blue-dark);letter-spacing:.02em;text-align:center;align-content:center;place-items:center;gap:6px;font-size:clamp(2.2rem,7vw,3.6rem);font-weight:1000;line-height:1;display:grid}.letters-game__word-reveal mark{color:#b54a2c;background:#ffe47b;border-radius:8px;padding-inline:.04em;box-shadow:0 3px #d2891d47}.letters-game__word-reveal small{color:var(--color-muted);letter-spacing:0;font-size:.9rem;font-weight:950}.letters-game__listen-hint{max-width:24ch;color:var(--color-muted);letter-spacing:0;font-size:1rem;font-weight:900;line-height:1.25}.letters-game__choices{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.letters-game__test-tools{z-index:30;color:#fff;font-size:.78rem;font-weight:900;position:absolute;bottom:10px;left:10px}.letters-game__test-tools summary{cursor:pointer;background:#081440e6;border:2px solid #ffffffd1;border-radius:10px;width:max-content;padding:5px 9px;list-style:none;box-shadow:0 3px #08144047}.letters-game__test-tools summary::-webkit-details-marker{display:none}.letters-game__test-tools>div{background:#081440f2;border-radius:11px;flex-wrap:wrap;gap:4px;width:max-content;max-width:calc(100vw - 20px);padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.letters-game__test-tools button{color:#08214a;cursor:pointer;min-width:34px;font:inherit;background:#ffd452;border:0;border-radius:7px;padding:5px 7px}.letters-game--error{background:var(--color-panel);min-height:280px;color:var(--color-text);text-align:center;place-items:center;padding:24px;font-weight:900;display:grid}@keyframes letter-to-star{0%{opacity:0;transform:translate(-50%,20px)scale(1.05)}35%{opacity:1}to{top:var(--star-y);left:var(--star-x);opacity:0;transform:translate(-50%,-50%)scale(.32)rotate(8deg)}}@keyframes constellation-star-bump{0%{transform:scale(.35)}42%{transform:scale(1.42)}66%{transform:scale(.88)}84%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes constellation-star-halo{0%{fill:#ffda4700;transform:scale(.4)}45%{fill:#ffda476b;transform:scale(1.65)}to{fill:#ffd5491f;transform:scale(1)}}@keyframes constellation-link-light{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes shooting-star-cross{0%,58%{opacity:0;transform:rotate(12deg)translate(0,0)}60%{opacity:.9}68%{opacity:.9}71%,to{opacity:0;transform:rotate(12deg)translate(calc(100vw + 310px))}}@keyframes night-cloud-cross{0%{transform:translate(0,0)}to{transform:translate(calc(100vw + 380px))}}@media (width<=700px){.letters-game{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-rows:174px 1fr}.constellation-scene__drawing{width:78%;height:190px;top:48px;left:50%}.constellation-scene__planet{top:96px;left:-20px}.constellation-scene__letter-comet{--star-x:var(--star-x-mobile)}.letters-game__hud{padding:10px 12px}.letters-game__hud strong{font-size:.96rem}.letters-game__result{flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:112px 12px 16px}.letters-game__result-panel{border-width:3px;border-radius:22px;gap:9px;width:100%;padding:18px 14px}.letters-game__pana--result{width:112px;height:112px;margin:0;position:absolute;top:72px;left:10px}.letters-game__exercise{inset:0}.letters-game__bottom-panels{gap:8px;width:calc(100% - 16px);bottom:8px;left:8px;right:8px}.letters-game__pana-prompt{border-width:2px;border-radius:18px;gap:8px;width:100%;padding:5px 56px 5px 5px}.letters-game__pana-prompt .letters-game__pana{flex-basis:58px;width:58px;height:58px}.letters-game__prompt-audio{border-width:2px;border-radius:13px;width:34px;height:34px;right:7px}.letters-game__challenge{border-width:3px;border-radius:22px;grid-template-rows:minmax(96px,auto) auto;grid-template-columns:108px minmax(0,1fr);gap:8px 12px;width:100%;padding:10px 10px 14px}.letters-game__anchor{border-width:3px;border-radius:18px;width:96px;height:96px;box-shadow:0 5px #08214a29}.letters-game__anchor>img{width:78px;height:78px}.letters-game__anchor-audio{border-width:2px;border-radius:13px;width:34px;height:34px;top:-7px;right:-7px}.letters-game__anchor-audio .audio-button__icon,.letters-game__prompt-audio .audio-button__icon{width:22px;height:22px}.letters-game__word-reveal{min-height:70px;font-size:clamp(1.9rem,11vw,2.8rem)}.letters-game__choices{gap:8px}}@media (width<=360px){.letters-game__challenge{grid-template-columns:88px minmax(0,1fr)}.letters-game__anchor{width:82px;height:82px}.letters-game__anchor>img{width:67px;height:67px}.letters-game__listen-hint{font-size:.86rem}}@media (height<=650px) and (width<=700px){.constellation-scene__drawing{height:140px;top:38px}.letters-game__pana-prompt .letters-game__pana{flex-basis:46px;width:46px;height:46px}.letters-game__challenge{grid-template-rows:78px auto}.letters-game__anchor{width:74px;height:74px}.letters-game__anchor>img{width:60px;height:60px}.letters-game__word-reveal{min-height:58px}}@media (prefers-reduced-motion:reduce){.constellation-scene__star,.constellation-scene__letter-comet,.constellation-scene__star--new>path,.constellation-scene__star--new .constellation-scene__star-halo,.constellation-scene__link--lit,.constellation-scene__cloud,.constellation-scene__shooting-star{transition:none;animation:none}.constellation-scene__letter-comet,.constellation-scene__shooting-star,.constellation-scene__clouds{display:none}}