:root{--gold1:#f7d57a;--gold2:#d4a547;--gold3:#b88932;--bg:#0d0d0f;--text:#fff;--muted:#c8c8d2}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);overflow:hidden;font-family:sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text)}#liquidCanvas{position:fixed;inset:0;touch-action:none;z-index:11}#goldOverlay{position:fixed;inset:0;background:url(../images/gold.png) center/cover;mix-blend-mode:overlay;opacity:.50;pointer-events:none;z-index:22}#shine{position:fixed;inset:0;background:linear-gradient(120deg,transparent 48%,rgba(255,255,255,.28) 50%,transparent 52%);mix-blend-mode:screen;pointer-events:none;z-index:44;animation:shineMove 6s linear infinite}@keyframes shineMove{0%{transform:translate(-120%,-120%)}100%{transform:translate(120%,120%)}}.page{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:auto;height:auto;background:none!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:0!important;margin:0!important;opacity:0;transition:opacity 0.8s ease-out;pointer-events:none}.page.visible{opacity:1}.page *:not(h1){display:none!important}h1{font-size:clamp(22px,5vw,38px);background:linear-gradient(90deg,#fff2b0 0%,#ffd86b 20%,#f7b93f 40%,#d99a28 60%,#f7c76b 80%,#fff4c8 100%);-webkit-background-clip:text;color:transparent;opacity:0;transform:translateY(20px);filter:blur(0);animation:titleAppear 1.6s ease-out forwards 0.3s,goldShine 5s linear infinite;text-shadow:0 2px 3px rgba(0,0,0,.45),0 0 18px rgba(255,200,120,.25)}@keyframes titleAppear{0%{opacity:0;transform:translateY(25px);filter:blur(4px)}60%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:1}}@keyframes goldShine{0%{background-position:0% 50%}100%{background-position:200% 50%}}h1.color-green{background:linear-gradient(90deg,#a6ffa6,#00FF00,#009900);-webkit-background-clip:text;color:transparent}h1.color-red{background:linear-gradient(90deg,#ff9999,#FF0000,#990000);-webkit-background-clip:text;color:transparent}h1.color-blue{background:linear-gradient(90deg,#9999ff,#0000FF,#000099);-webkit-background-clip:text;color:transparent}h1.color-yellow{background:linear-gradient(90deg,#fff9a6,#FFFF00,#d6d600);-webkit-background-clip:text;color:transparent}h1.color-purple{background:linear-gradient(90deg,#ffb3ff,#FF00FF,#b300b3);-webkit-background-clip:text;color:transparent}h1.color-lightblue{background:linear-gradient(90deg,#a6ffff,#00FFFF,#00a3a3);-webkit-background-clip:text;color:transparent}#greenDot,#redDot,#blueDot,#yellowDot,#purpleDot,#lightblueDot{position:fixed;width:35px;height:35px;border-radius:50%;z-index:66;pointer-events:auto;cursor:default;transition:transform .2s ease-out;display:none;left:-9999px;top:-9999px}#greenDot{background:radial-gradient(circle at 30% 30%,#a6ffa6,#00FF00,#009900);box-shadow:0 0 12px rgba(0,255,0,.55),0 0 25px rgba(0,180,0,.35)}#redDot{background:radial-gradient(circle at 30% 30%,#ffb3b3,#FF0000,#990000);box-shadow:0 0 12px rgba(255,0,0,.55),0 0 25px rgba(200,0,0,.35)}#blueDot{background:radial-gradient(circle at 30% 30%,#b3b3ff,#0000FF,#000099);box-shadow:0 0 12px rgba(0,0,255,.55),0 0 25px rgba(0,0,200,.35)}#yellowDot{background:radial-gradient(circle at 30% 30%,#fffcc0,#FFFF00,#d6d600);box-shadow:0 0 12px rgba(255,255,0,.65),0 0 25px rgba(220,220,0,.35)}#purpleDot{background:radial-gradient(circle at 30% 30%,#ffb3ff,#FF00FF,#b300b3);box-shadow:0 0 12px rgba(255,0,255,.55),0 0 25px rgba(200,0,200,.35)}#lightblueDot{background:radial-gradient(circle at 30% 30%,#b3ffff,#00FFFF,#00a3a3);box-shadow:0 0 12px rgba(0,255,255,.55),0 0 25px rgba(0,200,200,.35)}#greenDot:hover,#redDot:hover,#blueDot:hover,#yellowDot:hover,#purpleDot:hover,#lightblueDot:hover{transform:scale(1.25)}#goldPopout{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:77}#goldPopout.active{display:flex}.goldPopout-content{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);padding:25px 30px;border-radius:18px;text-align:center;max-width:300px;box-shadow:0 0 20px rgba(255,200,80,.4)}#closeGoldPopout{margin-top:15px;padding:10px 20px;border:none;border-radius:12px;background:#f7d57a;color:#000;font-weight:700;cursor:pointer}.colorPopout{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:77}.colorPopout.active{display:flex}.colorPopout-content{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);padding:25px 30px;border-radius:18px;text-align:center;max-width:300px;box-shadow:0 0 20px rgba(255,200,80,.4);color:#fff}.colorPopout-content.red{box-shadow:0 0 20px rgba(255,0,0,.6)}.colorPopout-content.green{box-shadow:0 0 20px rgba(0,255,0,.6)}.colorPopout-content.blue{box-shadow:0 0 20px rgba(0,0,255,.6)}.colorPopout-content.yellow{box-shadow:0 0 20px rgba(255,255,0,.6)}.colorPopout-content.purple{box-shadow:0 0 20px rgba(255,0,255,.6)}.colorPopout-content.lightblue{box-shadow:0 0 20px rgba(0,255,255,.6)}.closePopout{margin-top:15px;padding:10px 20px;border:none;border-radius:12px;background:#f7d57a;color:#000;font-weight:700;cursor:pointer}.colorPopout-content.red h2{color:#ff3b3b}.colorPopout-content.green h2{color:#0f6}.colorPopout-content.blue h2{color:#3b7bff}.colorPopout-content.yellow h2{color:#ffe600}.colorPopout-content.purple h2{color:#f6f}.colorPopout-content.lightblue h2{color:#00eaff}#greenRing{position:fixed;width:65px;height:65px;border-radius:50%;border:6px solid #0F0;box-shadow:0 0 20px rgba(0,255,0,.6),0 0 40px rgba(0,255,0,.3);pointer-events:none;z-index:55;opacity:0;transform:scale(.5);transition:opacity .4s ease-out,transform 2.0s ease-out}#blueRing{position:fixed;width:65px;height:65px;border-radius:50%;border:6px solid #00F;box-shadow:0 0 20px rgba(0,0,255,.6),0 0 40px rgba(0,0,255,.3);pointer-events:none;z-index:55;opacity:0;transform:scale(.5);transition:opacity .4s ease-out,transform 2.0s ease-out}#clickInvite{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:88;pointer-events:auto!important}#clickInvite *{pointer-events:auto!important}#clickInvite .invite-box{padding:25px 40px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);border-radius:18px;color:#fff;font-size:22px;font-weight:600;text-align:center;cursor:pointer;box-shadow:0 0 25px rgba(255,200,90,.5),0 0 45px rgba(255,180,80,.3);animation:invitePulse 2.2s ease-in-out infinite}@keyframes invitePulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:.95}}#clickInvite.show{pointer-events:auto}.invite-box .invite-hint{margin-top:10px;font-size:15px;color:#fff;line-height:1.3;font-weight:400}#clickInvite.show~#greenDot,#clickInvite.show~#redDot,#clickInvite.show~#blueDot,#clickInvite.show~#yellowDot,#clickInvite.show~#purpleDot,#clickInvite.show~#lightblueDot{pointer-events:none!important}.giftButton{position:fixed;width:70px;height:70px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.15;pointer-events:auto;z-index:33}.giftButton:hover,.giftButton.touch-hover{opacity:1!important}#giftButtonLightBlue{top:35%;left:45%}#giftButtonRed{top:75%;left:20%}#giftButtonGreen{top:30%;left:80%}#giftButtonBlue{top:55%;left:75%}#giftButtonYellow{top:65%;left:60%}#giftButtonPurple{top:25%;left:25%}#giftButtonLightBlue{background-image:url(../images/gift-light-blue.png)}#giftButtonRed{background-image:url(../images/gift-red.png)}#giftButtonGreen{background-image:url(../images/gift-green.png)}#giftButtonBlue{background-image:url(../images/gift-blue.png)}#giftButtonYellow{background-image:url(../images/gift-yellow.png)}#giftButtonPurple{background-image:url(../images/gift-purple.png)}.pop-text{margin-top:12px;line-height:1.4;color:#fff;text-align:center}#greenDot,#redDot,#blueDot,#yellowDot,#purpleDot,#lightblueDot{touch-action:none;-webkit-user-select:none;user-select:none}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center;z-index:999}.modal-overlay.active{display:flex}.modal-content{background:#1a1a1d;border:1px solid var(--gold2);padding:30px;border-radius:15px;text-align:center;width:90%;max-width:350px;box-shadow:0 0 30px rgba(212,165,71,.3)}.modal-content h3{color:var(--gold1);margin-bottom:15px}.modal-content input{width:100%;padding:12px;margin:15px 0;border-radius:8px;border:1px solid #444;background:#000;color:#fff;text-align:center;font-size:16px}.modal-content input:focus{outline:none;border-color:var(--gold1)}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-buttons button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:transform 0.2s}.modal-buttons button:hover{transform:scale(1.05)}#confirmShare{background:#25D366;color:#fff}#cancelShare{background:#444;color:#ccc}#seo-info-natale{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);margin:0;padding:0;z-index:-1;opacity:0}.dot-spiral{animation:spiralIn 0.55s ease-out forwards}@keyframes spiralIn{0%{transform:scale(0) rotate(0deg)}40%{transform:scale(1.3) rotate(180deg)}80%{transform:scale(.9) rotate(300deg)}100%{transform:scale(1) rotate(360deg)}}