#tab-survival .surv-wrap{padding:12px;max-width:760px;margin:0 auto}
#tab-offgrid{border-top:3px solid #d4a373;margin-top:16px}
#tab-offgrid .og-wrap{padding:12px;max-width:760px;margin:0 auto}
.og-lead{opacity:.8;margin:.2em 0 .8em}
.og-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;position:sticky;top:0;background:inherit;z-index:2}
.og-tabs button{flex:0 0 auto;border:2px solid #d4a373;background:transparent;color:inherit;border-radius:20px;padding:8px 12px;font-size:1rem;cursor:pointer}
.og-tabs button.on{background:#d4a373;color:#1e1e1e;font-weight:700}
.og-card{border:1px solid #8885;border-left:6px solid #d4a373;border-radius:12px;padding:10px 14px;margin:10px 0;background:var(--card,rgba(127,127,127,.06))}
.og-card h3{margin:.2em 0 .4em}
.og-card li{margin:.35em 0;line-height:1.5}
.og-ex{background:rgba(96,160,96,.15);border-radius:8px;padding:8px 10px;margin:8px 0;font-family:ui-monospace,Menlo,monospace;font-size:.92rem;line-height:1.5}
.og-warn{background:rgba(220,80,40,.15);border:2px solid #c0502a;border-radius:10px;padding:10px;margin:10px 0;font-weight:600}
.og-src{font-size:.85rem;opacity:.85}
.og-disc{font-size:.85rem;opacity:.8;margin-top:14px}
/* v1.4.44: keep 'Music & Games' from being cut off on 412px phones — wrap its label to 2 lines so it's a normal-width button */
nav#tabs button[data-tab=music]{max-width:72px}
nav#tabs button[data-tab=music] span{white-space:normal;line-height:1.05}
.og-tbl{width:100%;border-collapse:collapse;font-size:.92rem}.og-tbl td{border-top:1px solid #8884;padding:6px 4px;vertical-align:top}.og-tbl td:first-child{font-weight:700;white-space:nowrap;padding-right:8px}
.og-badge{display:inline-block;color:#fff;font-size:.72rem;font-weight:700;border-radius:10px;padding:2px 8px;vertical-align:middle;margin-left:4px;white-space:nowrap}
.og-ladder{display:flex;flex-direction:column;gap:8px}
.og-step{border-left:10px solid var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border-radius:8px;padding:8px 10px;line-height:1.45}
.og-step:nth-child(2){margin-left:8px}.og-step:nth-child(3){margin-left:16px}.og-step:nth-child(4){margin-left:24px}
/* v1.4.44 plus features */
.big-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.big-t{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:92px;border:2px solid #2f5d3a;border-radius:16px;background:#e8efe9;color:#1d3b25;font-size:1.05rem;cursor:pointer}
.big-t span{font-size:2.2rem;line-height:1}.big-em{background:#c62828;border-color:#8e1b1b;color:#fff}
html.rr-night .big-t:not(.big-em){background:#1c2a1f;color:#e4e4e0}
.rp-card{position:relative;border:1px solid #8885;border-left:6px solid #2f5d3a;border-radius:12px;padding:10px 14px;margin:10px 0;background:var(--card,rgba(127,127,127,.06))}
.rp-season{border-left-color:#1565c0}.rp-card h3,.og-card h3{padding-right:40px}
.say{position:absolute;top:8px;right:8px;border:1px solid #8886;background:#fff8;border-radius:50%;width:36px;height:36px;font-size:1.1rem;cursor:pointer;padding:0}
.og-card{position:relative}
.rp-quick{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.rp-quick button{border:2px solid #2f5d3a;border-radius:20px;background:transparent;color:inherit;padding:8px 12px;font-size:.95rem}
.rp-num{width:64px;font-size:1rem;padding:4px}.rp-miss{margin:6px 0}.rp-chip{display:inline-block;background:#fde7d9;color:#7a2e0e;border-radius:12px;padding:2px 8px;margin:2px;font-size:.88rem}
.rp-sup tr.ok td:first-child{opacity:.7}.fg-item{border-top:1px solid #8884;padding:8px 0;line-height:1.45}.fg-warn{color:#b3261e}
html.rr-night .fg-warn{color:#ff8a80}
#tabs button.nav-extra{display:none!important}
#nav-more.on{color:#2f5d3a;font-weight:700;background:#e8efe9}
#more-menu{position:fixed;right:8px;bottom:68px;z-index:1100;background:#fff;color:#222;border:1px solid #ccc;border-radius:14px;box-shadow:0 6px 24px #0004;display:flex;flex-direction:column;min-width:200px;padding:6px}
#more-menu[hidden]{display:none}#more-menu button{border:0;background:none;text-align:left;padding:12px;font-size:1.05rem;border-radius:10px;color:inherit}#more-menu button:hover{background:#e8efe9}
html.rr-night #more-menu{background:#1c211c;color:#e4e4e0;border-color:#3a443a}