/* Fluxedio Gioca — pronostici, sondaggio, voti, consigli, leghe. Usa le variabili della Guida (guida.css). */
.gx-hero h1{font-family:var(--font-display);font-size:clamp(26px,4.4vw,42px);line-height:1.12;margin:6px 0 10px}
.gx-hero .kicker{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);margin:0}
.gx-hero .lead{color:var(--fg-dim);max-width:70ch;margin:0 0 6px}
.gx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;
  font:800 15px var(--font-ui);color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 8px 24px -10px rgba(255,59,78,.7)}
.gx-btn:hover{filter:brightness(1.08)}.gx-btn:disabled{opacity:.6;cursor:default}
.gx-btn.sec{background:var(--panel-strong);border:1px solid var(--line);box-shadow:none;color:var(--fg)}
.gx-btn.sm{min-height:36px;padding:0 14px;font-size:13.5px}.gx-btn.bad{background:#b91c1c;box-shadow:none}
.gx-btn.wa{background:#1fa855;box-shadow:none}.gx-btn.fb{background:#1877f2;box-shadow:none}
.gx-btn.fb span{font:900 18px/1 Arial,sans-serif}
.gx-link{background:none;border:0;padding:6px 2px;color:var(--fg-dim);font:700 14px var(--font-ui);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gx-link:hover{color:var(--fg)}
.gx-note{color:var(--fg-dim);font-size:14px}.gx-small{color:var(--fg-faint);font-size:12.5px;margin:14px 0 0}.gx-small a{color:var(--fg-dim)}
.gx-empty{color:var(--fg-dim);padding:14px 0}.gx-center{text-align:center;margin:22px 0}
.gx-more{color:var(--fg);font-weight:800}

/* barra del giocatore */
.gx-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:18px 0;padding:12px 14px 12px 18px;border-radius:18px;
  border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,59,78,.10),rgba(139,92,246,.10))}
.gx-bar-l{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--fg-dim);font-size:14.5px}
.gx-bar-r{display:flex;align-items:center;gap:10px}
.gx-me{font:800 16px var(--font-display);color:var(--fg);text-decoration:none}
.gx-chip{display:inline-flex;gap:5px;align-items:baseline;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.25);border:1px solid var(--line);font-size:13px;color:var(--fg-dim)}
.gx-chip b{color:var(--fg);font-size:15px}

/* tessere dell'hub */
.gx-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:8px 0 26px}
.gx-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:20px;border:1px solid var(--line);background:var(--panel);
  color:var(--fg);text-decoration:none;transition:transform .25s,border-color .25s}
.gx-tile:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.22)}
.gx-tile b{font:800 18px var(--font-display)}.gx-tile span:last-child{color:var(--fg-dim);font-size:14px}
.gx-ti{font-size:30px;line-height:1}
.gx-tile.t1{background:linear-gradient(140deg,rgba(255,59,78,.22),rgba(255,59,78,.04))}.gx-tile.t2{background:linear-gradient(140deg,rgba(139,92,246,.24),rgba(139,92,246,.04))}
.gx-tile.t3{background:linear-gradient(140deg,rgba(47,123,255,.22),rgba(47,123,255,.04))}.gx-tile.t4{background:linear-gradient(140deg,rgba(34,197,94,.2),rgba(34,197,94,.03))}

/* striscia in home */
.gx-strip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin-top:14px;padding-bottom:2px}
.gx-strip::-webkit-scrollbar{display:none}
.gx-strip a,.gx-strip button{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,59,78,.14),rgba(139,92,246,.14));color:var(--fg);font:600 14px var(--font-ui);text-decoration:none;cursor:pointer}
.gx-strip b{font-weight:800;color:#fff;padding-left:2px}.gx-strip span{font-size:17px}
.gx-homepoll{margin:10px auto 26px}

/* filtri e titoli */
.gx-filter,.gx-tabs,.gx-whens{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.gx-filter button,.gx-tabs a,.gx-whens button{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--fg-dim);font:700 13.5px var(--font-ui);text-decoration:none;cursor:pointer}
.gx-filter button.on,.gx-tabs a[aria-current],.gx-whens button.on{background:var(--fg);color:#0b0d14;border-color:var(--fg)}
.gx-day{font:800 15px var(--font-ui);letter-spacing:.4px;color:var(--fg-dim);text-transform:capitalize;margin:24px 0 10px}

/* partite */
.gx-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.gx-m{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:12px 14px}
.gx-m.has{border-color:rgba(139,92,246,.45)}
.gx-mh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--fg-faint);margin-bottom:8px}
.gx-comp{font-weight:800;text-transform:uppercase;letter-spacing:.8px}.gx-ko{color:var(--fg);font-weight:800;font-size:14px}
.gx-mlink{margin-left:auto;color:var(--fg-dim);font-weight:700}
.gx-live{color:#fff;background:#e11d48;border-radius:6px;padding:1px 7px;font-weight:800}.gx-final{color:var(--fg);font-weight:800}
.gx-mt{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.gx-team{display:flex;align-items:center;gap:9px;min-width:0;font:800 15.5px var(--font-ui)}
.gx-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-away{justify-content:flex-end;text-align:right}
.gx-crest{width:30px;height:30px;object-fit:contain;flex:0 0 auto}
.gx-pick{display:flex;align-items:center;gap:6px}
.gx-dash{color:var(--fg-faint);font-weight:800}
.gx-step{display:inline-flex;align-items:center;border-radius:14px;background:rgba(0,0,0,.3);border:1px solid var(--line)}
.gx-step button{width:34px;height:40px;border:0;background:none;color:var(--fg);font:800 20px/1 var(--font-ui);cursor:pointer;border-radius:12px}
.gx-step button:hover{background:var(--panel-strong)}
.gx-step output{min-width:26px;text-align:center;font:900 22px var(--font-display);color:var(--fg-faint)}
.gx-m.has .gx-step output,.gx-m.touched .gx-step output{color:#fff}
.gx-mine{min-width:70px;justify-content:center}
.gx-my{font:900 20px var(--font-display);padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.3)}.gx-my.none{font:600 12px var(--font-ui);color:var(--fg-faint);background:none}
.gx-pt{font:800 13px var(--font-ui);padding:3px 8px;border-radius:8px;background:#475069}.gx-pt.p3{background:#16a34a}.gx-pt.p1{background:#2563eb}
.gx-crowd{margin-top:10px}
.gx-cbar{display:flex;height:22px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.25)}
.gx-cbar i{display:flex;align-items:center;justify-content:center;min-width:0;font-style:normal;overflow:hidden;white-space:nowrap}
.gx-cbar b{font:800 11.5px var(--font-ui);color:#fff;padding:0 4px}
.gx-cbar .c1{background:rgba(255,59,78,.75)}.gx-cbar .cx{background:rgba(170,178,200,.4)}.gx-cbar .c2{background:rgba(139,92,246,.8)}
.gx-cnote,.gx-crowd-empty span{display:block;font-size:12px;color:var(--fg-faint);margin-top:5px}
.gx-mf{min-height:18px;margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13px}
.gx-ok{color:#4ade80;font-weight:700}.gx-wait{color:var(--fg-faint)}.gx-bad{color:#fca5a5}
.gx-mw{margin:18px 0;padding:14px;border-radius:20px;border:1px solid rgba(139,92,246,.4);background:linear-gradient(135deg,rgba(255,59,78,.08),rgba(139,92,246,.10))}
.gx-mwh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.gx-mwh h2{margin:0;font-size:18px}.gx-mwh a{color:var(--fg-dim);font-size:13.5px;font-weight:700}
.gx-mw .gx-m{background:rgba(0,0,0,.2)}
@media(max-width:560px){.gx-team{font-size:14px;flex-direction:column;gap:4px;text-align:center}.gx-away{flex-direction:column-reverse}
  .gx-step button{width:30px}.gx-m{padding:12px 10px}.gx-mlink{margin-left:0}}

/* 1 · X · 2 */
.gx-signs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:2px 0 10px}
.gx-sign{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:6px 4px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--fg);cursor:pointer;font:inherit;min-width:0;transition:background .2s,border-color .2s,transform .1s}
.gx-sign b{font:900 17px var(--font-display)}.gx-sign small{font-size:11.5px;color:var(--fg-faint);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gx-sign:hover{border-color:rgba(255,255,255,.3)}.gx-sign:active{transform:scale(.97)}
.gx-sign.on{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.gx-sign.on small{color:#fff}
.gx-mini{margin-top:8px;padding:10px 10px 4px;border-radius:16px}
.cz-hcw:has(>.gx-mini){flex-wrap:wrap}.cz-hcw>.gx-mini{flex:0 0 100%;box-sizing:border-box}
.gx-mini-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px;font-size:12.5px;font-weight:800;color:var(--fg-dim)}.gx-mini-h a{color:var(--fg-faint);font-weight:700;font-size:12px}
.gx-mini .gx-signs{margin-bottom:2px}.gx-mini .gx-crowd{margin-top:6px}.gx-mini .gx-crowd-empty{display:none}

/* classifica */
.gx-rank{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.gx-rank li{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.gx-rank li.me{border-color:var(--accent);background:rgba(255,59,78,.1)}
.gx-pos{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:900 14px var(--font-ui);background:#2a3045}
.gx-pos.p1{background:#f5c542;color:#1a1300}.gx-pos.p2{background:#c9d1e0;color:#111}.gx-pos.p3{background:#d08a4f;color:#1a0d00}
.gx-nick{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gx-stat{font-size:12px;color:var(--fg-faint)}.gx-pts{font:900 15px var(--font-display)}
@media(max-width:560px){.gx-stat{display:none}.gx-rank li{grid-template-columns:34px 1fr auto}}
.gx-rules{margin:0 0 10px;padding-left:20px;color:var(--fg-dim)}.gx-rules b{color:var(--fg)}

/* sondaggio */
.gx-poll{border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(160deg,rgba(139,92,246,.14),rgba(255,59,78,.06) 60%,transparent);margin:6px 0 20px}
.gx-ph{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.gx-ph h2{margin:0;font-family:var(--font-display);font-size:clamp(18px,2.6vw,22px)}.gx-pn{font-size:13px;color:var(--fg-faint);white-space:nowrap}
.gx-opts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.gx-opt{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);
  background:rgba(0,0,0,.22);color:var(--fg);text-align:left;cursor:pointer;font:inherit;transition:border-color .2s,transform .15s}
.gx-opt:hover:not(:disabled){border-color:rgba(255,255,255,.3)}.gx-opt:active:not(:disabled){transform:scale(.99)}
.gx-poll.busy .gx-opt{opacity:.7;pointer-events:none}
.gx-opt>*{position:relative;z-index:1}
.gx-obar{position:absolute!important;z-index:0!important;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(139,92,246,.45),rgba(139,92,246,.18));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.gx-opt.top .gx-obar{background:linear-gradient(90deg,rgba(255,59,78,.6),rgba(255,59,78,.22))}
.gx-opt.mine{border-color:#fff}
.gx-opt.mine .gx-ot b::after{content:" ✓";color:#4ade80}
.gx-logo{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#0d1120;overflow:hidden}
.gx-logo img{width:30px;height:30px;object-fit:contain}.gx-logo.noimg{background:#1b2133}.gx-emo{font-size:20px}
.gx-ot{flex:1;min-width:0;display:flex;flex-direction:column}.gx-ot b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gx-ot small{color:var(--fg-faint);font-size:12px}
.gx-ot a{color:inherit;text-decoration:none}
.gx-op{font:900 16px var(--font-display);min-width:42px;text-align:right}
.gx-pf{margin:10px 2px 0;font-size:13.5px;color:var(--fg-dim)}
.gx-poll.big .gx-opts{grid-template-columns:1fr}.gx-poll.big .gx-opt{padding:12px 14px}

/* "Com'era?" */
.gx-ratebox{margin:16px 0;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:var(--panel)}
.gx-ratebox h2{margin:0 0 8px;font-size:17px}
[data-gx-rate]{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.gx-stars{display:inline-flex;gap:2px}
.gx-stars button{background:none;border:0;padding:2px;font-size:28px;line-height:1;color:#3a4058;cursor:pointer;transition:transform .15s,color .15s}
.gx-stars button.on{color:#f5c542}.gx-stars.ro button{cursor:default}.gx-stars:not(.ro) button:hover{transform:scale(1.15)}
.gx-avg{font-size:13.5px;color:var(--fg-dim)}.gx-avg b{color:var(--fg);font-size:16px}
.gx-rates{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gx-rate-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.gx-rate-row .gx-ot{min-width:150px}

/* consigliami */
.gx-moods{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:14px 0}
.gx-moods.sm{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.gx-mood{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px;border-radius:18px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;font:inherit;text-align:left;transition:transform .2s,border-color .2s}
.gx-mood:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.25)}
.gx-mood.on{border-color:var(--accent);background:linear-gradient(140deg,rgba(255,59,78,.22),rgba(139,92,246,.14))}
.gx-mood span{font-size:26px}.gx-mood b{font-size:15px}.gx-mood small{color:var(--fg-faint);font-size:12px}
.gx-sugbox{min-height:40px}
.gx-sugk{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin:10px 0 8px}
.gx-sug{display:flex;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--line);background:var(--panel);margin-bottom:10px;animation:gxIn .35s ease}
.gx-sug h3{margin:2px 0 6px;font-family:var(--font-display);font-size:19px}.gx-sug h3 a{color:var(--fg);text-decoration:none}.gx-sug h3 a:hover{text-decoration:underline}
.gx-sug p{margin:0;color:var(--fg-dim);font-size:14.5px}.gx-sw{font-size:13px!important;color:var(--fg-faint)!important;font-weight:700}
.gx-sugact{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}
@keyframes gxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* leghe e profilo */
.gx-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.gx-form h2{font-size:17px}
.gx-nickf,.gx-form form{display:flex;gap:8px;flex-wrap:wrap}
.gx-nickf input,.gx-form input{flex:1;min-width:180px;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.3);color:var(--fg);font:600 16px var(--font-ui)}
.gx-nickf input:focus,.gx-form input:focus{outline:2px solid var(--accent-2);outline-offset:1px}
.gx-lgs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.gx-lgs li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.gx-lgs a{flex:1;display:flex;flex-direction:column;color:var(--fg);text-decoration:none}.gx-lgs small{color:var(--fg-faint)}
.gx-join{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;padding:14px;border-radius:18px;border:1px solid rgba(139,92,246,.4);background:rgba(139,92,246,.08)}
.gx-join>span{flex:1 1 100%;font-weight:700}
.gx-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0 6px}
.gx-kpis div{padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.gx-kpis b{display:block;font:900 26px var(--font-display)}.gx-kpis span{color:var(--fg-faint);font-size:13px}
.gx-alt{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.gx-prose h2{font-size:19px;margin:22px 0 8px}.gx-prose p,.gx-prose li{color:var(--fg-dim)}
.gx-shot img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}

/* finestra in basso (telefono) / al centro (computer) */
.gx-sheet-wrap{position:fixed;inset:0;z-index:1000;background:rgba(3,5,10,.6);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}
.gx-sheet-wrap.in{opacity:1}
.gx-sheet{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;
  background:#0f1322;border:1px solid var(--line);color:var(--fg);transform:translateY(30px);transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.gx-sheet-wrap.in .gx-sheet{transform:none}
.gx-sheet h2{font-family:var(--font-display);font-size:21px;margin:0 30px 8px 0}
.gx-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:var(--panel-strong);color:var(--fg);font-size:22px;cursor:pointer}
.gx-err{color:#fca5a5;font-size:14px;min-height:1px;margin:8px 0 0}
.gx-or{display:flex;align-items:center;gap:10px;color:var(--fg-faint);font-size:12.5px;margin:16px 0 4px}.gx-or::before,.gx-or::after{content:"";flex:1;height:1px;background:var(--line)}
.gx-shimg{width:100%;border-radius:14px;margin:4px 0 12px}
.gx-shares{display:flex;flex-wrap:wrap;gap:8px}
@media(min-width:700px){.gx-sheet-wrap{align-items:center}.gx-sheet{border-radius:24px}}
html.gx-noscroll{overflow:hidden}
#gx-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:1100;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  max-width:min(92vw,520px);padding:12px 18px;border-radius:14px;background:#111827;border:1px solid rgba(255,255,255,.15);color:#fff;font:700 14.5px var(--font-ui,system-ui);
  box-shadow:0 12px 40px rgba(0,0,0,.5);transition:opacity .25s,transform .25s}
#gx-toast.show{opacity:1;transform:translate(-50%,0)}#gx-toast.bad{border-color:#f87171}