:root{--bg:#0b1020;--card:#ffffff0f;--text:#ffffffeb;--muted:#ffffffb8;--border:#ffffff1f;--good:#2ee59d;--bad:#ff5c7c;--accent:#7aa7ff}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(1200px 600px at 20% 10%,#7aa7ff40,transparent 60%),radial-gradient(900px 500px at 80% 20%,#2ee59d2e,transparent 55%),var(--bg);color:var(--text);margin:0;font-family:Fredoka,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}a{color:inherit;text-decoration:none}.card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:18px}.row{flex-wrap:wrap;gap:14px;display:flex}.btn{background:#ffffff14;border:2px solid #ffffff24;border-bottom-width:4px;border-radius:16px;padding:11px 16px}.btn:hover{background:#ffffff1c;border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.badge{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.hr{background:var(--border);height:1px;margin:14px 0}.toast{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1224d9;border-radius:14px;min-width:220px;padding:12px 14px;position:fixed;bottom:18px;right:18px}.kbd{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.gridWorld{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.gridWorld{grid-template-columns:1fr}}.worldCard{background:radial-gradient(220px 120px at 20% 10%,#ffffff1a,#0000 60%),#ffffff0f;border:2px solid #ffffff29;border-radius:20px;align-items:center;gap:12px;padding:16px;transition:transform .12s,background .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.worldCard:before{content:"";background:#ffffff14;border-radius:999px;width:180px;height:180px;position:absolute;inset:-30px -60px auto auto;transform:rotate(15deg)}.worldCard:hover{background:radial-gradient(260px 140px at 20% 10%,#ffffff21,#0000 60%),#ffffff14;border-color:#ffffff42;transform:translateY(-4px)rotate(-.2deg)}.worldEmoji{background:#0000001a;border:2px solid #ffffff29;border-radius:18px;place-items:center;width:58px;height:58px;font-size:28px;display:grid;transform:rotate(-2deg)}.levelTag{background:#0000002e;border:1px solid #ffffff2e;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:14px}.sparkle{filter:blur(6px);pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff38,#0000 55%);width:320px;height:320px;position:absolute;inset:auto -120px -120px auto;transform:rotate(15deg)}.confetti{pointer-events:none;position:fixed;inset:0}.confetti span{opacity:.9;border-radius:3px;width:8px;height:12px;animation:.9s linear forwards fall;position:absolute;top:-10px}@keyframes fall{to{opacity:0;transform:translateY(120vh)rotate(200deg)}}.bgKids{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(18px);opacity:.55;border-radius:999px;width:520px;height:520px;animation:9s ease-in-out infinite floaty;position:absolute}.blob.b1{background:radial-gradient(circle at 30% 30%,#ffcd69f2,#ffcd6900);top:-180px;left:-180px}.blob.b2{background:radial-gradient(circle at 30% 30%,#7aa7fff2,#7aa7ff00);animation-duration:11s;top:50px;right:-220px}.blob.b3{background:radial-gradient(circle at 30% 30%,#2ee59df2,#2ee59d00);animation-duration:13s;bottom:-260px;left:40%}@keyframes floaty{0%,to{transform:translateY(0)translate(0)scale(1)}50%{transform:translateY(18px)translate(10px)scale(1.03)}}.stars{opacity:.35;background-image:radial-gradient(#ffffff38 1px,#0000 1px),radial-gradient(#ffffff24 1px,#0000 1px);background-position:0 0,20px 30px;background-size:46px 46px,70px 70px;position:absolute;inset:0}.choiceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (max-width:600px){.choiceGrid{grid-template-columns:1fr}}.worldEmoji,.badge{transition:transform .12s}.worldCard:hover .worldEmoji{transform:rotate(-6deg)scale(1.05)}.worldCard:hover .badge{transform:translateY(-1px)}:root{--kid-bg1:#b8e8ff;--kid-bg2:#ffe9b8;--kid-bg3:#c8ffd4;--kid-ink:#1a1a1a;--kid-muted:#0000009e;--kid-card:#ffffffc7;--kid-border:#0000001a;--kid-orange:#ff7a45;--kid-blue:#4d96ff;--kid-green:#37c97b;--kid-purple:#8e7cff}body{color:var(--kid-ink);background:radial-gradient(900px 520px at 10% 10%,#ffffffa6,transparent 60%),radial-gradient(700px 520px at 85% 25%,#ffffff8c,transparent 60%),linear-gradient(135deg,var(--kid-bg2),var(--kid-bg1),var(--kid-bg3))}.container{max-width:980px;margin:0 auto;padding:24px}.card{background:var(--kid-card);border:2px solid var(--kid-border);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:24px;padding:18px;box-shadow:0 14px 34px #0000001f}.badge{background:#ffffffd9;border:2px solid #00000014;border-radius:999px;padding:8px 12px;font-size:13px;box-shadow:0 8px #0000000f}.btn{color:var(--kid-ink);cursor:pointer;background:#ffffffe6;border:2px solid #0000001f;border-bottom-width:6px;border-radius:18px;padding:12px 16px;transition:transform 80ms,filter .12s}.btn:hover{filter:brightness(1.03)}.btn:active{border-bottom-width:2px;transform:translateY(4px)}.btnPrimary{background:#4d96ff2e;border-color:#4d96ff59}.btnGood{background:#37c97b2e;border-color:#37c97b59}.btnBad{background:#ff7a4526;border-color:#ff7a454d}.muted{color:var(--kid-muted)}.hr{background:#0000000f;border-radius:999px;height:2px;margin:14px 0}.kidScene{position:relative;overflow:hidden}.cloud{background:#ffffffd9;border:2px solid #0000000f;border-radius:999px;width:140px;height:58px;animation:14s linear infinite drift;position:absolute;top:14px;box-shadow:0 10px #0000000d}.cloud:before,.cloud:after{content:"";background:#ffffffe6;border:2px solid #0000000f;border-radius:999px;width:60px;height:46px;position:absolute;top:-16px}.cloud:before{left:18px}.cloud:after{width:70px;height:54px;top:-22px;left:62px}@keyframes drift{0%{transform:translate(-180px)}to{transform:translate(1200px)}}.balloon{background:#ff7a45d9;border:2px solid #0000001a;border-radius:999px;width:44px;height:56px;animation:3.4s ease-in-out infinite floaty2;position:absolute;top:18px;right:40px;box-shadow:0 10px #0000000f}.balloon:after{content:"";background:#0000001f;width:2px;height:60px;position:absolute;top:54px;left:50%;transform:translate(-50%)}@keyframes floaty2{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.kidTitle{letter-spacing:.5px;font-size:44px;font-weight:900;line-height:1.05}.kidSub{font-size:16px;line-height:1.6}.worldGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:900px){.worldGrid{grid-template-columns:1fr}}.worldCute{background:#ffffffc7;border:2px solid #00000014;border-radius:24px;padding:16px;transition:transform .12s;position:relative;overflow:hidden;box-shadow:0 12px #0000000f}.worldCute:hover{transform:translateY(-4px)rotate(-.2deg)}.worldCute .icon{background:#0000000a;border:2px solid #00000014;border-radius:18px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.worldCute .tag{background:#ffffffe6;border:2px solid #00000014;border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;top:12px;right:12px}.worldCute .shine{filter:blur(2px);background:#4d96ff33;border-radius:999px;width:180px;height:180px;position:absolute;inset:-60px -80px auto auto;transform:rotate(12deg)}.worldMath .shine{background:#4d96ff38}.worldDaily .shine{background:#37c97b38}.worldParent .shine{background:#8e7cff38}.kidInput{background:#ffffffeb;border:2px solid #0000001a;border-bottom-width:5px;border-radius:16px;outline:none;min-width:220px;padding:12px 14px}.kidInput:focus{border-color:#4d96ff66}.avatarGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.avatarGrid{grid-template-columns:1fr}}.avatarCard{text-align:left;cursor:pointer;background:#fffc;border:2px solid #0000001a;border-bottom-width:6px;border-radius:22px;padding:14px;transition:transform .1s,filter .12s}.avatarCard:hover{filter:brightness(1.02);transform:translateY(-3px)}.avatarCard:active{border-bottom-width:3px;transform:translateY(2px)}.avatarActive{background:#37c97b1a;border-color:#37c97b59}.avatarEmoji{border:2px solid #00000014;border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:10px;font-size:28px;display:grid}.stickerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:900px){.stickerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stickerCard{text-align:center;background:#ffffffc7;border:2px solid #0000001a;border-bottom-width:6px;border-radius:22px;padding:14px;box-shadow:0 10px #0000000f}.stickerProg{background:#ffffffc7;border:2px solid #00000014;border-bottom-width:6px;border-radius:22px;margin-bottom:14px;padding:14px;box-shadow:0 10px #0000000d}.stickerBar{background:#0000000f;border:2px solid #00000014;border-radius:999px;height:16px;margin-top:10px;overflow:hidden}.stickerFill{background:linear-gradient(90deg,#ff7a458c,#4d96ff8c,#37c97b8c);border-radius:999px;height:100%;transition:width .18s}.dropRow{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (max-width:900px){.dropRow{grid-template-columns:repeat(2,minmax(0,1fr))}}.dropSlot{background:#ffffffb3;border:2px dashed #0000002e;border-radius:18px;justify-content:center;align-items:center;min-height:64px;padding:10px;display:flex}.dropSlot.filled{border-style:solid;border-color:#37c97b59;box-shadow:0 10px #0000000d}.chipWrap{flex-wrap:wrap;gap:10px;display:flex}.chip{appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffffd9;border:2px solid #0000001a;border-bottom-width:5px;border-radius:999px;outline:none;padding:10px 14px;font-weight:800}.chip:active{cursor:grabbing;transform:translateY(1px)}.chipBig{padding:12px 16px;font-size:14px}.chip:disabled{opacity:.6;cursor:not-allowed}.fxWrap{transition:box-shadow .2s,transform .2s,border-color .2s}.fxCorrect{animation:.28s pop;box-shadow:0 0 0 2px #37c97b59,0 18px 40px #37c97b40;border-color:#37c97b99!important}.fxWrong{animation:.35s shake;box-shadow:0 0 0 2px #ff5c7c59,0 18px 40px #ff5c7c40;border-color:#ff5c7c99!important}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.btn.fxCorrect{background:#37c97b26}.btn.fxWrong{background:#ff5c7c26}.dropArea.fxCorrect{background:#37c97b14}.dropArea.fxWrong{background:#ff5c7c14}.flyLayer{pointer-events:none;z-index:9999;position:fixed;inset:0}.flyStar{opacity:1;filter:drop-shadow(0 8px 10px #0000002e);animation:flyStar var(--dur)cubic-bezier(.2,.9,.2,1)var(--delay)forwards;place-items:center;font-size:16px;display:grid;position:fixed;transform:translate(0)scale(1)}@keyframes flyStar{0%{opacity:1;transform:translate(0)scale(1)}35%{transform:translate(calc(var(--dx)*.35),calc(var(--dy)*.35))scale(1.25)rotate(var(--rot));opacity:1}to{transform:translate(var(--dx),var(--dy))scale(.65)rotate(var(--rot));opacity:0}}