/* ============ stemma in PERSONALIZZA: placca di dimensione fissa ============ */
.ut-curcrest{display:flex;align-items:center;gap:14px}
.ut-curcrest img{width:76px!important;height:76px!important;max-width:76px!important;
max-height:76px!important;object-fit:contain!important;flex:0 0 auto;padding:7px!important;
box-sizing:border-box!important;border-radius:12px;background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);margin:0!important}
.ut-curcrest>div{min-width:0}
.ut-curcrest b{font-size:21px;line-height:1.1}
@media(max-width:560px){.ut-curcrest img{width:58px!important;height:58px!important;
max-width:58px!important;max-height:58px!important}.ut-curcrest b{font-size:17px}}
/* ================== valute e pacchetti: le icone vere del gioco ============ */
.kfx-ic{position:relative;display:block;border-radius:50%;flex:0 0 auto}
.kfx-ic.coin{background:radial-gradient(circle at 32% 26%,#fff6d2,#ffcf4d 56%,#b9760a);
box-shadow:0 0 22px rgba(255,207,77,.45),inset 0 -4px 8px rgba(120,72,0,.45),
inset 0 3px 6px rgba(255,255,255,.5)}
.kfx-ic.coin:before{content:'';position:absolute;inset:19%;border-radius:50%;
border:2px solid rgba(148,92,4,.5)}
.kfx-ic.coin:after{content:'C';position:absolute;inset:0;display:grid;place-items:center;
font:400 52% /1 Anton,Impact,sans-serif;color:rgba(133,84,4,.8)}
.kfx-ic.exp{background:radial-gradient(circle at 32% 26%,#e2f9ff,#6fe3ff 56%,#1272a3);
box-shadow:0 0 22px rgba(111,227,255,.42),inset 0 -4px 8px rgba(4,54,84,.45),
inset 0 3px 6px rgba(255,255,255,.5)}
.kfx-ic.exp:after{content:'';position:absolute;inset:24%;
background:linear-gradient(180deg,#f4feff,#c8f1ff);
clip-path:polygon(50% 0,100% 44%,72% 44%,72% 100%,28% 100%,28% 44%,0 44%)}
.kfx-ic.tok{border-radius:0;box-shadow:none;
background:var(--kfm-ic-tok,radial-gradient(circle at 32% 26%,#ffe6f6,#ff7ad9 56%,#8e1f77))
50% 50%/contain no-repeat;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.kfx-pk{display:block;width:100%;height:100%;background:50% 50%/contain no-repeat;
filter:drop-shadow(0 10px 18px rgba(0,0,0,.55))}
/* ======================= ACCESSO GIORNALIERO (nuovo layout) ================ */
.kfd{position:relative;isolation:isolate}
.kfd:before{content:'';position:absolute;inset:-30px -24px 40%;z-index:-1;pointer-events:none;
background:radial-gradient(60% 100% at 22% 0%,rgba(255,196,84,.16),rgba(0,0,0,0) 72%),
radial-gradient(70% 100% at 84% 0%,rgba(96,168,255,.18),rgba(0,0,0,0) 74%)}
.kfd-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
padding:0 2px 15px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.09)}
.kfd-head h3{margin:0;font:400 30px/1 Anton,Impact,sans-serif;letter-spacing:.035em;
text-transform:uppercase;color:#fff;
background:linear-gradient(180deg,#fff 30%,#ffdda1);-webkit-background-clip:text;
-webkit-text-fill-color:transparent;background-clip:text}
.kfd-head span{font:600 11px/1.3 Inter,sans-serif;letter-spacing:.19em;text-transform:uppercase;
color:#8ea7c9}
.kfd-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:stretch}
.kfd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 1.22fr;
grid-template-rows:1fr 1fr;gap:12px}
.kfd-c{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;
min-height:152px;background:linear-gradient(178deg,#16305a 0%,#0d1f3c 58%,#091529 100%);
border:1px solid rgba(122,166,232,.22);
box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 12px 26px rgba(0,0,0,.36);
transition:transform .18s cubic-bezier(.2,.9,.3,1.2),box-shadow .18s,border-color .18s}
.kfd-c:hover{transform:translateY(-3px);border-color:rgba(160,200,255,.4);
box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 38px rgba(0,0,0,.46)}
.kfd-c>.h{padding:9px 6px 8px;text-align:center;font:600 10.5px/1 Inter,sans-serif;
letter-spacing:.22em;text-transform:uppercase;color:#a9c3e8;background:rgba(4,10,20,.42);
border-bottom:1px solid rgba(122,166,232,.18)}
.kfd-c>.a{flex:1;position:relative;display:grid;place-items:center;padding:13px 12px 9px}
.kfd-c>.a>.kfx-ic{width:60px;height:60px}
.kfd-c>.a>.kfx-pk{height:96px;width:100%}
.kfd-c>.n{padding:8px 8px 9px;text-align:center;font:600 10px/1.3 Inter,sans-serif;
letter-spacing:.11em;text-transform:uppercase;color:#dce8fb;background:rgba(3,8,16,.55);
border-top:1px solid rgba(122,166,232,.14);min-height:33px;display:grid;place-items:center}
.kfd-c.done{filter:saturate(.3) brightness(.55)}
.kfd-c.done:after{content:'';position:absolute;left:50%;top:46%;width:58px;height:58px;
transform:translate(-50%,-50%);
background:url('data:image/svg+xml;utf8,') 50%/contain no-repeat;
filter:drop-shadow(0 4px 12px rgba(0,0,0,.75))}
.kfd-c.now{border-color:rgba(126,226,255,.85);
background:linear-gradient(178deg,#1f7fd0 0%,#0f4f96 58%,#0a3468 100%);
box-shadow:0 0 0 2px rgba(126,226,255,.45),0 16px 36px rgba(22,132,214,.32),
inset 0 1px 0 rgba(255,255,255,.2)}
.kfd-c.now>.h{color:#eafaff;background:rgba(3,26,50,.4)}
.kfd-c.big{grid-column:4;grid-row:1/3;
background:linear-gradient(163deg,#ffbe33 0%,#f2900f 48%,#c1620a 100%);
border-color:rgba(255,229,158,.75);
box-shadow:0 0 0 2px rgba(255,226,150,.5),0 22px 50px rgba(214,132,16,.34)}
.kfd-c.big>.h{padding:14px 6px 12px;font:400 20px/1 Anton,Impact,sans-serif;letter-spacing:.14em;
color:#fff9ec;background:rgba(112,54,0,.24);border-bottom-color:rgba(255,232,180,.45)}
.kfd-c.big>.a:before{content:'';position:absolute;inset:0;
background:radial-gradient(115% 66% at 50% 38%,rgba(255,255,255,.4),rgba(255,255,255,0) 64%)}
.kfd-c.big>.a>.kfx-pk{height:auto;aspect-ratio:.72;max-height:190px}
.kfd-c.big>.a>.kfx-ic{width:92px;height:92px}
.kfd-c.big>.n{background:rgba(110,52,0,.32);border-top-color:rgba(255,232,180,.36);
color:#fff8e6;font-size:10.5px;letter-spacing:.16em}
.kfd-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
border-radius:16px;overflow:hidden;min-height:344px;
background:radial-gradient(118% 88% at 68% 16%,#1d4380 0%,#0b1830 58%,#060b16 100%);
border:1px solid rgba(130,172,236,.2)}
.kfd-side>.ph{position:absolute;right:-16px;bottom:0;height:98%;width:auto;max-width:none;
object-fit:contain;object-position:right bottom;pointer-events:none;user-select:none;
filter:drop-shadow(-18px 20px 34px rgba(0,0,0,.62))}
.kfd-side>.gl{position:absolute;inset:0;pointer-events:none;
background:radial-gradient(64% 42% at 60% 30%,rgba(126,190,255,.28),rgba(0,0,0,0) 72%)}
.kfd-side>.st{position:relative;margin:16px 16px 0;display:flex;align-items:baseline;gap:9px}
.kfd-side>.st>b{font:400 42px/1 Anton,Impact,sans-serif;color:#ffd57a;
text-shadow:0 4px 18px rgba(255,190,60,.38)}
.kfd-side>.st>span{font:600 10px/1.2 Inter,sans-serif;letter-spacing:.2em;
text-transform:uppercase;color:#9fb6d8}
.kfd-side>.bx{position:relative;margin:12px 16px 12px;padding:12px 14px;border-radius:12px;
background:rgba(3,8,17,.82);border:1px solid rgba(148,184,240,.2);
font:500 11.5px/1.5 Inter,sans-serif;letter-spacing:.02em;color:#c4d5f2}
.kfd-cta{position:relative;display:block;width:calc(100% - 32px);margin:0 16px 16px;
padding:15px 18px;border:0;border-radius:12px;cursor:pointer;
font:400 19px/1 Anton,Impact,sans-serif;letter-spacing:.13em;text-transform:uppercase;
color:#2a1a02;background:linear-gradient(180deg,#ffe08d,#f4b526 52%,#d68f0d);
box-shadow:0 12px 30px rgba(226,160,24,.36),inset 0 1px 0 rgba(255,255,255,.6);
transition:transform .16s,box-shadow .16s,filter .16s}
.kfd-cta:hover{transform:translateY(-2px);filter:brightness(1.06);
box-shadow:0 18px 40px rgba(226,160,24,.46),inset 0 1px 0 rgba(255,255,255,.7)}
.kfd-cta:active{transform:translateY(0)}
.kfd-cta.off{background:rgba(255,255,255,.07);color:#8ea7c9;cursor:default;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);text-align:center}
@media(max-width:1000px){
.kfd-main{grid-template-columns:1fr}
.kfd-side{min-height:250px;order:-1}
.kfd-side>.ph{height:104%;right:-8%}
}
@media(max-width:640px){
.kfd-head h3{font-size:23px}
.kfd-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
.kfd-c{min-height:126px}
.kfd-c>.a>.kfx-ic{width:46px;height:46px}
.kfd-c>.a>.kfx-pk{height:72px}
.kfd-c.big{grid-column:1/-1;grid-row:auto;min-height:200px}
.kfd-c.big>.a>.kfx-pk{max-height:150px}
}
/* ============================ EVENTI (nuovo layout) ======================= */
.kfe{position:relative}
.kfe-hero{position:relative;overflow:hidden;border-radius:18px;padding:22px 24px;
margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;
align-items:center;border:1px solid rgba(255,196,110,.32);
background:linear-gradient(112deg,#3a1c05 0%,#20304f 46%,#0c1526 100%)}
.kfe-hero:before{content:'';position:absolute;inset:0;pointer-events:none;
background:radial-gradient(52% 120% at 8% 30%,rgba(255,176,50,.3),rgba(0,0,0,0) 70%),
radial-gradient(60% 130% at 96% 50%,rgba(96,164,255,.2),rgba(0,0,0,0) 72%)}
.kfe-hero>.tx{position:relative;min-width:0}
.kfe-hero h4{margin:0 0 7px;font:400 27px/1 Anton,Impact,sans-serif;letter-spacing:.05em;
text-transform:uppercase;color:#fff}
.kfe-hero p{margin:0 0 14px;font:500 12px/1.6 Inter,sans-serif;color:#c9d8f0;max-width:56ch}
.kfe-bar{position:relative;height:8px;border-radius:99px;overflow:hidden;
background:rgba(3,8,16,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.kfe-bar>i{position:absolute;inset:0 auto 0 0;border-radius:99px;
background:linear-gradient(90deg,#ffcf5c,#ff9017);box-shadow:0 0 16px rgba(255,166,44,.6)}
.kfe-pct{margin-top:8px;font:600 10.5px/1 Inter,sans-serif;letter-spacing:.18em;
text-transform:uppercase;color:#f2c987}
.kfe-miles{position:relative;display:flex;gap:9px}
.kfe-m{width:74px;border-radius:12px;padding:9px 6px 7px;text-align:center;
background:rgba(4,10,20,.55);border:1px solid rgba(255,255,255,.12)}
.kfe-m>.c{height:56px;display:grid;place-items:center;filter:grayscale(1) opacity(.5)}
.kfe-m>.c>.kfx-ic{width:42px;height:42px}
.kfe-m>.c>.kfx-pk{height:56px}
.kfe-m>.d{margin-top:5px;font:600 10px/1 Inter,sans-serif;letter-spacing:.16em;color:#9fb6d8}
.kfe-m.on{border-color:rgba(255,206,110,.6);background:rgba(255,178,54,.14)}
.kfe-m.on>.c{filter:none}
.kfe-m.on>.d{color:#ffd68f}
.kfe-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.kfe-c{position:relative;border-radius:13px;overflow:hidden;
background:linear-gradient(178deg,#152e56 0%,#0c1e3a 60%,#091528 100%);
border:1px solid rgba(120,164,232,.2);
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.3);
transition:transform .16s,border-color .16s}
.kfe-c:hover{transform:translateY(-3px);border-color:rgba(160,200,255,.4)}
.kfe-c>.a{position:relative;height:78px;display:grid;place-items:center;padding:11px 8px 4px}
.kfe-c>.a>.kfx-ic{width:44px;height:44px}
.kfe-c>.a>.kfx-pk{height:66px}
.kfe-c>.d{padding:6px 4px 8px;text-align:center;font:600 9.5px/1.2 Inter,sans-serif;
letter-spacing:.13em;text-transform:uppercase;color:#a9c3e8;background:rgba(3,8,16,.5);
border-top:1px solid rgba(120,164,232,.14)}
.kfe-c.mile{border-color:rgba(255,206,110,.5)}
.kfe-c.mile>.d{color:#ffd68f;background:rgba(60,32,0,.45)}
.kfe-c.done{filter:saturate(.3) brightness(.56)}
.kfe-c.done:after{content:'';position:absolute;left:50%;top:40%;width:40px;height:40px;
transform:translate(-50%,-50%);
background:url('data:image/svg+xml;utf8,') 50%/contain no-repeat;
filter:drop-shadow(0 4px 10px rgba(0,0,0,.75))}
.kfe-c.now{border-color:rgba(126,226,255,.85);
background:linear-gradient(178deg,#1f7fd0,#0d4287);
box-shadow:0 0 0 2px rgba(126,226,255,.4),0 14px 30px rgba(22,132,214,.3)}
.kfe-foot{margin-top:18px;display:flex;align-items:center;justify-content:space-between;
gap:18px;flex-wrap:wrap;padding:16px 18px;border-radius:15px;
background:linear-gradient(180deg,rgba(14,26,46,.9),rgba(6,12,22,.9));
border:1px solid rgba(130,172,236,.2)}
.kfe-foot>.tx>b{display:block;font:400 21px/1.1 Anton,Impact,sans-serif;letter-spacing:.05em;
text-transform:uppercase;color:#fff}
.kfe-foot>.tx>span{display:block;margin-top:5px;font:500 11.5px/1.4 Inter,sans-serif;color:#a9c0e0}
.kfe-foot>.kfd-cta{width:auto;min-width:210px;margin:0}
@media(max-width:900px){
.kfe-hero{grid-template-columns:1fr}
.kfe-miles{overflow-x:auto;padding-bottom:4px}
.kfe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:560px){
.kfe-hero h4{font-size:21px}
.kfe-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kfe-c>.a{height:60px}
.kfe-c>.a>.kfx-ic{width:34px;height:34px}
.kfe-c>.a>.kfx-pk{height:50px}
.kfe-foot>.kfd-cta{width:100%;min-width:0}
}