:root{--purple:#6947f5;--purple-dark:#4930bd;--pink:#ff6fae;--yellow:#ffd85a;--ink:#292347;--muted:#6d6886;--paper:#fff;--bg:#f5f1ff;--green:#4ac89d}*{box-sizing:border-box}body{margin:0;font-family:Heebo,Arial,sans-serif;background:#eae5fa;color:var(--ink)}button,textarea{font:inherit}.screen{display:none;min-height:100vh;position:relative;overflow:hidden}.screen.active{display:flex}.home-screen{align-items:center;flex-direction:column;padding:28px 20px 50px;background:radial-gradient(circle at 85% 15%,#ffddef 0 7%,transparent 25%),radial-gradient(circle at 10% 75%,#dff8ff 0 8%,transparent 28%),linear-gradient(155deg,#fff 20%,#f2edff 100%)}.brand{align-self:flex-start;margin:0 auto;width:min(1040px,100%);font-size:24px;font-weight:900;color:var(--purple);display:flex;gap:8px;align-items:center}.brand-star{background:var(--purple);color:#fff;border-radius:12px;padding:0 8px}.hero-copy{text-align:center;max-width:720px;margin:35px auto 20px;z-index:1}.mascot{font-size:70px;filter:drop-shadow(0 10px 8px #ac93d766);animation:float 3s ease-in-out infinite}.eyebrow{color:var(--purple);font-weight:800;letter-spacing:.04em;margin:8px}.hero-copy h1{font-size:clamp(38px,6vw,68px);line-height:1.04;margin:8px 0 18px;font-weight:900}.hero-copy h1 span{color:var(--purple)}.subtitle{font-size:19px;color:var(--muted);line-height:1.7;max-width:640px;margin:auto}.creator-card{background:#ffffffdd;backdrop-filter:blur(14px);border:1px solid #fff;padding:24px;border-radius:28px;box-shadow:0 22px 70px #5b42a326;width:min(680px,100%);z-index:2}.creator-card label{display:block;font-size:17px;font-weight:800;margin-bottom:10px}.idea-wrap{position:relative}.idea-wrap textarea{width:100%;height:110px;resize:none;border:2px solid #e7e0fb;border-radius:18px;padding:16px 18px 30px;outline:none;background:#faf8ff;color:var(--ink);transition:.2s}.idea-wrap textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px #6947f514}.idea-wrap span{position:absolute;bottom:10px;left:14px;color:#aaa;font-size:12px}.suggestions{display:flex;gap:8px;margin:12px 0 18px;flex-wrap:wrap}.suggestions button{border:0;border-radius:20px;background:#f1edff;color:#544a79;padding:7px 11px;cursor:pointer;font-size:13px}.suggestions button:hover{background:#e4dcff}.primary-btn{width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,var(--purple),#8d65ff);box-shadow:0 10px 25px #6947f53d;color:#fff;padding:15px 20px;font-weight:800;font-size:18px;cursor:pointer;transition:.2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6947f555}.creator-card small{display:block;text-align:center;color:#9892aa;margin-top:12px}.cloud{position:absolute;font-size:80px;opacity:.55}.cloud-one{top:13%;left:4%}.cloud-two{right:3%;bottom:10%}.loading-screen{background:linear-gradient(145deg,#593bd5,#9b70ff);color:#fff;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.magic-orb{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-size:55px;background:#ffffff18;border:2px solid #ffffff55;box-shadow:0 0 80px #ffdc85;animation:pulse 1.4s infinite}.loading-screen h2{font-size:32px;margin:30px 0 5px}.loading-screen p{opacity:.8}.progress{height:8px;width:min(330px,80vw);background:#ffffff25;border-radius:99px;overflow:hidden;margin-top:20px}.progress i{display:block;height:100%;background:var(--yellow);animation:load 2.2s ease forwards}.story-screen,.game-screen{background:linear-gradient(160deg,#f8f5ff,#e8f8ff);flex-direction:column;padding:20px}.story-topbar{width:min(1000px,100%);margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.icon-btn{width:46px;height:46px;border:0;border-radius:14px;background:white;box-shadow:0 5px 20px #41327818;color:var(--purple);font-size:20px;font-weight:900;cursor:pointer}.chapter-progress{width:min(390px,50vw);text-align:center;color:var(--muted);font-weight:700;font-size:13px}.chapter-progress>div{height:7px;background:#ded8f1;border-radius:99px;margin-top:7px;overflow:hidden}.chapter-progress i{height:100%;display:block;background:var(--purple);transition:.5s}.stars{background:#fff;border-radius:16px;padding:10px 14px;box-shadow:0 5px 20px #41327818}.scene-card{width:min(920px,100%);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:34px;overflow:hidden;box-shadow:0 25px 70px #584a8d22;min-height:580px}.scene-art{min-height:420px;display:grid;place-items:center;font-size:130px;position:relative;background:linear-gradient(150deg,#99e4ff,#c4b0ff);isolation:isolate}.scene-art:before,.scene-art:after{content:"";position:absolute;border-radius:50%;background:#ffffff30;z-index:-1}.scene-art:before{width:260px;height:260px}.scene-art:after{width:390px;height:390px}.scene-copy{padding:55px 44px;display:flex;flex-direction:column;justify-content:center}.scene-kicker{color:var(--purple)!important;font-size:14px!important;font-weight:900}.scene-copy h2{font-size:37px;line-height:1.2;margin:4px 0 18px}.scene-copy p{font-size:19px;line-height:1.8;color:var(--muted);white-space:pre-line}.scene-copy .primary-btn{margin-top:auto}.game-screen{background:linear-gradient(145deg,#4b32be,#825bec);color:#fff}.game-title{text-align:center}.game-title span,.game-title small{display:block}.game-title span{font-weight:900;font-size:20px}.game-title small{opacity:.75}.game-shell{width:min(840px,100%);margin:auto;background:#fff;color:var(--ink);border-radius:32px;padding:35px;box-shadow:0 25px 70px #24165a88;text-align:center;min-height:560px}.game-shell h2{font-size:32px;margin:5px}.game-shell>p{color:var(--muted);font-size:17px}.find-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px auto;max-width:650px}.find-item{aspect-ratio:1;border:0;border-radius:20px;background:#f1edff;font-size:39px;cursor:pointer;transition:.15s}.find-item:hover{transform:scale(1.06);background:#e7defe}.find-item.wrong{animation:shake .3s;background:#ffe7ed}.find-item.correct{background:#d9faee;transform:scale(1.08)}.sequence{display:flex;justify-content:center;gap:18px;margin:35px 0;direction:ltr}.sequence button{width:110px;height:110px;border-radius:24px;border:3px solid transparent;background:#f1edff;font-size:48px;cursor:pointer}.sequence button.selected{border-color:var(--purple);background:#e6ddff}.choices{display:grid;gap:12px;max-width:580px;margin:30px auto}.choices button{border:2px solid #e5def8;background:#faf9ff;border-radius:18px;padding:16px;text-align:right;cursor:pointer;font-weight:700}.choices button:hover{border-color:var(--purple)}.game-feedback{min-height:32px;font-weight:800;color:var(--purple)}.finish-screen{align-items:center;justify-content:center;flex-direction:column;text-align:center;background:radial-gradient(circle,#fff 0,#f3edff 60%,#dfd4ff);padding:30px}.confetti{font-size:30px}.trophy{font-size:100px;animation:float 2s infinite}.finish-screen h2{font-size:42px;margin:8px;max-width:700px}.finish-screen>p{font-size:18px;color:var(--muted);max-width:620px}.score-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:20px 50px;box-shadow:0 15px 40px #55419b22;margin:20px}.score-card strong{font-size:34px;color:var(--purple)}.finish-screen .primary-btn,.finish-screen .ghost-btn{max-width:400px}.ghost-btn{border:0;background:transparent;color:var(--purple);font-weight:800;padding:15px;cursor:pointer}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,120px);background:#292347;color:#fff;border-radius:14px;padding:12px 20px;z-index:10;transition:.3s;box-shadow:0 10px 30px #0004}#toast.show{transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 110px #ffdc85}}@keyframes load{from{width:5%}to{width:100%}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:700px){.home-screen{padding-top:18px}.hero-copy{margin-top:20px}.mascot{font-size:52px}.hero-copy h1{font-size:40px}.subtitle{font-size:16px}.creator-card{padding:18px}.scene-card{display:block;min-height:0}.scene-art{min-height:260px;font-size:90px}.scene-copy{padding:28px 24px}.scene-copy h2{font-size:29px}.scene-copy p{font-size:17px}.story-screen{padding:12px}.find-grid{grid-template-columns:repeat(4,1fr);gap:8px}.find-item{font-size:30px;border-radius:14px}.game-shell{padding:22px 14px;min-height:500px}.sequence button{width:82px;height:82px;font-size:38px}.cloud{display:none}}