/* MARIACLARA 10.9.1 · Il mio spazio, livelli, tessera inclinabile, coriandoli, Storie, momento, stagione, effetti da sogno.
   Nessuna media query "riduci movimento": le animazioni sono sempre attive per scelta. */
.sp-level{display:flex;align-items:center;gap:16px;margin:14px 0 6px;padding:12px 14px;border-radius:20px;background:linear-gradient(135deg,#fffdf7,#fbeaf1);border:1px solid #e7d3b1}
.sp-level>div{min-width:0;flex:1}
.sp-level small{display:block;font:600 .68rem/1 var(--pl-serif,serif);letter-spacing:.26em;text-transform:uppercase;color:#9a7440}
.sp-level b{display:block;font:600 1.7rem/1.1 var(--pl-serif,serif);color:#49384d;margin:4px 0}
.sp-level span{display:block;font-size:.88rem;color:#5c4f60}
.sp-level-bar{width:100%;height:8px;margin-top:8px;border:0;border-radius:99px;overflow:hidden;background:#efe3d2;appearance:none;-webkit-appearance:none}
.sp-level-bar::-webkit-progress-bar{background:#efe3d2;border-radius:99px}
.sp-level-bar::-webkit-progress-value{background:linear-gradient(90deg,#c9993f,#f3dc9b);border-radius:99px}
.sp-level-bar::-moz-progress-bar{background:linear-gradient(90deg,#c9993f,#f3dc9b);border-radius:99px}
.sp-medal-svg{flex:none;filter:drop-shadow(0 0 10px #e9c991aa);animation:spGlow 3.2s ease-in-out infinite}
.sp-level--oro .sp-medal-svg{filter:drop-shadow(0 0 16px #ffd86bdd)}
.sp-level--argento .sp-medal-svg{filter:drop-shadow(0 0 12px #cfd8e6dd)}
@keyframes spGlow{0%,100%{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.06) rotate(2deg)}}
.sp-medal-glint{animation:spGlint 3.2s ease-in-out infinite}
@keyframes spGlint{0%,100%{opacity:.2}50%{opacity:.95}}
.ts-code{margin:12px 0 0;font-size:.92rem;color:#5c4f60}.ts-code b{font:700 1.25rem/1 var(--pl-serif,serif);letter-spacing:.18em;color:#49384d;white-space:nowrap}
/* Tessera inclinabile */
.sp-tilt{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .35s ease;will-change:transform;touch-action:pan-y}
.sp-tilt.is-tilting{transition:transform .08s linear}
.sp-tilt::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--sx,50%) var(--sy,30%),#ffffff8c,transparent 42%);opacity:0;transition:opacity .3s}
.sp-tilt.is-tilting::after{opacity:1}
/* Coriandoli */
.mc-conf{position:fixed;inset:0;width:100vw;height:100vh;z-index:9999;pointer-events:none}
/* Storie */
.mc-story{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:#021b1ee6;backdrop-filter:blur(6px);animation:spFade .3s ease}
.mc-story__in{max-width:340px;width:100%;max-height:100%;overflow:auto;text-align:center;color:#fff8e8;background:#063f45;border:1px solid #e9c99199;border-radius:24px;padding:18px;box-shadow:0 24px 60px #000a}
.mc-story__in img{display:block;width:min(100%,230px);height:auto;margin:0 auto 12px;border-radius:14px;box-shadow:0 10px 30px #0008}
.mc-story__in p{font-size:.92rem;margin:0 0 12px}.mc-story__btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mc-story__fb{display:block;margin-top:10px;color:#e9c991}
@keyframes spFade{from{opacity:0}to{opacity:1}}
/* Il mio spazio */
.sp-sect{margin-top:22px;padding:18px;border-radius:22px;background:#fff;border:1px solid #e7d3b1;max-width:620px;margin-inline:auto}
.sp-sect h3{font:600 1.5rem/1.1 var(--pl-serif,serif);color:#49384d;margin:0 0 10px}
.sp-inv{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.sp-inv li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 12px;border-radius:14px;background:#fbf3f7}
.sp-inv li b{min-width:0;overflow-wrap:anywhere}.sp-inv li span{color:#5c4f60;font-size:.88rem}
.sp-codep{font-weight:700;letter-spacing:.08em}
.sp-acts{max-width:620px;margin:22px auto 0;justify-content:center}
.sp-install-tip{width:100%;font-size:.88rem;color:#5c4f60;margin:8px 0 0}.sp-install{margin-top:10px}
/* Giornata fortunata */
.sp-boost{margin:0 0 16px;padding:12px 16px;border-radius:18px;text-align:center;color:#49384d;background:linear-gradient(110deg,#fff3c8,#fde0ee,#fff3c8);background-size:220% 100%;border:1px solid #e9c991;animation:spBoost 4s linear infinite}
@keyframes spBoost{from{background-position:0 0}to{background-position:220% 0}}
/* Lista d'attesa */
.sp-wait{max-width:620px;margin-inline:auto}.sp-wait form{display:grid;gap:12px}
.sp-wait select,.sp-wait input[type=text],.sp-wait input[type=tel]{width:100%;min-width:0}
.sp-wait-msg{margin:12px 0 0;padding:0}.sp-wait-msg.ok,.sp-wait-msg.err{padding:12px 14px;border-radius:14px}
.sp-wait-msg.ok{background:#e8f6ee;color:#1d5a3a}.sp-wait-msg.err{background:#fdecec;color:#8a2a2a}
/* Un momento per te */
.mo-stage{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:10px 0}
.mo-ring{position:relative;width:min(70vw,260px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff,#fbeaf1 60%,#efe3f5);box-shadow:0 0 0 10px #fff8,0 18px 50px #ab669955,inset 0 0 40px #fff;transition:transform 4s ease-in-out}
.mo-ring::before,.mo-ring::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px solid #e9c99199;animation:moPulse 5s ease-in-out infinite}
.mo-ring::after{inset:-30px;opacity:.5;animation-delay:1.2s}
.mo-ring.is-on{animation:moBreath 12s ease-in-out infinite}
@keyframes moBreath{0%{transform:scale(.82)}33%{transform:scale(1.08)}50%{transform:scale(1.08)}100%{transform:scale(.82)}}
@keyframes moPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.06);opacity:.2}}
.mo-timer{font:600 2.2rem/1 var(--pl-serif,serif);color:#49384d}
.mo-word{min-height:3.2em;font:600 1.5rem/1.3 var(--pl-serif,serif);color:#ab6699;max-width:28ch}
.mo-tools{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* Stagione della pelle */
.sp-season{padding:clamp(34px,6vw,64px) 16px;text-align:center}
.sp-season__in{max-width:640px;margin:auto;padding:clamp(22px,4vw,38px);border-radius:28px;background:linear-gradient(135deg,#fffdf7,#fbeaf1 55%,#efe3f5);border:1px solid #e7d3b1;box-shadow:0 20px 50px #6e462830;position:relative;overflow:hidden}
.sp-season__in h2{font:600 clamp(1.9rem,5vw,2.8rem)/1.1 var(--pl-serif,serif);color:#49384d;margin:8px 0}
.sp-season__in p{color:#5c4f60;line-height:1.65;margin:0 0 16px}
.sp-eyebrow{font:600 .72rem/1 var(--pl-serif,serif);letter-spacing:.3em;text-transform:uppercase;color:#9a7440}
/* Cofanetto personalizzato */
.gc[data-col=rosa]{background:radial-gradient(ellipse at 18% 12%,#ffffffee,transparent 58%) padding-box,linear-gradient(135deg,#fff5f9,#f8cfe0 45%,#f1b3cc) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box!important}
.gc[data-col=verde]{background:radial-gradient(ellipse at 18% 12%,#ffffff99,transparent 58%) padding-box,linear-gradient(135deg,#e6f4f1,#a9d9d2 45%,#5fb3ad) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box!important}
.gc[data-col=lilla]{background:radial-gradient(ellipse at 18% 12%,#fffffff0,transparent 58%) padding-box,linear-gradient(135deg,#f6effb,#dcc8ee 45%,#c3a5e0) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 30%,#f8e6ae 55%,#b57f2f 80%,#efd48c) border-box!important}
.gc[data-rib=rosa] .gc-rib{background:linear-gradient(90deg,#c25a86,#f7b6d0 30%,#ffe3ee 50%,#e68db3 75%,#b24a78)!important}
.gc[data-rib=verde] .gc-rib{background:linear-gradient(90deg,#0a5a5c,#4fb0a8 30%,#bfe8e2 50%,#2f8f89 75%,#08484b)!important}
.gc[data-rib=bianco] .gc-rib{background:linear-gradient(90deg,#d8d2cc,#fff 30%,#fff 50%,#ece6df 75%,#cfc8c0)!important}
.gc[data-rib=rosa] .gc-bow{filter:hue-rotate(300deg) saturate(1.3) drop-shadow(0 .6cqw .8cqw #5a371c59)}
.gc[data-rib=verde] .gc-bow{filter:hue-rotate(140deg) saturate(1.1) drop-shadow(0 .6cqw .8cqw #5a371c59)}
.gc[data-rib=bianco] .gc-bow{filter:grayscale(1) brightness(1.6) drop-shadow(0 .6cqw .8cqw #5a371c59)}
.gc-box-opts{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.gc-sw{width:44px;height:44px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #c9a15e;cursor:pointer;padding:0}
.gc-sw[aria-pressed=true]{box-shadow:0 0 0 3px #ab6699}
.gc-sw[data-v=oro]{background:linear-gradient(135deg,#fffdfa,#fcebf2 40%,#efe3f5)}.gc-sw[data-v=rosa]{background:linear-gradient(135deg,#fff5f9,#f1b3cc)}.gc-sw[data-v=verde]{background:linear-gradient(135deg,#e6f4f1,#5fb3ad)}.gc-sw[data-v=lilla]{background:linear-gradient(135deg,#f6effb,#c3a5e0)}
.gc-sw.rib[data-v=oro]{background:linear-gradient(135deg,#a8772f,#fff3cb,#b98536)}.gc-sw.rib[data-v=rosa]{background:linear-gradient(135deg,#c25a86,#ffe3ee,#b24a78)}.gc-sw.rib[data-v=verde]{background:linear-gradient(135deg,#0a5a5c,#bfe8e2,#08484b)}.gc-sw.rib[data-v=bianco]{background:linear-gradient(135deg,#d8d2cc,#fff,#cfc8c0)}
/* Effetti da sogno */
.mc-rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0ms)}
.mc-rv.in{opacity:1;transform:none}
.mc-dream{position:relative;overflow:hidden}
.mc-dream>img,.mc-dream>picture img{transform:translate3d(0,var(--py,0px),0) scale(1.16);will-change:transform;transition:transform .12s linear}
.mc-dream::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--gx,30%) var(--gy,20%),#ffffff55,transparent 45%),linear-gradient(115deg,transparent 40%,#ffeab338 50%,transparent 60%);background-size:100% 100%,260% 100%;animation:mcDreamShine 9s ease-in-out infinite;mix-blend-mode:soft-light}
@keyframes mcDreamShine{0%,15%{background-position:0 0,-130% 0}65%,100%{background-position:0 0,130% 0}}
.mc-petals{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.mc-petal{position:absolute;top:-30px;left:var(--x);width:var(--s);height:calc(var(--s)*1.2);border-radius:80% 0 80% 0;background:var(--c);opacity:.0;animation:mcFall var(--t) linear var(--dl) infinite}
.mc-petal.sp{border-radius:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:#e9c991}
@keyframes mcFall{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}10%{opacity:.75}90%{opacity:.65}100%{transform:translate3d(var(--dx),108vh,0) rotate(540deg);opacity:0}}
body[data-season=inverno]{--mc-season-tint:#e8f1f7}body[data-season=primavera]{--mc-season-tint:#fdeef4}body[data-season=estate]{--mc-season-tint:#fff4dc}body[data-season=autunno]{--mc-season-tint:#f9ebdc}
body[data-season]::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 0%,var(--mc-season-tint),transparent 55%),radial-gradient(ellipse at 90% 100%,var(--mc-season-tint),transparent 50%)}
@media (max-width:520px){.sp-medal-svg{width:68px;height:68px}.sp-level{gap:12px}}
.sp-promo{padding:9px 16px;text-align:center;font-size:.92rem;background:linear-gradient(90deg,#fff3c8,#fde0ee,#fff3c8);background-size:220% 100%;animation:spBoost 6s linear infinite;color:#49384d;border-bottom:1px solid #e9c991}.sp-promo a{margin-left:8px;font-weight:700;color:#8a4a78}