@font-face{font-family:Mexcellent;src:url(/fonts/mexcellent/Mexcellent\ Rg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mexcellent\ 3D;src:url(/fonts/mexcellent/Mexcellent\ 3d.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#0f0f12;--fg:#f5f7fb;--muted:#a5adba;--accent:#22c55e;--danger:#ef4444;--font-title:"Mexcellent",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}.brand,.title,h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica,Arial;background:linear-gradient(180deg,rgba(15,17,21,.85),rgba(20,24,35,.85)),url(/img/download.png) repeat-x top;background-size:auto 100vh;color:var(--fg);min-height:100vh;display:flex;align-items:center;justify-content:center}.app{width:min(980px,100%);padding:16px}header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:9.2px}.brand{font-weight:800;font-size:clamp(22.5px,3vw,35px);font-family:var(--font-title)}.score{font-weight:600;color:var(--muted)}.card{background:#0c0e13;border:1px solid #1f2533;border-radius:20px;padding:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.card,.stage{position:relative}.stage{background:#080b10;border-radius:14px;overflow:hidden;display:grid;place-items:center;z-index:1;max-height:62vh;min-height:400px}.stage>*{max-height:60vh}.stage iframe{pointer-events:auto}.stage img{max-width:100%;max-height:100%;object-fit:contain}.stage blockquote.instagram-media{width:100%!important;min-width:0!important}.labels{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px;position:relative;z-index:20}.labels button{pointer-events:auto}button.big{display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:16px;padding:18px 16px;font-size:clamp(18px,2.6vw,22px);font-weight:800;cursor:pointer;transition:transform .08s ease,filter .2s ease,box-shadow .2s ease,opacity .2s ease}button.big:disabled{cursor:not-allowed;opacity:.7}.btn-a{background:#101827;color:#c4d3ff;border:1px solid #24324a}.btn-b{background:#0f1f17;color:#bde7cd;border:1px solid #1c3b2b}.btn-a:not(:disabled):hover,.btn-b:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.btn-a:active,.btn-b:active{transform:translateY(0);box-shadow:none}.progress-bar{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:14px}.bar{height:8px;background:#1b2130;border-radius:999px;overflow:hidden;flex:1 1;margin-left:12px}.bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#60a5fa,#22c55e);transition:width .3s ease}.toast{position:absolute;top:12px;left:12px;background:rgba(15,18,26,.92);border:1px solid #23304a;border-radius:12px;padding:10px 12px;font-weight:700;z-index:1000;animation:fadeIn .3s ease}.toast.ok{border-color:#1f5133;color:#4ade80}.toast.bad{border-color:#4a2330;color:#f87171}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.55);color:#fff;padding:24px;z-index:999;animation:overlayFadeIn .4s ease}.overlay .box{background:rgba(20,24,35,.95);border:1px solid #2a3346;border-radius:16px;padding:24px;max-width:min(90%,720px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:boxSlideIn .4s ease}.overlay .result-badge{display:inline-block;padding:8px 20px;border-radius:999px;font-size:18px;font-weight:800;margin-bottom:16px;animation:badgeBounce .5s ease}.overlay .result-badge.correct{background:rgba(34,197,94,.15);color:#4ade80;border:2px solid #22c55e;box-shadow:0 0 20px rgba(34,197,94,.3)}.overlay .result-badge.wrong{background:rgba(239,68,68,.15);color:#f87171;border:2px solid #ef4444;box-shadow:0 0 20px rgba(239,68,68,.3)}@keyframes badgeBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.overlay .title{font-size:26px;font-weight:800;margin-bottom:12px;font-family:var(--font-title)}.overlay .tip{font-size:15px;opacity:.95;line-height:1.6;white-space:pre-line}.overlay .next{margin-top:18px;padding:12px 24px;border-radius:12px;border:1px solid #2a3346;background:#141b2a;color:#c7d2fe;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.overlay .next:hover{background:#1c2538;transform:translateY(-1px)}.overlay .next .progress-fill{position:absolute;bottom:0;left:0;height:3px;background:#60a5fa;width:0;transition:width .1s linear}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes boxSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.results{text-align:center;padding:24px}.results h2{margin:0 0 6px;font-size:clamp(22px,3vw,28px)}.results p{color:var(--muted);margin:8px 0}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.btn{padding:12px 14px;border-radius:12px;border:1px solid #2a3346;background:#141b2a;color:#c7d2fe;font-weight:700;cursor:pointer;transition:all .2s ease}.btn:hover{background:#1c2538;transform:translateY(-1px)}.btn.primary{background:#173117;color:#d4f8e2;border-color:#1c3b2b}.btn.primary:hover{background:#1f4621}footer{color:#7f8aa4;font-size:12px;margin-top:18px}.landing,footer{text-align:center}.landing{padding:48px 24px}.landing h1{font-size:clamp(32px,5vw,48px);margin-bottom:16px;background:linear-gradient(135deg,#60a5fa,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing p{color:var(--muted);font-size:18px;line-height:1.6;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.landing ul{list-style:none;margin:24px 0;padding:0}.landing li{color:var(--muted);margin:12px 0;font-size:16px}.start-button{display:inline-block;margin-top:24px;padding:16px 48px;font-size:20px;font-weight:800;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;text-decoration:none}.start-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,197,94,.3)}.start-button:active{transform:translateY(0)}