@layer components{.q-mondo{--q-carta:#ece8de;background-color:var(--q-carta)}.ct-palco[data-quartiere]{--q-strada:#e2ddd1;--q-marciapiede:#ebe7dd;--q-citta:#f2efe7;--q-paese:#e8ecd9;--q-costa:#f3eee0;--q-lavoro:#f7f4ec;--q-piazza:#ebe2d2;--q-mezzeria:#f5f2ea;--q-campo-0:#ede3c6;--q-campo-1:#dfe6c8;--q-campo-2:#e5ead5;--q-campo-3:#e4d8c1;--q-aia:#f5f1e7;--q-siepe:#cfd3b9;--q-sabbia:#f1e4c6;--q-acqua:#c2d8de;--q-onda:#a8c4cc;--q-gradino:#f3efe5;--q-gradino-cima:#ddd7ca;--q-parete:#dad1bf;--q-parete-alta:#b9c1a6;--q-parete-cima:#b2a893;--q-filo:#c8bfac;--q-terrazza:#f7f4ec;background-color:var(--q-carta);--su-alto:3.5rem;--su-basso:4.5rem}@media (max-aspect-ratio:1){.ct-palco[data-quartiere]{--su-alto:4rem;--su-basso:6rem}}@media (min-aspect-ratio:1) and (min-width:48rem){.ct-palco[data-scena][data-quartiere]:has(.ct-attrezzi){--su-sinistra:0px}}.q-terreno path,.q-terreno use{stroke-linejoin:round}.q-scenografia{pointer-events:none;position:absolute;inset:0}.q-terreno,.q-scenografia{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--q-sx), #000 calc(100% - var(--q-dx)), transparent 100%), linear-gradient(to top, transparent 0, #000 var(--q-giu), #000 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--q-sx), #000 calc(100% - var(--q-dx)), transparent 100%), linear-gradient(to top, transparent 0, #000 var(--q-giu), #000 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--q-sx), #000 calc(100% - var(--q-dx)), transparent 100%), linear-gradient(to top, transparent 0, #000 var(--q-giu), #000 100%);-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;mask-composite:intersect}.q-terreno defs path{vector-effect:non-scaling-stroke}.q-terreno .q-strade{fill:var(--q-strada)}.q-terreno .q-prato{fill:var(--q-campo-2)}.q-terreno .q-marciapiede{fill:var(--q-marciapiede);stroke:var(--q-siepe);stroke-width:.6px;vector-effect:non-scaling-stroke}.q-terreno .q-lotto{fill:var(--q-paese);stroke:#cdc5b4b3;stroke-width:.6px;vector-effect:non-scaling-stroke}.q-terreno .q-lotto[data-bioma=citta]{fill:var(--q-citta)}.q-terreno .q-lotto[data-bioma=costa]{fill:var(--q-costa)}.q-terreno .q-lotto[data-bioma=lavoro]{fill:var(--q-lavoro)}.q-terreno .q-lotto[data-bioma=piazza]{fill:var(--q-piazza)}.q-terreno .q-campo{fill:var(--q-campo-0);stroke:var(--q-siepe);stroke-width:1px;vector-effect:non-scaling-stroke}.q-terreno .q-campo[data-tono="1"]{fill:var(--q-campo-1)}.q-terreno .q-campo[data-tono="2"]{fill:var(--q-campo-2)}.q-terreno .q-campo[data-tono="3"]{fill:var(--q-campo-3)}.q-terreno .q-campo[data-tono="4"]{fill:var(--q-aia)}.q-terreno .q-file{stroke:none}.q-terreno .q-fila{fill:#968a6c42}.q-terreno .q-pianta{fill:#bccaa2}.q-terreno .q-vite{fill:#788c5680}.q-terreno .q-mezzeria{fill:none;stroke:var(--q-mezzeria);stroke-width:1.4px;stroke-dasharray:7 6;vector-effect:non-scaling-stroke}.q-terreno .q-spiaggia{fill:var(--q-sabbia)}.q-terreno .q-lungomare{fill:var(--q-strada);stroke:var(--q-siepe);stroke-width:.8px;vector-effect:non-scaling-stroke}.q-terreno .q-acqua{fill:var(--q-acqua)}.q-terreno .q-ombrellone{fill:#dcab93;stroke:#faf6ee;stroke-width:.06px}.q-terreno .q-ombra-ombrellone{fill:#463a2224}.q-terreno .q-onda{fill:none;stroke:var(--q-onda);stroke-width:1px;vector-effect:non-scaling-stroke}.q-terreno .q-onda:is([data-i="2"],[data-i="3"]){stroke-dasharray:10 8;opacity:.8}.q-terreno .q-fondo-uliveti{fill:#e6ebd7}.q-terreno .q-chioma{fill:#c3cfac}.q-terreno .q-fondo-boschi{fill:#d0dabd}.q-terreno .q-chioma-bosco{fill:#9fb183}.q-terreno .q-ombra{fill:#463a221c}.q-terreno .q-parete{fill:var(--q-parete)}.q-terreno .q-gradino{fill:var(--q-gradino);stroke:var(--q-filo);stroke-width:.6px}.q-terreno .q-gradino[data-fascia=media]{fill:url(#q-uliveti)}.q-terreno .q-gradino[data-fascia=alta]{fill:url(#q-boschi)}.q-terreno .q-gradino[data-fascia=cima]{fill:var(--q-gradino-cima)}.q-terreno .q-parete[data-fascia=alta]{fill:var(--q-parete-alta)}.q-terreno .q-parete[data-fascia=cima]{fill:var(--q-parete-cima)}.q-terreno .q-terrazza{fill:var(--q-terrazza);stroke:var(--q-filo);stroke-width:.6px;vector-effect:non-scaling-stroke}.q-terreno .q-salita{fill:var(--q-strada);stroke:var(--q-filo);stroke-width:.6px;vector-effect:non-scaling-stroke}.q-pezzo{pointer-events:none}.ct-palco[data-quartiere] .q-attrezzi{left:auto;right:var(--margine);width:auto;height:auto;display:block;top:auto;bottom:1.25rem}@media (max-aspect-ratio:1){.ct-palco[data-quartiere] .q-attrezzi{display:contents}}.q-punto{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:2.75rem;height:2.75rem;translate:-50% -100%;scale:var(--targa,1);transform-origin:50% 100%;pointer-events:auto;cursor:pointer;z-index:1;position:absolute}.q-punto:before{content:"";background-color:var(--color-navy-900);opacity:.5;width:1px;position:absolute;top:1.35rem;bottom:.1rem;left:50%;translate:-50%}.q-punto:after{content:"";border:2px solid var(--color-avorio);background-color:var(--color-oro-500);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.6rem;left:50%;translate:-50%;box-shadow:0 0 0 1px #16223a8c}.ct-palco[data-distanza=vicino] .q-punto,.ct-palco[data-esplora] .q-punto,.ct-palco[data-quartiere]:not([data-distanza=vicino]) :is(.q-lavoro .ct-etichetta,.q-filo){display:none}@media (hover:hover) and (pointer:fine){.ct-palco[data-quartiere]:not([data-distanza=vicino]):not([data-esplora]) .q-lavoro:is(:hover,:focus-visible) .ct-etichetta{display:flex;translate:none}}.ct-palco[data-quartiere]:not([data-distanza=vicino]):not([data-esplora]) .q-lavoro:focus-visible .ct-etichetta{display:flex;translate:none}.q-lavoro .ct-etichetta,.ct-palco[data-quartiere][data-distanza=vicino] .ct-porta .ct-targa-porta{translate:0 calc(var(--alza,0) * -1px * var(--targa,1));z-index:1}.q-filo{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:1px;height:calc(var(--alza,0) * 1px);transform-origin:0 100%;translate:-50% -100%;scale:1 var(--targa,1);background-color:var(--color-navy-900);opacity:.55;pointer-events:none;position:absolute}@media (max-aspect-ratio:1){.q-lavoro .ct-etichetta,.ct-palco[data-quartiere][data-distanza=vicino] .ct-porta .ct-targa-porta{translate:0 calc(var(--alza-s,0) * -1px * var(--targa,1))}.q-filo{height:calc(var(--alza-s,0) * 1px)}}.ct-palco[data-esplora] .q-filo{visibility:hidden}.ct-palco[data-quartiere]:not([data-distanza=vicino]) .ct-porta .ct-targa-porta .ct-nome{display:none}.ct-palco[data-quartiere]:not([data-distanza=vicino]) .ct-porta .ct-targa-porta .ct-stato{margin-left:0;display:inline}.ct-palco[data-quartiere]:not([data-distanza=vicino]) .ct-porta .ct-targa-porta .ct-stato:after{content:"";border:solid var(--color-oro-500);vertical-align:.05em;border-width:1.5px 1.5px 0 0;width:.4rem;height:.4rem;margin-left:.55rem;display:inline-block;transform:rotate(45deg)}@media (max-aspect-ratio:1){.ct-palco[data-quartiere] .ct-porta .ct-targa-porta,.ct-palco[data-quartiere] .q-lavoro .ct-targa-luogo{align-items:center;min-height:2.75rem}}}@media (prefers-reduced-motion:no-preference){.ct-palco[data-quartiere] .ct-piano{animation:34s ease-in-out infinite alternate q-deriva}.ct-palco[data-quartiere] .ct-cosa[data-cosa=furgone],.ct-palco[data-quartiere] .ct-porta{animation:q-furgone 2.4s var(--ease-uscita) 1.4s both}.ct-palco[data-quartiere] .ct-porta .ct-targa-porta{animation:ct-arriva .52s var(--ease-uscita) 3.5s both}.ct-palco[data-quartiere] .q-auto{animation:q-passa var(--durata,50s) linear var(--ritardo,0s) infinite both}.q-terreno .q-onda{animation:9s ease-in-out infinite alternate q-onda}.q-terreno .q-onda[data-i="1"]{animation-duration:12s;animation-delay:-4s}.q-terreno .q-onda:is([data-i="2"],[data-i="3"]){animation:16s linear infinite q-onda-larga}.ct-palco[data-quartiere] .q-pezzo:is([data-pezzo=barca],[data-pezzo=vela]){transform-origin:50% 80%;animation:4.6s ease-in-out infinite alternate q-dondola}.ct-palco[data-quartiere] .q-pezzo[data-pezzo=vela]{animation-duration:5.9s;animation-delay:-2.1s}.ct-palco[data-quartiere] .q-pezzo[data-pezzo=barca]:nth-child(2n){animation-delay:-1.3s}}@keyframes q-dondola{0%{translate:0 .6px;rotate:-.9deg}to{translate:0 -.6px;rotate:.9deg}}@media (prefers-reduced-motion:no-preference){.ct-palco[data-quartiere] .q-lavoro .ct-targa-luogo{animation:q-targa .3s var(--ease-uscita) both}}@keyframes q-targa{0%{opacity:0;transform:translateY(-5px)}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.ct-palco[data-quartiere] .ct-piano{animation:1.9s cubic-bezier(.22,.8,.18,1) 60ms backwards q-arrivo,34s ease-in-out 2s infinite alternate q-deriva}.ct-palco[data-quartiere][data-vicina] .ct-piano{animation:1.9s cubic-bezier(.22,.8,.18,1) 60ms backwards q-arrivo}}.ct-palco[data-quartiere][data-esplora] .ct-piano{animation-play-state:paused}@keyframes q-arrivo{0%{opacity:0;filter:blur(12px);transform-origin:calc(var(--cx) * var(--largo)) calc(var(--cy) * var(--largo) * var(--rapporto));scale:1.12}35%{opacity:1}to{filter:blur();transform-origin:calc(var(--cx) * var(--largo)) calc(var(--cy) * var(--largo) * var(--rapporto))}}@keyframes q-deriva{0%{transform:translate(-5px,3px)}to{transform:translate(5px,-3px)}}@keyframes q-furgone{0%{transform:translate(-88px,47px)}}@keyframes q-passa{0%{opacity:0;translate:0}3%{opacity:1}52%{opacity:1}55%,to{translate:var(--va-x) var(--va-y);opacity:0}}@keyframes q-onda{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes q-onda-larga{to{stroke-dashoffset:-36px}}