:root{--bg:#f8fafc;--text:#1e293b;--header:#fff;--card:#fff;--border:#e2e8f0;--accent:#2563eb;--success:#22c55e;--error:#cbd5e1;--shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--bg:#0f172a;--text:#f1f5f9;--header:#1e293b;--card:#1e293b;--border:#334155;--accent:#38bdf8;--shadow:0 10px 15px -3px #00000080}body{background:#f8fafc;background:var(--bg);color:#1e293b;color:var(--text);font-family:Segoe UI,sans-serif;margin:0;overflow-x:hidden;transition:all .3s ease}.header{align-items:center;background:#fff;background:var(--header);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.btn{background:#fff;background:var(--card);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:16px;color:#1e293b;color:var(--text);cursor:pointer;font-weight:700;margin-left:12px;padding:12px 24px;transition:all .2s}.btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow);transform:translateY(-2px)}.btn-active{background:#2563eb!important;background:var(--accent)!important;border-color:#2563eb!important;border-color:var(--accent)!important;color:#fff!important}.quiz-bar{background:#2563eb;background:var(--accent);border-bottom:5px solid #0000001a;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.quiz-prompt{font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;opacity:.9}.quiz-target{font-size:4rem;font-weight:900;letter-spacing:2px;text-shadow:2px 2px 0 #0003;text-transform:uppercase}.main-container{min-height:80vh;padding:2rem}.grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding-bottom:4rem}.card{align-items:center;aspect-ratio:1/1;background:#fff;background:var(--card);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;font-weight:800;justify-content:center;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-user-select:none;user-select:none}.card:hover{border-color:#2563eb;border-color:var(--accent);transform:translateY(-8px)}.card:active{transform:scale(.95)}.card.correct{background-color:#22c55e1a;border-color:#22c55e!important;border-color:var(--success)!important;color:#22c55e;color:var(--success);opacity:.6;pointer-events:none}.ani-hot{animation:glow 1.5s infinite alternate;color:#ff4500}.ani-cold{animation:shiver .2s infinite;color:#0ff}.ani-big{transform:scale(1.3)}.ani-small{transform:scale(.6)}.ani-fast{animation:fire .5s infinite alternate,dash .3s linear infinite;color:#ff4500;display:inline-block;text-shadow:0 0 10px #ff4500,0 0 20px #ff8c00}.ani-slow{opacity:.6;transform:scale(.8);transition:2s}.ani-heavy{text-shadow:2px 5px 5px #0000004d;transform:translateY(15px)}.ani-light{animation:float 2s ease-in-out infinite}.ani-up{transform:translateY(-20px);transition:.5s}.ani-down{transform:translateY(20px);transition:.5s}.ani-loud{animation:vibrate .1s infinite}.ani-quiet{font-size:1rem;opacity:.3}@keyframes fire{0%{transform:skewX(-5deg)}to{transform:skewX(5deg)}}@keyframes glow{0%{text-shadow:0 0 5px #ff4500}to{text-shadow:0 0 20px #ff8c00}}@keyframes shiver{0%,to{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}}@keyframes dash{0%{transform:translateX(-5px)}to{transform:translateX(5px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes vibrate{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-15px)}50%{transform:translateX(15px)}75%{transform:translateX(-15px)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ae93d9b7.css.map*/