@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;800&family=Outfit:wght@400;700;900&display=swap";:root{--primary: #0EA5E9;--secondary: #6366F1;--accent: #F43F5E;--island-green: #22C55E;--island-sand: #FEF3C7;--island-water: #38BDF8;--text-main: #0C4A6E;--text-glass: rgba(255, 255, 255, .8);--zoom-scale: 1}html{overflow-x:hidden}body{font-family:"Baloo 2",cursive;background-color:#bae6fd;color:var(--text-main);overflow-x:hidden;margin:0}#root{transform:scale(var(--zoom-scale));transform-origin:top center;min-height:100vh}h1,h2,h3,h4,.font-display{font-family:Outfit,sans-serif;font-weight:900}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.glass-dark{background:#0c4a6e1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.clay-card{background:#fff;border-radius:32px;border:6px solid var(--text-main);box-shadow:12px 12px 0 var(--text-main);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.clay-card:hover{transform:translate(-6px,-6px) scale(1.02);box-shadow:20px 20px 0 var(--text-main)}.island-button{background:#fff;border:4px solid var(--text-main);border-radius:24px;box-shadow:0 8px 0 var(--text-main);transition:all .2s;cursor:pointer;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.island-button:active{transform:translateY(6px);box-shadow:0 2px 0 var(--text-main)}.btn-green{background:#4ade80;box-shadow:0 8px #166534;border-color:#166534;color:#064e3b}.btn-blue{background:#38bdf8;box-shadow:0 8px #075985;border-color:#075985;color:#0c4a6e}.btn-pink{background:#fb7185;box-shadow:0 8px #9f1239;border-color:#9f1239;color:#4c0519}.btn-yellow{background:#fbbf24;box-shadow:0 8px #92400e;border-color:#92400e;color:#451a03}.clay-green{background:#4ade80;box-shadow:0 8px #166534;border-color:#166534!important}.clay-blue{background:#38bdf8;box-shadow:0 8px #075985;border-color:#075985!important}.clay-pink{background:#fb7185;box-shadow:0 8px #9f1239;border-color:#9f1239!important}.clay-yellow{background:#fbbf24;box-shadow:0 8px #92400e;border-color:#92400e!important}@keyframes pulse-clay{0%{transform:scale(1);box-shadow:0 8px 0 var(--text-main)}50%{transform:scale(1.05);box-shadow:0 12px 20px #4ade8066}to{transform:scale(1);box-shadow:0 8px 0 var(--text-main)}}.animate-pulse-clay{animation:pulse-clay 2s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:float 6s ease-in-out infinite}.perspective-1000{perspective:1000px}.perspective-2000{perspective:2000px}.preserve-3d,.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f0f9ff}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px;border:3px solid #F0F9FF}.island-land{border-radius:50% 50% 45% 45%/60% 60% 40% 40%}.star-dust{background:radial-gradient(circle at center,white 1px,transparent 0);background-size:24px 24px;opacity:.3}