<!-- advforecast2.php (JSON) - V5.19-CSW-NWSAPI - official NWS API icons on PHP 8.4.26-->
<!-- RAW NWS URL: http://forecast.weather.gov/MapClick.php?lat=38.92431&lon=-104.72045606489473&unit=0&lg=english&FcstType=text&TextType=2  zone=COZ085 -->
<!-- meta info re: point='38.9243,-104.7205' zone='zones' metacache= './cache/forecast-COZ085-0-geojson-meta.txt' -->
<!-- metaZoneURL='https://api.weather.gov/zones/forecast/COZ085' -->
<!-- meta cache ./cache/forecast-COZ085-0-geojson-meta.txt age=17:36:20 h:m:s -->
<!-- loaded meta info from ./cache/forecast-COZ085-0-geojson-meta.txt age=17:36:20 h:m:s -->
<!-- META
array (
  'city' => 'Colorado Springs',
  'state' => 'CO',
  'point' => '38.9243,-104.7205',
  'forecastOfficeURL' => 'https://api.weather.gov/offices/PUB',
  'forecastURL' => 'https://api.weather.gov/gridpoints/PUB/94,95/forecast',
  'forecastZoneURL' => 'https://api.weather.gov/zones/forecast/COZ085',
  'forecastZone' => 'COZ085',
  'forecastHourlyURL' => 'https://api.weather.gov/gridpoints/PUB/94,95/forecast/hourly',
  'forecastGridDataURL' => 'https://api.weather.gov/gridpoints/PUB/94,95',
  'observationStationsURL' => 'https://api.weather.gov/gridpoints/PUB/94,95/stations',
  'countyZoneURL' => 'https://api.weather.gov/zones/county/COC041',
  'countyZone' => 'COC041',
  'fireWeatherZoneURL' => 'https://api.weather.gov/zones/fire/COZ227',
  'fireWeatherZone' => 'COZ227',
  'timeZone' => 'America/Denver',
  'radarStation' => 'KPUX',
  'zoneName' => 'Colorado Springs Vicinity/Southern El Paso County/Rampart Range Below 7400 Ft',
  'WFOname' => 'Pueblo, CO',
  'WFOphone' => '(719) 948-9429',
  'WFOemail' => 'nws.pueblo@noaa.gov',
) -->
<!-- point forecastURL = 'https://api.weather.gov/gridpoints/PUB/94,95/forecast' -->
<!-- zone  forecastURL = 'https://api.weather.gov/zones/forecast/COZ085/forecast' -->
<!-- curl fetching 'https://api.weather.gov/gridpoints/PUB/94,95/forecast' -->
<!-- HTTP stats:  RC=200 dest=2600:1407:7400:5d::17d5:ba24 port=443 (from sce=2607:f1c0:5ff:5f:216:250:113:186)
      Times: dns=0.026 conn=0.039 pxfer=0.069 get=0.020 total=0.089 secs -->
<!-- loaded point-forecast https://api.weather.gov/gridpoints/PUB/94,95/forecast - 14155 bytes -->
<!-- wrote cache file ./cache/forecast-COZ085-0-geojson.txt -->
<!-- JSON decode - No errors -->
<!-- point forecast processing -->

<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/sct?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/sct/tsra_hi,20?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/tsra_hi/sct?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/skc?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/night/few?size=medium' -->
<!-- official NWS API forecast icon used: 'https://api.weather.gov/icons/land/day/skc?size=medium' -->
<!-- forecast updated '2026-10-03T01:01:36+00:00' (Fri, 02-Oct-2026 7:01pm MDT) for lat,long or zone '94,95' -->
<!-- curl fetching 'https://api.weather.gov/alerts?active=1&point=38.9243,-104.7205' -->
<!-- HTTP stats:  RC=200 dest=2600:1407:7400:5d::17d5:ba2a port=443 (from sce=2607:f1c0:5ff:5f:216:250:113:186)
      Times: dns=0.000 conn=0.013 pxfer=0.041 get=0.104 total=0.145 secs -->
<!-- loaded alert for COZ085 from https://api.weather.gov/alerts?active=1&point=38.9243,-104.7205 - 1347 bytes -->
<!-- wrote cache file ./cache/forecast-COZ085-0-geojson-alerts.txt -->
<!-- no current hazard alerts for COZ085 -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
<meta name="theme-color" content="#07111f">
<title>Colorado Springs Weather - Mobile Forecast</title>

<script>
(function(){
  var root=document.documentElement;
  function getTheme(){
    try{return localStorage.getItem('cswSiteTheme')==='light'?'light':'dark';}
    catch(e){return 'dark';}
  }
  function apply(theme){
    theme=theme==='light'?'light':'dark';
    root.setAttribute('data-csw-theme',theme);
    root.setAttribute('data-theme',theme);
    try{localStorage.setItem('cswSiteTheme',theme);localStorage.setItem('cswDashboardTheme',theme);}catch(e){}
    var btn=document.getElementById('cellThemeToggle');
    if(btn){btn.textContent=theme==='light'?'Dark':'Light';btn.setAttribute('aria-pressed',theme==='light'?'true':'false');}
  }
  apply(getTheme());
  document.addEventListener('DOMContentLoaded',function(){
    apply(getTheme());
    var btn=document.getElementById('cellThemeToggle');
    if(btn) btn.addEventListener('click',function(){
      apply(root.getAttribute('data-csw-theme')==='light'?'dark':'light');
    });
  });
})();
</script>

<style>

:root{
  --bg:#06101b;--surface:#0b1929;--surface2:#10243a;
  --border:rgba(148,190,228,.16);--text:#eef6fb;--muted:#91a7b8;--link:#66b7ff;
}
html[data-csw-theme="light"]{
  --bg:#eef3f7;--surface:#ffffff;--surface2:#f3f7fa;
  --border:#d5e0e8;--text:#102234;--muted:#5f7484;--link:#1677b8;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--link)}
.cell-shell{width:min(100%,620px);margin:0 auto;padding:8px 8px calc(18px + env(safe-area-inset-bottom))}
.cell-top{
  position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:-8px -8px 8px;padding:9px max(10px,env(safe-area-inset-right)) 9px max(10px,env(safe-area-inset-left));
  background:rgba(7,17,31,.96);border-bottom:1px solid rgba(148,190,228,.14);backdrop-filter:blur(10px)
}
html[data-csw-theme="light"] .cell-top{background:rgba(255,255,255,.97);border-bottom-color:#d5e0e8}
.cell-brand strong{display:block;color:#fff;font-size:14px;line-height:1.15}
html[data-csw-theme="light"] .cell-brand strong{color:#102234}
.cell-brand span{display:block;margin-top:2px;color:#9eb3c4;font-size:9px}
html[data-csw-theme="light"] .cell-brand span{color:#5f7484}
.cell-actions{display:flex;gap:6px;flex-shrink:0}
.cell-btn{
  appearance:none;border:1px solid var(--border);border-radius:9px;background:var(--surface2);color:var(--text);
  padding:7px 9px;font:800 10px/1 system-ui;text-decoration:none;cursor:pointer
}
.cell-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:8px}
.cell-links a{
  display:flex;align-items:center;justify-content:center;min-height:36px;padding:5px 3px;border:1px solid var(--border);
  border-radius:9px;background:var(--surface);color:var(--text);text-decoration:none;font-size:10px;font-weight:800
}
.cell-links a[aria-current="page"]{outline:2px solid #3da7ef;outline-offset:-2px}
.mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:8px}
.mobile-card h1,.mobile-card h2{margin:0;color:var(--text)}
.mobile-card p{color:var(--muted)}
.mobile-note{margin-top:8px;color:var(--muted);font-size:10px;line-height:1.45;text-align:center}
@media(max-width:420px){.cell-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

.forecast-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.forecast-head h1{font-size:18px}
.forecast-head p{margin:4px 0 0;font-size:10px}
.forecast-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.forecast-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}
.forecast-item{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:9px}
.forecast-icon{text-align:center}
.forecast-icon img{width:86px!important;max-width:86px!important;height:auto!important;border-radius:8px;display:inline-block!important}
.forecast-title{font-size:13px;font-weight:900;color:var(--text);margin-bottom:3px}
.forecast-temp{font-size:14px;font-weight:900;color:var(--text);margin-bottom:3px}
.forecast-text{font-size:11px;line-height:1.45;color:var(--muted)}
.forecast-empty{padding:18px;text-align:center;color:var(--muted)}
@media(max-width:390px){
  .forecast-item{grid-template-columns:76px 1fr}
  .forecast-icon img{width:70px!important;max-width:70px!important}
}
</style>

<style id="cell-mobile-menu-five">
.cell-links{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media(max-width:520px){.cell-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:360px){.cell-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
</style>

</head>
<body>
<div class="cell-shell">
<header class="cell-top">
  <div class="cell-brand"><strong>Colorado Springs Weather</strong><span>Mobile Forecast</span></div>
  <div class="cell-actions">
    <a class="cell-btn" href="cell.php">Conditions</a>
    <button class="cell-btn" id="cellThemeToggle" type="button">Theme</button>
  </div>
</header>

<nav class="cell-links" aria-label="Mobile weather links">
    <a href="cell.php">Conditions</a>
    <a href="cell-forecast.php" aria-current="page">Forecast</a>
    <a href="cell-radar.php">Radar</a>
    <a href="cell-alerts.php">Alerts</a>
    <a href="cell-status.php">Status</a>
  </nav>

<main class="mobile-card">
  <div class="forecast-head">
    <div>
      <h1>NWS Forecast</h1>
      <p>Colorado Springs, Colorado</p>
    </div>
    <div class="forecast-badge">Mobile Forecast</div>
  </div>

  <div class="forecast-grid">
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Tonight<br/><br/></strong><img src="https://api.weather.gov/icons/land/night/few?size=medium" alt="Tonight: Mostly Clear" title="Tonight: Mostly clear, with a low around 45. South southwest wind 0 to 5 mph." /><br/>Mostly Clear <br/></div>
      <div>
                  <div class="forecast-title">Tonight</div>
                          <div class="forecast-temp">Lo 45 &deg;F</div>
                          <div class="forecast-text">Mostly clear, with a low around 45. South southwest wind 0 to 5 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Saturday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/few?size=medium" alt="Saturday: Sunny" title="Saturday: Sunny, with a high near 77. North northeast wind 5 to 10 mph." /><br/>Sunny <br/></div>
      <div>
                  <div class="forecast-title">Saturday</div>
                          <div class="forecast-temp">Hi 77 &deg;F</div>
                          <div class="forecast-text">Sunny, with a high near 77. North northeast wind 5 to 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Saturday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/sct?size=medium" alt="Saturday Night: Partly Cloudy" title="Saturday Night: Partly cloudy, with a low around 47. North northeast wind 5 to 10 mph." /><br/>Partly Cloudy <br/></div>
      <div>
                  <div class="forecast-title">Saturday Night</div>
                          <div class="forecast-temp">Lo 47 &deg;F</div>
                          <div class="forecast-text">Partly cloudy, with a low around 47. North northeast wind 5 to 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Sunday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/few?size=medium" alt="Sunday: Sunny" title="Sunday: Sunny, with a high near 70. East wind 5 to 20 mph." /><br/>Sunny <br/></div>
      <div>
                  <div class="forecast-title">Sunday</div>
                          <div class="forecast-temp">Hi 70 &deg;F</div>
                          <div class="forecast-text">Sunny, with a high near 70. East wind 5 to 20 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Sunday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/few?size=medium" alt="Sunday Night: Mostly Clear" title="Sunday Night: Mostly clear, with a low around 48. Southwest wind 5 to 15 mph." /><br/>Mostly Clear <br/></div>
      <div>
                  <div class="forecast-title">Sunday Night</div>
                          <div class="forecast-temp">Lo 48 &deg;F</div>
                          <div class="forecast-text">Mostly clear, with a low around 48. Southwest wind 5 to 15 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Monday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/few?size=medium" alt="Monday: Sunny" title="Monday: Sunny, with a high near 79. Southwest wind 5 to 10 mph." /><br/>Sunny <br/></div>
      <div>
                  <div class="forecast-title">Monday</div>
                          <div class="forecast-temp">Hi 79 &deg;F</div>
                          <div class="forecast-text">Sunny, with a high near 79. Southwest wind 5 to 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Monday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/few?size=medium" alt="Monday Night: Mostly Clear" title="Monday Night: Mostly clear, with a low around 52. Southwest wind around 5 mph." /><br/>Mostly Clear <br/></div>
      <div>
                  <div class="forecast-title">Monday Night</div>
                          <div class="forecast-temp">Lo 52 &deg;F</div>
                          <div class="forecast-text">Mostly clear, with a low around 52. Southwest wind around 5 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Tuesday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/sct/tsra_hi,20?size=medium" alt="Tuesday: Mostly Sunny then Slight Chance Showers And Thunderstorms" title="Tuesday: A slight chance of showers and thunderstorms after noon. Mostly sunny, with a high near 78. North northwest wind 5 to 10 mph. Chance of precipitation is 20%." /><br/>Mostly Sunny then Slight Chance Showers And T-Storms <br/></div>
      <div>
                  <div class="forecast-title">Tuesday</div>
                          <div class="forecast-temp">Hi 78 &deg;F</div>
                          <div class="forecast-text">A slight chance of showers and thunderstorms after noon. Mostly sunny, with a high near 78. North northwest wind 5 to 10 mph. Chance of precipitation is 20%.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Tuesday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/tsra_hi/sct?size=medium" alt="Tuesday Night: Slight Chance Showers And Thunderstorms then Partly Cloudy" title="Tuesday Night: A slight chance of showers and thunderstorms before midnight. Partly cloudy, with a low around 51. West northwest wind 5 to 10 mph." /><br/>Slight Chance Showers And T-Storms then Partly Cloudy <br/></div>
      <div>
                  <div class="forecast-title">Tuesday Night</div>
                          <div class="forecast-temp">Lo 51 &deg;F</div>
                          <div class="forecast-text">A slight chance of showers and thunderstorms before midnight. Partly cloudy, with a low around 51. West northwest wind 5 to 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Wednesday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/few?size=medium" alt="Wednesday: Sunny" title="Wednesday: Sunny, with a high near 77. Southwest wind around 10 mph." /><br/>Sunny <br/></div>
      <div>
                  <div class="forecast-title">Wednesday</div>
                          <div class="forecast-temp">Hi 77 &deg;F</div>
                          <div class="forecast-text">Sunny, with a high near 77. Southwest wind around 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Wednesday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/few?size=medium" alt="Wednesday Night: Mostly Clear" title="Wednesday Night: Mostly clear, with a low around 51. Southwest wind 5 to 10 mph." /><br/>Mostly Clear <br/></div>
      <div>
                  <div class="forecast-title">Wednesday Night</div>
                          <div class="forecast-temp">Lo 51 &deg;F</div>
                          <div class="forecast-text">Mostly clear, with a low around 51. Southwest wind 5 to 10 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Thursday<br/><br/></strong><img src="https://api.weather.gov/icons/land/day/skc?size=medium" alt="Thursday: Sunny" title="Thursday: Sunny, with a high near 76. Southwest wind around 5 mph." /><br/>Sunny <br/></div>
      <div>
                  <div class="forecast-title">Thursday</div>
                          <div class="forecast-temp">Hi 76 &deg;F</div>
                          <div class="forecast-text">Sunny, with a high near 76. Southwest wind around 5 mph.</div>
              </div>
    </article>
      <article class="forecast-item">
      <div class="forecast-icon"><strong>Thursday<br/>Night<br/></strong><img src="https://api.weather.gov/icons/land/night/few?size=medium" alt="Thursday Night: Mostly Clear" title="Thursday Night: Mostly clear, with a low around 51. Southwest wind 5 to 10 mph." /><br/>Mostly Clear <br/></div>
      <div>
                  <div class="forecast-title">Thursday Night</div>
                          <div class="forecast-temp">Lo 51 &deg;F</div>
                          <div class="forecast-text">Mostly clear, with a low around 51. Southwest wind 5 to 10 mph.</div>
              </div>
    </article>
  
    </div>
</main>

<div class="mobile-note">Forecast data uses the same configured forecast source as the main Colorado Springs Weather site.</div>

</div>

<!-- Keep official NWS forecast icons supplied by advforecast2.php -->
<div class="cell-footer-wrap">
  <footer class="cell-footer" style="margin-top:8px;padding:10px;text-align:center;font-size:11px;line-height:1.5;">
  <div>
    <a href="index.php?desktop=1" title="View the full Colorado Springs Weather dashboard">
      View Full Version
    </a>
  </div>

  <div style="margin-top:8px;padding-top:8px;border-top:1px solid rgba(148,190,228,.16);font-size:10px;line-height:1.55;opacity:.88;">
    <strong style="display:block;margin-bottom:4px;">Weather Information &amp; Disclaimer</strong>
    Never base important decisions that could result in harm to people or property solely on the weather information provided by this website.
    Always have a backup method available, such as a battery-powered weather radio.
    Colorado Springs Weather is privately owned and operated and is not affiliated with the City of Colorado Springs or any government agency.
    For official weather information, refer to the National Weather Service.
    <div style="margin-top:7px;font-weight:600;">
      This site is owned and maintained by Ryan M of Colorado Springs, Colorado.
    </div>
  </div>

  <div style="margin-top:7px;opacity:.75;">
    &copy; 2026 Colorado Springs Weather
  </div>
</footer>
</div>

</body>
</html>