.strip.svelte-b5c3xr{display:flex;align-items:center;gap:10px;width:100%;max-width:500px;margin:0 auto;padding:8px 10px 8px 12px;background:linear-gradient(90deg,#6aaa641f,#e8a7351f);border:1px solid rgba(232,167,53,.4);border-radius:10px;font-size:.82rem;line-height:1.35;color:var(--color-text);animation:svelte-b5c3xr-strip-in .35s ease}@keyframes svelte-b5c3xr-strip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.strip-emoji.svelte-b5c3xr{font-size:1.25rem;flex-shrink:0;line-height:1}.strip-text.svelte-b5c3xr{margin:0;flex:1;min-width:0}.strip-text.svelte-b5c3xr strong:where(.svelte-b5c3xr){color:var(--color-present);margin-right:4px}.strip-cta.svelte-b5c3xr{flex-shrink:0;background:var(--color-present);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.strip-cta.svelte-b5c3xr:hover{opacity:.9}.strip-cta.svelte-b5c3xr:active{transform:scale(.97)}.strip-close.svelte-b5c3xr{flex-shrink:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:.95rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.strip-close.svelte-b5c3xr:hover{background:var(--color-key-bg);color:var(--color-text)}@media(max-width:380px){.strip.svelte-b5c3xr{font-size:.78rem;padding:8px;gap:8px}.strip-text.svelte-b5c3xr strong:where(.svelte-b5c3xr){display:block;margin-bottom:2px}}.tutorial-page.svelte-116uhib{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-height:100dvh;height:100dvh;padding:12px 12px 16px;gap:14px;box-sizing:border-box;overflow:hidden}@media(max-height:720px),(max-width:480px){.tutorial-page.svelte-116uhib{padding:8px 10px 10px;gap:8px}}.tutorial-header.svelte-116uhib{width:100%;max-width:500px;display:flex;align-items:center;gap:12px;padding:4px 6px}.tutorial-header.svelte-116uhib h1:where(.svelte-116uhib){font-size:1.1rem;font-weight:700;color:var(--color-text);margin:0;flex:1;text-align:center}.back-link.svelte-116uhib{color:var(--color-text);text-decoration:none;font-size:1.4rem;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.back-link.svelte-116uhib:hover{background:var(--color-key-bg)}.badge.svelte-116uhib{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--color-correct);background:#6aaa6426;border:1px solid rgba(106,170,100,.4);padding:3px 8px;border-radius:12px}.invite-banner.svelte-116uhib{width:100%;max-width:500px;background:#e8a7351f;border:1px solid rgba(232,167,53,.4);color:var(--color-text);padding:10px 12px;border-radius:8px;font-size:.82rem;text-align:center;line-height:1.4}.skip-link.svelte-116uhib{display:block;margin-top:6px;color:var(--color-text-secondary);font-size:.78rem;text-decoration:underline;opacity:.85}.skip-link.svelte-116uhib:hover{opacity:1;color:var(--color-text)}.logged-share-banner.svelte-116uhib{width:100%;max-width:500px;background:linear-gradient(135deg,#6aaa641a,#e8a7351a);border:1px dashed rgba(232,167,53,.45);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-size:.82rem;line-height:1.4;color:var(--color-text)}.logged-share-emoji.svelte-116uhib{font-size:1.4rem;flex-shrink:0;line-height:1}.logged-share-text.svelte-116uhib{flex:1;min-width:0}.logged-share-btn.svelte-116uhib{flex-shrink:0;background:var(--color-present);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit}.logged-share-btn.svelte-116uhib:hover{opacity:.9}.logged-share-btn.svelte-116uhib:active{transform:scale(.97)}.invite-skip-compact.svelte-116uhib{display:inline-block;align-self:center;color:var(--color-present);font-size:.78rem;text-decoration:underline;padding:4px 10px;border-radius:6px;opacity:.85;animation:svelte-116uhib-collapse-in .4s ease}.invite-skip-compact.svelte-116uhib:hover{opacity:1;background:#e8a73514}@keyframes svelte-116uhib-collapse-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:.85;transform:translateY(0)}}@media(max-height:720px),(max-width:480px){.tutorial-header.svelte-116uhib{padding:2px 4px;gap:8px}.tutorial-header.svelte-116uhib h1:where(.svelte-116uhib){font-size:1rem}.invite-banner.svelte-116uhib{padding:7px 10px;font-size:.76rem}.skip-link.svelte-116uhib{font-size:.72rem;margin-top:3px}.logged-share-banner.svelte-116uhib{padding:8px 10px;font-size:.76rem;gap:8px}.logged-share-emoji.svelte-116uhib{font-size:1.2rem}.logged-share-btn.svelte-116uhib{padding:5px 10px;font-size:.72rem}.teacher.svelte-116uhib{width:40px;height:40px;font-size:1.6rem}.bubble.svelte-116uhib{padding:9px 11px;font-size:.84rem;line-height:1.4}.guide.svelte-116uhib{gap:8px}}.guide.svelte-116uhib{width:100%;max-width:500px;display:flex;align-items:flex-start;gap:10px}.teacher.svelte-116uhib{font-size:2.1rem;line-height:1;flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--color-tile-bg);border-radius:50%;border:2px solid var(--color-correct);box-shadow:0 3px 10px #0006,0 0 0 3px #6aaa6426;animation:svelte-116uhib-teacher-bob 2.6s ease-in-out infinite}@keyframes svelte-116uhib-teacher-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}.bubble.svelte-116uhib{position:relative;flex:1;background:var(--color-tile-bg);color:var(--color-text);padding:12px 14px;border-radius:12px;font-size:.92rem;line-height:1.5;font-weight:500;border:1px solid rgba(106,170,100,.5);box-shadow:0 2px 8px #00000040}.bubble.svelte-116uhib:before{content:"";position:absolute;left:-8px;top:14px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid var(--color-tile-bg);filter:drop-shadow(-1px 0 0 rgba(106,170,100,.5))}.bubble-text.svelte-116uhib{margin:0;animation:svelte-116uhib-bubble-pop .4s ease}@keyframes svelte-116uhib-bubble-pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.play-area.svelte-116uhib{width:100%;display:flex;justify-content:center;flex:1;align-items:center;min-height:0;overflow:hidden}.play-area.svelte-116uhib .grid{width:100%;max-width:min(350px,calc((100dvh - 480px) * 5 / 6))}@media(max-height:720px){.play-area.svelte-116uhib .grid{max-width:min(320px,calc((100dvh - 440px) * 5 / 6))}}.modal-backdrop.svelte-116uhib{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:svelte-116uhib-fade-in .2s ease}@keyframes svelte-116uhib-fade-in{0%{opacity:0}to{opacity:1}}.modal.svelte-116uhib{background:var(--color-bg);border:1px solid var(--color-tile-border);border-radius:12px;padding:24px 22px;max-width:360px;width:100%;text-align:center;color:var(--color-text);box-shadow:0 12px 40px #00000080}.modal-icon.svelte-116uhib{font-size:2.2rem;margin-bottom:6px}.modal.svelte-116uhib h2:where(.svelte-116uhib){margin:0 0 12px;font-size:1.3rem}.modal.svelte-116uhib p:where(.svelte-116uhib){margin:0 0 10px;font-size:.95rem;line-height:1.45;color:var(--color-text-secondary)}.modal.svelte-116uhib p:where(.svelte-116uhib) strong:where(.svelte-116uhib){color:var(--color-text)}.cta-text.svelte-116uhib{font-size:.9rem!important}.modal-actions.svelte-116uhib{display:flex;flex-direction:column;gap:8px;margin-top:16px}.btn.svelte-116uhib{display:block;text-align:center;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none;font-family:inherit;border:none;cursor:pointer;transition:opacity .2s}.btn.svelte-116uhib:hover{opacity:.9}.btn.svelte-116uhib:active{transform:scale(.98)}.btn-primary.svelte-116uhib{background:var(--color-correct);color:#fff}.btn-secondary.svelte-116uhib{background:var(--color-key-bg);color:var(--color-text)}.btn-ghost.svelte-116uhib{background:none;border:1px solid var(--color-tile-border);color:var(--color-text-secondary);font-size:.85rem}