/* Kit raster 2.47.58: immagine, texture, materiale e testo sono layer distinti. */
@font-face{font-family:ReleaseEditoriale;src:url('fonts/BarlowCondensed-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:ReleaseEditoriale;src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
@font-face{font-family:ReleaseTecnico;src:url('fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:ReleaseTecnico;src:url('fonts/Rajdhani-SemiBold.ttf') format('truetype');font-weight:600 800;font-display:swap}
.fo-rel{--font-tecnica:ReleaseEditoriale,sans-serif;--font-dati:ReleaseEditoriale,sans-serif;--font-trama:ReleaseEditoriale,sans-serif;--font-citazione:ReleaseEditoriale,sans-serif;--font-pulsanti:'Segoe UI',sans-serif;border-color:#2a414d99;box-shadow:0 12px 35px #0004}
.fo-rel-in{padding:24px 26px 20px}
.fo-rel .fo-rel-titolo,.corpo-msg .fo-rel h4.fo-rel-titolo{font-size:clamp(29px,4.7cqi,54px);font-weight:600;letter-spacing:.015em;color:#e1eaf0;text-shadow:0 1px #fff6,0 4px 5px #0008}
.fo-rel-chips{margin-bottom:18px}
.fo-rel-chip{font:400 21px/1.35 var(--font-tecnica);letter-spacing:.015em;color:#99b2c4}
.fo-rel-corpo{gap:20px;align-items:flex-start}
.fo-rel .fo-rel-cover{width:23%;max-width:240px;max-height:330px;object-fit:cover;border-radius:7px}
.fo-rel-dati{display:grid;grid-template-columns:minmax(95px,max-content) minmax(0,1fr);gap:5px 16px;flex:0 1 auto;width:max-content;min-width:240px;max-width:42%;padding:14px 17px;background:linear-gradient(120deg,#10212a99,#06101899);border-color:#24404c88;box-shadow:inset 0 1px 2px #a9d4e409,0 4px 14px #0002}
.fo-rel-campo{display:contents}
.fo-rel-campo dt{display:flex;align-items:center;gap:9px;min-width:0;max-width:165px;font:400 17px/1.5 var(--font-dati);letter-spacing:0;color:#90afc4}
.fo-rel-campo dt::before{content:none}
.fo-rel-campo dd{align-self:center;font:400 17px/1.5 var(--font-dati);margin:0;color:#c8d9e3}
.fo-rel-field-icon{width:18px;height:18px;min-width:18px;flex:none;filter:drop-shadow(0 0 3px #82b3ce22);color:#a7c6d9}
.fo-rel-trama{font:400 20px/1.45 var(--font-trama);color:#b9cbd8;padding:4px 0;flex:1 1 230px}
.fo-rel .fo-rel-cit{font:400 19px/1.35 var(--font-citazione);padding:0 0 12px 28px;margin:0 0 9px;color:#8faec3}
.fo-rel-dl{gap:24px;margin-top:30px;align-items:flex-start}
.corpo-msg>:is(.fo-mag,.fo-tor,.fo-rel)+br,.corpo-msg>:is(.fo-mag,.fo-tor,.fo-rel)+br+br{display:none}
.fo-mag,.fo-tor{--dl-rgb:244,41,116;--dl-dark:#470920;--dl-ink:#edb3cc;--dl-hue:0deg;position:relative;isolation:isolate;display:block;box-sizing:border-box;width:100%;max-width:510px;min-height:0;padding:101px 3px 0;margin:28px 0 18px;border:0;border-radius:0;background:none;box-shadow:none;color:#dae7ef;overflow:visible}
.fo-tor{--dl-rgb:20,246,123;--dl-dark:#003c26;--dl-ink:#5edca4}
.fo-mag::before,.fo-tor::before,.fo-mag::after,.fo-tor::after{content:none}
.fo-dl-face{position:absolute;inset:0 0 auto;height:86px;border-radius:15px;border:1px solid rgba(var(--dl-rgb),.9);background:radial-gradient(ellipse at 5% 0%,rgba(var(--dl-rgb),.42),transparent 65%),linear-gradient(110deg,var(--dl-dark),#07121bef 80%);box-shadow:0 0 3px rgba(var(--dl-rgb),.7),0 3px 15px rgba(var(--dl-rgb),.11),inset 0 2px 2px #e9fcffa0,inset 0 -2px 2px rgba(var(--dl-rgb),.45),inset 0 0 22px #000a;overflow:hidden;pointer-events:none;z-index:0}
.fo-dl-face::after{content:'';position:absolute;inset:3px;border:1px solid rgba(var(--dl-rgb),.27);border-radius:11px;box-shadow:inset 0 1px 3px #0008}
.fo-dl-texture{position:absolute;inset:0;background:url('ui/release/obsidian-texture.png') center/cover;opacity:.36;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 35%,#000 78%)}
.fo-dl-glint{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 8% 0,#fff 0,rgba(var(--dl-rgb),.9) 1%,transparent 17%),radial-gradient(ellipse at 95% 100%,rgba(var(--dl-rgb),.65),transparent 23%);opacity:.65}
.corpo-msg img.fo-mag-ico,.corpo-msg img.fo-tor-ico,.fo-mag-ico,.fo-tor-ico{position:absolute;left:7px;top:-17px;width:114px;height:114px;max-width:none;object-fit:contain;margin:0;border:0;border-radius:0;z-index:3;pointer-events:none;filter:hue-rotate(var(--dl-hue)) drop-shadow(0 7px 5px #000b) drop-shadow(0 0 7px rgba(var(--dl-rgb),.22));transition:transform .2s ease}
.fo-dl-main,.fo-tor .fo-tor-scarica{position:absolute;left:0;right:73px;top:0;z-index:2;height:86px;padding:0 8px 0 127px;margin:0;border:0;border-radius:14px 0 0 14px;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;text-decoration:none;text-align:left;color:#edf4f6;cursor:pointer;white-space:normal}
.fo-dl-title{font:650 23px/1.1 var(--font-pulsanti,'Segoe UI',sans-serif);letter-spacing:.015em;text-shadow:0 1px 2px #000a;color:#f3f7f9}
.fo-dl-subtitle{font:400 17px/1.2 var(--font-pulsanti,'Segoe UI',sans-serif);color:var(--dl-ink);white-space:nowrap}
.fo-mag .fo-mag-copia,.fo-tor .fo-mag-copia{position:absolute;z-index:4;right:13px;top:16px;width:49px;height:54px;min-height:0;padding:11px;margin:0;display:grid;place-items:center;border:1px solid #52778799;border-radius:10px;background:linear-gradient(135deg,#09212dcc,#03121cee);color:#b8d8e8;box-shadow:inset 0 1px 2px #bceeff22,0 0 8px #0007;cursor:pointer}
.fo-mag-copia svg{width:26px;height:28px;overflow:visible;pointer-events:none;filter:drop-shadow(0 1px 2px #0009)}
.fo-mag-copia[data-copy-state=ok]{color:#80ffc2;border-color:#48a780}
.fo-mag-copia[data-copy-state=errore]{color:#ffb080;border-color:#ed885b}
.fo-mag-nome,.fo-tor-nome{display:block;max-width:100%;min-width:0;margin:0 0 1px;padding:0;font:400 12px/1.4 'Segoe UI',sans-serif;color:#9ab0be;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fo-mag-nome{max-width:calc(100% - 74px)}
.fo-mag .fo-mag-apri{position:absolute;right:0;top:100px;display:inline-block;padding:0 2px;border:0;background:none;font:500 11px/1.4 'Segoe UI',sans-serif;color:#b6c9d5;text-decoration:underline;text-underline-offset:3px}
.fo-mag-stat,.fo-tor-stat{display:block;min-width:0;font:400 10px/1.4 'Segoe UI',sans-serif;color:#7f9cac;margin:2px 0 0;overflow-wrap:anywhere}
.fo-mag-stat b,.fo-tor-stat b{font-weight:500;color:#b2c7d4}
.fo-rel-dl .fo-mag,.fo-rel-dl .fo-tor{flex:1 1 380px;max-width:510px;margin:0;min-width:0}
.fo-copy-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fo-mag .xfs-gz-bar,.fo-tor .xfs-gz-bar{position:relative;font-size:11px!important;margin-top:5px!important;max-width:100%;overflow-wrap:anywhere}
.fo-dl-main:hover~img{transform:translateY(-2px)}
.fo-mag:focus-within .fo-dl-face,.fo-tor:focus-within .fo-dl-face{outline:2px solid #bdeaff;outline-offset:4px}
.fo-mag-copia:hover{color:white;border-color:#9edbea;box-shadow:0 0 10px #85def233}
.fo-mag:hover .fo-dl-glint,.fo-tor:hover .fo-dl-glint{opacity:.9}
.fo-rel[data-pulsanti=dark] .fo-mag,.fo-rel[data-pulsanti=dark] .fo-tor{--dl-dark:#111b23}
.fo-rel[data-pulsanti=neon] .fo-dl-face{box-shadow:0 0 13px rgba(var(--dl-rgb),.45),inset 0 2px 3px white,inset 0 -2px 2px rgba(var(--dl-rgb),.9)}
.fo-rel[data-pulsanti=ice] .fo-mag,.fo-rel[data-pulsanti=ice] .fo-tor{--dl-rgb:60,198,255;--dl-dark:#083856;--dl-ink:#a7e9ff}
.fo-rel[data-pulsanti=ice] .fo-mag{--dl-hue:230deg}.fo-rel[data-pulsanti=ice] .fo-tor{--dl-hue:65deg}
.fo-rel[data-pulsanti=fire] .fo-mag,.fo-rel[data-pulsanti=fire] .fo-tor{--dl-rgb:255,133,20;--dl-dark:#521c05;--dl-ink:#ffd095}
.fo-rel[data-pulsanti=fire] .fo-mag{--dl-hue:40deg}.fo-rel[data-pulsanti=fire] .fo-tor{--dl-hue:275deg}
.fo-rel[data-pulsanti=purple] .fo-mag,.fo-rel[data-pulsanti=purple] .fo-tor{--dl-rgb:183,75,255;--dl-dark:#2b0d49;--dl-ink:#d6b3ff}
.fo-rel[data-pulsanti=purple] .fo-mag{--dl-hue:285deg}.fo-rel[data-pulsanti=purple] .fo-tor{--dl-hue:155deg}
.fo-rel[data-pulsanti=cyber] .fo-mag,.fo-rel[data-pulsanti=cyber] .fo-tor{--dl-rgb:15,232,246;--dl-dark:#002a3a;--dl-ink:#7ff6ff}
.fo-rel[data-pulsanti=cyber] .fo-dl-texture{background-size:200% auto;opacity:.5}
.fo-rel[data-pulsanti=gold] .fo-mag,.fo-rel[data-pulsanti=gold] .fo-tor{--dl-rgb:244,195,80;--dl-dark:#3c2c10;--dl-ink:#ffe2a1}
.fo-rel[data-pulsanti=gold] .fo-mag{--dl-hue:65deg}.fo-rel[data-pulsanti=gold] .fo-tor{--dl-hue:290deg}
.fo-rel[data-pulsanti=stealth] .fo-mag,.fo-rel[data-pulsanti=stealth] .fo-tor{--dl-rgb:75,113,131;--dl-dark:#07131b;--dl-ink:#a7c0ce}
.fo-rel[data-pulsanti=stealth] .fo-dl-texture{opacity:.13}
.fo-rel[data-pulsanti=retro] .fo-dl-face{background:#c9c1a4;box-shadow:inset 0 0 20px #3c261f88;border-color:#96795e}
.fo-rel[data-pulsanti=retro] .fo-dl-title{color:#3e2421;text-shadow:none}.fo-rel[data-pulsanti=retro] .fo-dl-subtitle{color:#302f26}
.release-studio-form select{max-width:100%;width:100%}
@container(max-width:780px){.fo-rel-corpo{flex-wrap:wrap}.fo-rel .fo-rel-cover{width:28%;max-width:210px}.fo-rel-dati{flex:1 1 auto;min-width:0;max-width:calc(72% - 20px)}.fo-rel-trama{flex-basis:100%}.fo-rel-in{padding:20px}.fo-rel-dl{gap:22px}}
@container(max-width:440px){.fo-rel-corpo{flex-direction:column}.fo-rel .fo-rel-cover{width:62%;max-width:210px;margin:auto}.fo-rel-dati{flex:auto;width:100%;max-width:100%;padding:12px;grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:4px 10px}.fo-rel-campo dt,.fo-rel-campo dd{font-size:16px}.fo-rel-trama{font-size:18px;flex:auto}.fo-rel-in{padding:16px}.fo-rel-chip{font-size:17px}.fo-rel-dl{margin-top:24px}}
@media(max-width:550px){.fo-dl-main,.fo-tor .fo-tor-scarica{padding-left:87px;right:55px;height:76px}.fo-dl-face{height:76px;border-radius:12px}.corpo-msg img.fo-mag-ico,.corpo-msg img.fo-tor-ico{width:87px;height:87px;left:0;top:-9px}.fo-dl-title{font-size:18px}.fo-dl-subtitle{font-size:13px}.fo-mag .fo-mag-copia,.fo-tor .fo-mag-copia{right:8px;top:14px;width:40px;height:46px;padding:9px}.fo-mag-copia svg{width:22px;height:24px}.fo-mag,.fo-tor{padding-top:90px}.fo-mag .fo-mag-apri{top:90px}}
@media(prefers-reduced-motion:reduce){.fo-mag-ico,.fo-tor-ico{transition:none}}

/* Famiglie consentite per ogni zona, serializzate dal renderer. */
.fo-rel[data-font-tecnica=cinema]{--font-tecnica:ReleaseCinema,sans-serif}
.fo-rel[data-font-tecnica=condensed]{--font-tecnica:ReleaseEditoriale,sans-serif}
.fo-rel[data-font-tecnica=tecnico]{--font-tecnica:ReleaseTecnico,sans-serif}
.fo-rel[data-font-tecnica=elegante]{--font-tecnica:ReleaseElegante,serif}
.fo-rel[data-font-tecnica=moderno]{--font-tecnica:"Segoe UI",Arial,sans-serif}
.fo-rel[data-font-dati=cinema]{--font-dati:ReleaseCinema,sans-serif}
.fo-rel[data-font-dati=condensed]{--font-dati:ReleaseEditoriale,sans-serif}
.fo-rel[data-font-dati=tecnico]{--font-dati:ReleaseTecnico,sans-serif}
.fo-rel[data-font-dati=elegante]{--font-dati:ReleaseElegante,serif}
.fo-rel[data-font-dati=moderno]{--font-dati:"Segoe UI",Arial,sans-serif}
.fo-rel[data-font-trama=cinema]{--font-trama:ReleaseCinema,sans-serif}
.fo-rel[data-font-trama=condensed]{--font-trama:ReleaseEditoriale,sans-serif}
.fo-rel[data-font-trama=tecnico]{--font-trama:ReleaseTecnico,sans-serif}
.fo-rel[data-font-trama=elegante]{--font-trama:ReleaseElegante,serif}
.fo-rel[data-font-trama=moderno]{--font-trama:"Segoe UI",Arial,sans-serif}
.fo-rel[data-font-citazione=cinema]{--font-citazione:ReleaseCinema,sans-serif}
.fo-rel[data-font-citazione=condensed]{--font-citazione:ReleaseEditoriale,sans-serif}
.fo-rel[data-font-citazione=tecnico]{--font-citazione:ReleaseTecnico,sans-serif}
.fo-rel[data-font-citazione=elegante]{--font-citazione:ReleaseElegante,serif}
.fo-rel[data-font-citazione=moderno]{--font-citazione:"Segoe UI",Arial,sans-serif}
.fo-rel[data-font-pulsanti=cinema]{--font-pulsanti:ReleaseCinema,sans-serif}
.fo-rel[data-font-pulsanti=condensed]{--font-pulsanti:ReleaseEditoriale,sans-serif}
.fo-rel[data-font-pulsanti=tecnico]{--font-pulsanti:ReleaseTecnico,sans-serif}
.fo-rel[data-font-pulsanti=elegante]{--font-pulsanti:ReleaseElegante,serif}
.fo-rel[data-font-pulsanti=moderno]{--font-pulsanti:"Segoe UI",Arial,sans-serif}
.corpo-msg .fo-rel[data-font=cinema] h4.fo-rel-titolo{font-family:ReleaseCinema,sans-serif}
.corpo-msg .fo-rel[data-font=condensed] h4.fo-rel-titolo{font-family:ReleaseEditoriale,sans-serif}
.corpo-msg .fo-rel[data-font=tecnico] h4.fo-rel-titolo{font-family:ReleaseTecnico,sans-serif}
.corpo-msg .fo-rel[data-font=elegante] h4.fo-rel-titolo{font-family:ReleaseElegante,serif}
.corpo-msg .fo-rel[data-font=moderno] h4.fo-rel-titolo{font-family:"Segoe UI",Arial,sans-serif}
