@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--color-orange:#f60;--color-orange-dark:#d43300;--color-khaki:#8ce000;--color-khaki-dark:#6ca800;--color-white:#fff;--color-bg:#e3f2fa;--color-text:#2b2a3a;--color-gray:#d6dee5;--color-gray-dark:#aab4c0;--color-correct:#00de00;--color-correct-dark:#0a0;--color-wrong:#f05;--color-blue:#00c3ff;--color-blue-dark:#08c;--color-purple:#a0f;--color-purple-dark:#7700b3;--color-glass-white:#fffffff2;--color-glass-highlight:#fff6;--color-glass-border:#fff3;--color-success-bg:#e2fcce;--color-error-bg:#ffe2e2;--color-bg-top:#fff;--font-main:"Nunito", sans-serif;transition:all .3s}body.dark-mode{--color-bg:#0b0e14;--color-white:#151a24;--color-text:#e3f2fa;--color-gray:#1e2532;--color-gray-dark:#2a3441;--color-orange:#cc7340;--color-orange-dark:#a65229;--color-blue:#40a6cc;--color-blue-dark:#297ba6;--color-khaki:#8ca640;--color-khaki-dark:#668029;--color-correct:#59b36b;--color-wrong:#b35973;--color-purple:#8a2be2;--color-purple-dark:#6a1ab2;--color-glass-white:#151a24f2;--color-glass-highlight:#ffffff0d;--color-glass-border:#ffffff0d;--color-success-bg:#153315;--color-error-bg:#331515;--color-bg-top:#0f131a}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none!important;-ms-overflow-style:none!important}body{font-family:var(--font-main);background:radial-gradient(circle at top, var(--color-bg-top) 0%, var(--color-bg) 100%);color:var(--color-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.button-3d{appearance:none;cursor:pointer;font-family:var(--font-main);text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;letter-spacing:.5px;border:none;border-radius:24px;justify-content:center;align-items:center;min-width:150px;padding:16px 28px;font-size:1.2rem;font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.button-orange{background:var(--color-orange);color:var(--color-white);box-shadow:inset 0 6px 12px #fff6,  inset 0 -6px 12px #0003,  0 10px 0 var(--color-orange-dark),  0 16px 20px #f609;text-shadow:0 2px 4px #0003}.button-orange:active:not(:disabled){box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 0px 0 var(--color-orange-dark), 0 4px 8px #f609;transform:translateY(10px)}.button-khaki{background:var(--color-khaki);color:var(--color-white);box-shadow:inset 0 6px 12px #fff9, inset 0 -6px 12px #0003, 0 10px 0 var(--color-khaki-dark), 0 16px 20px #8ce00099;text-shadow:0 2px 4px #0003}.button-khaki:active:not(:disabled){box-shadow:inset 0 6px 12px #fff9, inset 0 -6px 12px #0003, 0 0px 0 var(--color-khaki-dark), 0 4px 8px #8ce00099;transform:translateY(10px)}.button-purple{background:var(--color-purple);color:#fff;box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 10px 0 var(--color-purple-dark), 0 16px 20px #a0f9;text-shadow:0 2px 4px #0003}.button-purple:active:not(:disabled){box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 0px 0 var(--color-purple-dark), 0 4px 8px #a0f9;transform:translateY(10px)}.button-white{background:var(--color-white);color:var(--color-orange);box-shadow:inset 0 6px 12px #fff, inset 0 -6px 12px #0000000f, 0 10px 0 var(--color-gray-dark), 0 16px 20px #00000014}.button-white:active:not(:disabled){box-shadow:inset 0 6px 12px #fff, inset 0 -6px 12px #0000000f, 0 0px 0 var(--color-gray-dark), 0 4px 8px #00000014;transform:translateY(10px)}.button-correct{background:var(--color-correct);color:var(--color-white);box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 10px 0 var(--color-correct-dark), 0 16px 20px #00de0099;text-shadow:0 2px 4px #0003}.button-correct:active:not(:disabled){box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 0px 0 var(--color-correct-dark), 0 4px 8px #00de0099;transform:translateY(10px)}.button-wrong{background:var(--color-wrong);color:var(--color-white);box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 10px 0 var(--color-wrong-dark), 0 16px 20px #f059;text-shadow:0 2px 4px #0003}.button-wrong:active:not(:disabled){box-shadow:inset 0 6px 12px #fff6, inset 0 -6px 12px #0003, 0 0px 0 var(--color-wrong-dark), 0 4px 8px #f059;transform:translateY(10px)}.button-blue{background:var(--color-blue);color:var(--color-white);box-shadow:inset 0 6px 12px #ffffff80, inset 0 -6px 12px #0003, 0 10px 0 var(--color-blue-dark), 0 16px 20px #00c3ff99;text-shadow:0 2px 4px #0003}.button-blue:active:not(:disabled){box-shadow:inset 0 6px 12px #ffffff80, inset 0 -6px 12px #0003, 0 0px 0 var(--color-blue-dark), 0 4px 8px #00c3ff99;transform:translateY(10px)}.button-3d:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray);color:var(--color-gray-dark);box-shadow:inset 0 4px 6px #fff6, inset 0 -4px 6px #0000000d, 0 8px 0 var(--color-gray-dark)!important;transform:none!important}.app-container{background-color:#0000;flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative}.glass-panel{background:var(--color-white);box-shadow:inset 0 8px 16px var(--color-glass-highlight), inset 0 -8px 12px #00000008, 0 20px 40px #00000014, 0 60px 100px #0000000f;border-radius:36px;padding:32px}.disney-blob{appearance:none;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1);display:flex}.disney-blob:active:not(:disabled){transform:translateY(12px)scale(.95)}@keyframes pulseHighlight{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2)drop-shadow(0 0 20px #ffffff80);transform:scale(1.08)}to{filter:brightness();transform:scale(1)}}.animate-pulse-highlight{animation:1.5s cubic-bezier(.4,0,.2,1) infinite pulseHighlight}@keyframes pop{0%{opacity:0;transform:scale(.6)translateY(20px)}60%{opacity:1;transform:scale(1.1)translateY(-10px)}80%{transform:scale(.95)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards pop}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:.4s ease-out forwards slideInUp}@keyframes floatDynamic{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-8px)rotate(-3deg)}50%{transform:translateY(-12px)rotate(0)}75%{transform:translateY(-8px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}.animate-float{animation:4s ease-in-out infinite floatDynamic}@keyframes floatImage{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-10px)scale(1.05)}to{transform:translateY(0)scale(1)}}