:root{--bg:#08090c;--bg-elevated:#101216;--surface:#15181e;--surface-alt:#1c2029;--border:#252a34;--lime:#b4f133;--text:#f5f7fa;--text-muted:#9aa3b2;--text-faint:#5e6675;--streak:#ff7a1a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.page{flex-direction:column;justify-content:center;align-items:center;gap:24px;max-width:520px;min-height:100dvh;margin:0 auto;padding:24px 20px 40px;display:flex}.wordmark{letter-spacing:1px;font-size:22px;font-weight:900}.wordmark span{color:var(--lime)}.tagline{color:var(--text-faint);letter-spacing:2px;font-size:11px;font-weight:800}.challenger{flex-direction:column;align-items:center;gap:10px;display:flex}.avatar{background:var(--surface-alt);border:2px solid var(--lime);border-radius:50%;place-items:center;width:56px;height:56px;font-size:22px;font-weight:800;display:grid}.challenger-text{color:var(--text-muted);font-size:17px;font-weight:600}.challenger-text strong{color:var(--text);font-weight:800}.card{background:var(--surface);border:1px solid #b4f13333;border-radius:22px;flex-direction:column;gap:12px;width:100%;padding:20px;display:flex}.tag{letter-spacing:.6px;border:1px solid;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.card h1{font-size:20px;font-weight:800;line-height:1.35}.card p{color:var(--text-muted);font-size:14px;line-height:1.5}.rewards{border-top:1px solid var(--border);gap:18px;padding-top:12px;font-size:13px;font-weight:700;display:flex}.rewards .xp{color:var(--lime);font-size:15px;font-weight:900}.rewards .meta{color:var(--text-faint)}.actions{flex-direction:column;gap:10px;width:100%;display:flex}.button{border:1px solid var(--lime);background:var(--lime);color:#0b1300;cursor:pointer;border-radius:16px;place-items:center;min-height:52px;font-size:15px;font-weight:800;display:grid}.button.secondary{background:var(--surface-alt);border-color:var(--border);color:var(--text)}.footer{color:var(--text-faint);text-align:center;font-size:12px;font-weight:600;line-height:1.5}.hero-list{flex-direction:column;gap:10px;width:100%;display:flex}.hero-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:flex-start;gap:10px;padding:14px;display:flex}.hero-item b{margin-bottom:2px;font-size:14px;display:block}.hero-item span{color:var(--text-faint);font-size:12px;line-height:1.45}