:root{--bg:#fdf8ee;--bg-elevated:#f5edd8;--card:#fff;--border:#ecdfc0;--text:#2b2a26;--text-dim:#8a8272;--accent:#6c5cff;--accent-2:#0fa87e;--danger:#e5484d;--warn:#f5a524;--radius:16px;--status-bom:var(--accent-2);--status-atencao:var(--warn);--status-critico:var(--danger);--status-neutro:#b9b09a}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--text);background:radial-gradient(circle at top, #fff 0%, var(--bg) 60%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;display:flex}*{box-sizing:border-box}a{color:inherit}main{flex-direction:column;flex:1;gap:16px;width:100%;max-width:560px;margin:0 auto;padding:20px 16px 48px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn{appearance:none;cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:12px;min-height:48px;padding:14px 20px;font-size:16px;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text);background:0 0}.btn-danger{background:var(--danger)}.btn-block{width:100%}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select{border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);border-radius:12px;padding:14px;font-size:16px}select{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}input[type=color]{border:1px solid var(--border);cursor:pointer;border-radius:12px}.progress-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;transition:width .3s}.badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.opcao-btn{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;border-radius:12px;padding:16px;font-size:16px}.opcao-btn:active{transform:scale(.99)}.opcao-btn.correta{border-color:var(--accent-2);background:#22d3a538;animation:.35s pulse-correta}.opcao-btn.incorreta{border-color:var(--danger);background:#ff6b6b38;animation:.35s shake-incorreta}@keyframes pulse-correta{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake-incorreta{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.hint{border:1px solid var(--warn);white-space:pre-wrap;background:#ffb0202e;border-radius:12px;padding:14px;font-size:15px}.bar-track{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .3s}.bar-fill.bar-bom{background:var(--status-bom)}.bar-fill.bar-atencao{background:var(--status-atencao)}.bar-fill.bar-critico{background:var(--status-critico)}.bar-fill.bar-neutro{background:var(--status-neutro)}.materia-secao{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.materia-secao:first-child{border-top:none;margin-top:0;padding-top:0}.tema-bloco{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-top:10px;padding:14px}.fase-lock{opacity:.5;pointer-events:none}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.jm-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.jm-carta{aspect-ratio:1;text-align:center;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:6px;font-size:13px;font-weight:600;display:flex}.jm-carta.virada{border-width:2px}.jm-carta.resolvida{opacity:.45;pointer-events:none}.jm-cor-0.virada,.jm-cor-0.resolvida{background:#6c5cff57;border-color:#6c5cff}.jm-cor-1.virada,.jm-cor-1.resolvida{background:#22d3a557;border-color:#22d3a5}.jm-cor-2.virada,.jm-cor-2.resolvida{background:#ffb02057;border-color:#ffb020}.jm-cor-3.virada,.jm-cor-3.resolvida{background:#ff6b9d57;border-color:#ff6b9d}.jm-cor-4.virada,.jm-cor-4.resolvida{background:#4dabf757;border-color:#4dabf7}.jm-cor-5.virada,.jm-cor-5.resolvida{background:#b294ff57;border-color:#b294ff}.jm-cor-6.virada,.jm-cor-6.resolvida{background:#ff924a57;border-color:#ff924a}.jm-cor-7.virada,.jm-cor-7.resolvida{background:#69db7c57;border-color:#69db7c}.jm-cor-8.virada,.jm-cor-8.resolvida{background:#63e6e257;border-color:#63e6e2}.jm-cor-9.virada,.jm-cor-9.resolvida{background:#ffd46457;border-color:#ffd464}.trilha-mapa{width:100%;margin:12px 0 4px;position:relative}.trilha-caminho-svg{width:100%;height:100%;position:absolute;inset:0}.trilha-caminho-futuro{fill:none;stroke:var(--border);stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 10}.trilha-caminho-feito{fill:none;stroke:var(--accent-2);stroke-width:4px;stroke-linecap:round}.trilha-no-wrap{flex-direction:column;align-items:center;gap:6px;width:110px;text-decoration:none;display:flex;position:absolute;transform:translate(-50%)}.trilha-no{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.trilha-no.bloqueada{background:var(--bg-elevated);color:var(--text-dim);border:2px solid var(--border)}.trilha-no.atual{background:var(--accent);color:#fff;animation:1.8s ease-in-out infinite no-pulso}.trilha-no.concluida{background:var(--accent-2);color:#fff}.trilha-no-badge{background:var(--card);border-radius:50%;padding:2px;font-size:15px;line-height:1;position:absolute;bottom:-4px;right:-4px}.trilha-no-label{text-align:center;color:var(--text-dim);font-size:13px;line-height:1.3}.trilha-no-label.atual{color:var(--text);font-weight:700}@keyframes no-pulso{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--no-cor,#6c5cff) 40%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--no-cor,#6c5cff) 0%, transparent)}}.confetti-overlay{pointer-events:none;z-index:50;position:fixed;inset:0;overflow:hidden}.confetti-particula{border-radius:2px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;top:-10px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(360deg)}}.dot-pop{animation:.5s dot-pop;display:inline-block}@keyframes dot-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.xp-toast{color:var(--accent-2);background:var(--card);border:2px solid var(--accent-2);z-index:60;pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:22px;font-weight:800;animation:1.2s forwards xp-float;display:flex;position:fixed;top:16%;left:50%;box-shadow:0 8px 24px #00000026}@keyframes xp-float{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}15%{opacity:1;transform:translate(-50%)scale(1.05)}30%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50px)scale(1)}}