:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--secondary-hover:#db2777;--success:#22c55e;--success-hover:#16a34a;--danger:#ef4444;--danger-hover:#dc2626;--warning:#f59e0b;--locked:#cbd5e1;--selected:#818cf8;--background:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-radius:20px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Outfit,sans-serif;display:flex}#root{flex-direction:column;flex:1;display:flex}h1,h2,h3,h4{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:800}.hebrew-text{direction:rtl;font-family:Rubik,sans-serif}.btn{border-radius:var(--border-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px #00000026}.btn:active{transform:translateY(4px);box-shadow:0 0 #00000026}.btn:disabled{color:#94a3b8;cursor:not-allowed;background-color:#e2e8f0;transform:none;box-shadow:0 4px #cbd5e1}.btn-primary{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), var(--primary))}.btn-success{background:linear-gradient(135deg, var(--success), #4ade80);color:#fff}.btn-danger{background:linear-gradient(135deg, var(--danger), #f87171);color:#fff}.btn-outline{color:var(--text-main);background:0 0;border:2px solid #e2e8f0;box-shadow:0 4px #e2e8f0}.btn-outline:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.btn-outline.selected-idle{border-color:var(--selected);color:var(--primary-hover);box-shadow:0 4px 0px var(--selected);background-color:#eef2ff}.btn-outline.disabled-unselected{opacity:.5;cursor:not-allowed}.btn-outline.selected-correct{border-color:var(--success);color:var(--success-hover);box-shadow:0 4px 0px var(--success);background-color:#dcfce7}.btn-outline.selected-wrong{border-color:var(--danger);color:var(--danger-hover);box-shadow:0 4px 0px var(--danger);background-color:#fee2e2}.quiz-card{background:var(--card-bg);box-shadow:var(--shadow-lg);text-align:center;border:4px solid #e2e8f0;border-radius:30px;margin:20px;padding:40px 20px;transition:transform .3s}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-pop-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{transform-origin:bottom;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounceIn}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:3s ease-in-out infinite floatAnimation}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.animate-shake{animation:.4s ease-in-out shake}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.175,.885,.32,1.2) forwards slideUp}@keyframes heartBurst{0%{opacity:1;transform:scale(1)}50%{opacity:.8;filter:drop-shadow(0 0 10px red);transform:scale(1.5)}to{opacity:0;transform:scale(2)rotate(15deg)}}.heart-bursting{animation:.5s ease-out forwards heartBurst;color:var(--danger)!important;fill:var(--danger)!important}.map-node{cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.5rem;font-weight:700;transition:transform .2s;display:flex;position:relative}.map-node:active{transform:scale(.95)}.map-node.completed{background:var(--warning);color:#fff;border:4px solid #d97706;box-shadow:0 6px #d97706}.map-node.current{background:var(--primary);color:#fff;border:4px solid var(--primary-hover);box-shadow:0 6px 0px var(--primary-hover), 0 0 15px #6366f199;animation:2s infinite pulse}.map-node.locked{background:var(--locked);color:#94a3b8;cursor:not-allowed;border:4px solid #94a3b8;box-shadow:0 6px #94a3b8}@keyframes pulse{0%{box-shadow:0 6px 0px var(--primary-hover), 0 0 0 0 #6366f1b3}70%{box-shadow:0 6px 0px var(--primary-hover), 0 0 0 15px #6366f100}to{box-shadow:0 6px 0px var(--primary-hover), 0 0 0 0 #6366f100}}.progress-bar-container{background-color:#e2e8f0;border-radius:8px;width:100%;height:16px;overflow:hidden}.progress-bar-fill{background:var(--success);height:100%;transition:width .3s ease-out}.feedback-banner{z-index:50;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;padding:24px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 25px -5px #0000001a}.feedback-banner.correct{border-top:2px solid var(--success);background-color:#dcfce7}.feedback-banner.incorrect{border-top:2px solid var(--danger);background-color:#fee2e2}.bottom-action-area{z-index:40;background:#fff;border-top:1px solid #e2e8f0;padding:20px;position:fixed;bottom:0;left:0;right:0}.text-center{text-align:center}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}