*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#111}body{min-height:100vh;display:grid;place-items:center;overflow-x:hidden;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111 url("assets/sfondo-pamart.webp") center/cover no-repeat fixed}.stage{position:relative;width:min(92vw,540px);aspect-ratio:3/4;overflow:hidden;background:#222;user-select:none;box-shadow:0 18px 70px #000b}.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hot{position:absolute;z-index:8;border:0;background:transparent;cursor:pointer}.hot:disabled{pointer-events:none}.hot.ready{border:3px solid #fff;border-radius:8px;box-shadow:0 0 0 4px #0008,0 0 22px #fff;animation:pulse 1s ease-in-out infinite}.coin{left:65.7%;top:78.1%;width:4.5%;height:9.2%}.slot{left:24.3%;top:78%;width:18.2%;height:3.1%}@keyframes pulse{50%{filter:brightness(1.5);transform:scale(1.08)}}.outlet{position:absolute;z-index:7;left:14%;top:62%;width:39%;height:37%;overflow:hidden;pointer-events:none}.paper{position:absolute;left:16%;top:-112%;width:68%;aspect-ratio:2/3;background:#fff;box-shadow:0 8px 20px #0008;transition:top 2.2s cubic-bezier(.2,.75,.25,1);pointer-events:auto;cursor:zoom-in}.paper.printed{top:3%}.paper.fade{animation:fadepaper .7s ease forwards}@keyframes fadepaper{to{opacity:0;transform:translateY(12px)}}.paper img{width:100%;height:100%;object-fit:cover;display:block}.msg{position:absolute;z-index:12;left:50%;bottom:2.2%;transform:translateX(-50%);padding:7px 12px;border-radius:18px;background:#111c;font-size:12px;white-space:nowrap}.restart{position:absolute;z-index:14;right:2.2%;bottom:2.2%;width:42px;height:42px;border:0;border-radius:50%;display:none;background:#fff;color:#111;font-size:20px;cursor:pointer}.viewer{position:absolute;z-index:30;inset:0;display:none;align-items:center;justify-content:center;background:#000e;padding:8%}.viewer.open{display:flex}.viewer img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 40px #000}.round{position:absolute;top:16px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;text-decoration:none;font-size:26px;cursor:pointer}.download{left:16px}.close{right:16px}
/* Disegni appesi: hotspot + cuori sovrapposti. Le coordinate sono relative al fotogramma della cabina. */
.drawing-hot{position:absolute;z-index:10;border:0;background:transparent;padding:0;cursor:pointer;touch-action:manipulation}.drawing-left{left:0%;top:41%;width:25%;height:27%;transform:rotate(-8deg)}.drawing-right{right:0%;top:49%;width:25%;height:27%;transform:rotate(10deg)}.heart{position:absolute;color:#e21d2f;font-family:Arial,sans-serif;font-weight:900;line-height:1;opacity:0;transform:scale(.25);filter:drop-shadow(0 1px 1px #fff);transition:opacity .18s ease,transform .28s cubic-bezier(.2,1.7,.4,1)}.drawing-hot:hover .heart,.drawing-hot:focus-visible .heart,.drawing-hot.love .heart{opacity:1;transform:scale(1)}.h-left{left:23%;top:13%;font-size:clamp(17px,3.2vw,27px)}.h-r1{left:55%;top:12%;font-size:clamp(14px,2.8vw,24px)}.h-r2{left:70%;top:17%;font-size:clamp(12px,2.4vw,21px)}
.qr-badge{position:fixed;z-index:39;left:max(14px,2.2vw);bottom:max(14px,2.2vh);width:clamp(82px,8.5vw,118px);display:block;filter:drop-shadow(0 7px 14px #0008);transition:transform .2s ease}.qr-badge:hover{transform:scale(1.04)}.qr-badge img{display:block;width:100%;height:auto;border-radius:13%}.studio-badge{position:fixed;z-index:40;right:max(14px,2.2vw);bottom:max(14px,2.2vh);width:clamp(82px,9.5vw,130px);padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 8px 16px #000a);transition:transform .2s ease}.studio-badge:hover{transform:scale(1.04)}.studio-badge img{display:block;width:100%;border-radius:4px}.studio-pointer{position:fixed;z-index:41;right:clamp(102px,12vw,160px);bottom:clamp(92px,13vh,155px);display:flex;align-items:center;gap:4px;color:#111;background:#fffde8;border:2px solid #111;border-radius:18px;padding:4px 8px;font:700 12px/1 system-ui;box-shadow:2px 3px 0 #111;transform:rotate(-8deg);pointer-events:none;animation:nudge 1.5s ease-in-out infinite}.studio-pointer b{font-size:23px;line-height:.7}@keyframes nudge{50%{transform:rotate(-8deg) translate(4px,4px)}}
.contact-modal{position:fixed;z-index:60;inset:0;display:none;align-items:center;justify-content:center;padding:70px 20px 25px;background:#000d}.contact-modal.open{display:flex}.contact-close{position:fixed;z-index:70;right:18px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#111;font-size:27px;cursor:pointer}.card{width:min(78vw,390px);aspect-ratio:663/999;perspective:1300px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.75,.25,1)}.card.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;background:#eee;box-shadow:0 18px 70px #000;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-face img{display:block;width:100%;height:100%;object-fit:cover}.card-back{transform:rotateY(180deg)}.flip-hint{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 10px;border-radius:14px;background:#000b;color:#fff;font-size:11px;white-space:nowrap}.contact-link{position:absolute;z-index:5;left:12%;width:76%;border-radius:8px}.contact-link:hover{outline:2px solid #2228;background:#fff2}.phone{top:22%;height:10%}.instagram{top:34%;height:9%}.facebook{top:43%;height:9%}.email{top:55%;height:13%}
@media(max-width:700px){.stage{width:min(96vw,540px)}.qr-badge{width:66px;left:8px;bottom:8px}.studio-badge{width:62px;right:8px;bottom:8px}.studio-pointer{right:65px;bottom:60px;padding:3px 6px;font-size:9px;border-width:1.5px;box-shadow:1px 2px 0 #111}.studio-pointer b{font-size:17px}.msg{font-size:10px;padding:6px 9px}.restart{width:36px;height:36px}.drawing-left{left:0;top:41%;width:25%;height:27%}.drawing-right{right:0;top:49%;width:25%;height:27%}}
@media(orientation:portrait){body{background-size:auto 100vh;background-position:center}}
@media(prefers-reduced-motion:reduce){.hot.ready,.studio-pointer{animation:none}.paper,.heart,.card-inner{transition-duration:.01ms}}