*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Lucida Console,Courier New,monospace;background:radial-gradient(circle at center,#e3942f 0%,#c66b1b 30%,#502877 70%,#130b33 100%);color:#fff;display:flex;justify-content:center;align-items:center;padding:0;overflow:hidden}.cf-root{width:1280px;height:720px;zoom:var(--cf-scale, 1);flex:0 0 auto;background:#000;position:relative;box-shadow:0 0 40px #000c;overflow:hidden}.cf-frame-outer{border:4px solid #0b6bbf;height:100%;margin:10px;padding:4px;background:linear-gradient(180deg,#0a2340 0%,#093a6b 60%,#07172d 100%)}.cf-frame-inner{height:100%;border:3px solid #1b8ad6;padding:8px 10px 0;display:flex;flex-direction:column;position:relative}.cf-frame-inner,.cf-panel{text-transform:uppercase;letter-spacing:.04em;font-size:13px}.cf-header{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 6px;margin-bottom:4px;border-bottom:2px solid #0b6bbf}.cf-header-logo-row{display:flex;align-items:center;gap:8px}.cf-header-logo-img{width:96px;height:72px;object-fit:cover;border-radius:4px;border:2px solid #ffffff;box-shadow:0 0 4px #000000e6;image-rendering:pixelated}.cf-header-title-block{display:flex;flex-direction:column;gap:2px}.cf-intro-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cf-intro-logo-wrap{padding:10px 18px;border:3px solid #0b6bbf;background:linear-gradient(180deg,#1f4f8f 0%,#143464 60%,#0b2143 100%);box-shadow:0 0 10px #000000e6;margin-bottom:10px;animation:cf-intro-logo-pop .9s ease-out}.cf-intro-logo{width:450px;max-width:100%;display:block;image-rendering:pixelated}.cf-intro-tag{font-size:13px;letter-spacing:.12em;margin-top:4px}@keyframes cf-intro-logo-pop{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.cf-header-left{display:flex;flex-direction:column;gap:2px}.cf-tagline{font-size:26px;font-weight:700;opacity:.8}.cf-header-right{text-align:right}.cf-header-label{font-size:12px;background:linear-gradient(90deg,#f5cf3c 0%,#f3a822 80%);color:#000;padding:3px 10px;border-radius:2px;box-shadow:0 0 4px #000000b3;margin-bottom:3px}.cf-header-time{font-size:26px}.cf-main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.cf-scene-container{position:relative}.cf-status-banner{font-size:11px;padding:3px 6px;margin-bottom:4px;background:rgba(5,30,70,.9);border:1px solid #f5cf3c}.cf-status-error{border-color:#ff4c4c;color:#ffbcbc}.cf-scene{flex:1;height:calc(100% - 16px);min-height:0;border:2px solid #0b6bbf;background:linear-gradient(180deg,#1c3659 0%,#0f2542 60%,#07172d 100%);padding:10px 14px;position:relative;animation:cf-scene-wipe-in 1s ease-in-out}@keyframes cf-scene-wipe-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}60%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}.cf-scene-intro,.cf-scene-closing{animation:cf-scene-fade-scale .9s ease-out}@keyframes cf-scene-fade-scale{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.cf-panel{height:100%;min-height:0;display:flex;flex-direction:column}.cf-panel-heading{font-size:60px;margin-bottom:6px;padding:3px 8px;display:inline-block;background:linear-gradient(90deg,#f5cf3c 0%,#f2a620 90%);color:#000;border-radius:2px;box-shadow:0 0 3px #000c}.cf-panel-current{height:100%;display:flex;flex-direction:column}.cf-current-outer{flex:1;display:flex;align-items:center;justify-content:center}.cf-panel-current .cf-current-main{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:0;width:100%}.cf-current-temp{font-size:170px;font-weight:700;color:#f5cf3c;text-shadow:2px 2px 0 #000;line-height:.8}.cf-current-icon{width:220px;height:220px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000)}.cf-current-meta{display:flex;flex-direction:column;gap:4px;font-size:65px}.cf-current-condition{font-size:70px;margin-bottom:4px}.cf-today-grid{display:flex;justify-content:space-between;gap:8px;margin-top:6px;flex:1;height:100%;align-items:stretch}.cf-today-block{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #0b6bbf;background-color:#051937e6;padding:20px 10px;min-height:100%}.cf-today-label{font-size:80px;margin-bottom:10px}.cf-today-icon{width:140px;height:140px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000);margin-bottom:10px}.cf-today-temp{font-size:120px;color:#f5cf3c;margin-bottom:10px}.cf-today-cond{font-size:50px}@keyframes cf-fade-in{0%{opacity:0}to{opacity:1}}.cf-today-block{opacity:0}.cf-today-block:nth-child(1){animation:cf-fade-in 1.2s linear forwards;animation-delay:.2s}.cf-today-block:nth-child(2){animation:cf-fade-in 1.2s linear forwards;animation-delay:.9s}.cf-today-block:nth-child(3){animation:cf-fade-in 1.2s linear forwards;animation-delay:1.6s}.cf-hourly-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));flex:1;min-height:0;gap:6px;margin-top:6px}.cf-hourly-block{border:1px solid #0b6bbf;background-color:#051937e6;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;overflow:hidden;text-align:center;opacity:0;animation:cf-fadeIn90s .9s ease-out forwards}.cf-hourly-label{font-size:70px;margin-bottom:4px}.cf-hourly-icon{width:70px;height:70px;object-fit:contain;filter:drop-shadow(2px 2px 0 #000);margin:4px 0}.cf-hourly-temp{font-size:70px;color:#f5cf3c;margin:2px 0}.cf-hourly-cond{font-size:45px;margin-top:2px}@keyframes cf-fadeIn90s{0%{opacity:0;filter:blur(6px)}40%{opacity:.4}to{opacity:1;filter:blur(0px)}}.cf-hourly-block{border:1px solid #0b6bbf;background-color:#051937e6;padding:6px 8px;min-height:0;overflow:hidden;text-align:center;opacity:0;animation:cf-fadeIn90s .9s ease-out forwards}.cf-hourly-block:nth-child(1){animation-delay:.2s}.cf-hourly-block:nth-child(2){animation-delay:.5s}.cf-hourly-block:nth-child(3){animation-delay:.8s}.cf-hourly-block:nth-child(4){animation-delay:1.1s}.cf-hourly-block:nth-child(5){animation-delay:1.4s}.cf-hourly-block:nth-child(6){animation-delay:1.7s}.cf-3day-grid{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;gap:8px;margin-top:6px}.cf-3day-block{border:1px solid #0b6bbf;background-color:#051937e6;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;gap:6px;min-height:0;overflow:hidden;padding:8px 6px}.cf-3day-label{font-size:75px;margin-bottom:0;line-height:1}.cf-3day-icon{width:150px;height:150px;object-fit:contain;margin:0;filter:drop-shadow(2px 2px 0 #000)}.cf-3day-temps{display:flex;justify-content:center;gap:clamp(10px,2vw,40px);margin:0;line-height:.9}.cf-3day-high{font-size:130px;color:#f5cf3c}.cf-3day-low{font-size:120px;color:#c0d8ff}.cf-3day-cond{font-size:60px;margin-top:0;line-height:1}.cf-3day-block{opacity:0;transform:translateY(40px);animation:cfFadeIn90s .9s ease-out forwards}.cf-3day-block:nth-child(1){animation-delay:.5s}.cf-3day-block:nth-child(2){animation-delay:1s}.cf-3day-block:nth-child(3){animation-delay:1.5s}@keyframes cfFadeIn90s{0%{opacity:0;transform:translateY(40px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.cf-regionals-grid{display:grid;grid-template-columns:2fr 1fr;row-gap:2px;column-gap:20px;margin-top:6px}.cf-regionals-block{display:contents}.cf-regionals-name{font-size:100px}.cf-regionals-temp{font-size:100px;text-align:right}.cf-panel-radar{justify-content:flex-start}.cf-radar-wrapper{flex:1;margin-top:8px;border:2px solid #0b6bbf;background-color:#000;display:flex;justify-content:center;align-items:center}.cf-radar-image{max-width:100%;max-height:100%;image-rendering:pixelated}.cf-panel-almanac{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.cf-almanac-grid{display:grid;grid-template-columns:repeat(2,1fr);height:100%;margin-top:8px;gap:12px}.cf-almanac-block{border:1px solid #0b6bbf;background-color:#051937d9;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;gap:32px}.cf-almanac-label{font-size:80px;text-align:center}.cf-almanac-icon{width:240px;height:auto;filter:drop-shadow(2px 2px 0 #000);image-rendering:pixelated}.cf-almanac-time{font-size:140px;font-weight:700;color:#f5cf3c;text-shadow:2px 2px 0 #000;line-height:.8}.fade90-1{animation:cfFade90 1.2s ease-out forwards}.fade90-2{animation:cfFade90 1.2s ease-out forwards;animation-delay:.4s}@keyframes cfFade90{0%{opacity:0;transform:translateY(40px);filter:contrast(50%) brightness(60%)}60%{filter:contrast(120%) brightness(110%)}to{opacity:1;transform:translateY(0);filter:none}}.cf-intro-screen,.cf-closing-screen{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.cf-intro-title{font-size:120px;letter-spacing:.25em;margin-bottom:6px}.cf-intro-tag{font-size:60px}.cf-closing-screen{font-size:50px}.cf-ticker{height:50px;margin-top:4px;background:linear-gradient(180deg,#163c6b 0%,#0c2847 100%);border-top:2px solid #0b6bbf;border-left:2px solid #0b6bbf;border-right:2px solid #0b6bbf;display:flex;align-items:center;overflow:hidden;position:relative}.cf-ticker-label{font-size:18px;padding:0 12px;height:100%;display:flex;align-items:center;white-space:nowrap;background:linear-gradient(90deg,#f5cf3c 0%,#f2a620 90%);color:#000;border-right:1px solid #0b6bbf;text-transform:uppercase;letter-spacing:.08em;font-weight:700;position:relative;z-index:5}.cf-ticker-track{font-size:18px;white-space:nowrap;padding-left:20px;animation:cf-ticker-marquee 180s linear infinite}.cf-ticker-track.cf-ticker-static{animation:none}@keyframes cf-ticker-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.cf-placeholder{font-size:13px;display:flex;align-items:center;justify-content:center;height:100%;opacity:.8}.cf-scene{transition:opacity .4s ease-in-out}.cf-root:before,.cf-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;transform:translateZ(0)}.cf-root:before{background:repeating-linear-gradient(to bottom,rgba(0,0,0,.42) 0px,rgba(0,0,0,.42) 2px,rgba(0,0,0,0) 3px,rgba(0,0,0,.25) 4px);opacity:.55}.cf-root:after{background-image:radial-gradient(circle at 0 0,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 100% 0,rgba(255,255,255,.09) 0,transparent 55%),radial-gradient(circle at 0 100%,rgba(255,255,255,.08) 0,transparent 55%),radial-gradient(circle at 100% 100%,rgba(255,255,255,.1) 0,transparent 50%);opacity:.18;will-change:opacity;animation:cf-noise-flicker 1.6s steps(2,end) infinite}@keyframes cf-noise-flicker{0%{opacity:.14}50%{opacity:.22}to{opacity:.14}}.cf-frame-outer{will-change:transform;animation:cf-crt-wobble 6s ease-in-out infinite}@keyframes cf-crt-wobble{0%{transform:translateY(0)}50%{transform:translateY(-.6px)}to{transform:translateY(0)}}.cf-frame-inner{text-shadow:1px 0 0 rgba(255,0,0,.35),-1px 0 0 rgba(0,200,255,.35)}.cf-frame-outer{filter:saturate(1.15) brightness(1.06) blur(.8px)}.cf-header-logo-img{width:clamp(56px,5vw,96px);height:clamp(42px,3.8vw,72px)}.cf-tagline{font-size:clamp(14px,1.4vw,26px)}.cf-header-time{font-size:clamp(16px,1.8vw,26px)}.cf-panel-heading{font-size:clamp(18px,3.2vw,60px)}.cf-current-temp{font-size:clamp(56px,8.8vw,170px)}.cf-current-icon{width:clamp(88px,11.5vw,220px);height:clamp(88px,11.5vw,220px)}.cf-current-meta{font-size:clamp(16px,3.4vw,65px)}.cf-current-condition{font-size:clamp(18px,3.7vw,70px)}.cf-today-label{font-size:clamp(22px,3.4vw,50px)}.cf-today-icon{width:clamp(52px,6.4vw,96px);height:clamp(52px,6.4vw,96px)}.cf-today-temp{font-size:clamp(30px,5.2vw,84px)}.cf-today-cond{font-size:clamp(15px,2.2vw,32px)}.cf-hourly-label,.cf-hourly-temp{font-size:clamp(17px,2.6vw,38px)}.cf-hourly-icon{width:clamp(30px,3.4vw,50px);height:clamp(30px,3.4vw,50px)}.cf-hourly-cond{font-size:clamp(13px,1.9vw,26px)}.cf-3day-label{font-size:clamp(20px,3.9vw,75px)}.cf-3day-icon{width:clamp(56px,7.8vw,150px);height:clamp(56px,7.8vw,150px)}.cf-3day-high{font-size:clamp(36px,6.8vw,130px)}.cf-3day-low{font-size:clamp(34px,6.2vw,120px)}.cf-3day-cond{font-size:clamp(14px,3.1vw,60px)}.cf-regionals-name,.cf-regionals-temp{font-size:clamp(18px,5.2vw,100px)}.cf-almanac-label{font-size:clamp(20px,4.2vw,80px)}.cf-almanac-icon{width:clamp(84px,12.5vw,240px)}.cf-almanac-time{font-size:clamp(42px,7.3vw,140px)}.cf-intro-tag,.cf-closing-screen{font-size:clamp(16px,2.6vw,50px)}@media (max-height: 780px),(max-width: 1180px){.cf-frame-outer{margin:6px;border-width:3px}.cf-frame-inner{padding:5px 6px 0;border-width:2px}.cf-header{padding:1px 2px 4px;margin-bottom:2px}.cf-scene{padding:6px 8px}.cf-current-main{gap:16px}.cf-today-block,.cf-hourly-block,.cf-3day-block,.cf-almanac-block{padding:8px 6px}}