*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--verde: #1D9E75;--verde-bg: #E1F5EE;--verde-txt: #0F6E56;--amber: #BA7517;--amber-bg: #FAEEDA;--amber-txt: #854F0B;--purple: #534AB7;--purple-bg: #EEEDFE;--purple-txt: #3C3489;--coral: #993C1D;--coral-bg: #FAECE7;--coral-txt: #712B13;--text: #1a1a18;--text-muted: #5f5e5a;--text-hint: #888780;--border: rgba(0,0,0,.1);--surface: #f8f7f4;--white: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--surface);font-size:16px;line-height:1.6}nav{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:.5px solid var(--border);background:var(--white);position:sticky;top:0;z-index:100}.logo{font-size:16px;font-weight:600;color:var(--text);text-decoration:none}.logo span{color:var(--verde)}.nav-pts{font-size:13px;font-weight:700;color:var(--verde-txt);background:var(--verde-bg);padding:6px 12px;border-radius:20px}.nav-login{font-size:13px;font-weight:600;color:var(--verde);text-decoration:none}.wrap{max-width:640px;margin:0 auto;padding:24px 18px 60px}.page-title{font-size:22px;font-weight:800;margin-bottom:4px}.page-sub{font-size:14px;color:var(--text-muted);margin-bottom:22px}.quiz-card{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;gap:14px}.quiz-card .qc-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--purple-bg);color:var(--purple-txt);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.qc-info{flex:1;min-width:0}.qc-title{font-size:15px;font-weight:700}.qc-sub{font-size:12px;color:var(--text-hint);margin-top:2px}.qc-pts{font-size:13px;font-weight:800;color:var(--verde-txt);white-space:nowrap}.qc-btn{border:none;background:var(--verde);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.qc-btn:disabled{background:var(--surface);color:var(--text-hint);cursor:default;border:1px solid var(--border)}.qc-feito{font-size:12px;font-weight:700;color:var(--verde-txt)}.empty{text-align:center;color:var(--text-hint);padding:40px 0;font-size:14px}.play{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);padding:20px 18px}.play h2{font-size:19px;font-weight:800;margin-bottom:4px}.play .play-sub{font-size:13px;color:var(--text-muted);margin-bottom:18px}.q-block{margin-bottom:22px}.q-num{font-size:12px;font-weight:700;color:var(--purple-txt);text-transform:uppercase;letter-spacing:.03em}.q-text{font-size:16px;font-weight:700;margin:6px 0 12px}.opt{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;cursor:pointer;transition:all .12s}.opt:hover{border-color:var(--verde)}.opt.sel{border-color:var(--verde);background:var(--verde-bg)}.opt input{accent-color:var(--verde);width:18px;height:18px}.opt span{font-size:15px}.btn-full{width:100%;padding:14px;background:var(--verde);color:#fff;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:800;cursor:pointer}.btn-full:disabled{opacity:.5;cursor:not-allowed}.btn-link{display:inline-block;margin-top:14px;color:var(--text-hint);font-size:13px;text-decoration:none}.msg-err{color:var(--coral-txt);background:var(--coral-bg);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;margin-bottom:12px;display:none}.result{background:var(--white);border:.5px solid var(--border);border-radius:var(--radius-md);padding:32px 20px;text-align:center}.result .big{font-size:56px;line-height:1}.result h2{font-size:22px;font-weight:800;margin:12px 0 6px}.result p{font-size:14px;color:var(--text-muted);margin-bottom:20px}.result .pts-box{display:inline-block;background:var(--verde-bg);color:var(--verde-txt);font-weight:800;font-size:18px;padding:10px 22px;border-radius:20px;margin-bottom:22px}.result .acertos{font-size:14px;color:var(--text-muted);margin-bottom:20px}.hidden{display:none}footer{padding:28px 20px;text-align:center;font-size:12px;color:var(--text-hint)}
