.scene-call{position:relative;display:grid;gap:18px;margin:22px 0;padding:clamp(20px,4vw,34px);overflow:hidden;border:1px solid #b53b3b;border-radius:24px;background:linear-gradient(135deg,#351d29 0%,#57232f 58%,#a8443e 100%);color:#fff8ec;box-shadow:0 22px 45px rgba(77,25,32,.24)}
.scene-call::before{content:"";position:absolute;right:-70px;top:-84px;width:250px;height:250px;border:1px solid rgba(255,215,158,.24);border-radius:50%;box-shadow:0 0 0 26px rgba(255,215,158,.05),0 0 0 52px rgba(255,215,158,.035);pointer-events:none}
.scene-call::after{content:"";position:absolute;left:0;top:0;width:38%;height:3px;background:#ffd36a;box-shadow:0 0 25px rgba(255,211,106,.7)}
.scene-call>*{position:relative;z-index:1}
.scene-call-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.scene-call-head h2{max-width:12ch;margin:3px 0 9px;color:#fff;font:900 clamp(28px,5vw,48px)/.98 Georgia,serif;letter-spacing:-.045em}
.scene-call-head p:not(.video-eyebrow){max-width:620px;margin:0;color:rgba(255,248,236,.78);font-size:14px;line-height:1.55}
.scene-call .video-eyebrow{margin:0;color:#ffd36a;font-size:10px;font-weight:950;letter-spacing:.16em}
.scene-call-mark{display:grid;place-items:center;flex:0 0 auto;width:62px;height:62px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:rgba(18,10,17,.2);color:#fff;font:950 15px/1 system-ui,sans-serif;letter-spacing:-.07em;transform:rotate(4deg)}
.scene-call-mark span{color:#ffd36a}
.scene-call-intro{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.18)}
.scene-call-intro strong{color:#fff;font-size:15px;letter-spacing:-.01em}
.scene-call-intro span{color:#ffdca7;font-size:12px;font-weight:750;text-align:right}
.scene-call-emotions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.scene-call-emotion{display:grid;gap:7px;min-width:0;min-height:76px;padding:10px 9px;border:1px solid rgba(255,255,255,.22);border-radius:13px;background:rgba(255,255,255,.08);color:#fff8ec;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.scene-call-emotion span{color:#ffd36a;font:900 10px/1 system-ui,sans-serif;letter-spacing:.08em}
.scene-call-emotion strong{font:850 12px/1.15 system-ui,sans-serif}
.scene-call-emotion:hover,.scene-call-emotion:focus-visible{border-color:#ffd36a;background:rgba(255,255,255,.16);transform:translateY(-2px);outline:3px solid rgba(255,211,106,.25);outline-offset:2px}
.scene-call-emotion.is-selected{border-color:#ffd36a;background:#fff2d1;color:#3c2029;box-shadow:0 8px 20px rgba(27,9,14,.2)}
.scene-call-emotion.is-selected span{color:#a33a3b}
.scene-call-outcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:14px;padding:18px;border:1px solid rgba(255,230,180,.5);border-radius:17px;background:#fff8e9;color:#392833;box-shadow:0 12px 25px rgba(32,8,15,.18)}
.scene-call-outcome-copy{min-width:0}
.scene-call-overline{margin:0 0 5px;color:#a23c3d;font-size:10px;font-weight:950;letter-spacing:.13em}
.scene-call-outcome h3{margin:0 0 7px;color:#362330;font:900 clamp(19px,3vw,27px)/1.07 Georgia,serif;letter-spacing:-.025em}
.scene-call-outcome-copy>p:last-child{margin:0;color:#765c57;font-size:13px;line-height:1.48}
.scene-call-destination{display:grid;align-content:center;gap:4px;padding:13px;border-left:1px solid #e4ceb0}
.scene-call-destination small{color:#9c6d2d;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.scene-call-destination strong{color:#382832;font:900 18px/1.08 Georgia,serif;overflow-wrap:anywhere}
.scene-call-destination span{color:#876b65;font-size:11px;line-height:1.35}
.scene-call-destination.is-empty{background:#fff3df;border:1px dashed #d4aa78;border-radius:12px}
.scene-call-destination.is-empty strong{color:#7d4f3f;font:800 14px/1.25 system-ui,sans-serif}
.scene-call-destination.is-empty span{color:#9a7161}
.scene-call-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.scene-call-actions a,.scene-call-actions button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:0 12px;border:1px solid #dfc29b;border-radius:10px;background:#fff;color:#513b3d;text-align:left;font:800 11px/1.25 system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.scene-call-actions a:hover,.scene-call-actions a:focus-visible,.scene-call-actions button:hover:not(:disabled),.scene-call-actions button:focus-visible{border-color:#a23c3d;background:#fff1d5;transform:translateY(-1px);outline:3px solid rgba(162,60,61,.18);outline-offset:2px}
.scene-call-actions a{border-color:#2f6f51;background:#f2fbf1;color:#2f6047}
.scene-call-actions b{flex:0 0 auto;color:#a23c3d;font-size:17px}
.scene-call-actions a b{color:#2f6f51}
.scene-call-actions button:disabled{cursor:not-allowed;opacity:.52}
.scene-call-actions .scene-call-related{grid-column:1/-1;background:#fff7e8}
.scene-call-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(255,255,255,.08);color:#fff8ec;font:850 12px/1 system-ui,sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.scene-call-save:hover,.scene-call-save:focus-visible{border-color:#ffd36a;background:rgba(255,211,106,.17);outline:3px solid rgba(255,211,106,.22);outline-offset:2px}
.scene-call-save span:first-child{color:#ffd36a;font-size:18px;line-height:1}
.scene-call-save.is-saved{border-color:#ffd36a;background:rgba(255,211,106,.2)}
.scene-call-save:disabled{cursor:wait;opacity:.65}
.scene-call-status{min-height:17px;margin:-8px 0 0;color:#ffdca7;font-size:11px;line-height:1.35}
@media(max-width:680px){.scene-call{border-radius:19px;padding:20px 15px}.scene-call-head{gap:10px}.scene-call-mark{width:48px;height:48px;border-radius:14px;font-size:12px}.scene-call-intro{display:grid;gap:5px}.scene-call-intro span{text-align:left}.scene-call-emotions{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-call-emotion{min-height:72px}.scene-call-outcome{grid-template-columns:1fr;padding:15px}.scene-call-destination{border-top:1px solid #e4ceb0;border-left:0}.scene-call-actions{grid-template-columns:1fr}.scene-call-actions .scene-call-related{grid-column:auto}}
@media(max-width:380px){.scene-call-head h2{font-size:28px}.scene-call-emotion strong{font-size:11px}}

/* La scena è il primo invito dopo il player: deve riconoscersi subito. */
.video-experience > [data-scene-call]{margin:16px -4px 28px}
.video-experience > [data-scene-call] .scene-call{margin:0;border-width:2px;box-shadow:0 24px 54px rgba(77,25,32,.32)}
.video-experience > [data-scene-call] .scene-call::after{width:72%;height:4px}
.video-experience > [data-scene-call] .scene-call-head h2{font-size:clamp(32px,5.6vw,54px)}
.video-experience > [data-scene-call] .scene-call-intro{padding-top:17px}
@media(max-width:680px){.video-experience > [data-scene-call]{margin:14px -2px 24px}.video-experience > [data-scene-call] .scene-call{padding:22px 16px}.video-experience > [data-scene-call] .scene-call-head h2{font-size:34px}}