@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@500;700&family=Nunito:wght@500;700;800&display=swap");:root{--navy:#0b1b4a;--blue:#2b7cff;--sky:#5ec8ff;--orange:#ff8a00;--pink:#ff4d8d;--green:#22c55e;--yellow:#fbbf24;--violet:#7c3aed}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Nunito,sans-serif;color:#0f172a;background:radial-gradient(circle at 10% 10%,#fff7d6 0,transparent 28%),radial-gradient(circle at 90% 0,#ffd6ea 0,transparent 30%),linear-gradient(180deg,#7dd3fc,#93c5fd 28%,#86efac 70%,#fde68a)}h1,h2,h3{font-family:Fredoka,sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}.shell{max-width:980px;padding:16px 16px 110px}.logo,.shell{margin:0 auto}.logo{width:min(280px,70vw);display:block}.card{background:#fff;border-radius:28px;padding:18px;box-shadow:0 16px 40px rgba(11,27,74,.12)}.btn{border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer;font-size:18px}.btn-primary{background:linear-gradient(90deg,#2b7cff,#7c3aed);color:#fff;width:100%}.btn-orange{background:#ff8a00;color:#fff}.btn-pink{background:#ff4d8d;color:#fff}.btn-green{background:#22c55e;color:#fff}.input{width:100%;padding:14px 16px;border-radius:16px;border:2px solid #dbeafe;font-size:16px;margin:8px 0 14px}.nav{position:fixed;left:12px;right:12px;bottom:12px;background:#0b1b4a;color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 8px;z-index:20}.nav a{text-align:center;font-size:12px;font-weight:800;opacity:.7}.nav a.active{opacity:1;color:#fbbf24}.worlds{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.island{border-radius:24px;padding:18px 12px;text-align:center;color:#fff;font-weight:800;min-height:140px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 20px rgba(0,0,0,.12)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:12px;gap:12px}.pill{display:inline-block;background:#eef4ff;border-radius:999px;padding:6px 12px;font-weight:800}.error{color:#b91c1c;font-weight:700}.choices{display:grid;grid-gap:10px;gap:10px;margin-top:16px}.choice{background:#eef4ff;border:0;border-radius:18px;padding:16px;font-size:20px;font-weight:800;cursor:pointer}.choice:hover{background:#dbeafe}.xpbar{background:#e2e8f0;border-radius:999px;height:12px;overflow:hidden}.xpbar>span{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#ff8a00)}.avatar-face{width:120px;height:120px;border-radius:50%;margin:0 auto;display:grid;place-items:center;font-size:64px;background:linear-gradient(180deg,#ffe4e6,#fde68a);box-shadow:0 8px 20px rgba(0,0,0,.12)}