PageSourceSearch

https://dreamanart.com/survival/full-guide

html dreamanart.com collected 2026-09-24 14:41:45 UTC 89,482 bytes, 4 lines download raw bytes

1<!DOCTYPE html><!--6BfzruwLdEtvtnlRQVgwX--><html lang="en" class="__variable_f367f3 __variable_3c557b"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/7958ea9b8a160c03.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/41617630e24da655.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/cf8a94d8f0136ff9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-fa07a543b3654e8f.js"/>
1<script src="/_next/static/chunks/4bd1b696-f785427dddbba9fb.js" async=""></script>
1<script src="/_next/static/chunks/1255-0cd6086eec3d5de6.js" async=""></script>
1<script src="/_next/static/chunks/main-app-91e2d2cf4a5bfad3.js" async=""></script>
1<script src="/_next/static/chunks/2619-3c9e02e22d10480a.js" async=""></script>
1<script src="/_next/static/chunks/8454-b02d133a7939a046.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-688d04c06411169d.js" async=""></script>
1<script src="/_next/static/chunks/app/error-4617fa28bd228df7.js" async=""></script>
1<script src="/_next/static/chunks/app/page-c584bf3d5d4b4bab.js" async=""></script>
1<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6202805099839491" crossorigin="anonymous"></script>
1<script src="/_next/static/chunks/4909-a6ccb82e391d8f86.js" async=""></script>
1<script src="/_next/static/chunks/5389-07c43bdde7474ac1.js" async=""></script>
1<script src="/_next/static/chunks/app/survival/full-guide/page-85024039556ea24b.js" async=""></script>
1<meta name="theme-color" media="(prefers-color-scheme: light)" content="#2563EB"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0F172A"/><title>Full Survival Guide - Dreamanart</title><meta name="description" content="Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place."/><meta name="application-name" content="Dreamanart"/><meta name="author" content="Dreamanart"/><link rel="manifest" href="/manifest.json"/><meta name="keywords" content="full survival guide,wilderness survival,emergency shelter water fire,bug out skills,survival guide,emergency preparedness,disaster survival,offline survival app,emergency planning,first aid guide,crisis preparedness,Dreamanart"/><meta name="creator" content="Dreamanart"/><meta name="publisher" content="Dreamanart"/><meta name="robots" content="index, follow"/><meta name="category" content="safety"/><link rel="canonical" href="https://dreamanart.com/survival/full-guide"/><meta name="format-detection" content="telephone=no, address=no, email=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Dreamanart"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="Full Survival Guide - Dreamanart"/><meta property="og:description" content="Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place."/><meta property="og:url" content="https://dreamanart.com/survival/full-guide"/><meta property="og:site_name" content="Dreamanart"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://dreamanart.com/icon-512.png"/><meta property="og:image:width" content="512"/><meta property="og:image:height" content="512"/><meta property="og:image:alt" content="Full Survival Guide - Dreamanart"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Full Survival Guide - Dreamanart"/><meta name="twitter:description" content="Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place."/><meta name="twitter:image" content="https://dreamanart.com/icon-512.png"/><link rel="shortcut icon" href="/icon-192.png"/><link rel="icon" href="/icon.svg" type="image/svg+xml"/><link rel="icon" href="/icon-192.png" sizes="192x192" type="image/png"/><link rel="icon" href="/icon-512.png" sizes="512x512" type="image/png"/><link rel="apple-touch-icon" href="/icon-192.png" sizes="192x192"/><link rel="apple-touch-icon" href="/icon-512.png" sizes="512x512"/>
1<script>
2(function(){try{var t=localStorage.getItem('dreamanart-theme');var d=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(!t&&d)){document.documentElement.classList.add('dark')}if(window.location.hostname==='appassets.androidplatform.net'||window.location.protocol==='file:'){document.documentElement.classList.add('webview')}}catch(e){}})()
3</script>
3<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
3</head><body class="font-sans antialiased"><div hidden=""><!--$--><!--/$--></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><header class="fixed top-0 left-0 right-0 z-50 w-full border-b border-gray-200 bg-white dark:border-slate-700 dark:bg-slate-900"><div class="container-page flex h-12 sm:h-14 lg:h-16 items-center justify-between px-3 sm:px-4 lg:px-8"><a class="flex shrink-0 items-center gap-1.5 sm:gap-2 font-bold text-primary-700 text-sm sm:text-lg" href="/"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 sm:h-8 sm:w-8 lg:h-9 lg:w-9" aria-label="Dreamanart logo"><defs><linearGradient id="dreamanart-shield" x1="6" y1="3" x2="42" y2="45" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#2563eb"></stop><stop offset="100%" stop-color="#1d4ed8"></stop></linearGradient><linearGradient id="dreamanart-mountain" x1="14" y1="30" x2="34" y2="16" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#ffffff" stop-opacity="0.95"></stop><stop offset="100%" stop-color="#ffffff" stop-opacity="0.7"></stop></linearGradient><linearGradient id="dreamanart-glow" x1="24" y1="6" x2="24" y2="42" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#60a5fa" stop-opacity="0.3"></stop><stop offset="100%" stop-color="#1e3a8a" stop-opacity="0.1"></stop></linearGradient></defs><path d="M24 3L6 10v14c0 10.5 7.2 18.3 18 21c10.8-2.7 18-10.5 18-21V10L24 3z" fill="url(#dreamanart-shield)"></path><path d="M24 6L9 11.5v12.2c0 8.8 6 15.4 15 17.8c9-2.4 15-9 15-17.8V11.5L24 6z" fill="url(#dreamanart-glow)"></path><path d="M14 33L20 22L24 28L30 18L36 33" stroke="url(#dreamanart-mountain)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M14 33L20 22L24 28L30 18L36 33Z" fill="url(#dreamanart-mountain)" fill-opacity="0.15"></path><circle cx="24" cy="14" r="3" fill="#ffffff" fill-opacity="0.85"></circle><path d="M12 36H36" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" opacity="0.5"></path></svg><span>Dreamanart</span></a><nav class="hidden items-center gap-0.5 lg:flex"><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 bg-primary-50 text-primary-700 dark:bg-slate-800 dark:text-primary-400" aria-current="page" href="/survival">Survival</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/crisis-preparedness">Crisis Prep</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 bg-primary-50 text-primary-700 dark:bg-slate-800 dark:text-primary-400" aria-current="page" href="/survival/full-guide">Full Guide</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/social">Social</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/recovery">Recovery</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/maps">Maps</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/prepare">Prepare</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/education">Education</a><a class="rounded-lg px-2.5 py-2 text-sm font-medium transition-colors lg:px-2 xl:px-3 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" href="/health">Health</a></nav><div class="hidden items-center gap-2 lg:flex"><div class="flex items-center gap-0.5"><a class="rounded-lg p-2 text-gray-700 hover:bg-gray-100 hover:text-primary-700 dark:text-slate-300 dark:hover:bg-slate-800" aria-label="Search" href="/search"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-5 w-5"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></a><button class="rounded-lg p-2 text-gray-600 transition-colors hover:bg-gray-100 hover:text-primary-600 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-primary-400" aria-label="Toggle dark mode" title="Switch to dark mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-5 w-5"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button></div><a href="/Dreamanart-v1.0.0-final.apk" download="Dreamanart-v1.0.0-final.apk" class="btn-primary flex items-center gap-1.5 px-3 py-1.5 text-xs" aria-label="Download Android App"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smartphone h-3.5 w-3.5"><rect width="14" height="20" x="5" y="2" rx="2" ry="2"></rect><path d="M12 18h.01"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-3.5 w-3.5"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span class="hidden xl:inline">Get App</span></a><a class="btn-primary px-3 py-1.5 text-xs" href="/prepare">Start Preparing</a></div><div class="flex items-center gap-0.5 lg:hidden"><a class="rounded-lg p-1.5 sm:p-2 text-gray-700 hover:bg-gray-100 dark:text-slate-300 dark:hover:bg-slate-800" aria-label="Search" href="/search"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search h-5 w-5 sm:h-6 sm:w-6"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg></a><button class="rounded-lg p-2 text-gray-600 transition-colors hover:bg-gray-100 hover:text-primary-600 dark:text-slate-400 dark:hover:bg-slate-800 dark:hover:text-primary-400" aria-label="Toggle dark mode" title="Switch to dark mode"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun h-5 w-5"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><button class="rounded-lg p-1.5 sm:p-2 text-gray-700 hover:bg-gray-100 dark:text-slate-300 dark:hover:bg-slate-800" aria-label="Toggle menu" aria-expanded="false"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5 sm:h-6 sm:w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header>
3<main id="main-content" class="min-h-screen main-offset"><!--$?--><template id="B:0"></template><div class="container-page py-8"><div class="h-64 w-full animate-pulse rounded-xl bg-gray-200 dark:bg-slate-800"></div></div><!--/$--></main><footer class="border-t border-gray-200 bg-gray-50 dark:border-slate-700 dark:bg-slate-900"><div class="container-page py-12"><div class="grid grid-cols-1 gap-8 lg:grid-cols-6"><div class="lg:col-span-2"><a class="flex items-center gap-2 font-bold text-lg text-primary-700" href="/"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" aria-label="Dreamanart logo"><defs><linearGradient id="dreamanart-shield" x1="6" y1="3" x2="42" y2="45" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#2563eb"></stop><stop offset="100%" stop-color="#1d4ed8"></stop></linearGradient><linearGradient id="dreamanart-mountain" x1="14" y1="30" x2="34" y2="16" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#ffffff" stop-opacity="0.95"></stop><stop offset="100%" stop-color="#ffffff" stop-opacity="0.7"></stop></linearGradient><linearGradient id="dreamanart-glow" x1="24" y1="6" x2="24" y2="42" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#60a5fa" stop-opacity="0.3"></stop><stop offset="100%" stop-color="#1e3a8a" stop-opacity="0.1"></stop></linearGradient></defs><path d="M24 3L6 10v14c0 10.5 7.2 18.3 18 21c10.8-2.7 18-10.5 18-21V10L24 3z" fill="url(#dreamanart-shield)"></path><path d="M24 6L9 11.5v12.2c0 8.8 6 15.4 15 17.8c9-2.4 15-9 15-17.8V11.5L24 6z" fill="url(#dreamanart-glow)"></path><path d="M14 33L20 22L24 28L30 18L36 33" stroke="url(#dreamanart-mountain)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M14 33L20 22L24 28L30 18L36 33Z" fill="url(#dreamanart-mountain)" fill-opacity="0.15"></path><circle cx="24" cy="14" r="3" fill="#ffffff" fill-opacity="0.85"></circle><path d="M12 36H36" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round" opacity="0.5"></path></svg><span>Dreamanart</span></a><p class="mt-2 text-sm text-gray-600 dark:text-slate-400">Prepare for Anything. Survive Everything.</p><div class="mt-6"><h4 class="text-sm font-semibold text-gray-900 dark:text-slate-100">Stay Prepared</h4><p class="mt-1 text-sm text-gray-600 dark:text-slate-400">Get preparedness tips, updates, and alerts delivered to your inbox.</p><form class="mt-3 flex gap-2"><input type="email" placeholder="Enter your email" class="flex-1 rounded-lg border border-gray-300 px-3 py-2 text-sm focus:border-primary-500 focus:ring-1 focus:ring-primary-500 dark:border-slate-600 dark:bg-slate-800" aria-label="Email address"/><button type="submit" class="btn-primary text-sm">Subscribe</button></form><p class="mt-1.5 text-xs text-gray-500 dark:text-slate-500">We respect your privacy. Unsubscribe at any time.</p></div></div><div><h4 class="text-sm font-semibold text-gray-900 dark:text-slate-100">Product</h4><ul class="mt-3 space-y-2"><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/survival">Survival Guides</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/survival/ai-assistant">AI Assistant</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/social">Social</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/recovery">Economic Recovery</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/maps">Maps</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/education">Education</a></li></ul></div><div><h4 class="text-sm font-semibold text-gray-900 dark:text-slate-100">Resources</h4><ul class="mt-3 space-y-2"><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/survival/full-guide">Full Survival Guide</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/survival/first-aid">First Aid</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/crisis-preparedness">Crisis Preparedness</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/prepare">Prepare Plan</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/account/help">Help Center</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/support">Support</a></li></ul></div><div><h4 class="text-sm font-semibold text-gray-900 dark:text-slate-100">Account</h4><ul class="mt-3 space-y-2"><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/account/data">My Data</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/onboarding">Onboarding</a></li><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/search">Search</a></li></ul></div><div><h4 class="text-sm font-semibold text-gray-900 dark:text-slate-100">Legal</h4><ul class="mt-3 space-y-2"><li><a class="text-sm text-gray-600 transition-colors hover:text-primary-700 dark:text-slate-400 dark:hover:text-primary-400" href="/dreamanart-privacy-policy">Privacy Policy</a></li></ul></div></div><div class="mt-10 flex flex-col items-center justify-between gap-4 border-t border-gray-200 pt-6 sm:flex-row dark:border-slate-700"><p class="text-xs text-gray-500 dark:text-slate-500">© 2026 Dreamanart. All rights reserved.</p><div class="flex items-center gap-3"><a href="https://twitter.com/dreamanart" target="_blank" rel="noopener noreferrer" aria-label="Twitter" class="text-gray-400 transition-colors hover:text-primary-600 dark:hover:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-twitter h-5 w-5"><path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path></svg></a><a href="https://facebook.com/dreamanart" target="_blank" rel="noopener noreferrer" aria-label="Facebook" class="text-gray-400 transition-colors hover:text-primary-600 dark:hover:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook h-5 w-5"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="https://instagram.com/dreamanart" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="text-gray-400 transition-colors hover:text-primary-600 dark:hover:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram h-5 w-5"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://linkedin.com/company/dreamanart" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="text-gray-400 transition-colors hover:text-primary-600 dark:hover:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin h-5 w-5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://youtube.com/@dreamanart" target="_blank" rel="noopener noreferrer" aria-label="YouTube" class="text-gray-400 transition-colors hover:text-primary-600 dark:hover:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-youtube h-5 w-5"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.5
35 0 0 1-16.2 0A2 2 0 0 1 2.5 17"></path><path d="m10 15 5-3-5-3z"></path></svg></a></div><select class="rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-xs text-gray-700 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-300" aria-label="Select language"><option value="English">English</option><option value="Español">Español</option><option value="Français">Français</option><option value="العربية">العربية</option><option value="हिन्दी">हिन्दी</option><option value="Português">Português</option></select></div></div></footer>
3<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
3<script src="/_next/static/chunks/webpack-fa07a543b3654e8f.js" id="_R_" async=""></script>
3<div hidden id="S:0"><!--$?--><template id="B:1"></template><div class="min-h-screen bg-gray-100 dark:bg-slate-950"><div class="border-b border-gray-200 bg-gradient-to-br from-primary-50 to-white dark:border-slate-700 dark:from-slate-800 dark:to-slate-900"><div class="container-page py-8"><div class="flex items-center gap-3"><span class="flex h-12 w-12 items-center justify-center rounded-xl bg-primary-100 text-primary-600 dark:bg-primary-900 dark:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-6 w-6"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg></span><div><h1 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-slate-100">Full Survival Guide</h1><p class="mt-1 text-sm text-gray-600 dark:text-slate-400">Complete wilderness survival skills reference</p></div></div></div></div><div class="container-page py-8"><div class="space-y-4"><div class="h-12 w-full animate-pulse rounded-lg bg-gray-200 dark:bg-slate-800"></div><div class="h-64 w-full animate-pulse rounded-xl bg-gray-200 dark:bg-slate-800"></div></div></div></div><!--/$--><!--$--><!--/$--></div>
3<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
4$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
4<div hidden id="S:1"><div class="min-h-screen bg-gray-100 dark:bg-slate-950"><section class="relative overflow-hidden bg-gradient-to-br from-slate-900 via-primary-900 to-slate-900 text-white"><div class="absolute inset-0 opacity-[0.07]" style="background-image:url(&quot;data:image/svg+xml,%3Csvg width=&#x27;60&#x27; height=&#x27;60&#x27; viewBox=&#x27;0 0 60 60&#x27; xmlns=&#x27;http://www.w3.org/2000/svg&#x27;%3E%3Cg fill=&#x27;none&#x27; fill-rule=&#x27;evenodd&#x27;%3E%3Cg fill=&#x27;%23ffffff&#x27; fill-opacity=&#x27;1&#x27;%3E%3Cpath d=&#x27;M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z&#x27;/%3E%3C/g%3E%3C/g%3E%3C/svg%3E&quot;)"></div><div class="container-page relative py-6 sm:py-10"><div class="absolute left-1/2 top-1/2 h-64 w-64 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-500/10 blur-3xl"></div><div class="relative flex flex-col items-center text-center"><span class="flex h-16 w-16 items-center justify-center rounded-2xl bg-white/10 ring-1 ring-white/20 backdrop-blur-sm sm:h-20 sm:w-20"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield h-8 w-8 text-primary-300 sm:h-10 sm:w-10"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path></svg></span><h1 class="mt-5 text-2xl font-bold tracking-tight sm:text-4xl">Survival Guide</h1><p class="mt-2 max-w-md text-sm text-primary-200 sm:text-base">Master the skills to survive any situation — offline, anytime, anywhere</p></div><div class="relative mt-8 flex flex-wrap items-center justify-center gap-2.5 sm:gap-3"><div class="flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-xs font-semibold text-primary-100 ring-1 ring-white/10 backdrop-blur-sm sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-primary-400"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>8<!-- --> Categories</div><div class="flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-xs font-semibold text-primary-100 ring-1 ring-white/10 backdrop-blur-sm sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered h-4 w-4 text-primary-400"><path d="M10 12h11"></path><path d="M10 18h11"></path><path d="M10 6h11"></path><path d="M4 10h2"></path><path d="M4 6h1v4"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path></svg>57<!-- --> Methods</div><div class="flex items-center gap-2 rounded-full bg-secondary-500/15 px-4 py-2 text-xs font-semibold text-secondary-300 ring-1 ring-secondary-400/20 backdrop-blur-sm sm:text-sm"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-4 w-4"><path d="M20 6 9 17l-5-5"></path></svg>Offline Ready</div></div><div class="relative mt-10"><p class="mb-3 text-center text-[11px] font-bold uppercase tracking-widest text-primary-300/70">Quick Access</p><div class="-mx-4 px-4 sm:mx-0 sm:px-0"><div class="flex gap-2 overflow-x-auto pb-1 scrollbar-hide"><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white text-slate-900 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame h-4 w-4 shrink-0"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg>Make Fire</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-4 w-4 shrink-0"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Generate Power</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-droplets h-4 w-4 shrink-0"><path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"></path><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"></path></svg>Purify Water</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-house h-4 w-4 shrink-0"><path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8"></path><path d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path></svg>Build Shelter</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye-off h-4 w-4 shrink-0"><path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49"></path><path d="M14.084 14.158a3 3 0 0 1-4.242-4.242"></path><path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143"></path><path d="m2 2 20 20"></path></svg>Hide &amp; Stealth</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-utensils h-4 w-4 shrink-0"><path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"></path><path d="M7 2v20"></path>
4<path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"></path></svg>Find Food</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 shrink-0"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg>Navigate</button><button class="flex shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 text-xs font-semibold transition-all active:scale-95 sm:text-sm bg-white/10 text-white ring-1 ring-white/15 hover:bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-radio h-4 w-4 shrink-0"><path d="M4.9 19.1C1 15.2 1 8.8 4.9 4.9"></path><path d="M7.8 16.2c-2.3-2.3-2.3-6.1 0-8.5"></path><circle cx="12" cy="12" r="2"></circle><path d="M16.2 7.8c2.3 2.3 2.3 6.1 0 8.5"></path><path d="M19.1 4.9C23 8.8 23 15.1 19.1 19"></path></svg>Signal for Help</button></div></div></div></div><div class="absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-primary-500/50 to-transparent"></div></section><section class="border-b border-gray-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900"><div class="container-page"><button class="flex w-full items-center justify-between py-3"><div class="flex items-center gap-2"><span class="flex h-6 w-6 items-center justify-center rounded-lg bg-accent-100 text-[10px] font-bold text-accent-600 dark:bg-accent-900/50 dark:text-accent-400">3</span><span class="text-xs font-bold uppercase tracking-wide text-gray-600 dark:text-slate-400">Rule of 3 — Survival Priorities</span></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-400 transition-transform duration-200"><path d="m6 9 6 6 6-6"></path></svg></button></div></section><div class="container-page py-6 sm:py-8"><div class="mb-6"><div class="flex items-center gap-2.5"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-primary-600 dark:bg-primary-900/50 dark:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame h-5 w-5"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"></path></svg></span><div class="min-w-0 flex-1"><h2 class="truncate text-lg font-bold text-gray-900 dark:text-slate-100 sm:text-xl">Fire Making</h2><p class="truncate text-xs text-gray-500 dark:text-slate-400 sm:text-sm">11<!-- --> methods · <!-- -->Multiple methods to create fire in any condition</p></div><button class="flex shrink-0 items-center gap-1.5 rounded-lg bg-primary-600 px-3 py-2 text-xs font-semibold text-white transition-all hover:bg-primary-700 active:scale-95 sm:text-sm" aria-label="Download Fire Making as PDF"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-download h-4 w-4"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" x2="12" y1="15" y2="3"></line></svg><span class="hidden sm:inline">PDF</span></button></div><div class="mt-3 grid grid-cols-3 gap-2 rounded-xl border border-gray-200 bg-white p-3 shadow-sm dark:border-slate-600 dar
4k:bg-slate-800 sm:gap-3 sm:p-4"><div class="flex flex-col items-center justify-center text-center"><span class="flex h-8 w-8 items-center justify-center rounded-lg bg-primary-100 dark:bg-primary-900/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered h-4 w-4 text-primary-600 dark:text-primary-400"><path d="M10 12h11"></path><path d="M10 18h11"></path><path d="M10 6h11"></path><path d="M4 10h2"></path><path d="M4 6h1v4"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path></svg></span><span class="mt-1.5 text-lg font-bold text-gray-900 dark:text-slate-100">11</span><span class="text-[10px] font-medium uppercase tracking-wide text-gray-500 dark:text-slate-400">Methods</span></div><div class="flex flex-col items-center justify-center text-center border-x border-gray-100 dark:border-slate-700"><span class="flex h-8 w-8 items-center justify-center rounded-lg bg-info-100 dark:bg-info-900/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-compass h-4 w-4 text-info-600 dark:text-info-400"><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z"></path><circle cx="12" cy="12" r="10"></circle></svg></span><span class="mt-1.5 text-lg font-bold text-gray-900 dark:text-slate-100">4</span><span class="text-[10px] font-medium uppercase tracking-wide text-gray-500 dark:text-slate-400">Sections</span></div><div class="flex flex-col items-center justify-center text-center"><span class="flex h-8 w-8 items-center justify-center rounded-lg bg-warning-100 dark:bg-warning-900/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-4 w-4 text-warning-600 dark:text-warning-400"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></span><div class="mt-1.5 flex items-center gap-1.5"><span class="flex items-center gap-0.5 text-xs font-bold text-secondary-600 dark:text-secondary-400"><span class="h-2 w-2 rounded-full bg-secondary-500"></span>5</span><span class="flex items-center gap-0.5 text-xs font-bold text-warning-600 dark:text-warning-400"><span class="h-2 w-2 rounded-full bg-warning-500"></span>4</span><span class="flex items-center gap-0.5 text-xs font-bold text-accent-600 dark:text-accent-400"><span class="h-2 w-2 rounded-full bg-accent-500"></span>2</span></div><span class="text-[10px] font-medium uppercase tracking-wide text-gray-500 dark:text-slate-400">Difficulty</span></div></div><div class="relative mt-3"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-search absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"><circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path></svg><input type="text" placeholder="Search methods, materials..." class="w-full rounded-xl border border-gray-300 bg-white py-2.5 pl-10 pr-9 text-sm text-gray-900 shadow-sm placeholder:text-gray-400 focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-100 dark:placeholder:text-slate-500" value=""/></div></div><div class="space-y-6 sm:space-y-8"><div class="animate-fade-in"><div class="mb-3 flex items-center gap-2"><h3 class="text-sm font-bold uppercase tracking-wide text-gray-700 dark:text-slate-300 sm:text-base">Friction-Based Methods</h3><span class="h-px flex-1 bg-gradient-to-r from-gray-200 to-transparent dark:from-slate-700"></span><span class="shrink-0 text-[10px] font-bold text-gray-400 dark:text-slate-500">3</span></div><p class="mb-3 text-sm text-gray-500 dark:text-slate-400">Create fire using only wood and physical effort</p><div class="space-y-2.5"><div class="overflow-hidden rounded-xl border bg-white transition-all duration-200 dark:bg-slate-800 border-primary-300 shadow-md dark:border-primary-600">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="true"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-warning-50 dark:bg-warning-950/40"><span class="h-2.5 w-2.5 rounded-full bg-warning-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Bow Drill Method</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-warning-700 dark:text-warning-400">Moderate</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">9<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-primary-600 text-white rotate-180"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button><div class="animate-fade-in border-t border-gray-100 dark:border-slate-700"><div class="border-b border-gray-100 p-3.5 sm:p-4 dark:border-slate-700"><h5 class="flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-wide text-primary-600 dark:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wrench h-3.5 w-3.5"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path></svg>Materials</h5><div class="mt-2 flex flex-wrap gap-1.5"><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Straight stick for bow (arm-length, finger-thick)</span><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Bowstring (paracord, shoelace, or natural cordage)</span><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Spindle (straight stick, thumb-thick, 8 inches long)</span><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Hearth board (flat softwood plank, 1 inch thick)</span><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Bearing block (hardwood or stone with depression)</span><span class="rounded-lg bg-gray-100 px-2.5 py-1 text-xs font-medium text-gray-700 dark:bg-slate-700 dark:text-slate-300">Tinder bundle (dry grass, bark shavings, cotton)</span></div></div><div class="border-b border-gray-100 p-3.5 sm:p-4 dark:border-slate-700"><h5 class="flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-wide text-primary-600 dark:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-ordered h-3.5 w-3.5"><path d="M10 12h11"></path><path d="M10 18h11"></path><path d="M10 6h11"></path><path d="M4 10h2"></path><path d="M4 6h1v4"></path><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"></path></svg>Instructions</h5><ol class="mt-2.5 space-y-2.5"><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">1</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Carve a small depression in the hearth board near one edge</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">2</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Shape the spindle to have rounded top and pointed bottom</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">3</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Tie the bowstring to both ends of the bow stick with slight slack</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">4</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Loop the bowstring once around the spindle</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">5</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Place spindle point into the hearth board depression</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">6</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Press bearing block on top of spindle with firm downward pressure</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">7</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Push and pull the bow smoothly and rapidly to spin the spindle</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">8</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Continue until smoke appears and an ember forms in the dust pile</span></li><li class="flex items-start gap-2.5"><span class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-600 text-[10px] font-bold text-white">9</span><span class="pt-0.5 text-sm leading-relaxed text-gray-700 dark:text-slate-300">Transfer the ember to your tinder bundle and blow gently until it flames</span></li></ol></div>
4<div class="border-b border-gray-100 bg-secondary-50 p-3.5 dark:border-slate-700 dark:bg-secondary-950/30 sm:p-4"><h5 class="flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-wide text-secondary-600 dark:text-secondary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-3.5 w-3.5"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg>Pro Tips</h5><ul class="mt-2 space-y-1.5"><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-600 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right mt-0.5 h-3.5 w-3.5 shrink-0 text-secondary-500"><path d="m9 18 6-6-6-6"></path></svg>Use dry softwoods like cedar, willow, or cottonwood for hearth and spindle</li><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-600 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right mt-0.5 h-3.5 w-3.5 shrink-0 text-secondary-500"><path d="m9 18 6-6-6-6"></path></svg>Keep the bow parallel to the ground while drilling</li><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-600 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right mt-0.5 h-3.5 w-3.5 shrink-0 text-secondary-500"><path d="m9 18 6-6-6-6"></path></svg>The V-notch in the hearth board should be about 1/8 inch wide</li><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-600 dark:text-slate-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right mt-0.5 h-3.5 w-3.5 shrink-0 text-secondary-500"><path d="m9 18 6-6-6-6"></path></svg>Apply more downward pressure as you speed up</li></ul></div><div class="bg-accent-50 p-3.5 dark:bg-accent-950/30 sm:p-4"><h5 class="flex items-center gap-1.5 text-[11px] font-bold uppercase tracking-wide text-accent-600 dark:text-accent-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert h-3.5 w-3.5"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Warnings</h5><ul class="mt-2 space-y-1.5"><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-700 dark:text-slate-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert mt-0.5 h-3.5 w-3.5 shrink-0 text-accent-500"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Hands can blister quickly — wear gloves if available</li><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-700 dark:text-slate-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert mt-0.5 h-3.5 w-3.5 shrink-0 text-accent-500"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Ensure all materials are bone dry or you will never get an ember</li><li class="flex items-start gap-2 text-sm leading-relaxed text-gray-700 dark:text-slate-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert mt-0.5 h-3.5 w-3.5 shrink-0 text-accent-500"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg>Do not rush — smooth, consistent strokes work better than frantic ones</li></ul></div></div></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dar
4k:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-50 dark:bg-accent-950/40"><span class="h-2.5 w-2.5 rounded-full bg-accent-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Hand Drill Method</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-accent-700 dark:text-accent-400">Hard</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">7<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-50 dark:bg-accent-950/40"><span class="h-2.5 w-2.5 rounded-full bg-accent-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Fire Plow Method</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-accent-700 dark:text-accent-400">Hard</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">7<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div></div><div class="animate-fade-in"><div class="mb-3 flex items-center gap-2"><h3 class="text-sm font-bold uppercase tracking-wide text-gray-700 dark:text-slate-300 sm:text-base">Spark-Based Methods</h3><span class="h-px flex-1 bg-gradient-to-r from-gray-200 to-transparent dark:from-slate-700"></span><span class="shrink-0 text-[10px] font-bold text-gray-400 dark:text-slate-500">3</span></div><p class="mb-3 text-sm text-gray-500 dark:text-slate-400">Create fire using sparks from man-made or natural materials</p><div class="space-y-2.5"><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-secondary-50 dark:bg-secondary-950/40"><span class="h-2.5 w-2.5 rounded-full bg-secondary-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Ferrocerium Rod &amp; Steel</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-secondary-700 dark:text-secondary-400">Easy</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">5<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dar
4k:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-secondary-50 dark:bg-secondary-950/40"><span class="h-2.5 w-2.5 rounded-full bg-secondary-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Battery &amp; Steel Wool</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-secondary-700 dark:text-secondary-400">Easy</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">5<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-warning-50 dark:bg-warning-950/40"><span class="h-2.5 w-2.5 rounded-full bg-warning-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Flint &amp; Steel</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-warning-700 dark:text-warning-400">Moderate</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">6<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div></div><div class="animate-fade-in"><div class="mb-3 flex items-center gap-2"><h3 class="text-sm font-bold uppercase tracking-wide text-gray-700 dark:text-slate-300 sm:text-base">Solar &amp; Chemical Methods</h3><span class="h-px flex-1 bg-gradient-to-r from-gray-200 to-transparent dark:from-slate-700"></span><span class="shrink-0 text-[10px] font-bold text-gray-400 dark:text-slate-500">2</span></div><p class="mb-3 text-sm text-gray-500 dark:text-slate-400">Use the sun or chemical reactions to ignite tinder</p><div class="space-y-2.5"><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-secondary-50 dark:bg-secondary-950/40"><span class="h-2.5 w-2.5 rounded-full bg-secondary-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Magnifying Lens / Eyeglasses</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-secondary-700 dark:text-secondary-400">Easy</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">5<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dar
4k:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-warning-50 dark:bg-warning-950/40"><span class="h-2.5 w-2.5 rounded-full bg-warning-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Chemical Fire Starter</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-warning-700 dark:text-warning-400">Moderate</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">5<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div></div><div class="animate-fade-in"><div class="mb-3 flex items-center gap-2"><h3 class="text-sm font-bold uppercase tracking-wide text-gray-700 dark:text-slate-300 sm:text-base">Fire Management &amp; Maintenance</h3><span class="h-px flex-1 bg-gradient-to-r from-gray-200 to-transparent dark:from-slate-700"></span><span class="shrink-0 text-[10px] font-bold text-gray-400 dark:text-slate-500">3</span></div><p class="mb-3 text-sm text-gray-500 dark:text-slate-400">Keep fire going, carry fire with you, and use fire safely</p><div class="space-y-2.5"><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-warning-50 dark:bg-warning-950/40"><span class="h-2.5 w-2.5 rounded-full bg-warning-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Carrying Fire (Fire Bundle)</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-warning-700 dark:text-warning-400">Moderate</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">7<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dark:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-secondary-50 dark:bg-secondary-950/40"><span class="h-2.5 w-2.5 rounded-full bg-secondary-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Types of Fires for Different Needs</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-secondary-700 dark:text-secondary-400">Easy</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">6<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div><div class="overflow-hidden rounded-xl border bg-white shadow-sm transition-all duration-200 dark:bg-slate-800 border-gray-200 hover:border-gray-300 hover:shadow-md dark:border-slate-600 dar
4k:hover:border-slate-500">      <button class="flex w-full items-center gap-3 p-3.5 text-left sm:p-4" aria-expanded="false"><span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-secondary-50 dark:bg-secondary-950/40"><span class="h-2.5 w-2.5 rounded-full bg-secondary-500"></span></span><div class="min-w-0 flex-1"><h4 class="truncate text-sm font-bold text-gray-900 dark:text-slate-100">Fire Safety &amp; Extinguishing</h4><div class="mt-1 flex items-center gap-2"><span class="text-[10px] font-semibold uppercase tracking-wide text-secondary-700 dark:text-secondary-400">Easy</span><span class="text-gray-300 dark:text-slate-600">·</span><span class="text-[10px] text-gray-400 dark:text-slate-500">7<!-- --> steps</span></div></div><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full transition-all duration-200 bg-gray-100 text-gray-400 dark:bg-slate-700"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4"><path d="m6 9 6 6 6-6"></path></svg></span></button></div></div></div></div><div class="mt-12 sm:mt-16"><div class="mb-4 flex items-center gap-2"><span class="flex h-7 w-7 items-center justify-center rounded-lg bg-warning-100 dark:bg-warning-900/40"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4 text-warning-600 dark:text-warning-400"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><h2 class="text-sm font-bold uppercase tracking-wide text-gray-700 dark:text-slate-200 sm:text-base">Essential Survival Principles</h2></div><div class="grid gap-3 sm:gap-4 sm:grid-cols-2 lg:grid-cols-3"><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dark:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-accent-100 text-accent-600 dark:bg-accent-900 dark:text-accent-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Rule of 3</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">You can survive 3 minutes without air, 3 hours without shelter in extreme conditions, 3 days without water, 3 weeks without food.</p></div></div></div><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dark:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-warning-100 text-warning-600 dark:bg-warning-900 dark:text-warning-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Stay or Go?</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">Stay put if you are lost and someone knows your general location. Moving makes rescue harder and burns energy.</p></div></div></div><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dar
4k:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary-100 text-primary-600 dark:bg-primary-900 dark:text-primary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Conserve Energy</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">Every action costs calories and water. Work slowly and deliberately. Rest frequently in extreme temperatures.</p></div></div></div><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dark:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-secondary-100 text-secondary-600 dark:bg-secondary-900 dark:text-secondary-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Improvise</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">Everything is a tool. A rock is a hammer, a stick is a lever, clothing is cordage. Think creatively about what you have.</p></div></div></div><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dark:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-info-100 text-info-600 dark:bg-info-900 dark:text-info-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Signal Early</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">Signal for help as soon as you are safe and sheltered. Do not wait until you are weak or out of supplies.</p></div></div></div><div class="group rounded-xl border border-gray-200 bg-white p-4 shadow-sm transition-all hover:shadow-md hover:border-primary-200 dark:border-slate-600 dark:bg-slate-800 dark:hover:border-slate-500"><div class="flex items-start gap-3"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-accent-100 text-accent-600 dark:bg-accent-900 dark:text-accent-400"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lightbulb h-4 w-4"><path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"></path><path d="M9 18h6"></path><path d="M10 22h4"></path></svg></span><div class="min-w-0"><h4 class="text-sm font-bold text-gray-900 dark:text-slate-100">Plan for Rescue</h4><p class="mt-1 text-sm leading-relaxed text-gray-600 dark:text-slate-400">Leave signals at your shelter even when away. Mark trails. Keep a fire ready. Make yourself easy to find.</p></div></div></div></div></div></div></div></div>
4<script>$RC("B:1","S:1")</script>
4<script>(self.__next_f=self.__next_f||[]).push([0])</script>
4<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[2698,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8454\",\"static/chunks/8454-b02d133a7939a046.js\",\"7177\",\"static/chunks/app/layout-688d04c06411169d.js\"],\"AdSense\"]\n3:I[3553,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8454\",\"static/chunks/8454-b02d133a7939a046.js\",\"7177\",\"static/chunks/app/layout-688d04c06411169d.js\"],\"ThemeProvider\"]\n4:I[1740,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8454\",\"static/chunks/8454-b02d133a7939a046.js\",\"7177\",\"static/chunks/app/layout-688d04c06411169d.js\"],\"ClientProviders\"]\n5:I[7376,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8454\",\"static/chunks/8454-b02d133a7939a046.js\",\"7177\",\"static/chunks/app/layout-688d04c06411169d.js\"],\"Header\"]\n6:\"$Sreact.suspense\"\n7:I[9766,[],\"\"]\n8:I[9567,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8039\",\"static/chunks/app/error-4617fa28bd228df7.js\"],\"default\"]\n9:I[8924,[],\"\"]\na:I[2619,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8974\",\"static/chunks/app/page-c584bf3d5d4b4bab.js\"],\"\"]\nb:I[3370,[\"2619\",\"static/chunks/2619-3c9e02e22d10480a.js\",\"8454\",\"static/chunks/8454-b02d133a7939a046.js\",\"7177\",\"static/chunks/app/layout-688d04c06411169d.js\"],\"Footer\"]\n11:I[7150,[],\"\"]\n:HL[\"/_next/static/css/7958ea9b8a160c03.css\",\"style\"]\n:HL[\"/_next/static/css/41617630e24da655.css\",\"style\"]\n:HL[\"/_next/static/css/cf8a94d8f0136ff9.css\",\"style\"]\n"])</script>
4<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"6BfzruwLdEtvtnlRQVgwX\",\"p\":\"\",\"c\":[\"\",\"survival\",\"full-guide\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"survival\",{\"children\":[\"full-guide\",{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7958ea9b8a160c03.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/41617630e24da655.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/cf8a94d8f0136ff9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_f367f3 __variable_3c557b\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"\\n(function(){try{var t=localStorage.getItem('dreamanart-theme');var d=window.matchMedia('(prefers-color-scheme: dark)').matches;if(t==='dark'||(!t\u0026\u0026d)){document.documentElement.classList.add('dark')}if(window.location.hostname==='appassets.androidplatform.net'||window.location.protocol==='file:'){document.documentElement.classList.add('webview')}}catch(e){}})()\\n\"}}],[\"$\",\"$L2\",null,{}]]}],[\"$\",\"body\",null,{\"className\":\"font-sans antialiased\",\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}],[\"$\",\"main\",null,{\"id\":\"main-content\",\"className\":\"min-h-screen main-offset\",\"children\":[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"container-page py-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-64 w-full animate-pulse rounded-xl bg-gray-200 dark:bg-slate-800\"}]}],\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$8\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"container-page flex min-h-[70vh] flex-col items-center justify-center py-20 text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl font-bold text-primary-600\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"mt-4 text-xl text-gray-700 dark:text-slate-300\",\"children\":\"We couldn't find that page. Let's get you back on track.\"}],[\"$\",\"$La\",null,{\"href\":\"/\",\"className\":\"btn-primary mt-8\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-house h-5 w-5\",\"children\":[[\"$\",\"path\",\"5wwlr5\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"}],[\"$\",\"path\",\"1d0kgt\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}],\"$undefined\"]}],\"Back to Home\"]}]]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$Lb\",null,{}]]}]}]]}]]}],{\"children\":[\"survival\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"full-guide\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$6\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-gray-100 dark:bg-slate-950\",\"children\":[[\"$\",\"div\",null,{\"className\":\"border-b border-gray-200 bg-gradient-to-br from-primary-50 to-white dark:border-slate-700 dark:from-slate-800 dark:to-slate-900\",\"children\":[\"$\",\"div\",null,{\"className\":\"container-page py-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex h-12 w-12 items-center justify-center rounded-xl bg-primary-100 text-primary-600 dark:bg-primary-900 dark:text-primary-400\",\"children\":[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\"
4:24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-compass h-6 w-6\",\"children\":[[\"$\",\"path\",\"9ktpf1\",{\"d\":\"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z\"}],[\"$\",\"circle\",\"1mglay\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\"}],\"$undefined\"]}]}],\"$Lc\"]}]}]}],\"$Ld\"]}],\"children\":\"$Le\"}],null,\"$Lf\"]}],{},null,false]},null,false]},null,false]},null,false],\"$L10\",false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"s\":false,\"S\":true}\n"])</script>
4<script>self.__next_f.push([1,"12:I[6552,[\"4909\",\"static/chunks/4909-a6ccb82e391d8f86.js\",\"5389\",\"static/chunks/5389-07c43bdde7474ac1.js\",\"9134\",\"static/chunks/app/survival/full-guide/page-85024039556ea24b.js\"],\"PreloadChunks\"]\n14:I[4431,[],\"OutletBoundary\"]\n16:I[5278,[],\"AsyncMetadataOutlet\"]\n18:I[4431,[],\"ViewportBoundary\"]\n1a:I[4431,[],\"MetadataBoundary\"]\nc:[\"$\",\"div\",null,{\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-3xl font-bold tracking-tight text-gray-900 dark:text-slate-100\",\"children\":\"Full Survival Guide\"}],[\"$\",\"p\",null,{\"className\":\"mt-1 text-sm text-gray-600 dark:text-slate-400\",\"children\":\"Complete wilderness survival skills reference\"}]]}]\nd:[\"$\",\"div\",null,{\"className\":\"container-page py-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"space-y-4\",\"children\":[[\"$\",\"div\",null,{\"className\":\"h-12 w-full animate-pulse rounded-lg bg-gray-200 dark:bg-slate-800\"}],[\"$\",\"div\",null,{\"className\":\"h-64 w-full animate-pulse rounded-xl bg-gray-200 dark:bg-slate-800\"}]]}]}]\ne:[[\"$\",\"$L12\",null,{\"moduleIds\":[\"app\\\\survival\\\\full-guide\\\\page.tsx -\u003e @/components/guides/FullGuideClient\"]}],\"$L13\"]\nf:[\"$\",\"$L14\",null,{\"children\":[\"$L15\",[\"$\",\"$L16\",null,{\"promise\":\"$@17\"}]]}]\n10:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L18\",null,{\"children\":\"$L19\"}],null],[\"$\",\"$L1a\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$6\",null,{\"fallback\":null,\"children\":\"$L1b\"}]}]}]]}]\n"])</script>
4<script>self.__next_f.push([1,"1c:I[707,[\"4909\",\"static/chunks/4909-a6ccb82e391d8f86.js\",\"5389\",\"static/chunks/5389-07c43bdde7474ac1.js\",\"9134\",\"static/chunks/app/survival/full-guide/page-85024039556ea24b.js\"],\"FullGuideClient\"]\n13:[\"$\",\"$L1c\",null,{}]\n"])</script>
4<script>self.__next_f.push([1,"19:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"#2563EB\"}],[\"$\",\"meta\",\"3\",{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"#0F172A\"}]]\n15:null\n"])</script>
4<script>self.__next_f.push([1,"1d:I[622,[],\"IconMark\"]\n"])</script>
4<script>self.__next_f.push([1,"17:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Full Survival Guide - Dreamanart\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Dreamanart\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Dreamanart\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"full survival guide,wilderness survival,emergency shelter water fire,bug out skills,survival guide,emergency preparedness,disaster survival,offline survival app,emergency planning,first aid guide,crisis preparedness,Dreamanart\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Dreamanart\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"Dreamanart\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"category\",\"content\":\"safety\"}],[\"$\",\"link\",\"10\",{\"rel\":\"canonical\",\"href\":\"https://dreamanart.com/survival/full-guide\"}],[\"$\",\"meta\",\"11\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"12\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"13\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Dreamanart\"}],[\"$\",\"meta\",\"14\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"Full Survival Guide - Dreamanart\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place.\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://dreamanart.com/survival/full-guide\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"Dreamanart\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image\",\"content\":\"https://dreamanart.com/icon-512.png\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:image:alt\",\"content\":\"Full Survival Guide - Dreamanart\"}],[\"$\",\"meta\",\"24\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"Full Survival Guide - Dreamanart\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"Complete survival reference covering shelter, water, food, fire, navigation, signaling, and long-term readiness in one place.\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://dreamanart.com/icon-512.png\"}],[\"$\",\"link\",\"29\",{\"rel\":\"shortcut icon\",\"href\":\"/icon-192.png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/icon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/icon-512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-192.png\",\"sizes\":\"192x192\"}],[\"$\",\"link\",\"34\",{\"rel\":\"apple-touch-icon\",\"href\":\"/icon-512.png\",\"sizes\":\"512x512\"}],[\"$\",\"$L1d\",\"35\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
4<script>self.__next_f.push([1,"1b:\"$17:metadata\"\n"])</script>
4</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.