/* Figurina (scudo, 3D, statistiche, badge) e Community. Derivato dal prototipo v6: .bar riga 261, righe 399-400, 401 (.figstage), 415-437 (figurina v5). */
.bar{height:6px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin:6px 0 16px}.bar i{display:block;height:100%;background:var(--or)}
.figs{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.figs span{border:1px solid rgba(0,0,0,.18);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}
.bdg{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}.bdg span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border-radius:20px;padding:7px 12px;font-size:12px;font-weight:600}.bdg b{color:var(--or)}
.figstage{position:relative;padding:34px 18px 40px;border-radius:10px;background:radial-gradient(circle at 25% 15%,rgba(255,90,0,.38),transparent 55%),radial-gradient(circle at 85% 95%,rgba(255,200,0,.2),transparent 50%),linear-gradient(160deg,#1d1d1d,#090909);overflow:hidden;perspective:900px}.figstage:before{content:'';position:absolute;left:-20%;right:-20%;bottom:-8%;height:60%;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:30px 30px;transform:perspective(420px) rotateX(62deg);transform-origin:bottom;opacity:.9;pointer-events:none}.figstage .fifa{position:relative;transition:transform .12s ease-out;transform-style:preserve-3d;will-change:transform}.nmrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.trs{display:inline-flex;gap:2px;align-items:center;flex-shrink:0}.fbd{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;justify-content:center}.fbd svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}
/* Figurina a scudo. Tutte le misure seguono la larghezza della figurina: var(--u) vale 1px su una figurina larga 350px (così scala bene anche nella griglia dei soci). */
.fc2{--c1:#FFD23F;--c2:#FF5A00;--c3:#7a1d00;--g:255,90,0;position:relative;width:min(100%,350px);margin:0 auto;aspect-ratio:310/470;container-type:inline-size;transition:transform .12s ease-out;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))}
.fc2 .fcx{--u:calc(100cqw/350);position:absolute;inset:0}
.fc2 .ff,.fc2 .fb{position:absolute;inset:0}
.fc2 .fb{display:none}
.fc2.is-back .ff{display:none}.fc2.is-back .fb{display:block}
.fc2 .shell,.fc2 .inner,.fc2:after{position:absolute;clip-path:polygon(0 5%,9% 0,91% 0,100% 5%,100% 87%,50% 100%,0 87%)}
.fc2 .shell{inset:0;background:linear-gradient(145deg,var(--c1),var(--c2) 48%,var(--c3))}
.fc2 .inner{inset:5px;background:radial-gradient(circle at 24% 10%,rgba(var(--g),.42),transparent 52%),radial-gradient(circle at 90% 70%,rgba(var(--g),.18),transparent 45%),repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 6px,transparent 6px 14px),linear-gradient(180deg,#17181d,#0b0c0f)}
.fc2:after{content:'';inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.30) 46%,rgba(255,255,255,.06) 54%,transparent 72%);background-size:260% 100%;background-position:var(--sx,10%) 0;mix-blend-mode:screen;pointer-events:none}
.fc2 .tt{position:absolute;top:4.6%;left:0;right:0;text-align:center;font:800 calc(11*var(--u))/1.25 var(--fd);letter-spacing:.46em;color:#fff;text-transform:uppercase;padding-left:.46em;white-space:nowrap}
.fc2 .tt:before,.fc2 .tt:after{content:'';display:inline-block;width:calc(22*var(--u));height:2px;background:var(--c1);vertical-align:middle;margin:0 calc(10*var(--u))}
.fc2 .tt.sm{letter-spacing:.14em;padding-left:.14em;font-size:calc(15*var(--u));line-height:1.15}
.fc2 .tt.sm:before,.fc2 .tt.sm:after{width:calc(10*var(--u));margin:0 calc(6*var(--u))}
.fc2 .tt.two{top:2.6%}
.fc2 .tt.two:before,.fc2 .tt.two:after{display:none}
.fc2 .tt.two span{display:block}
.fc2 .tt.two .t1{font-size:calc(13*var(--u))}
.fc2 .tt .t2{color:var(--c1);font-size:calc(18*var(--u));letter-spacing:.18em;padding-left:.18em}
.fc2 .ph2{position:absolute;left:11%;right:11%;top:11%;height:44%;background:linear-gradient(160deg,var(--c1),var(--c2));clip-path:polygon(7% 0,93% 0,100% 9%,100% 80%,50% 100%,0 80%,0 9%);padding:3px}
.fc2 .ph2 i{display:block;width:100%;height:100%;background-size:cover;background-position:center 18%;background-color:#222;clip-path:polygon(7% 0,93% 0,100% 9%,100% 80%,50% 100%,0 80%,0 9%)}
.fc2 .rb{position:absolute;left:4%;right:4%;top:49.5%;height:9.2%;background:linear-gradient(90deg,#0b0c0f,#202128);transform:skewX(-8deg);border-left:5px solid var(--c1);border-right:5px solid var(--c2);display:flex;align-items:center;justify-content:space-between;padding:0 calc(14*var(--u));box-shadow:0 6px 14px rgba(0,0,0,.5)}
.fc2 .rb>*{transform:skewX(8deg)}.fc2 .rb h3{margin:0;font:800 calc(17*var(--u))/1 var(--fd);color:#fff;letter-spacing:.02em;text-transform:uppercase}
.fc2 .sts{position:absolute;left:11%;right:11%;top:61%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:calc(5*var(--u)) calc(16*var(--u))}
.fc2 .st2{display:grid;grid-template-columns:calc(26*var(--u)) 1fr calc(14*var(--u));gap:calc(5*var(--u));align-items:center;font:700 calc(10.5*var(--u)) var(--fb);color:#fff}
.fc2 .st2 .br{height:calc(5*var(--u));border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}.fc2 .st2 .br i{display:block;height:100%}
.fc2 .st2 em{font-style:normal;text-align:right;font-weight:800}
/* 9 badge a piramide rovesciata: file da 4, 3 e 2 (esagoni a nido d'ape) */
.fc2 .bgr{position:absolute;left:0;right:0;top:calc(408*var(--u));height:calc(86*var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center}
.fc2 .bgr .brow{display:flex;gap:calc(3*var(--u));justify-content:center}
.fc2 .bgr .brow+.brow{margin-top:calc(2*var(--u))}
.fc2 .bgr .hx{width:calc(var(--bs,28)*var(--u));height:calc(var(--bs,28)*var(--u)*1.14);font-size:calc(var(--bs,28)*var(--u)*.3);flex:0 0 auto}
button.hx{border:0;padding:0;cursor:zoom-in;font-family:var(--fb);font-weight:700;transition:transform .15s}
button.hx:hover{transform:scale(1.12)}
button.hx:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fc2 .bgr .hx img{pointer-events:none}
.hx{width:30px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.58);font:700 14px var(--fb)}
.hx img{width:100%;height:100%;object-fit:cover}
.hx.on{background:linear-gradient(160deg,var(--c1),var(--c2));color:#111;font-size:9px}
.bdgl{display:flex;flex-wrap:wrap;gap:14px}.bdgl .hx{width:54px;height:60px}.bdgl .it{text-align:center;font-size:11px;color:#bbb;max-width:90px}

/* --- Aggiunte del tema --- */
.fc2 .ph2 i{background-repeat:no-repeat}
#figstage{touch-action:pan-y}
.fc2.on-pointer{transition:transform .06s linear}
.rk-link{color:var(--or)}
td.nm a{color:var(--or);cursor:pointer}
td.nm .tag-fig{font-size:10px;letter-spacing:.1em;border:1px solid var(--or);border-radius:10px;padding:1px 7px;margin-left:6px}
.lbtn{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.torlist div.r{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #ddd;font-size:14px}
.pc.pcl{cursor:pointer}
a.pc{display:block;color:inherit}
.fc2 .tt{white-space:nowrap}
.fgrid{display:grid;gap:12px}

/* --- Colore dalla statistica più forte, multicolore con due o più 9+ (SPEC aggiornata) e overall --- */
.fc2.multi .shell{background:var(--mg)}
.fc2.multi .ph2{background:var(--mg)}
.fc2.multi .tt:before,.fc2.multi .tt:after{background:linear-gradient(90deg,var(--c1),var(--c2))}
.fc2 .ovr{position:absolute;left:13.5%;top:12.8%;z-index:3;min-width:15%;padding:4px 7px 3px;text-align:center;background:rgba(11,12,15,.84);border:2px solid var(--c1);border-radius:7px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.45)}
.fc2 .ovr b{display:block;font:800 21px/1 var(--fd);color:#fff;letter-spacing:.01em}
.fc2 .ovr small{display:block;margin-top:2px;font:700 7.5px/1 var(--fb);letter-spacing:.16em;color:var(--c1)}
/* griglia «I nostri soci» */
.sociwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:34px 22px;padding:14px 0}
.sociwall a{display:block;color:inherit;transition:transform .2s}
.sociwall a:hover{transform:translateY(-4px)}
.sociwall .fc2{width:100%}
/* interruttore «Dettagli / Panoramica» e vista Panoramica (telefono 3 per riga, tablet 5, computer 8) */
.vsw{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;background:var(--cd)}
.vsw button{border:0;background:transparent;color:rgba(255,255,255,.7);font:600 11px var(--fb);letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;cursor:pointer;min-height:40px}
.vsw button[aria-pressed=true]{background:var(--or);color:#fff}
.vsw button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.sociwall.pan{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}
@media(min-width:701px){.sociwall.pan{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 12px}}
@media(min-width:1001px){.sociwall.pan{grid-template-columns:repeat(8,minmax(0,1fr));gap:20px 12px}}
.sociwall.pan a:hover{transform:translateY(-2px)}
/* barra dei menu a tendina della Community */
.selbar{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:flex-end;margin:6px 0 22px}
.selbar .sbf{display:flex;flex-direction:column;gap:6px}
.selbar .sbf>span{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.selbar select.sel{min-width:170px;padding:10px 16px}
.selbar .grp{display:flex;gap:14px 18px;flex-wrap:wrap;align-items:flex-end}

.dk .torlist div.r{border-bottom:1px solid rgba(255,255,255,.12)}
.dk .torlist div.r b{color:var(--or)}
.torcard{padding:22px 26px}

/* --- Figurine speciali: «giocatore temibile» (3 o più statistiche da 9 in su) --- */
.fc2.temibile{filter:drop-shadow(0 0 16px rgba(var(--g),.6)) drop-shadow(0 22px 26px rgba(0,0,0,.6))}
.fc2.temibile{--jag:polygon(0 0,13% 4.4%,37% 1.6%,50% 4%,63% 1.6%,87% 4.4%,100% 0,97% 9%,100% 15%,97% 21%,100% 27%,97% 33%,100% 39%,97% 45%,100% 51%,97% 57%,100% 63%,97% 69%,100% 75%,97% 81%,92% 87%,50% 100%,8% 87%,3% 81%,0 75%,3% 69%,0 63%,3% 57%,0 51%,3% 45%,0 39%,3% 33%,0 27%,3% 21%,0 15%,3% 9%)}
.fc2.temibile .shell,.fc2.temibile:after{clip-path:var(--jag)}
.fc2.temibile .shell{background:linear-gradient(120deg,var(--mf,var(--c1),var(--c2)));background-size:300% 300%;animation:tflow 7s ease-in-out infinite alternate}
.fc2.temibile .inner{inset:calc(13*var(--u))}
.fc2.temibile .ff:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 106%,rgba(var(--g),.55),transparent 58%);clip-path:polygon(0 5%,9% 0,91% 0,100% 5%,100% 87%,50% 100%,0 87%);mix-blend-mode:screen;pointer-events:none;animation:tpulse 2.2s ease-in-out infinite alternate}
/* reazione quando ci passi sopra: tremito, bordo che si accende, aura più forte */
.fc2.temibile:hover{filter:drop-shadow(0 0 28px rgba(var(--g),.95)) drop-shadow(0 22px 26px rgba(0,0,0,.6))}
.fc2.temibile:hover .shell{animation-duration:1.1s;filter:brightness(1.45) saturate(1.4)}
.fc2.temibile:hover .ff:after{animation-duration:.45s}
/* click: onda d'urto e scintille */
.fc2:before{content:'';position:absolute;z-index:5;left:50%;top:48%;width:24%;aspect-ratio:1;border-radius:50%;border:3px solid var(--c1);box-shadow:0 0 18px var(--c1);opacity:0;pointer-events:none}
.fc2.shock:before{animation:shock .65s ease-out forwards}
.fc2 .spark{position:absolute;z-index:6;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px var(--c1);pointer-events:none;animation:spark .75s ease-out forwards}

/* --- Retro della figurina (si gira con un tocco nella pagina del profilo) --- */
.fc2 .fb .inner{background:radial-gradient(circle at 50% 38%,rgba(var(--g),.35),transparent 60%),repeating-linear-gradient(60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 18px),repeating-linear-gradient(-60deg,rgba(255,255,255,.05) 0 1px,transparent 1px 18px),linear-gradient(180deg,#17181d,#0b0c0f)}
.fc2 .emb{position:absolute;left:50%;top:39%;width:calc(190*var(--u));height:calc(190*var(--u));transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--c1)}
.fc2 .emb.plain img{width:62%;height:auto;opacity:.92;filter:drop-shadow(0 0 14px rgba(var(--g),.5))}
.fc2 .emb .ring{position:absolute;left:0;top:0;width:100%;height:100%;animation:spin 18s linear infinite}
.fc2 .emb .r2{left:12%;top:12%;width:76%;height:76%;color:var(--c2);animation:spin 9s linear infinite reverse}
.fc2 .emb .bolt{position:relative;display:flex;color:#fff;filter:drop-shadow(0 0 12px var(--c1)) drop-shadow(0 0 28px rgba(var(--g),.9));animation:bolt 1.8s ease-in-out infinite alternate}
.fc2 .emb .bolt svg{width:calc(64*var(--u));height:calc(64*var(--u))}
.fc2.temibile .fb .inner:before{content:'';position:absolute;inset:-45%;background:conic-gradient(from 0deg,var(--mf,var(--c1),var(--c2)));opacity:.3;animation:spin 9s linear infinite}
.fc2.temibile .fb .inner:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 15%,#0b0c0f 78%);animation:tpulse 2.2s ease-in-out infinite alternate}
.fc2 .fb .sp{position:absolute;left:var(--x);bottom:12%;width:calc(4*var(--u));height:calc(4*var(--u));border-radius:50%;background:var(--c1);box-shadow:0 0 6px 1px var(--c1);opacity:0;animation:rise 3.4s linear infinite;animation-delay:var(--d)}
.fc2 .bk-t{position:absolute;left:8%;right:8%;top:66%;text-align:center;display:flex;flex-direction:column;gap:calc(4*var(--u))}
.fc2 .bk-t b{font:800 calc(17*var(--u)) var(--fd);letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,#fff 0,#fff 35%,var(--c1) 50%,#fff 65%,#fff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s linear infinite}
.fc2 .bk-t span{font:800 calc(28*var(--u)) var(--fd);letter-spacing:.12em;text-transform:uppercase;color:var(--c1)}
.fc2 .bk-n{position:absolute;left:0;right:0;bottom:12%;text-align:center}
.fc2 .bk-n b{display:block;font:800 calc(16*var(--u)) var(--fd);color:#fff;letter-spacing:.06em}
.fc2 .bk-n span{display:block;margin-top:calc(5*var(--u));font:600 calc(8.5*var(--u)) var(--fb);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tflow{from{background-position:0% 0%}to{background-position:100% 100%}}
@keyframes tpulse{from{opacity:.45}to{opacity:1}}
@keyframes bolt{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes shine{from{background-position:100% 0}to{background-position:-150% 0}}
@keyframes rise{0%{transform:translateY(0) scale(1);opacity:0}15%{opacity:1}100%{transform:translateY(calc(-300*var(--u))) scale(.2);opacity:0}}
@keyframes shock{from{transform:translate(-50%,-50%) scale(1);opacity:.95}to{transform:translate(-50%,-50%) scale(9);opacity:0}}
@keyframes spark{from{transform:translate(0,0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}
@media(prefers-reduced-motion:reduce){.fc2 *,.fc2 *:before,.fc2 *:after,.fc2:before{animation:none!important}}

/* --- Pagina profilo: titoli e invito a girare la figurina --- */
#figstage .fc2{cursor:pointer}
button.fig-hint{display:block;width:100%;min-height:40px;padding:10px 0;background:none;border:0;cursor:pointer;font-family:var(--fb);font-weight:400}
.fig-hint{text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58);margin:2px 0 0}
.fig-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.fig-tags span{display:inline-flex;align-items:center;gap:6px;font:800 12px var(--fd);letter-spacing:.14em;text-transform:uppercase;padding:7px 13px;border-radius:30px}
.fig-tags .ft-t{background:linear-gradient(120deg,#FF7A1A,#FF3D6E);color:#fff}
.fig-tags .ft-a{border:1px solid #FFD23F;color:#FFD23F}

/* --- Legenda --- */
.leg{display:grid;gap:14px;margin:6px 0 10px}
.leg-h{font:700 11px var(--fb);letter-spacing:.18em;text-transform:uppercase;color:var(--or);margin-top:10px}
.leg-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.leg-row>div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:12px}
.leg-ic{flex:0 0 38px;height:38px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font:800 11px var(--fd);color:#fff}
.leg p{margin:0;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.65)}
.leg p b{color:#fff}
.leg-row p b{display:block;font-size:13px;margin-bottom:2px}
.leg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.leg-stats>div{padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.04);border-left:4px solid var(--k)}
.leg-stats i{display:none}
.leg-stats b{display:block;font-size:13px;color:#fff}.leg-stats small{display:block;font-size:11.5px;color:var(--k);font-weight:700}
.leg-note{margin:0;font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.5}.leg-note b{color:#fff}
.leg-tit{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:10px}
.leg-tit>div{border-radius:10px;padding:14px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.leg-tit .lt-k{display:inline-flex;align-items:center;gap:7px;font:800 14px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.leg-tit .lt-f .lt-k{color:#FFD23F}
.leg-tit .lt-t{border:1px solid transparent;background:linear-gradient(#17181d,#17181d) padding-box,linear-gradient(120deg,#FF7A1A,#FF3D6E,#25E0D3) border-box;box-shadow:0 0 22px rgba(255,61,110,.22)}
.leg-tit .lt-t .lt-k svg{color:#FFD23F}
.leg-wrap{margin-top:46px}
.sociwall a[hidden]{display:none}

/* --- Telefono: le tendine della Community una sotto l'altra, a tutta larghezza --- */
@media(max-width:560px){
.selbar{flex-direction:column;align-items:stretch;gap:12px}
.selbar .sbf,.selbar .grp{width:100%}
.selbar .grp{flex-direction:column;align-items:stretch;gap:12px}
.selbar select.sel{width:100%;min-width:0;max-width:100%}
}

/* iPhone con iOS precedente al 16 (senza container query): la figurina usa misure fisse, resta leggibile */
@supports not (width:1cqw){.fc2 .fcx{--u:1px}}

/* Badge ingrandito (tocco su un badge della figurina) */
.bz{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.84);display:flex;align-items:center;justify-content:center;padding:20px;animation:bzin .18s ease-out}
.bz-in{position:relative;width:min(100%,340px);text-align:center;padding:34px 22px 26px;background:var(--cd,#1b1b1b);border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#fff}
.bz-x{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:none;color:#fff;font:400 30px/1 var(--fb);cursor:pointer}
.bz-x:focus-visible{outline:2px solid #fff;border-radius:6px}
.bz .bz-hx{width:min(60vw,210px);height:calc(min(60vw,210px)*1.14);margin:0 auto 18px;font-size:60px;font-weight:800;filter:drop-shadow(0 8px 22px rgba(var(--g,240,78,0),.45))}
.bz h3{margin:0 0 6px;font:700 20px/1.2 var(--fd);color:#fff}
.bz p{margin:0;font-size:14px;color:rgba(255,255,255,.72)}
@keyframes bzin{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.bz{animation:none}}
.fig-hint-b{text-align:center;text-transform:none;letter-spacing:.02em;font-size:13px;line-height:1.5;color:rgba(255,255,255,.78);margin:8px auto 0;max-width:340px}
.fig-hint-b b{color:var(--or)}

/* --- Panoramica: l'overall sta in alto a sinistra della figurina, piccolo, e non copre la faccia (misure legate alla larghezza della figurina, con un minimo per restare leggibile) --- */
.sociwall.pan .fc2 .ovr{left:calc(17*var(--u));top:calc(15*var(--u));min-width:calc(46*var(--u));padding:calc(3*var(--u)) calc(5*var(--u)) calc(2*var(--u));border-width:max(1px,calc(2*var(--u)));border-radius:calc(7*var(--u));box-shadow:0 2px 6px rgba(0,0,0,.45)}
.sociwall.pan .fc2 .ovr b{font-size:max(11px,calc(23*var(--u)))}
.sociwall.pan .fc2 .ovr small{font-size:max(5px,calc(7.5*var(--u)));margin-top:1px;letter-spacing:.12em}
@media(max-width:700px){
	.sociwall.pan .fc2 .ovr{min-width:calc(40*var(--u));padding:calc(2*var(--u)) calc(4*var(--u)) calc(1*var(--u))}
	.sociwall.pan .fc2 .ovr b{font-size:max(9px,calc(19*var(--u)))}
	.sociwall.pan .fc2 .ovr small{font-size:max(4px,calc(6*var(--u)))}
}

/* Panoramica: senza la scritta «OVR» e con l'overall un po' più grande (sempre in alto a sinistra) */
.sociwall.pan .fc2 .ovr small{display:none}
.sociwall.pan .fc2 .ovr{min-width:calc(40*var(--u));padding:calc(3*var(--u)) calc(6*var(--u))}
.sociwall.pan .fc2 .ovr b{font-size:max(13px,calc(28*var(--u)))}
@media(max-width:700px){
	.sociwall.pan .fc2 .ovr{min-width:calc(34*var(--u));padding:calc(2*var(--u)) calc(5*var(--u))}
	.sociwall.pan .fc2 .ovr b{font-size:max(11px,calc(23*var(--u)))}
}

.sociwall{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr))}
.leg *{min-width:0;overflow-wrap:anywhere}

/* Badge a nido d'ape: esagoni incastrati senza spazi (file sfalsate di mezzo esagono quando serve) */
.fc2 .bgr .brow{gap:0;transform:translateX(calc(var(--sx,0)*var(--bs,28)*var(--u)))}
.fc2 .bgr .brow+.brow{margin-top:calc(var(--bs,28)*var(--u)*-.2887)}
.fc2 .bgr .hx{height:calc(var(--bs,28)*var(--u)*1.1547)}
/* Retro della figurina: l'elenco degli attributi */
.fc2 .bk-a{font:600 calc(11*var(--u))/1.35 var(--fb);font-style:normal;letter-spacing:.06em;color:#fff;text-align:center;text-transform:uppercase}
.fc2 .bk-a i{display:block;font-style:normal;font-weight:800;font-size:calc(9*var(--u));letter-spacing:.2em;color:var(--c1);margin-bottom:calc(1*var(--u))}
/* Ingrandimento di un badge: se il badge è un'immagine (già esagonale) si vede solo quella, senza l'esagono di sfondo */
.bz .bz-hx.bz-img{clip-path:none;background:none;height:auto;width:min(60vw,230px);filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}
.bz .bz-hx.bz-img img{width:100%;height:auto;object-fit:contain;display:block}

/* Suggerimenti sullo scorrimento col dito: si vedono solo sugli schermi a tocco (smartphone e tablet) */
.fig-hint-s,.bz-hint{display:none;margin:10px 0 0;font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.62);text-align:center}
@media (hover:none) and (pointer:coarse){.fig-hint-s{display:block}.bz-hint{display:block;margin-top:14px;font-size:11.5px;color:rgba(255,255,255,.62)}}

/* === Retro: tutti i testi in una colonna in basso (uno sotto l'altro, mai sovrapposti, qualunque sia il numero di attributi); disegno centrale più piccolo === */
.fc2 .bk-all{position:absolute;left:7%;right:7%;bottom:10.5%;display:flex;flex-direction:column;align-items:center;gap:calc(12*var(--u));text-align:center}
.fc2 .bk-all .bk-t,.fc2 .bk-all .bk-n{position:static;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin:0}
.fc2 .bk-all .bk-t{gap:calc(5*var(--u))}
.fc2 .bk-all .bk-t b{line-height:calc(22*var(--u))}
.fc2 .bk-all .bk-t span{line-height:calc(32*var(--u))}
.fc2 .bk-all .bk-a{line-height:calc(15*var(--u))}
.fc2 .bk-all .bk-n b{line-height:calc(20*var(--u))}
.fc2 .bk-all .bk-n span{line-height:calc(12*var(--u))}
.fc2 .emb{top:33%;width:calc(160*var(--u));height:calc(160*var(--u))}
.fc2 .emb .bolt svg{width:calc(54*var(--u));height:calc(54*var(--u))}

/* === Fronte: righe delle statistiche di altezza fissa (non dipendono dal motore del browser né dal corpo minimo dei caratteri): i badge sotto non possono finirci sopra === */
.fc2 .sts{grid-template-rows:repeat(4,calc(14*var(--u)));height:calc(71*var(--u))}
.fc2 .st2{height:calc(14*var(--u));min-height:0}
.fc2 .st2,.fc2 .st2 b,.fc2 .st2 em,.fc2 .st2 .br{line-height:calc(14*var(--u))}
.fc2 .st2 .br{line-height:0}

/* === Passaggio da un profilo all'altro (scorrimento col dito): quello che esce scivola via, quello che entra arriva dal lato giusto === */
@keyframes figEntraR{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
@keyframes figEntraL{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:none}}
html[data-slide="r"] .fig-slide{animation:figEntraR .26s cubic-bezier(.2,.8,.2,1) both}
html[data-slide="l"] .fig-slide{animation:figEntraL .26s cubic-bezier(.2,.8,.2,1) both}
@media(prefers-reduced-motion:reduce){html[data-slide] .fig-slide{animation:none}}
/* Il bordo colorato della figurina segue la misura della figurina (prima era fisso a 5 pixel: nelle figurine piccole della Panoramica la parte scura diventava troppo stretta e i badge uscivano) */
.fc2 .inner{inset:max(2px,calc(5*var(--u)))}
.fc2.temibile .inner{inset:calc(13*var(--u))}
/* I caratteri piccoli della figurina restano della misura disegnata: Safari su iPhone non deve ingrandirli da solo */
.fc2,.fc2 *{-webkit-text-size-adjust:none;text-size-adjust:none}

/* Finestra del badge: frecce per scorrere gli altri badge della figurina (computer e telefono) */
.bz-nav{position:absolute;top:calc(34px + min(60vw,210px)*.57);transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font:400 30px/1 var(--fb);padding:0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.bz-nav:hover{background:rgba(255,255,255,.22)}
.bz-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bz-prev{left:8px}.bz-next{right:8px}
.bz-cnt{display:block;margin-top:8px;font-size:12px;letter-spacing:.08em;color:rgba(255,255,255,.62)}