:root{--accent-1:#cd9b40;--accent-2:#e4d097;--accent-text:#5b3a17;--card-bg:hsla(0,0%,100%,.86);--muted:#7a5b3a;--correct:#4caf50;--partial:#ff9800;--wrong:#7a2f18}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:url(./crk-yfP_4adh.png) no-repeat 50% fixed;background-size:cover;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{background:#0000004d;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.language-selector{position:fixed;right:20px;top:20px;z-index:10000}.lang-current{align-items:center;backdrop-filter:blur(10px);background:#ffffff26;border:2px solid hsla(0,0%,100%,.3);border-radius:25px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.lang-current img.emoji,.lang-option img.emoji{display:inline-block!important;height:1.2rem!important;vertical-align:middle;width:1.2rem!important}img.emoji{display:inline-block!important;height:1em!important;vertical-align:middle;width:auto!important}.lang-current:hover{background:#ffffff40;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.lang-dropdown{backdrop-filter:blur(15px);background:#fffffff2;border-radius:12px;box-shadow:0 8px 24px #00000040;min-width:180px;opacity:0;padding:8px;position:absolute;right:0;top:50px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden}.language-selector:hover .lang-dropdown{opacity:1;transform:translateY(0);visibility:visible}.lang-option{align-items:center;background:transparent;border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.lang-option:hover{background:#cd9b4026;transform:translate(4px)}.lang-option.active{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--accent-text)}.menu-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:900px;min-height:100vh;padding-bottom:20px}.menu-header{margin-bottom:40px;text-align:center}.menu-logo{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));height:auto;margin:0 auto 20px;max-width:90%;width:280px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mode-select-title{backdrop-filter:blur(10px);background:linear-gradient(135deg,#cd9b40f2,#e4cf96f2);border:3px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 8px 24px #0000004d;display:inline-block;margin:0 auto;overflow:hidden;padding:15px 40px;position:relative}.mode-select-title:before{animation:shine 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}50%,to{left:100%}}.mode-select-title h2{color:var(--accent-text);font-family:Baloo\ 2,Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:2px 2px 4px hsla(0,0%,100%,.3)}.mode-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:40px;margin-top:30px}.mode-card{backdrop-filter:blur(10px);background:#ffffffdb;border-radius:16px;box-shadow:0 8px 20px #00000026;color:inherit;cursor:pointer;display:block;opacity:1;overflow:hidden;padding:30px 20px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.mode-card:hover{box-shadow:0 12px 30px #00000040;transform:translateY(-5px)}.mode-card:before{background:linear-gradient(90deg,var(--accent-1),var(--accent-2));content:"";height:4px;left:0;position:absolute;right:0;top:0}.mode-icon{animation:iconBounce 2s ease-in-out infinite;font-size:3.5rem;margin-bottom:15px}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.mode-card h3{color:var(--accent-text);font-family:Baloo\ 2,sans-serif;font-size:1.5rem;margin-bottom:10px}.mode-card p{color:var(--muted);font-size:.95rem;line-height:1.4}.mode-card.mode-disabled{cursor:not-allowed;opacity:.6}.mode-card.mode-disabled:hover{box-shadow:0 8px 20px #00000026;transform:none}.mode-card.mode-disabled .mode-icon{animation:none;filter:grayscale(.5)}.coming-soon{background:linear-gradient(90deg,#ff9800,#ff5722);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:10px;padding:4px 12px}.modal{backdrop-filter:blur(5px);background:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:20000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 15px 50px #00000080;margin:5% auto;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;position:relative}.modal-close{color:#aaa;cursor:pointer;font-size:35px;font-weight:700;position:absolute;right:20px;top:15px;transition:color .3s}.modal-close:hover{color:#000}.modal-content h2{color:var(--accent-text);font-family:Baloo\ 2,sans-serif;font-size:2rem;margin-bottom:20px}.modal-content h3{color:var(--accent-text);font-size:1.3rem;margin-bottom:10px;margin-top:20px}.modal-content p{color:#555;line-height:1.6;margin-bottom:15px}.modal-content ul{margin-bottom:15px;margin-left:20px}.modal-content li{color:#666;line-height:1.8;margin-bottom:8px}.site-footer{backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid hsla(0,0%,100%,.2);border-radius:20px;margin-top:30px;padding:25px;text-align:center}.footer-social{gap:15px;margin-bottom:20px}.footer-icon,.footer-social{align-items:center;display:flex;justify-content:center}.footer-icon{backdrop-filter:blur(5px);background:#fff3;border-radius:50%;color:#fff;font-size:1.5rem;height:45px;text-decoration:none;transition:all .3s ease;width:45px}.footer-icon svg{height:24px;width:24px}.footer-icon:hover{background:#ffffff59;box-shadow:0 6px 16px #0000004d;transform:translateY(-3px) scale(1.1)}.footer-icon:first-child{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));font-weight:900}.footer-links{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.site-footer .footer-links a{backdrop-filter:blur(5px);background:#0000004d;border-radius:15px;color:#ffffffe6;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease}.site-footer .footer-links a:hover{background:#00000080;color:#fff;transform:translateY(-2px)}.footer-separator{color:#fff6;font-size:.8rem;margin:0 3px}.footer-copyright{color:#ffffffb3;font-size:.7rem;line-height:1.4;margin-top:15px}@media(max-width:768px){.mode-grid{grid-template-columns:1fr}.menu-logo{width:200px}.mode-select-title h2{font-size:1.5rem}.mode-select-title{padding:12px 25px}.language-selector{right:10px;top:10px}.lang-current{font-size:.85rem;padding:8px 14px}.modal-content{margin:10% 5%;padding:20px}.modal-content h2{font-size:1.5rem}.site-footer{margin-top:20px;padding:15px}.footer-social{gap:12px;margin-bottom:15px}.footer-icon{font-size:1.3rem;height:40px;width:40px}.footer-icon svg{height:20px;width:20px}.footer-links{flex-direction:column;gap:8px}.footer-separator{display:none}.site-footer .footer-links a{font-size:.8rem;padding:6px 12px}.footer-copyright{font-size:.65rem;margin-top:10px}}