:root{font:15px system-ui,sans-serif;color:#284b50;background:#b6d9df}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:20px;padding:9px 14px;background:#fffdf4;color:#28585c;cursor:pointer;box-shadow:0 2px 9px #284b5016}button:hover{background:#e5eeeb}button:focus-visible,input:focus-visible{outline:3px solid #285e63;outline-offset:3px}[hidden]{display:none!important}#map{position:fixed;inset:0}header{position:absolute;top:22px;left:24px;max-width:350px}.brand{font-size:25px;font-weight:750;text-shadow:0 1px 3px #fff}.brand span{display:block;font-size:11px;font-weight:500;letter-spacing:.07em;margin:3px 0 14px}.tools{display:flex;gap:6px}#search{background:#fffdf4;padding:14px;border-radius:12px;margin-top:10px;box-shadow:0 5px 24px #173c4420}#search label{display:block;font-size:12px;margin-bottom:6px}#search div{display:flex;gap:5px}#country{min-width:0;width:210px;padding:9px;border:1px solid #c8d5d1;border-radius:6px}#search small{display:block;max-width:250px}#status{position:absolute;top:16px;left:50%;transform:translate(-50%);max-width:65%;background:#fffdf5ed;padding:12px 20px;border-radius:12px;font-size:13px}.error{color:#8e2633}#selection{position:absolute;right:20px;top:110px;width:310px;border-radius:16px;background:#fffdf4f5;padding:25px;box-shadow:0 8px 30px #23434b22}#selection h2{font-size:40px;margin:8px 0}#selection p{font-size:13px;line-height:1.6}#selection span,#sample-note{color:#687d7e;font-size:11px}#close-selection,#info-close{float:right;padding:0 8px;font-size:24px;background:transparent;box-shadow:none}footer{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:end;gap:10px;max-width:calc(100% - 24px)}footer section{background:#fffdf5ed;padding:17px 20px;border-radius:14px;box-shadow:0 6px 22px #23434b12}.month-panel{width:350px}.month-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px}.month-panel label{font-size:10px;letter-spacing:.04em}.month-panel strong{display:block;font-size:20px;letter-spacing:0;margin-top:3px}#play{background:#2c6569;color:#fff;font-size:11px;white-space:nowrap}#month{width:100%;margin:18px 0 0;accent-color:#327e7f;height:14px}.ends{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em}.legend{width:280px;font-size:11px}.legend strong{font-weight:600}#gradient{height:9px;margin:10px 0 5px;border-radius:5px}.ticks{display:flex;justify-content:space-between;font-size:9px}.legend small{display:block;font-size:9px;margin-top:7px;color:#6f8381}#info-toggle{white-space:nowrap;font-size:11px;margin-bottom:4px}dialog{border:0;border-radius:18px;padding:28px;max-width:610px;width:calc(100% - 36px);color:#284b50;line-height:1.6;max-height:85dvh}dialog::backdrop{background:#15303670}dialog h2{margin-top:0}dialog p{font-size:14px}dialog a{color:#226d70}#performance{font-size:11px;color:#697f7c}#rotate{display:none;position:fixed;inset:0;background:#080808;color:#fff;z-index:1000;align-items:center;justify-content:center;text-align:center;padding:25px}#rotate>div{font-size:48px}#rotate h2{font-size:23px}#rotate p{font-size:15px}.maplibregl-ctrl-top-right{top:20px;right:15px}.maplibregl-ctrl-attrib{font-size:10px}.maplibregl-canvas:focus-visible{outline:2px solid #2b6168;outline-offset:-2px}@media(max-height:500px)and (orientation:landscape){header{top:10px;left:14px}.brand{font-size:17px}.brand span{font-size:8px;margin:1px 0 7px}.tools{gap:4px}button{padding:6px 10px;font-size:11px}#search{padding:8px;margin-top:6px}#search label{font-size:10px}#country{padding:5px;font-size:12px}footer{bottom:18px;gap:6px}footer section{padding:10px 13px;border-radius:10px}.month-panel{width:245px}.month-panel label{font-size:8px}.month-panel strong{font-size:15px}.month-panel>div:first-child{gap:8px}#play{font-size:9px}#month{margin-top:10px}.legend{width:210px;font-size:9px}.legend small{font-size:8px}#gradient{margin-top:7px}#info-toggle{font-size:9px;padding:7px}#selection{top:56px;right:48px;width:235px;padding:15px}#selection h2{font-size:27px;margin:3px 0}#selection p{font-size:10px;margin:6px 0}#sample-note{font-size:9px}#sample-month,#country-title{font-size:11px}.maplibregl-ctrl-top-right{top:4px;right:4px}#status{font-size:11px;padding:8px 12px;max-width:50%}dialog{padding:18px}dialog p{font-size:12px}}@media(max-width:600px)and (orientation:portrait){#rotate{display:flex}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.ticks{position:relative;height:12px}.ticks span{position:absolute;transform:translate(-50%)}.ticks span:nth-child(1){left:0;transform:none}.ticks span:nth-child(2){left:36.36%}.ticks span:nth-child(3){left:63.64%}.ticks span:nth-child(4){left:81.82%}.ticks span:nth-child(5){right:0;transform:none}.selected-point{width:12px;height:12px;border-radius:50%;background:#285e63;border:2px solid white;box-shadow:0 0 0 2px #285e63;pointer-events:none}body{overflow:hidden}@media(max-height:500px)and (orientation:landscape){footer{bottom:42px}}#month-stops{display:flex;justify-content:space-between;margin-top:4px;gap:0}#month-stops button{box-shadow:none;border-radius:4px;background:transparent;padding:6px 0;min-width:0;flex:1;font-size:9px;color:#5e7474}#month-stops button:hover{background:#dce9e4}#month-stops button[aria-pressed=true]{background:#2c6569;color:#fff;font-weight:700}#month-stops button:focus-visible{outline-width:2px;outline-offset:1px}@media(max-height:500px)and (orientation:landscape){#month-stops button{font-size:8px;padding:5px 0}.month-panel{width:265px}}.city-label{font:11px system-ui,sans-serif!important;font-weight:550!important;white-space:nowrap;border:0;background:transparent!important;padding:1px 3px!important;border-radius:3px!important;color:#344e51!important;box-shadow:none!important;text-shadow:-1px -1px 1px #fff,1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff}.city-label:hover{background:#ffffffe0!important}.city-label:focus-visible{background:#fff!important}#selection{max-height:calc(100dvh - 230px);overflow:auto}#flights{border-top:1px solid #d6ded7;margin-top:14px;padding-top:10px}#flights h3{font-size:15px;margin:0 0 5px}#flights label,#flights small{display:block;font-size:10px;margin:6px 0;line-height:1.5}#flights select{width:100%;font:11px system-ui;padding:7px;border:1px solid #bbcfc8;border-radius:5px;color:#284b50;background:#fffdf4}#flights>button{margin:8px 0 0;font-size:11px;padding:8px 10px}#load-flights{background:#2c6569;color:#fff}#flights button:disabled{opacity:.5;cursor:wait}#flight-status,#city-population{font-size:11px!important;line-height:1.5!important}#flight-destinations{max-height:145px;overflow:auto}#flight-destinations button{display:block;width:100%;text-align:left;border-radius:4px;box-shadow:none;font-size:10px;margin:2px 0;padding:6px;background:#eaf0eb}#flight-setup{font-size:11px;line-height:1.5}#flight-setup p{font-size:11px!important}#flight-setup a{color:#286e73}@media(max-height:500px)and (orientation:landscape){#selection{max-height:calc(100dvh - 110px);width:245px}#flights{padding-top:8px;margin-top:8px}#flights h3{font-size:12px}#flight-destinations{max-height:90px}.city-label{font-size:10px!important}}@media(max-height:500px)and (orientation:landscape){body:has(#selection:not([hidden])) footer{left:12px;transform:none;max-width:calc(100% - 310px)}body:has(#selection:not([hidden])) .legend{display:none}}#selection:has(#area-details:not([hidden])){width:min(460px,calc(100vw - 36px));top:80px;max-height:calc(100dvh - 110px);padding:24px;overscroll-behavior:contain}#country-title{display:block;font-size:22px;font-weight:650;padding-right:28px}#area-details{border-top:1px solid #d5ded5;margin-top:18px;padding-top:16px}#area-details>div:first-child{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#61766f}#area-details figure{margin:12px 0 16px}#area-details img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:10px;background:#dbe5d8}#area-details figcaption{font-size:9px;line-height:1.5;margin-top:6px;color:#62756d}#area-details a{color:#2a6766;overflow-wrap:anywhere}#area-details h3{font-size:15px;margin:20px 0 9px}#area-details ul{display:flex;gap:6px;flex-wrap:wrap;padding:0;list-style:none}#area-details li{font-size:11px;background:#e9eee2;border-radius:15px;padding:7px 10px}#area-details p{line-height:1.7}#area-details .area-climate-note{font-size:10px;color:#657970}.area-month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.area-month-grid button{border-radius:7px;padding:8px 2px;background:#e9eee2;box-shadow:none}.area-month-grid button span{display:block!important;font-size:10px!important;color:inherit!important}.area-month-grid button strong{display:block;margin-top:5px;font-size:15px}.area-month-grid button[aria-pressed=true]{background:#2c6569;color:#fff}#area-details details{font-size:10px;margin-top:20px;border-top:1px solid #d5ded5;padding-top:12px}#area-details summary{cursor:pointer;padding:5px 0}#area-details details p{font-size:10px}.area-map-card{padding:35px 16px;margin-top:12px;background:linear-gradient(140deg,#dce9dc,#b6d9df);border-radius:10px;font:24px Georgia,serif}@media(max-height:500px)and (orientation:landscape){#selection:has(#area-details:not([hidden])){width:310px;right:45px;top:12px;max-height:calc(100dvh - 24px);padding:15px}#country-title{font-size:17px}#area-details{margin-top:12px;padding-top:12px}#area-details h3{font-size:12px}#area-details p{font-size:11px}#area-details li{font-size:9px}body:has(#area-details:not([hidden])) footer{max-width:calc(100% - 380px)}.area-month-grid button{padding:7px 0}}.area-related button,.area-parent{font-size:11px;padding:8px 11px;margin:3px;background:#e9eee2;box-shadow:none}.area-parent{margin-top:14px}@media(min-height:501px){body:has(#area-details:not([hidden])) footer{left:20px;transform:none;max-width:calc(100% - 520px)}}@media(min-height:501px)and (max-width:1100px){body:has(#area-details:not([hidden])) .legend{display:none}}#area-details figcaption>span{display:block;color:#3e5b53;font-size:11px;line-height:1.5;margin-top:7px}#area-details figcaption>small{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#657970}#area-details .area-illustration-label{display:block;font-size:11px;line-height:1.5;padding:7px 10px;margin-bottom:6px;background:#f2e7cc;color:#70592e;border-radius:6px}.tools{flex-wrap:wrap;max-width:390px}#rain-toggle{font-size:12px}#rain-toggle[aria-pressed=true]{background:#376d89;color:#fff}#rain-toggle:disabled{opacity:.6;cursor:wait}#rain-note{display:block;font-size:10px;margin-top:7px;color:#365d65;text-shadow:0 1px 2px #fff}#sample-rain{font-size:11px!important;color:#376d89;line-height:1.5!important}@media(max-height:500px)and (orientation:landscape){#rain-toggle{font-size:10px}#rain-note{font-size:8px;margin-top:4px}.tools{max-width:310px}#sample-rain{font-size:9px!important}}header{max-width:430px}.area-month-grid .month-rain-label{display:block;font-size:9px;line-height:1.3;margin-top:8px;white-space:nowrap}.area-month-grid .month-rain-amount{display:block;font-size:9px;line-height:1.5;margin-top:3px;opacity:.85}.area-month-grid button[data-rain=drier]{box-shadow:inset 0 -3px #81a887}.area-month-grid button[data-rain=middle]{box-shadow:inset 0 -3px #c5b878}.area-month-grid button[data-rain=wetter]{box-shadow:inset 0 -3px #7d9eb4}.area-month-grid button[aria-pressed=true]{box-shadow:inset 0 -3px #fff9}@media(max-height:500px)and (orientation:landscape){.area-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.area-month-grid .month-rain-label,.area-month-grid .month-rain-amount{font-size:9px}}.map-legal{position:fixed;left:12px;bottom:4px;z-index:3;background:#fffdf4ed;padding:3px 9px;border-radius:6px;font-size:10px}.map-legal a{color:#285e63}.rotate-legal,.rotate-legal a{font-size:12px!important;color:#fff}@media(max-width:1024px)and (max-height:500px)and (orientation:landscape){footer,body:has(#selection:not([hidden])) footer,body:has(#area-details:not([hidden])) footer{left:max(12px,env(safe-area-inset-left));right:auto;bottom:max(30px,env(safe-area-inset-bottom));transform:none;flex-direction:column;align-items:stretch;gap:6px;width:clamp(220px,26vw,240px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 126px);overflow-y:auto;overscroll-behavior:contain}footer .month-panel,footer .legend{width:100%;min-width:0;flex-shrink:0}body:has(#selection:not([hidden])) .legend,body:has(#area-details:not([hidden])) .legend{display:block}#info-toggle{align-self:flex-start;margin-bottom:0}#selection:has(#area-details:not([hidden])){width:min(310px,calc(100vw - 300px))}}@media(max-width:1024px)and (max-height:350px)and (orientation:landscape){footer section{padding:8px 11px}#month{margin-top:6px}}.tools select{border:0;border-radius:22px;padding:11px 14px;max-width:235px;background:#fffdf3;color:#285e63;font:inherit;box-shadow:0 4px 16px #23453b12;cursor:pointer}#point-name{display:block;color:#6a7f75;margin:4px 0 0;font-size:14px}.italy-places{margin:12px 0 18px;padding:12px;background:#edf0e4;border-radius:12px}.italy-places h3{margin:0 0 5px!important}.italy-places p{font-size:12px;margin:0 0 9px!important}.italy-places button{display:block;width:100%;text-align:left;border:1px solid #ccd6c9;background:#fffdf5;border-radius:8px;padding:9px 12px;margin:5px 0;color:#285e63;font:inherit;cursor:pointer}.italy-places button[aria-pressed=true]{background:#2b666a;color:#fff;border-color:#2b666a}#area-details figure img{aspect-ratio:16/10;object-fit:cover}@media(max-height:500px)and (orientation:landscape){.tools select{padding:6px 10px;max-width:170px;font-size:11px}.italy-places{padding:9px}.italy-places button{font-size:12px;padding:8px}.tools{max-width:calc(100vw - 65px)}#point-name{font-size:12px}}@media(min-height:501px){#selection:has(#area-details:not([hidden])){top:22px;max-height:calc(100dvh - 55px)}}.italy-limit{font-size:12px!important;border-left:3px solid #ba9c54;padding:7px 10px;background:#f4eedc;color:#6b644c}.brand-mark{display:inline-block;width:32px;height:32px;vertical-align:-6px;object-fit:contain}@media(max-height:500px)and (orientation:landscape){.brand-mark{width:22px;height:22px;vertical-align:-4px}}