.webcam-archive-page{padding-bottom:36px}.webcam-page-title{margin:28px 0 22px;text-align:center}.webcam-page-title h1{margin:5px 0 7px;color:#073f69;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.webcam-page-title p{margin:0;color:#607785;font-size:clamp(.98rem,2vw,1.12rem)}.webcam-eyebrow{color:#087fce;font-size:.79rem;font-weight:900;letter-spacing:.13em}.webcam-current-card,.webcam-animation-card,.webcam-archive-card{overflow:hidden;margin:0 0 28px;border:1px solid #d6e9f3;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(20,75,108,.09)}.webcam-section-heading{padding:21px 24px;text-align:center}.webcam-section-heading>div{display:flex;align-items:center;justify-content:center;gap:8px;color:#087fce;font-size:.77rem;font-weight:900;letter-spacing:.1em}.webcam-section-heading h2{margin:6px 0 0;color:#073f69;font-size:clamp(1.35rem,3vw,1.85rem)}.webcam-section-heading p{margin:7px 0 0;color:#607785;line-height:1.45}.webcam-live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e53d45;box-shadow:0 0 0 5px rgba(229,61,69,.12);animation:webcamPulse 1.8s infinite}@keyframes webcamPulse{50%{box-shadow:0 0 0 9px rgba(229,61,69,0)}}.webcam-current-image-button{display:block;width:100%;padding:0;border:0;background:#071825;cursor:zoom-in}.webcam-current-image-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.webcam-current-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:#f7fbfd}.webcam-current-footer p{margin:0;color:#607785;font-size:.92rem}.webcam-stream-link{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border-radius:999px;background:#087fce;color:#fff;font-weight:850;text-decoration:none}.webcam-stream-link:hover{background:#066aa9}.webcam-period-selector{display:flex;justify-content:center;gap:12px;padding:0 20px 22px}.webcam-period-selector button,.webcam-date-controls button,.webcam-player-controls button{border:1px solid #b8dceb;border-radius:10px;background:#f5fbfe;color:#075f99;font:inherit;font-weight:850;cursor:pointer}.webcam-period-selector button{min-width:145px;padding:12px 18px}.webcam-period-selector button:hover,.webcam-period-selector button.active{border-color:#087fce;background:#087fce;color:#fff}.webcam-player{padding:0 22px 22px}.webcam-player-stage{position:relative;overflow:hidden;border-radius:14px;background:#071825;aspect-ratio:16/9}.webcam-player-stage img{display:block;width:100%;height:100%;object-fit:contain}.webcam-player-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(7,24,37,.82);color:#fff;font-weight:800}.webcam-player-time{display:flex;justify-content:space-between;padding:10px 2px 4px;color:#526875}.webcam-player-time strong{color:#073f69}.webcam-player-timeline{width:100%;accent-color:#087fce}.webcam-player-controls{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:12px}.webcam-player-controls button{min-width:46px;padding:10px}.webcam-player-controls .webcam-play-button{min-width:100px;background:#087fce;color:#fff}.webcam-player-controls label{display:flex;align-items:center;gap:7px;margin-left:10px;color:#526875;font-weight:750}.webcam-player-controls select{padding:8px;border:1px solid #b8dceb;border-radius:8px;background:#fff;color:#073f69}.webcam-status-message{margin:0;padding:0 22px 22px;color:#607785;text-align:center}.webcam-date-controls{display:flex;align-items:end;justify-content:center;gap:14px;padding:0 22px 18px}.webcam-date-controls button{padding:10px 14px}.webcam-date-controls label{display:grid;gap:5px;color:#526875;font-size:.83rem;font-weight:850;text-align:center}.webcam-date-controls input{padding:9px 11px;border:1px solid #b8dceb;border-radius:9px;color:#073f69;font:inherit}.webcam-selected-date{margin:0 0 18px;color:#073f69;font-size:1.08rem;font-weight:850;text-align:center}.webcam-hourly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 22px 22px}.webcam-hour-card{overflow:hidden;margin:0;border:1px solid #d6e9f3;border-radius:12px;background:#f7fbfd}.webcam-hour-card button{display:block;width:100%;padding:0;border:0;background:#eaf3f7;cursor:zoom-in}.webcam-hour-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.webcam-hour-card figcaption{padding:9px;color:#075f99;font-weight:850;text-align:center}.webcam-lightbox{position:fixed;z-index:10000;inset:0;display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center;padding:30px;background:rgba(3,15,24,.94)}.webcam-lightbox[hidden]{display:none}.webcam-lightbox figure{max-width:1500px;margin:auto}.webcam-lightbox img{display:block;max-width:100%;max-height:84vh;margin:auto;object-fit:contain}.webcam-lightbox figcaption{padding-top:12px;color:#fff;font-weight:750;text-align:center}.webcam-lightbox-close,.webcam-lightbox-nav{border:0;background:transparent;color:#fff;cursor:pointer}.webcam-lightbox-close{position:absolute;top:10px;right:17px;font-size:2.6rem}.webcam-lightbox-nav{font-size:4rem}.webcam-lightbox-nav:disabled{opacity:.2;cursor:default}
@media(max-width:900px){.webcam-hourly-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.webcam-current-footer{align-items:flex-start;flex-direction:column}.webcam-stream-link{align-self:stretch;justify-content:center}}
@media(max-width:620px){.webcam-archive-page{padding-left:8px;padding-right:8px}.webcam-current-card,.webcam-animation-card,.webcam-archive-card{border-radius:14px}.webcam-section-heading{padding:18px 14px}.webcam-period-selector{flex-direction:column}.webcam-period-selector button{width:100%}.webcam-player{padding:0 10px 18px}.webcam-player-controls{flex-wrap:wrap}.webcam-player-controls label{width:100%;justify-content:center;margin:4px 0 0}.webcam-date-controls{display:grid;grid-template-columns:1fr 1fr}.webcam-date-controls label{grid-column:1/-1;grid-row:1}.webcam-hourly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 10px 18px}.webcam-lightbox{grid-template-columns:40px minmax(0,1fr) 40px;padding:16px 3px}.webcam-lightbox-nav{font-size:3rem}}
@media(max-width:380px){.webcam-hourly-grid{grid-template-columns:1fr 1fr}.webcam-hour-card figcaption{padding:7px;font-size:.86rem}}
.webcam-today-card{overflow:hidden;margin:0 0 28px;border:1px solid #d6e9f3;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(20,75,108,.09)}.webcam-today-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:900px;margin:0 auto;padding:0 22px 22px}.webcam-yesterday-item button:disabled{cursor:not-allowed}.webcam-yesterday-item button:disabled img{filter:grayscale(1);opacity:.42}.webcam-yesterday-item button:disabled .webcam-preview-play{display:none}.webcam-preview-wait{display:none;position:absolute;top:50%;left:50%;padding:8px 13px;border-radius:999px;background:rgba(7,24,37,.82);color:#fff;font-size:.82rem;font-weight:850;transform:translate(-50%,-50%)}.webcam-yesterday-item button:disabled .webcam-preview-wait{display:block}@media(max-width:620px){.webcam-today-grid{grid-template-columns:1fr;gap:18px;padding:0 12px 20px}.webcam-today-card{border-radius:14px}}
.webcam-yesterday-card{overflow:hidden;margin:0 0 28px;border:1px solid #d6e9f3;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(20,75,108,.09)}.webcam-section-heading-line:after{content:"";display:block;width:min(520px,80%);height:6px;margin:12px auto 0;background:#65c9ed}.webcam-yesterday-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 22px 22px}.webcam-yesterday-item{min-width:0}.webcam-yesterday-item h3{margin:0 0 11px;padding:8px;border-radius:7px;background:#eef7fb;color:#075f99;font-size:1rem;text-align:center}.webcam-yesterday-item button{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:0;border-radius:10px;background:#071825;cursor:pointer}.webcam-yesterday-item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.webcam-preview-play{position:absolute;top:50%;left:50%;display:grid;width:52px;height:52px;place-items:center;padding-left:4px;border:3px solid #fff;border-radius:50%;background:rgba(4,25,38,.48);color:#fff;font-size:1.35rem;transform:translate(-50%,-50%);transition:.2s}.webcam-yesterday-item button:hover .webcam-preview-play{background:#087fce;transform:translate(-50%,-50%) scale(1.08)}.webcam-yesterday-item p{margin:9px 0 0;color:#607785;font-size:.87rem;text-align:center}@media(max-width:620px){.webcam-yesterday-grid{grid-template-columns:1fr;gap:18px;padding:0 12px 20px}.webcam-yesterday-item img{aspect-ratio:16/8}.webcam-yesterday-card{border-radius:14px}}
.webcam-today-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}@media(max-width:620px){.webcam-today-grid{grid-template-columns:1fr}}
.webcam-animation-card{border-color:#91cfe7;background:linear-gradient(145deg,#eaf7fc 0%,#dff1f8 48%,#edf8fc 100%);box-shadow:0 15px 38px rgba(6,91,139,.15)}.webcam-animation-card .webcam-section-heading{border-bottom:1px solid rgba(8,127,206,.13)}.webcam-animation-card .webcam-section-heading h2{color:#045b91}.webcam-animation-card .webcam-player{padding-top:20px}.webcam-animation-card .webcam-status-message{color:#3f6579;font-weight:700}