@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--blue:#2254ae;--ink:#17366b;--red:#e54b44;--line:#aac2e6;--paper:#f6f8ff;--shadow:#d2e0f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'Space Grotesk',sans-serif;background-image:radial-gradient(#abc3ea55 .7px,transparent .7px);background-size:12px 12px}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}header{max-width:1360px;margin:auto;padding:23px 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--ink);background:#f6f8fff2}.brand{text-decoration:none;font-size:27px;letter-spacing:-1.3px;font-weight:700}.mini-cloud{display:inline-block;color:var(--blue);font-size:32px;margin-right:5px}.orange{color:var(--red)}nav a{text-decoration:none;font-size:12px;border-bottom:1px solid var(--ink)}.club{font:9px/1.7 'Space Mono',monospace;letter-spacing:1px;text-align:right}main{max-width:1280px;margin:auto;padding:0 36px}.camera-intro{display:flex;align-items:center;justify-content:space-between;padding:40px 0 33px}.eyebrow{font:10px/1.6 'Space Mono',monospace;letter-spacing:1.4px;margin:0 0 10px}.red-square{display:inline-block;background:var(--red);width:8px;height:8px;margin-right:6px}h1{font-size:72px;line-height:.98;letter-spacing:-4px;margin:16px 0 0;font-weight:700}h1>span{color:var(--red)}.hero-right{display:grid;grid-template-columns:150px 170px;align-items:center;gap:12px 26px;margin-right:24px}.hero-right p{font-size:15px;line-height:1.7}.level-tag{grid-column:1/-1;justify-self:center;font:9px 'Space Mono',monospace;letter-spacing:1px;border:1px solid var(--line);padding:8px 14px;background:#fff;transform:rotate(-3deg)}.pixel-karl{position:relative;width:146px;height:89px;background:#fff;border:3px solid var(--blue);box-shadow:8px 8px 0 #c8daf5;clip-path:polygon(0 30%,15% 30%,15% 15%,30% 15%,30% 0,65% 0,65% 15%,85% 15%,85% 30%,100% 30%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%);image-rendering:pixelated}.pixel-karl b{position:absolute;left:51px;top:29px;font:25px monospace;letter-spacing:5px}.pixel-karl em{position:absolute;left:62px;top:47px;font:25px monospace}.view-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.view-controls>.eyebrow{margin:0}.view-switch{display:flex;border:2px solid var(--ink);background:#fff;border-radius:5px;box-shadow:3px 3px 0 var(--shadow);padding:4px;gap:3px}.view-switch button{padding:8px 16px;font:11px 'Space Mono',monospace;border-radius:2px}.view-switch button[aria-pressed=true]{background:var(--blue);color:#fff}.locations{display:flex;gap:12px;margin-bottom:18px}.locations button{min-width:170px;text-align:left;border:1.5px solid var(--ink);background:#fff;padding:12px 16px;border-radius:4px;box-shadow:3px 3px 0 var(--shadow)}.locations b{display:block;font-size:14px}.locations small{display:block;font:8px 'Space Mono',monospace;margin-top:5px;letter-spacing:1px}.locations [aria-pressed=true]{background:var(--red);border-color:#a83135;color:white;box-shadow:3px 3px 0 #e8c8d0}.preset-picker{border:1px solid var(--line);background:#edf3ff;margin-bottom:24px;border-radius:5px;padding:14px 17px}.preset-picker summary{cursor:pointer;font-size:12px;font-weight:700}.preset-picker summary span{float:right;font:9px 'Space Mono',monospace;color:#5675a6}.preset-explainer{font-size:11px;color:#58729b;line-height:1.6;margin:10px 0}.presets{display:flex;flex-wrap:wrap;gap:7px}.presets button{background:#fff;border:1px solid #c0d1ed;border-radius:3px;padding:7px 10px;font-size:11px}.presets [aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}h2{font-size:25px;letter-spacing:-.7px;margin:0;font-weight:700}.camera-weather-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px;align-items:start}.camera-column{min-width:0}.camera-shell{border:2px solid var(--ink);border-radius:7px;overflow:hidden;background:#fff;box-shadow:5px 5px 0 var(--shadow);scroll-margin-top:15px}.camera-top{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;background:#e6eeff;border-bottom:2px solid var(--ink)}.camera-top .eyebrow{font-size:8px;margin-bottom:3px}.camera-top h2{font-size:27px}.provider-pill{font:8px 'Space Mono',monospace;letter-spacing:1px;background:#fff;border:1px solid #a8bbdb;padding:6px;border-radius:3px}.viewer{height:465px;background:#122441;display:grid;place-items:center}.viewer iframe{width:100%;height:100%;border:0;background:#122441}.preset-note{padding:12px 16px;background:#fff0ec;color:#98382f;border-bottom:1px solid #eab1a6;font-size:11px;line-height:1.7}.camera-bottom{display:flex;flex-wrap:wrap;gap:13px;padding:12px 16px;border-top:1px solid var(--line)}.camera-bottom p{flex-basis:100%;font-size:10px;margin:0;color:#5d7498}.camera-bottom a,.camera-bottom button{font-size:11px}.camera-bottom button{margin-left:auto}.view-note{display:flex;gap:10px;margin:14px 0;color:#61789c;font-size:10px;line-height:1.8}.view-note p{margin:0}.view-note button{font-size:10px;text-decoration:underline;padding:0}#help{font-size:12px;line-height:1.8;background:#fff0e8;padding:12px}.weather-sidebar{min-width:0;border:2px solid var(--ink);background:#fff;border-radius:7px;padding:19px;box-shadow:5px 5px 0 var(--shadow)}.section-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.section-top h2{font-size:25px}.section-top .eyebrow{font-size:8px;color:var(--red);margin-bottom:4px}.quiet{border:1px solid var(--line);padding:8px 10px;border-radius:3px;text-decoration:none;font-size:10px;background:white}#refresh{font-size:0;padding:7px;width:30px;height:30px}#refresh::before{content:'↻';font-size:20px}#refresh:disabled{opacity:.4}.forecast-context{font-size:10px;color:#637da3;line-height:1.7;margin:13px 0}.days{display:flex;overflow-x:auto;gap:6px;padding:0 0 8px;scrollbar-width:thin;scrollbar-color:#8aa9d6 #ecf3ff}.day{flex:0 0 57px;border:1px solid var(--line);border-radius:3px;padding:8px 4px;background:#f4f7ff}.day b{font-size:11px;display:block}.day small{font:8px 'Space Mono',monospace;display:block;margin-top:4px}.day[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.daily-summary{font-size:11px;line-height:1.8;background:#edf3ff;border-radius:4px;margin:10px 0 15px;padding:10px;color:#35598b;min-height:60px}.hourly-heading{display:flex;align-items:center;justify-content:space-between;font:8px 'Space Mono',monospace;letter-spacing:.4px;margin-bottom:8px}.hourly-heading button{border:1px solid var(--line);font-size:14px;background:white;margin-left:4px;width:25px;height:23px;border-radius:3px}.hours{display:flex;overflow-x:auto;scroll-snap-type:x proximity;border:1px solid var(--line);border-radius:4px;scrollbar-width:thin;scrollbar-color:var(--blue) #e7effc}.hour{flex:0 0 93px;padding:11px 7px;min-height:143px;border-right:1px solid #cad9ef;background:#fbfcff;scroll-snap-align:start}.hour[aria-pressed=true]{background:#fff0ee;box-shadow:inset 0 -3px var(--red)}.hour time{font:10px 'Space Mono',monospace}.hour .symbol{display:block;font-size:23px;margin:7px 0;color:var(--blue)}.hour b{display:block;font-size:20px}.hour small{display:block;font-size:9px;line-height:1.5;margin-top:6px}.hour-detail{padding:13px 0 0;font-size:11px;line-height:1.8}.hour-detail b{display:block;margin-bottom:5px}.fine{font-size:9px;color:#6980a2;line-height:1.8;margin:12px 0 0}.error{font-size:12px;padding:18px;line-height:1.8}.sources{margin:30px 0 20px;font-size:11px;line-height:1.9;color:#57749b}.sources summary{font:10px 'Space Mono',monospace;cursor:pointer;color:var(--ink)}footer{display:flex;align-items:center;justify-content:space-between;border-top:2px solid var(--ink);padding:25px 0 30px;margin-top:28px}footer .brand{font-size:21px}footer p{font:8px 'Space Mono',monospace;letter-spacing:1px}.map-panel{display:grid;grid-template-columns:1.6fr 1fr;border:2px solid var(--ink);border-radius:6px;overflow:hidden;margin-bottom:24px;background:#fff;box-shadow:4px 4px 0 var(--shadow)}.map{position:relative;min-height:345px;background:#d9eafa;overflow:hidden}.map>svg{position:absolute;inset:0;width:100%;height:100%}.map-label{position:absolute;z-index:1;top:17px;left:18px;font:9px 'Space Mono',monospace}.map-label span{display:block;font-size:8px;color:#5e7ca1;margin-top:5px}.pin{position:absolute;transform:translate(-50%,-50%);border:2px solid var(--blue);background:#fff;width:36px;height:36px;border-radius:4px;font:12px 'Space Mono',monospace;box-shadow:3px 3px 0 #9ab7df}.pin.selected{background:var(--red);color:white;border-color:#b42a31;z-index:2}.map-key{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;background:#ffffffdd;border:1px solid #b4c9e4;padding:10px;font:8px 'Space Mono',monospace}.map-summary{padding:26px;align-self:center}.map-summary p{font-size:12px;line-height:1.8}.map-summary .eyebrow{font-size:9px;color:var(--red)}.map-summary .fine{font-size:10px}.map-summary a{display:inline-block;margin-top:16px}.gallery-panel{margin-bottom:24px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px}.gallery-heading p{font-size:11px;margin:0;color:#607ba2}.gallery-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.gallery-card{display:flex;flex-direction:column;border:2px solid #8eaed7;border-radius:5px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 var(--shadow)}.gallery-card.chosen{border-color:var(--red);box-shadow:4px 4px 0 #f1cbc8}.gallery-art{position:relative}.gallery-art svg{width:100%;display:block}.gallery-art>span{position:absolute;bottom:8px;right:8px;font:6px 'Space Mono',monospace;color:#4f6c96}.gallery-body{padding:18px;flex:1;display:flex;flex-direction:column}.gallery-body .eyebrow{font-size:8px;color:var(--red)}.gallery-body h2{font-size:25px}.gallery-body>p:not(.eyebrow){font-size:11px;line-height:1.8;color:#637da2;margin-bottom:18px}.gallery-body button{margin-top:auto;background:var(--blue);color:white;border:1px solid var(--ink);border-radius:3px;padding:10px;font-size:11px}.gallery-body button[aria-pressed=true]{background:#e8efff;color:var(--ink)}.gallery-body a{font-size:10px;margin-top:12px;color:#637da2}.snapshot-picture{aspect-ratio:360/190;display:grid;place-items:center;background:#122441;color:white;font-size:11px}.snapshot-picture img{width:100%;height:100%;min-height:0;object-fit:contain;display:block}.snapshot-hint{display:block;font:7px 'Space Mono',monospace;padding:8px 12px 0;color:var(--blue)}.snapshot-status{font-size:9px;line-height:1.7;margin:0;padding:5px 12px 10px;color:#607ba2}@media(max-width:1000px){.camera-weather-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px}h1{font-size:61px}.hero-right{margin:0;grid-template-columns:120px 140px;gap:15px}.pixel-karl{scale:.85}.hero-right p{font-size:12px}.viewer{height:440px}.section-top h2{font-size:22px}.weather-sidebar{padding:15px}}@media(max-width:800px){header{padding:17px 20px}.club{display:none}.brand{font-size:24px}main{padding:0 20px}.camera-intro{padding:30px 0}.camera-intro .eyebrow{font-size:8px;max-width:200px}h1{font-size:53px;letter-spacing:-3px}.hero-right{display:block;width:125px}.hero-right p{display:none}.level-tag{font-size:6px;display:block;white-space:nowrap;text-align:center;padding:6px 3px}.pixel-karl{transform:translateX(-14px);scale:.75}.view-controls{align-items:start;gap:12px}.view-controls>.eyebrow{font-size:8px;max-width:100px}.view-switch button{padding:7px 9px;font-size:9px}.locations{gap:7px}.locations button{min-width:0;flex:1;padding:10px 8px}.locations b{font-size:12px}.locations small{font-size:6px}.preset-picker{padding:12px}.preset-picker summary{font-size:10px}.preset-picker summary span{font-size:7px}.presets{gap:5px}.presets button{font-size:10px;padding:6px 8px}.camera-weather-layout{grid-template-columns:minmax(0,1fr);gap:18px}.viewer{height:345px}.camera-top{padding:12px}.camera-top h2{font-size:24px}.provider-pill{font-size:6px;letter-spacing:.3px}.weather-sidebar{padding:17px}.section-top h2{font-size:27px}.days{gap:7px}.day{flex-basis:60px}.hour{flex-basis:99px}.map-panel{grid-template-columns:1fr}.map{min-height:320px}.map-summary{padding:20px}.gallery-cards{grid-template-columns:1fr}.gallery-heading{display:block}.gallery-heading p:last-child{margin-top:5px}.gallery-art svg{max-height:190px}footer p{max-width:140px;text-align:right;font-size:7px}footer .brand{font-size:19px}.map-key{font-size:7px}#camera-pins [data-camera="east"]{margin-left:6px}#camera-pins [data-camera="crissy"]{margin-left:-5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){h1{font-size:40px;letter-spacing:-2.2px}.hero-right{width:110px}.pixel-karl{scale:.65;transform:translateX(-24px)}.camera-intro{gap:10px}.level-tag{font-size:5.5px}.camera-intro .eyebrow{font-size:7px}}