body { font-family: ‘Roboto’, ‘Segoe UI’, Arial, sans-serif; line-height: 1.8; color: #3e2723; max-width: 880px; margin: 0 auto; padding: 20px; background: #f4f1ea; }

/* Desert / Survival Theme (No Black) */
:root {
–primary: #d35400; /* Burnt Orange */
–secondary: #556b2f; /* Olive Drab Green */
–dark-brown: #3e2723; /* Coffee (Text Color) */
–panel: #e6e2d3; /* Khaki/Canvas */
–border: #8d6e63; /* Leather Brown */
–light-bg: #f4f1ea; /* Sand */
}

h1 { font-size: 34px; font-weight: 900; color: var(–primary); margin-bottom: 10px; line-height: 1.2; letter-spacing: -0.5px; text-transform: uppercase; }
h2 { font-size: 26px; font-weight: 700; color: var(–secondary); margin-top: 40px; margin-bottom: 16px; border-left: 5px solid var(–primary); padding-left: 15px; }
h3 { font-size: 22px; font-weight: 700; color: var(–dark-brown); margin-top: 30px; margin-bottom: 12px; }
p { margin-bottom: 18px; font-size: 17px; color: #4e342e; }

.intro { font-size: 19px; font-weight: 500; color: var(–dark-brown); background: #fff; border: 2px solid var(–secondary); padding: 25px; margin: 30px 0; border-radius: 4px; box-shadow: 0 4px 10px rgba(85, 107, 47, 0.2); }

/* The Bait Widget */
.giveaway-container { margin: 40px auto; max-width: 880px; }
.countdown-box { background: var(–secondary); border: 2px solid var(–secondary); border-bottom: none; border-radius: 8px 8px 0 0; padding: 20px; text-align: center; color: #fff; }
.countdown-title { color: #fff; font-size: 22px; font-weight: 900; text-transform: uppercase; margin: 0 0 8px; letter-spacing: 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.countdown-subtitle { color: #e8f5e9; font-size: 14px; margin: 0 0 20px; font-weight: 600; text-transform: uppercase; }

.countdown-timer { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; max-width: 450px; margin: 0 auto; }
.timer-cell { background: #fff; border: 2px solid #8d6e63; border-radius: 4px; padding: 10px; color: var(–primary); }
.timer-num { display: block; font-size: 28px; font-weight: 900; line-height: 1; font-family: ‘Courier New’, monospace; }
.timer-label { display: block; font-size: 10px; text-transform: uppercase; margin-top: 5px; font-weight: 600; color: var(–dark-brown); }

.giveaway-box { background: linear-gradient(135deg, #5d4037 0%, #3e2723 100%); border: 2px solid var(–primary); border-top: none; border-radius: 0 0 8px 8px; padding: 40px 30px; text-align: center; position: relative; box-shadow: 0 15px 35px rgba(62, 39, 35, 0.3); }
.giveaway-badge { position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: var(–primary); color: #fff; padding: 8px 25px; border-radius: 0; font-size: 14px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 12px rgba(62, 39, 35, 0.3); border: 2px solid #fff; }

.giveaway-headline { font-size: 32px; font-weight: 900; margin: 15px 0 15px; color: #fff; text-transform: uppercase; }
.giveaway-description { font-size: 18px; color: #d7ccc8; margin: 0 auto 30px; line-height: 1.5; max-width: 650px; }

.enter-button { display: inline-block; background: #fff; color: var(–primary); font-size: 22px; font-weight: 900; padding: 18px 60px; border-radius: 4px; text-decoration: none; border: none; cursor: pointer; box-shadow: 0 8px 20px rgba(62, 39, 35, 0.4); transition: transform 0.2s; text-transform: uppercase; letter-spacing: 1px; }
.enter-button:hover { transform: translateY(-3px); background: #fbe9e7; }

/* Popups */
.popup-message { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–primary); padding: 30px 40px; font-size: 22px; font-weight: 800; color: var(–dark-brown); text-align: center; z-index: 10000; box-shadow: 0 20px 60px rgba(62, 39, 35, 0.4); max-width: 90%; width: 450px; }

.skip-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border: 4px solid var(–secondary); padding: 35px 45px; text-align: center; z-index: 10001; box-shadow: 0 20px 60px rgba(62, 39, 35, 0.4); max-width: 90%; width: 500px; }
.skip-popup-title { font-size: 26px; font-weight: 900; color: var(–primary); margin: 0 0 15px; }
.skip-yes-button { display: inline-block; background: var(–secondary); color: #fff; font-size: 20px; font-weight: 900; padding: 15px 40px; border-radius: 4px; border: none; cursor: pointer; margin-top: 15px; text-transform: uppercase; }

/* Entry Section */
.entry-section { background: var(–panel); border: 2px solid var(–primary); border-radius: 8px; padding: 30px; margin-top: 40px; text-align: center; }
.entry-section h3 { color: var(–primary); font-size: 28px; font-weight: 900; margin: 0 0 25px; text-transform: uppercase; }

.final-enter-button { display: block; background: var(–primary); color: #fff; font-size: 24px; font-weight: 900; padding: 25px; border-radius: 4px; text-decoration: none; margin: 25px auto; max-width: 450px; box-shadow: 0 10px 25px rgba(211, 84, 0, 0.3); transition: transform 0.2s; text-transform: uppercase; }
.final-enter-button:hover { transform: scale(1.02); }

.recap-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; text-align: left; }
.recap-box { background: #fff; border-left: 4px solid var(–secondary); padding: 20px; border: 1px solid #d7ccc8; border-left-width: 4px; }
.recap-box h4 { color: var(–secondary); font-size: 16px; font-weight: 900; text-transform: uppercase; margin: 0 0 15px; letter-spacing: 1px; }
.recap-box dl { font-size: 14px; line-height: 1.6; margin: 0; }
.recap-box dt { font-weight: 700; color: var(–dark-brown); margin-top: 8px; }
.recap-box dd { margin: 0; color: #5d4037; }

/* Raw Ad Spacing */
ins.adsbygoogle { margin: 30px 0; }

/* CSS FIGURES */
.figure-container { margin: 30px auto; max-width: 600px; text-align: center; }
.figure-caption { font-size: 14px; color: #8d6e63; margin-top: 10px; font-style: italic; font-weight: 600; }

/* FIGURE 1: Rule of Threes Stack */
.threes-stack { display: flex; flex-direction: column; gap: 5px; }
.three-bar { padding: 15px; color: #fff; font-weight: 900; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); border-radius: 4px; display: flex; justify-content: space-between; align-items: center; }
.tb-1 { background: #c0392b; width: 100%; } /* Air */
.tb-2 { background: #d35400; width: 90%; margin: 0 auto; } /* Shelter */
.tb-3 { background: #f39c12; width: 80%; margin: 0 auto; color: #333; text-shadow: none; } /* Water */
.tb-4 { background: #556b2f; width: 70%; margin: 0 auto; } /* Food */

/* FIGURE 2: BOB Layout */
.bob-grid { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 10px; background: #e0e0e0; padding: 15px; border-radius: 8px; border: 2px solid #999; }
.bob-item { background: #fff; padding: 10px; font-size: 12px; font-weight: bold; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; text-align: center; color: #555; }
.bob-main { grid-column: 2; grid-row: 1 / span 3; background: #a1887f; color: #fff; border: 1px solid #5d4037; }
.bob-header { grid-column: 1 / span 3; background: #556b2f; color: #fff; padding: 8px; text-transform: uppercase; font-weight: 900; }

/* FIGURE 3: Water Filter */
.water-filter-tube { width: 150px; margin: 0 auto; border: 3px solid #556b2f; border-radius: 20px; overflow: hidden; background: #fff; }
.wf-layer { padding: 15px; font-size: 12px; font-weight: bold; border-bottom: 1px dashed #ccc; }
.wf-dirty { background: #8d6e63; color: #fff; }
.wf-pre { background: #d7ccc8; color: #3e2723; }
.wf-carbon { background: #3e2723; color: #fff; }
.wf-clean { background: #e0f7fa; color: #006064; padding: 20px; }
.arrow-down { font-size: 24px; color: #556b2f; margin: 5px 0; }

🔥 The Ultimate Guide to Urban Survival & Emergency Preparedness

On TV, survival is a game. In the real world, it’s a necessity. From natural disasters to grid failures, being prepared is the ultimate immunity idol. CBS is celebrating 50 seasons of survival by giving away a trip to the Survivor 50 Challenge in Los Angeles. While you enter to win the trip, let’s ensure you have the gear and knowledge to survive anything.

The “Rule of Threes” in Survival

Every survivalist knows the “Rule of Threes.” It is the hierarchy of immediate needs that dictates your priorities in a crisis situation. You can survive three weeks without food, three days without water, but only three hours without shelter in harsh conditions.

Most novice preppers focus entirely on food stockpiles, ignoring the more immediate threats of exposure and dehydration. Understanding this hierarchy ensures you allocate your budget to the right gear first.

The Anatomy of a Bug-Out Bag (BOB)

If you have to leave your home in 10 minutes, what do you take? A Bug-Out Bag (BOB) is a portable kit designed to sustain you for 72 hours. It is not just about throwing items in a backpack; it is about weight distribution and accessibility. Heavy items (water, ammo, tools) should be centered close to your back, while frequently used items (maps, first aid) should be in outer pockets.

A high-quality tactical backpack with MOLLE webbing allows for modular expansion, letting you attach IFAK (Individual First Aid Kit) pouches or canteens to the exterior.

Water Filtration vs. Purification

In an urban survival scenario, water sources may be contaminated with both biological pathogens and chemical runoff. It is vital to understand the difference between filtration (removing bacteria/protozoa) and purification (neutralizing viruses). Portable systems often combine ceramic filters with activated carbon to achieve both.

Investing in a robust filtration system is often more cost-effective and lighter than stockpiling gallons of water for a mobile scenario.

Financial Survival: The Forgotten Prep

Survival isn’t just about gear; it’s about financial resilience. In the event of a natural disaster, having comprehensive home insurance, flood insurance, and an emergency cash fund is just as important as having a knife. “Financial prepping” ensures that once the immediate danger passes, you have a home and a life to return to.

Power Independence: Solar Generators

The modern survivalist relies on information. Keeping phones, radios, and GPS units charged requires independent power. Unlike gas generators, which are loud and require fuel storage, solar generators are silent and renewable. A portable solar setup can keep essential communications online indefinitely during a grid-down scenario.

Conclusion: Outwit, Outplay, Outlast

Whether you are competing on Survivor or preparing for a winter storm, the motto remains the same. Preparation is the key to survival. Equip yourself with the right knowledge and gear today, and don’t forget to enter for your chance to see the pros do it live in Los Angeles.

// Logic Variables
let scrollAnimationId = null;
let isScrolling = false;
let popupTimers = [];
const endDate = new Date(“February 25, 2026 23:59:59 EST”).getTime();

// Countdown
function updateCountdown() {
const now = new Date().getTime();
const distance = endDate – now;
if (distance < 0) {
document.getElementById("days").textContent = "00";
document.getElementById("hours").textContent = "00";
document.getElementById("minutes").textContent = "00";
document.getElementById("seconds").textContent = "00";
return;
}
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").textContent = String(days).padStart(2, "0");
document.getElementById("hours").textContent = String(hours).padStart(2, "0");
document.getElementById("minutes").textContent = String(minutes).padStart(2, "0");
document.getElementById("seconds").textContent = String(seconds).padStart(2, "0");
}
setInterval(updateCountdown, 1000);
updateCountdown();

// Scroll Logic – SPEEDED UP to 35 seconds
function slowScrollToEntry() {
const entrySection = document.getElementById("entry-section");
const startPosition = window.pageYOffset;
const targetPosition = entrySection.offsetTop – 50;
const distance = targetPosition – startPosition;
const duration = 35000; // 35 Seconds
let startTime = null;
isScrolling = true;

function animation(currentTime) {
if (!isScrolling) return;
if (startTime === null) startTime = currentTime;
const timeElapsed = currentTime – startTime;
const progress = Math.min(timeElapsed / duration, 1);
window.scrollTo(0, startPosition + distance * progress);
if (timeElapsed {
popupTimers.push(setTimeout(() => showPopup(`popup${index + 1}`), time));
});

// Skip Popup at 18 seconds
popupTimers.push(setTimeout(() => showSkipPopup(targetPosition), 18000));
}

function showPopup(id) {
const popup = document.getElementById(id);
if (popup) {
popup.style.display = “block”;
setTimeout(() => { popup.style.display = “none”; }, 2500);
}
}

function showSkipPopup(targetPosition) {
if (!isScrolling) return;
const skipPopup = document.getElementById(“skip-popup”);
skipPopup.style.display = “block”;
const autoHide = setTimeout(() => { skipPopup.style.display = “none”; }, 5000);

document.getElementById(“skip-yes-btn”).onclick = function() {
clearTimeout(autoHide);
skipPopup.style.display = “none”;
isScrolling = false;
if (scrollAnimationId) cancelAnimationFrame(scrollAnimationId);
popupTimers.forEach(t => clearTimeout(t));
document.querySelectorAll(‘.popup-message’).forEach(p => p.style.display = ‘none’);
window.scrollTo({ top: targetPosition, behavior: ‘smooth’ });
};
}

document.getElementById(“top-enter-button”).addEventListener(“click”, function(e) {
e.preventDefault();
slowScrollToEntry();
});