*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:Montserrat,Arial,sans-serif}body{background:url(/sfondo.jpg) no-repeat center center fixed;background-size:cover}#bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;z-index:0}#artInfoPanel,#coloringUI,#gameModal,#sheetBlock,#toolbarBlock{touch-action:auto;overflow:auto;-webkit-overflow-scrolling:touch}.cool-enter-button{background:#ffffff1a;border:2px solid white;color:#fff;font-family:Montserrat,sans-serif;font-weight:500;text-transform:none;letter-spacing:.02em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:1.2rem;padding:.75rem 2rem;border-radius:50px;transition:all .3s ease;cursor:pointer;margin-top:10rem;box-shadow:0 0 10px #fff3}.cool-enter-button:hover{background:#fff3;box-shadow:0 0 15px #ffffff80;transform:scale(1.03)}.cool-enter-button:active{transform:scale(1.01);background:#ffffff40}.hero-wrapper{position:relative;min-height:100vh;width:100vw;overflow:hidden;display:flex;z-index:1;transition:opacity .35s ease,transform .35s ease}body.is-playing .hero-wrapper{opacity:0;transform:translateY(8px);pointer-events:none}body.is-playing .hero-wrapper.done{display:none}.gallery-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-position:center;background-repeat:no-repeat;filter:brightness(.6)}.gallery-img{width:100%;height:100%;object-fit:cover;object-position:center}.overlay-content{position:relative;z-index:2;width:100vw;height:100vh;display:flex;flex-direction:row;padding:4rem;gap:2rem;background:none;margin:0}.art-landscape-box{flex:1;display:flex;flex-direction:column;justify-content:center;padding:2rem;color:#fff;background:none;max-width:none;margin:0;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.art{font-family:Playfair Display,serif;font-size:4rem;color:#e0e0e0;font-weight:300;letter-spacing:.1em}.e{font-size:3rem;font-weight:300;color:#fff}.landscape{font-family:Montserrat,sans-serif;font-size:4rem;color:#fff;font-weight:700;letter-spacing:.05em}.subtitle{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.interattiva{font-weight:400;color:#d0d0d0}.descrizione{font-size:1rem;line-height:1.6;color:#e0e0e0;max-width:600px}.campania-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;margin:0;right:auto;bottom:auto}.campania{font-family:Playfair Display,serif;font-size:5rem;font-weight:700;color:gold;letter-spacing:.05em;line-height:1;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.divina{font-family:Playfair Display,serif;font-size:4rem;font-weight:300;color:#fff;letter-spacing:.1em;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.bottom-box{margin-bottom:2rem;order:-1}.logo-campania{width:120px;height:auto;filter:brightness(0) invert(1)}.hero-wrapper:before{display:none}#introScreen{display:none!important;visibility:hidden!important}.loghi-ministero{margin-top:1.5rem;width:100%;max-width:350px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:1rem;box-shadow:0 4px 12px #0000001a}.img-ministero{width:100%;height:auto;display:block;opacity:.95}.campania-box{flex:1;display:flex;justify-content:center;align-items:center}@media (max-width: 900px) and (orientation: landscape){.hero-wrapper{min-height:100vh;overflow:hidden}.overlay-content{flex-direction:row;padding:1.5rem;gap:1.5rem;height:100vh;overflow-y:auto}.art-landscape-box{flex:.6;display:flex;flex-direction:column;justify-content:center}.art-landscape-box h1{font-size:2rem;margin-bottom:.5rem}.subtitle{font-size:.9rem;margin-bottom:.5rem}.descrizione{font-size:.75rem;margin-bottom:.8rem}.loghi-ministero{max-width:200px;margin-top:.8rem;padding:.5rem}.campania-box{flex:.4;padding-left:1rem;justify-content:center}.cool-enter-button{width:auto;min-width:160px;max-width:90%;padding:.8rem 1.8rem;font-size:.85rem;white-space:nowrap}}@media (max-width: 700px) and (orientation: portrait){.overlay-content{flex-direction:column;padding:2rem 1.5rem;gap:1.5rem;justify-content:flex-start}.art-landscape-box{text-align:center}.campania-box{justify-content:center;padding-left:0}.cool-enter-button{width:240px;margin-top:-3rem}}.hero-wrapper:before{content:"";position:absolute;top:0;right:0;width:45vw;height:100vh;z-index:2}#starfield{background-image:url(/space.jpg);background-size:cover;animation:scrollStars 60s linear infinite}@keyframes scrollStars{0%{background-position:0 0}to{background-position:10000px 0}}canvas{position:fixed;top:0;left:0;z-index:0}#artInfoPanel{position:fixed;top:20px;right:20px;width:400px;max-width:90vw;max-height:80vh;overflow-y:auto;background:#fff;color:#111;box-shadow:0 8px 30px #00000040;padding:24px;border-radius:16px;z-index:11000;font-size:1rem;line-height:1.6}#artInfoPanel p{font-size:1rem;line-height:1.6;white-space:pre-line}#artInfoPanel h2{font-size:1.5rem;font-weight:700;margin-bottom:12px}#artDescription{font-size:.75rem!important;line-height:1.5!important;text-align:justify!important;padding:0 12px}.art-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.art-header button{font-size:20px;border:none;background:none;cursor:pointer}#coloringUI{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;overflow:auto}#coloringUI:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#000c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#coloringUI{--sheet-x:50%;--sheet-y:50%;--sheet-w:clamp(520px,35vw,980px);--toolbar-y:50%;--toolbar-right:8%;--toolbar-w:clamp(280px,18vw,360px)}#textModal{touch-action:auto;-webkit-overflow-scrolling:touch}#textInput{font-family:Arial,sans-serif;line-height:1.5;-webkit-tap-highlight-color:transparent}#textArea{-webkit-user-select:text!important;user-select:text!important;touch-action:auto!important}@media (max-width: 700px){#textModal{width:92vw;max-width:none;padding:20px}#textInput{min-height:140px;font-size:16px}#textModal button{padding:14px;font-size:16px}}#drawOverlay{position:absolute!important;pointer-events:none;z-index:11001}#sheetBlock{position:relative;z-index:1;top:var(--sheet-y);left:var(--sheet-x);transform:translate(-50%,-50%);width:var(--sheet-w);height:auto;aspect-ratio:1/1.4;display:flex;align-items:center;justify-content:center;background:#fff;padding:0;border-radius:12px;box-shadow:0 8px 24px #00000040;overflow:hidden}#colorCanvas{width:100%;height:auto;aspect-ratio:1/1.4;border:0;border-radius:inherit;display:block;object-fit:contain}#toolbarBlock{position:absolute;z-index:1;top:var(--toolbar-y);right:var(--toolbar-right);transform:translateY(-50%);width:var(--toolbar-w);background:#fff;padding:12px;border-radius:12px;box-shadow:0 8px 24px #00000040;display:flex;flex-direction:column;align-items:center}#pickerWrap{position:relative;margin:6px 0 10px}#pickerWrap.hidden{display:none!important}#colorPicker{position:static!important;transform:none!important;width:100%!important;height:180px!important;margin:0!important;display:block;touch-action:none}#pickerPin{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;outline:2px solid #000;box-shadow:0 0 4px #0006;pointer-events:none;opacity:.95;display:none}#currentColorPreview{display:block;margin:0 auto}.carousel{display:flex;align-items:center;justify-content:space-between}.carousel img{max-width:200px;max-height:150px;border-radius:5px}.hidden{visibility:hidden}.visible{visibility:visible}@media (max-width:1100px){#coloringUI{--sheet-x:34%;--sheet-y:52%;--sheet-w:min(64vw,520px);--toolbar-y:52%;--toolbar-right:2.5%;--toolbar-w:min(34vw,180px)}#sheetBlock{position:absolute!important;top:var(--sheet-y);left:var(--sheet-x);transform:translate(-80%,-50%)!important;width:var(--sheet-w);height:auto;aspect-ratio:1/1.4;overflow:hidden;background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000040;padding:0!important}#colorCanvas{width:100%;height:auto;aspect-ratio:1/1.4;object-fit:contain}#colorPicker{height:140px!important}#toolbarBlock button{min-height:38px;font-size:14px;padding:6px 8px}#brushSize{height:22px}#currentColorPreview{width:38px;height:38px}.art-landscape-box{left:6vw;top:4vh;min-width:220px;max-width:60vw;padding:5vw}.campania-box{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-right:10vw;padding-bottom:8vh;text-align:right;position:relative;margin:0}.bottom-box{margin-bottom:1rem;order:-1;align-self:flex-end}.hero-wrapper:before{width:100vw;height:35vh;left:0;right:auto;bottom:0;top:auto}.art{font-size:15vw}.landscape{font-size:8vw}.e{font-size:5vw}.subtitle{font-size:1.05rem;margin-bottom:1vw}.interattiva{font-size:1em;font-weight:400}.descrizione{font-size:.96rem}}@media (max-width:700px){#coloringUI{--sheet-x:50%;--sheet-y:38%;--sheet-w:min(94vw,720px);--toolbar-w:min(96vw,720px)}#sheetBlock{position:absolute!important;top:var(--sheet-y);left:var(--sheet-x);transform:translate(-50%,-50%)!important;width:var(--sheet-w);height:auto;aspect-ratio:1/1.4;max-height:65vh;overflow:hidden;background:#fff;border-radius:12px;box-shadow:0 6px 18px #00000040;padding:0!important}#colorCanvas{width:100%;height:auto;aspect-ratio:1/1.4;object-fit:contain;border:0;border-radius:inherit;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}#toolbarBlock{position:fixed!important;left:50%;right:auto;bottom:env(safe-area-inset-bottom,2px);top:auto;transform:translate(-50%)!important;width:var(--toolbar-w);max-width:var(--toolbar-w);max-height:28vh;overflow-y:auto;overflow-x:hidden;padding:6px;border-radius:14px;box-shadow:0 8px 24px #00000040;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:auto;gap:5px;align-items:center}#currentColorPreview{width:36px;height:36px;justify-self:start;grid-column:1 / span 1}#brushSize{grid-column:2 / span 3;height:20px}#toolbarBlock button{min-height:34px;font-size:11px;padding:4px}#pickerWrap{grid-column:1 / -1;margin:2px 0 3px}#pickerWrap.hidden{display:none!important}#colorPicker{height:110px!important}#artInfoPanel{top:10px;right:10px;left:10px;width:auto;max-width:95vw;max-height:80vh;padding:16px;font-size:.95rem}#artInfoPanel h2{font-size:1.2rem}.hero-wrapper{flex-direction:column}.overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;z-index:5;flex-direction:column}.art-landscape-box{position:static;max-width:86vw;background:#172c234d;padding:16px 18px;margin:12px auto 0;border-radius:10px;box-shadow:none}.art{font-size:14vw}.landscape{font-size:7.5vw}.e{font-size:4.8vw}.subtitle{font-size:1rem;margin-bottom:8px}.interattiva{font-size:1rem}.descrizione{font-size:.95rem}.logo-campania{width:14vw;min-width:30px}.hero-wrapper:before{width:100vw;height:34vw;min-height:90px;left:0;right:auto;bottom:0;top:auto;background:#202a36;z-index:2}}@media (max-width:700px) and (orientation: portrait){#coloringUI{--sheet-y:36%}#sheetBlock{max-height:67vh!important}#toolbarBlock{max-height:26vh!important}}@media (max-width:1000px) and (min-width:701px) and (orientation: landscape),(max-width:700px) and (orientation: landscape){#coloringUI{--sheet-x:38% !important;--sheet-y:50% !important;--sheet-w:min(52vh,450px) !important;--toolbar-w:min(30vw,260px) !important}#sheetBlock{position:absolute!important;top:var(--sheet-y)!important;left:var(--sheet-x)!important;transform:translate(-50%,-50%)!important;width:var(--sheet-w)!important;height:auto!important;aspect-ratio:1/1.4!important;max-height:92vh!important}#toolbarBlock{position:fixed!important;right:1vw!important;left:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:var(--toolbar-w)!important;max-height:92vh!important;grid-template-columns:repeat(2,1fr)!important}#currentColorPreview{grid-column:1 / -1!important;justify-self:center!important;width:38px!important;height:38px!important}#brushSize{grid-column:1 / -1!important}}