.reef-missions-root { max-width: 760px; margin: 2rem auto; }
.rg-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
.rg-card{border:2px solid #22d3ee;background:#ecfeff;padding:18px;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.06);position:relative;overflow:hidden;}
.rg-title{font-weight:1000;font-size:18px;margin:0 0 8px;color:#0f172a;}
.rg-sub{color:#475569;font-size:13px;margin:0 0 14px;line-height:1.45;}
.rg-q{font-weight:1000;color:#0f172a;font-size:18px;line-height:1.3;margin:10px 0 12px;}
.rg-grid{display:grid;gap:10px;}
.rg-btn{width:100%;text-align:left;padding:14px 14px;border-radius:14px;border:1px solid #cfe8ee;background:#fff;cursor:pointer;font-size:15px;color:#0f172a;}
.rg-btn:hover{background:#f8fafc;}
.rg-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe8ee;background:#fff;border-radius:999px;padding:8px 10px;font-size:13px;color:#0f172a;user-select:none;}
.rg-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:8px;}
.rg-streakpill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #fde68a;font-size:13px;font-weight:1000;color:#92400e;}
.rg-soft{margin-top:12px;border:1px solid #bae6fd;background:#eff6ff;padding:12px;border-radius:14px;color:#334155;font-size:14px;line-height:1.45;}
.rg-fact{margin-top:12px;border:1px solid #cfe8ee;background:#f8fafc;padding:12px;border-radius:14px;}
.rg-fact .h{font-weight:1000;margin-bottom:4px;}
.rg-fact .t{color:#334155;font-size:14px;line-height:1.45;}
.rg-bar{height:10px;background:#dbeafe;border-radius:999px;overflow:hidden;margin:10px 0 14px;}
.rg-bar>div{height:10px;background:#3b82f6;width:0%;}
.rg-cta{display:inline-block;padding:12px 18px;border-radius:999px;background:#3b82f6;color:#fff;font-weight:1000;border:none;cursor:pointer;}
.rg-center{text-align:center;}
.rg-err{border-color:#fca5a5;background:#fff1f2;color:#7f1d1d;}

.rg-overlay{position:fixed;inset:0;background:rgba(15,23,42,.38);display:none;z-index:9998;}
.rg-sheet{position:fixed;left:0;right:0;bottom:-100%;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -18px 40px rgba(15,23,42,.18);padding:14px 14px 18px;transition:bottom .22s ease;z-index:9999;max-height:75vh;overflow:auto;}
.rg-overlay.open{display:block;}
.rg-sheet.open{bottom:0;}
.rg-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;}
.rg-sheet-title{font-weight:1100;}
.rg-close{border:none;background:#f1f5f9;border-radius:999px;padding:8px 12px;cursor:pointer;font-weight:1000;}
.rg-zonebox{border:1px solid #cfe8ee;border-radius:14px;padding:10px;margin:8px 0;background:#f8fafc;display:flex;justify-content:space-between;align-items:center;gap:10px;}
.rg-zonebox.opened{background:#ecfeff;}
.rg-zonebox .l{font-weight:1000;color:#0f172a;}
.rg-zonebox .r{font-size:12px;color:#64748b;white-space:nowrap;}