: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-flag-img,.lang-option-flag{border-radius:2px;height:18px;object-fit:cover;vertical-align:middle;width:24px}.lang-current .lang-flag-img{height:20px;width:26px}.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 4px;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,#cd9b40eb,#e4cf96eb);border:2px solid hsla(0,0%,100%,.25);border-radius:16px;box-shadow:0 4px 16px #0003;display:inline-block;margin:0 auto -24px;padding:10px 28px}.mode-select-title h2{color:var(--accent-text);font-family:Baloo\ 2,Inter,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.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}}.dark-mode-toggle{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:1.2rem;font-weight:600;gap:8px;left:20px;padding:10px 16px;position:fixed;top:20px;transition:all .3s ease;z-index:10000}.dark-mode-toggle:hover{background:#ffffff40;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}body.dark-mode,html.dark-mode{--accent-text:#f5e6c8;--card-bg:rgba(30,30,35,.92);--muted:#a88f6a}body.dark-mode,html.dark-mode body{color:#f5e6c8}body.dark-mode:before,html.dark-mode body:before{background:#000000a6}body.dark-mode .mode-card,html.dark-mode .mode-card{background:#232328eb;border:1px solid rgba(205,155,64,.3)}body.dark-mode .mode-card h3,html.dark-mode .mode-card h3{color:#f5e6c8}body.dark-mode .mode-card p,html.dark-mode .mode-card p{color:#b8a080}body.dark-mode .mode-select-title,html.dark-mode .mode-select-title{background:linear-gradient(135deg,#a5732cf2,#bc9e67f2);border-color:#fff3}body.dark-mode .mode-select-title h2,html.dark-mode .mode-select-title h2{color:#f5e6c8;text-shadow:2px 2px 4px rgba(0,0,0,.3)}body.dark-mode .site-footer,html.dark-mode .site-footer{background:#1e1e2399;border-color:#ffffff1a}body.dark-mode .site-footer .footer-links a,html.dark-mode .site-footer .footer-links a{background:#0006;color:#d4c4a8}body.dark-mode .site-footer .footer-links a:hover,html.dark-mode .site-footer .footer-links a:hover{background:#0009;color:#fff}body.dark-mode .footer-copyright,html.dark-mode .footer-copyright{color:#fff9}body.dark-mode .footer-separator,html.dark-mode .footer-separator{color:#ffffff4d}body.dark-mode .footer-icon,html.dark-mode .footer-icon{background:#323237cc;color:#d4c4a8}body.dark-mode .footer-icon:hover,html.dark-mode .footer-icon:hover{background:#46464be6;color:#fff}body.dark-mode .footer-icon:first-child,html.dark-mode .footer-icon:first-child{background:linear-gradient(135deg,#b08530,#c9a050)}body.dark-mode .lang-dropdown,html.dark-mode .lang-dropdown{background:#232328fa}body.dark-mode .lang-option,html.dark-mode .lang-option{color:#f5e6c8}body.dark-mode .lang-option:hover,html.dark-mode .lang-option:hover{background:#cd9b4033}body.dark-mode .lang-option.active,html.dark-mode .lang-option.active{background:linear-gradient(135deg,#b08530,#c9a050);color:#fff}body.dark-mode .modal-content,html.dark-mode .modal-content{background:#232328fa}body.dark-mode .modal-content h2,body.dark-mode .modal-content h3,html.dark-mode .modal-content h2,html.dark-mode .modal-content h3{color:#f5e6c8}body.dark-mode .modal-content li,body.dark-mode .modal-content p,html.dark-mode .modal-content li,html.dark-mode .modal-content p{color:#c4b090}body.dark-mode .modal-close,html.dark-mode .modal-close{color:#a88f6a}body.dark-mode .modal-close:hover,html.dark-mode .modal-close:hover{color:#f5e6c8}body.dark-mode .dark-mode-toggle,html.dark-mode .dark-mode-toggle{background:#232328e6;border-color:#fff3}body.dark-mode .dark-mode-toggle:hover,html.dark-mode .dark-mode-toggle:hover{background:#323237f2}@media(max-width:768px){.dark-mode-toggle{font-size:1rem;left:10px;padding:8px 12px;top:10px}}