*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}ul[role=list],ol[role=list],li{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{overflow:hidden}body{font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal;text-rendering:optimizeSpeed;background-color:#f5f4f2;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10rem}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Montserrat;font-weight:500;src:url(/assets/fonts/Montserrat-SemiBold.woff2) format("woff2")}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body,html{height:100%;margin:0;padding:0;overflow:hidden}canvas{width:100%;height:960px;outline:none;touch-action:auto;background:#c3c022;background:linear-gradient(0deg,#08a3a6,#4fa6a7d8 8%,#3d4f5ee2 40%,#111317);opacity:0;transition:opacity .1s ease}canvas.visible{opacity:1}canvas#scene{touch-action:auto!important;pointer-events:auto}h1{font-size:3.2em;line-height:1.1}#grabButton{all:unset;position:fixed;bottom:74px;width:140px;height:36px;left:50%;transform:translate(-50%);border-radius:12px;cursor:pointer;box-shadow:0 10px 30px #00000080;transition:all .3s ease;z-index:1000;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;opacity:0}#grabButton:hover{transform:translate(-50%) scale(1.05);box-shadow:0 15px 40px #0006}#grabButton:active{transform:translate(-50%) scale(.95)}#grabButton:disabled{opacity:.5;cursor:not-allowed}footer{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:232px;place-content:end;background:linear-gradient(180deg,#0000,#000);z-index:10}.stats{display:flex;flex-direction:row;justify-content:space-between;align-items:center;//padding: 30px 36px;padding:28px 34px}.score,.time{font-family:Montserrat,sans-serif;//font-size: 1.75rem;font-size:1.8rem;text-transform:uppercase;font-variant-numeric:tabular-nums}[data-locale=it] .score,[data-locale=it] .time{font-size:1.4rem}@property --num{syntax: "<integer>"; inherits: true; initial-value: "0";}.load-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/images/common/landscape-clue-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1001;opacity:1;transition:opacity .5s ease}.load-screen.hidden{opacity:0;pointer-events:none}.load-screen .slogan_icon{max-width:250px;margin-bottom:40px;opacity:0;animation:fadeInSlogan .6s ease-out .5s forwards}@keyframes fadeInSlogan{0%{opacity:0}to{opacity:1}}.loading-wrapper{display:flex;align-items:center;justify-content:center}.logo{position:absolute;top:5.15%;width:140px;height:auto;right:50%;transform:translate(50%,-10%)}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:60%;left:50%;transform:translate(-50%,-60%);width:100%}.dot-pulse-wrapper{--dot-size: 45px;--dot-color: #ffffff;--dot-speed: 1.5s;--dot-dot-size: calc(var(--dot-size) * .24);display:flex;align-items:center;justify-content:space-between;height:var(--dot-dot-size);width:var(--dot-size);-webkit-user-select:none;user-select:none}.dot-l,.dot-pulse-wrapper:before,.dot-pulse-wrapper:after{content:"";display:block;height:var(--dot-dot-size);width:var(--dot-dot-size);border-radius:50%;background-color:var(--dot-color);transform:scale(0);transition:background-color .3s ease}.dot-pulse-wrapper:before{animation:pulse-l var(--dot-speed) ease-in-out calc(var(--dot-speed) * -.375) infinite}.dot-l{animation:pulse-l var(--dot-speed) ease-in-out calc(var(--dot-speed) * -.25) infinite both}.dot-pulse-wrapper:after{animation:pulse-l var(--dot-speed) ease-in-out calc(var(--dot-speed) * -.125) infinite}@keyframes pulse-l{0%,to{transform:scale(0)}50%{transform:scale(1)}}.instruction-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:999;transition:background-color .4s ease}.instruction-overlay.show{background-color:#000000bf}.instruction-overlay.hidden{display:none}.instruction-container{width:382px;max-width:75%;height:528px;border-radius:20px;padding:61px 36px 42px;color:#fff;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:-2px -2px 1px #ffffffd9 inset,2px 2px 1px #fff inset,1px 1px 10px #fff6 inset,-1px -1px 10px #fff6 inset,0 0 4px 2px #ffffff40;opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .4s ease}#resultsOverlay .instruction-container{padding:41px 36px 42px}.instruction-overlay:not(#resultsOverlay) .instruction-container.show{opacity:1;transform:scale(1);transition-delay:1.6s}#resultsOverlay .instruction-container.show{opacity:1;transform:scale(1);transition-delay:0s}.instruction-content{margin-bottom:2rem;min-height:200px;height:306px}#resultsOverlay .instruction-content{height:347px;position:relative}.instruction-content>*{opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease}.instruction-content.transitioning>*{opacity:0;transform:scale(.75)}.instruction-indicators{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.instruction-dot{width:10px;height:10px;border-radius:50%;background-color:#ffffff4d;transition:background-color .3s}.instruction-dot.active{background-color:#fff}.instruction-button{all:unset;padding:1.125rem 2rem;width:118px;border-radius:50px;background:#ffffff03;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:-2px -2px 1px #ffffffd9 inset,2px 2px 1px #fff inset,1px 1px 10px #fc06 inset,-1px -1px 10px #fc06 inset,0 0 4px 2px #ffcc0040;cursor:pointer;font-family:inherit;font-size:1.125rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,box-shadow .1s ease;width:auto;min-width:118px}.instruction-button:active{transform:scale(.95);box-shadow:-1px -1px 1px #ffffffd9 inset,1px 1px 1px #fff inset,1px 1px 5px #fc06 inset,-1px -1px 5px #fc06 inset,0 0 2px 1px #ffcc0040}.instruction-title-one{font-size:1.294rem;margin-bottom:2.544rem;text-transform:uppercase}.instruction-grid{display:grid;grid-template-columns:auto 1fr;gap:1.294rem;padding:0 3.2rem;align-items:center;text-align:left;font-size:1.294rem;line-height:100%}.instruction-grid-item{display:flex;flex-direction:column;text-transform:uppercase}.instruction-grid-item p{margin-left:.5rem}.instruction-image{width:61px;height:61px;object-fit:contain}.instruction-screen{display:flex;flex-direction:column;align-items:center;gap:42px}.instruction-screen p{font-size:1.294rem;text-transform:uppercase}.instruction-center-image{width:auto;height:146px;object-fit:contain}.result-center-image{width:121px;height:111px;object-fit:contain}.result-screen{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-transform:uppercase}.flare-front{position:absolute;top:-20%;left:50%;opacity:54%;transform:translate(-50%);width:150%;height:auto;pointer-events:none;z-index:-1;animation:flareFrontAnimation 60s linear infinite}.flare-back{position:absolute;top:-20%;left:50%;opacity:54%;transform:translate(-50%);width:150%;height:auto;pointer-events:none;z-index:-2;animation:flareBackAnimation 90s linear infinite}@keyframes flareFrontAnimation{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@keyframes flareBackAnimation{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-360deg)}}.result-screen h2{font-size:2.75rem;margin:0;letter-spacing:.05em}[data-locale=it] .result-screen h2{font-size:1.8rem}.result-score{display:flex;flex-direction:column;align-items:center;// width: 200px}.result-score p{font-size:1.625rem;margin:0;font-weight:600;color:#ffd745;letter-spacing:.05em;line-height:1}.score-value{font-size:3.534rem;font-weight:700;margin:0 0 18px;color:#ffd745;text-shadow:0 0 20px rgba(255,204,0,.6),0 0 40px rgba(255,204,0,.3);line-height:1}.best-result{font-size:1.034rem!important;margin:0;font-weight:400!important;color:#fff!important;letter-spacing:.05em}.best-score-value{color:#ffd745;font-weight:600}.landscape{display:none;position:fixed;left:0;top:0;height:100%;width:100%;box-sizing:border-box;flex-direction:column;justify-content:space-evenly;align-items:center;padding-block:10vh;background-image:url(/assets/images/common/landscape-clue-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1000}.landscape_logo{width:22%}.landscape_icon{height:40%}.landscape_clue{text-transform:uppercase;font-size:1rem;text-align:center;font-family:Montserrat,sans-serif}@media screen and (orientation: portrait){.wrap{display:block}.landscape{display:none}}@media screen and (orientation: landscape){.wrap{display:none}.landscape{display:flex}}.landscape_clue_text{color:#fff}
