/* I TEMI VIP DEL PROFILO (pannello #182, 21/10/2026). GENERATO da genera_vip_css.py: non modificare a mano.
 * Si accendono con <body class="vipTema vipTema-NOME"> (inc/profile.php). Pixel art come il telefono: cornici a gradini,
 * luce a scalini, damasco in pixel. Il testo dei titoli ha contrasto >= 4.5:1 con la fascia (controllato dal generatore). */

body.vipTema-oro {
    --vip-luce: #fff7cf; --vip-chiaro: #ffd862; --vip-base: #e3a923; --vip-scuro: #a36d0b; --vip-profondo: #5e3c04;
    --vip-testo: #5e3c04; --vip-testo-vip: #5e3c04; --vip-pannello: #fffaf0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23e8cf8f'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #f4e4b8 !important;
}

body.vipTema-platino {
    --vip-luce: #ffffff; --vip-chiaro: #e8edf3; --vip-base: #bcc6d1; --vip-scuro: #7c8896; --vip-profondo: #454e5a;
    --vip-testo: #454e5a; --vip-testo-vip: #454e5a; --vip-pannello: #ffffff;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23dde2e8'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='13' y='4' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='12' y='5' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='9' y='7' width='1' height='1'/%3E%3Crect x='10' y='7' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='11' y='9' width='1' height='1'/%3E%3Crect x='12' y='10' width='1' height='1'/%3E%3Crect x='13' y='10' width='1' height='1'/%3E%3Crect x='14' y='11' width='1' height='1'/%3E%3Crect x='15' y='12' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #eceff3 !important;
}

body.vipTema-diamante {
    --vip-luce: #ffffff; --vip-chiaro: #d2f6ff; --vip-base: #86dcf4; --vip-scuro: #3a9cc4; --vip-profondo: #1b5878;
    --vip-testo: #1b5878; --vip-testo-vip: #1b5878; --vip-pannello: #ffffff;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23c9ecf7'%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='9' y='7' width='1' height='1'/%3E%3Crect x='10' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='8' y='8' width='1' height='1'/%3E%3Crect x='9' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='11' y='8' width='1' height='1'/%3E%3Crect x='12' y='8' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='10' y='9' width='1' height='1'/%3E%3Crect x='11' y='9' width='1' height='1'/%3E%3Crect x='10' y='10' width='1' height='1'/%3E%3Crect x='5' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #e6f7fc !important;
}

body.vipTema-smeraldo {
    --vip-luce: #e1ffec; --vip-chiaro: #6fdc9c; --vip-base: #22a35e; --vip-scuro: #106c3c; --vip-profondo: #073f22;
    --vip-testo: #1b1b29; --vip-testo-vip: #073f22; --vip-pannello: #f6fff9;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23165033'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #0f3a25 !important;
}

body.vipTema-rubino {
    --vip-luce: #ffe1e6; --vip-chiaro: #f36c84; --vip-base: #c3203c; --vip-scuro: #84112a; --vip-profondo: #4b0717;
    --vip-testo: #ffffff; --vip-testo-vip: #4b0717; --vip-pannello: #fff7f8;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23541424'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #3c0c17 !important;
}

body.vipTema-zaffiro {
    --vip-luce: #e0ebff; --vip-chiaro: #74a3f2; --vip-base: #2a5cbf; --vip-scuro: #173d86; --vip-profondo: #0b2152;
    --vip-testo: #ffffff; --vip-testo-vip: #0b2152; --vip-pannello: #f6f9ff;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23182c5a'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #0f1d3e !important;
}

body.vipTema-nero_oro {
    --vip-luce: #fff7cf; --vip-chiaro: #ffd862; --vip-base: #e3a923; --vip-scuro: #a36d0b; --vip-profondo: #5e3c04;
    --vip-testo: #5e3c04; --vip-testo-vip: #5e3c04; --vip-pannello: #fffaf0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%232b210a'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 48px 48px, #111111 !important;
}


/* ------------------------------------------------------------------ parti comuni */
body.vipTema { background-attachment: fixed !important; }

/* cornice di metallo a gradini: fascia chiara in alto e a sinistra, scura in basso e a destra, contorno profondo con
   gli angoli a scalino, un filo di luce dentro, e l'ombra piena sotto (come i riquadri del telefono) */
body.vipTema .containerProfilo,
body.vipTema #content .boxBoBBa {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--vip-pannello) !important;
    box-shadow:
        inset 0 2px 0 0 var(--vip-luce), inset 0 -2px 0 0 color-mix(in srgb, var(--vip-scuro) 35%, transparent),
        0 -2px 0 0 var(--vip-luce),
        0 -5px 0 -1px var(--vip-chiaro), -5px 0 0 -1px var(--vip-chiaro),
        0 5px 0 -1px var(--vip-scuro), 5px 0 0 -1px var(--vip-scuro),
        0 -8px 0 -4px var(--vip-profondo), 0 8px 0 -4px var(--vip-profondo),
        -8px 0 0 -4px var(--vip-profondo), 8px 0 0 -4px var(--vip-profondo),
        0 14px 0 -4px rgba(0, 0, 0, 0.3) !important;
}

/* i titoli dei riquadri su una fascia di metallo: luce a scalini, niente sfumature morbide */
body.vipTema #content .headerBox {
    border-radius: 0 !important;
    color: var(--vip-testo) !important;
    padding-left: 34px !important;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' fill-opacity='.45' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23fff' d='M1 1h2v1H1zM1 2h1v1H1z'/%3E%3Cpath fill='%23fff' fill-opacity='.35' d='M3 1h1v2H3zM2 2h1v1H2z'/%3E%3Cpath fill='%23000' fill-opacity='.25' d='M1 3h3v1H1zM3 2h1v1H3z'/%3E%3C/svg%3E") 12px 50% / 10px 10px no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' fill-opacity='.45' d='M1 0h3v1H1zM0 1h1v3H0zM4 1h1v3H4zM1 4h3v1H1z'/%3E%3Cpath fill='%23fff' d='M1 1h2v1H1zM1 2h1v1H1z'/%3E%3Cpath fill='%23fff' fill-opacity='.35' d='M3 1h1v2H3zM2 2h1v1H2z'/%3E%3Cpath fill='%23000' fill-opacity='.25' d='M1 3h3v1H1zM3 2h1v1H3z'/%3E%3C/svg%3E") calc(100% - 12px) 50% / 10px 10px no-repeat,
        linear-gradient(180deg,
        var(--vip-luce) 0 3px, var(--vip-chiaro) 3px 9px, var(--vip-base) 9px calc(100% - 6px),
        var(--vip-scuro) calc(100% - 6px) calc(100% - 3px), var(--vip-profondo) calc(100% - 3px)) !important;
    image-rendering: pixelated;
    text-shadow: 1px 1px 0 color-mix(in srgb, var(--vip-base) 60%, var(--vip-luce));
    letter-spacing: 0.5px;
}
body.vipTema #content .headerBox * { color: var(--vip-testo) !important; }

/* la cornice d'oro intorno all'avatar: la tessera col nome e i quattro ritratti */
body.vipTema .wrapUserInfoProfilo {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow:
        0 -3px 0 0 #ffd862, -3px 0 0 0 #ffd862, 0 3px 0 0 #a36d0b, 3px 0 0 0 #a36d0b,
        0 -6px 0 -3px #5e3c04, 0 6px 0 -3px #5e3c04, -6px 0 0 -3px #5e3c04, 6px 0 0 -3px #5e3c04,
        inset 0 0 0 2px #fff7cf !important;
}
body.vipTema .listaMyAvatar li {
    border-radius: 0 !important;
    background: var(--vip-pannello) !important;
    box-shadow: 0 -2px 0 0 #ffd862, -2px 0 0 0 #ffd862, 0 2px 0 0 #a36d0b, 2px 0 0 0 #a36d0b !important;
}

/* la targhetta VIP: corona in pixel e un luccichio che passa ogni tanto */
body.vipTema .wrapVip {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 1px 8px 1px 6px;
    border-radius: 0 !important;
    overflow: hidden;
    vertical-align: 2px;
    color: #5e3c04 !important;   /* sul suo oro fisso: 7,2:1 */
    background: linear-gradient(180deg, #fff7cf 0 2px, #ffd862 2px calc(100% - 3px), #e3a923 calc(100% - 3px)) !important;
    box-shadow: 0 -2px 0 0 #5e3c04, 0 2px 0 0 #5e3c04, -2px 0 0 0 #5e3c04, 2px 0 0 0 #5e3c04;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-shadow: none;
}
body.vipTema .wrapVip::before {
    content: "";
    width: 18px;
    height: 14px;
    flex-shrink: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' shape-rendering='crispEdges'%3E%3Cpath fill='%235e3c04' d='M0 1h1v1H0zM4 0h1v1H4zM8 1h1v1H8zM0 2h9v5H0z'/%3E%3Cpath fill='%23ffd862' d='M1 3h1v1H1zM4 1h1v2H4zM7 3h1v1H7zM1 4h7v2H1z'/%3E%3Cpath fill='%23e8364f' d='M4 4h1v1H4z'/%3E%3Cpath fill='%233b8fe0' d='M2 4h1v1H2zM6 4h1v1H6z'/%3E%3C/svg%3E") 0 0 / 18px 14px no-repeat;
    image-rendering: pixelated;
}
body.vipTema .wrapVip::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -40%;
    width: 30%;
    background: linear-gradient(90deg, transparent 0 25%, rgba(255, 255, 255, 0.85) 25% 50%, transparent 50% 62%, rgba(255, 255, 255, 0.6) 62% 75%, transparent 75%);
    animation: vipLuccica 3.6s steps(14) infinite;
}
@keyframes vipLuccica { 0%, 55% { left: -40%; } 100% { left: 120%; } }
@media (prefers-reduced-motion: reduce) { body.vipTema .wrapVip::after { animation: none; display: none; } }

/* i bottoni "Altro" e le liste dei distintivi prendono il metallo */
body.vipTema .pulsanteMoreInfoProfilo { border-radius: 0 !important; background: var(--vip-base) !important; color: var(--vip-testo) !important; }
body.vipTema .listaMyDistintivi li { border-radius: 0 !important; background: var(--vip-pannello) !important; }

/* sul telefono le cornici restano, un po' piu' strette */
@media (max-width: 767px) {
    body.vipTema #content .headerBox { font-size: 18px; padding: 12px 14px; }
}

/* ------------------------------------------------------------------ l'editor: le schede dei temi */
.vipTemi { display: grid; grid-template-columns: repeat(auto-fill, minmax(108px, 1fr)); gap: 10px; }
.vipTemaScheda {
    position: relative;
    height: 92px;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    image-rendering: pixelated;
}
.vipTemaScheda b {
    display: block;
    padding: 4px 6px;
    font-size: 12px;
    text-align: center;
}
.vipTemaScheda.scelta { outline: 3px solid #3da55a; outline-offset: 5px; }
.vipTemaScheda.scelta::after { content: "\2713"; position: absolute; top: 4px; right: 6px; font-weight: 900; color: #3da55a; text-shadow: 0 0 2px #fff; }

.vipTemaScheda.t-oro {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23e8cf8f'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #f4e4b8;
    box-shadow: 0 -3px 0 0 #ffd862, -3px 0 0 0 #ffd862, 0 3px 0 0 #a36d0b, 3px 0 0 0 #a36d0b,
        0 -6px 0 -3px #5e3c04, 0 6px 0 -3px #5e3c04, -6px 0 0 -3px #5e3c04, 6px 0 0 -3px #5e3c04;
}
.vipTemaScheda.t-oro b { color: #5e3c04; background: linear-gradient(180deg, #fff7cf 0 2px, #ffd862 2px 5px, #e3a923 5px calc(100% - 3px), #a36d0b calc(100% - 3px)); }

.vipTemaScheda.t-platino {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23dde2e8'%3E%3Crect x='0' y='0' width='1' height='1'/%3E%3Crect x='1' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='3' width='1' height='1'/%3E%3Crect x='5' y='4' width='1' height='1'/%3E%3Crect x='13' y='4' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='12' y='5' width='1' height='1'/%3E%3Crect x='8' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='9' y='7' width='1' height='1'/%3E%3Crect x='10' y='7' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='11' y='9' width='1' height='1'/%3E%3Crect x='12' y='10' width='1' height='1'/%3E%3Crect x='13' y='10' width='1' height='1'/%3E%3Crect x='14' y='11' width='1' height='1'/%3E%3Crect x='15' y='12' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #eceff3;
    box-shadow: 0 -3px 0 0 #e8edf3, -3px 0 0 0 #e8edf3, 0 3px 0 0 #7c8896, 3px 0 0 0 #7c8896,
        0 -6px 0 -3px #454e5a, 0 6px 0 -3px #454e5a, -6px 0 0 -3px #454e5a, 6px 0 0 -3px #454e5a;
}
.vipTemaScheda.t-platino b { color: #454e5a; background: linear-gradient(180deg, #ffffff 0 2px, #e8edf3 2px 5px, #bcc6d1 5px calc(100% - 3px), #7c8896 calc(100% - 3px)); }

.vipTemaScheda.t-diamante {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23c9ecf7'%3E%3Crect x='3' y='1' width='1' height='1'/%3E%3Crect x='2' y='2' width='1' height='1'/%3E%3Crect x='3' y='2' width='1' height='1'/%3E%3Crect x='4' y='2' width='1' height='1'/%3E%3Crect x='3' y='3' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='9' y='7' width='1' height='1'/%3E%3Crect x='10' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='8' y='8' width='1' height='1'/%3E%3Crect x='9' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='11' y='8' width='1' height='1'/%3E%3Crect x='12' y='8' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='10' y='9' width='1' height='1'/%3E%3Crect x='11' y='9' width='1' height='1'/%3E%3Crect x='10' y='10' width='1' height='1'/%3E%3Crect x='5' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #e6f7fc;
    box-shadow: 0 -3px 0 0 #d2f6ff, -3px 0 0 0 #d2f6ff, 0 3px 0 0 #3a9cc4, 3px 0 0 0 #3a9cc4,
        0 -6px 0 -3px #1b5878, 0 6px 0 -3px #1b5878, -6px 0 0 -3px #1b5878, 6px 0 0 -3px #1b5878;
}
.vipTemaScheda.t-diamante b { color: #1b5878; background: linear-gradient(180deg, #ffffff 0 2px, #d2f6ff 2px 5px, #86dcf4 5px calc(100% - 3px), #3a9cc4 calc(100% - 3px)); }

.vipTemaScheda.t-smeraldo {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23165033'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #0f3a25;
    box-shadow: 0 -3px 0 0 #6fdc9c, -3px 0 0 0 #6fdc9c, 0 3px 0 0 #106c3c, 3px 0 0 0 #106c3c,
        0 -6px 0 -3px #073f22, 0 6px 0 -3px #073f22, -6px 0 0 -3px #073f22, 6px 0 0 -3px #073f22;
}
.vipTemaScheda.t-smeraldo b { color: #1b1b29; background: linear-gradient(180deg, #e1ffec 0 2px, #6fdc9c 2px 5px, #22a35e 5px calc(100% - 3px), #106c3c calc(100% - 3px)); }

.vipTemaScheda.t-rubino {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23541424'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #3c0c17;
    box-shadow: 0 -3px 0 0 #f36c84, -3px 0 0 0 #f36c84, 0 3px 0 0 #84112a, 3px 0 0 0 #84112a,
        0 -6px 0 -3px #4b0717, 0 6px 0 -3px #4b0717, -6px 0 0 -3px #4b0717, 6px 0 0 -3px #4b0717;
}
.vipTemaScheda.t-rubino b { color: #ffffff; background: linear-gradient(180deg, #ffe1e6 0 2px, #f36c84 2px 5px, #c3203c 5px calc(100% - 3px), #84112a calc(100% - 3px)); }

.vipTemaScheda.t-zaffiro {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%23182c5a'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #0f1d3e;
    box-shadow: 0 -3px 0 0 #74a3f2, -3px 0 0 0 #74a3f2, 0 3px 0 0 #173d86, 3px 0 0 0 #173d86,
        0 -6px 0 -3px #0b2152, 0 6px 0 -3px #0b2152, -6px 0 0 -3px #0b2152, 6px 0 0 -3px #0b2152;
}
.vipTemaScheda.t-zaffiro b { color: #ffffff; background: linear-gradient(180deg, #e0ebff 0 2px, #74a3f2 2px 5px, #2a5cbf 5px calc(100% - 3px), #173d86 calc(100% - 3px)); }

.vipTemaScheda.t-nero_oro {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges' fill='%232b210a'%3E%3Crect x='7' y='1' width='1' height='1'/%3E%3Crect x='6' y='2' width='1' height='1'/%3E%3Crect x='7' y='2' width='1' height='1'/%3E%3Crect x='8' y='2' width='1' height='1'/%3E%3Crect x='5' y='3' width='1' height='1'/%3E%3Crect x='7' y='3' width='1' height='1'/%3E%3Crect x='9' y='3' width='1' height='1'/%3E%3Crect x='4' y='4' width='1' height='1'/%3E%3Crect x='7' y='4' width='1' height='1'/%3E%3Crect x='10' y='4' width='1' height='1'/%3E%3Crect x='3' y='5' width='1' height='1'/%3E%3Crect x='6' y='5' width='1' height='1'/%3E%3Crect x='7' y='5' width='1' height='1'/%3E%3Crect x='8' y='5' width='1' height='1'/%3E%3Crect x='11' y='5' width='1' height='1'/%3E%3Crect x='2' y='6' width='1' height='1'/%3E%3Crect x='3' y='6' width='1' height='1'/%3E%3Crect x='4' y='6' width='1' height='1'/%3E%3Crect x='5' y='6' width='1' height='1'/%3E%3Crect x='7' y='6' width='1' height='1'/%3E%3Crect x='9' y='6' width='1' height='1'/%3E%3Crect x='10' y='6' width='1' height='1'/%3E%3Crect x='11' y='6' width='1' height='1'/%3E%3Crect x='12' y='6' width='1' height='1'/%3E%3Crect x='3' y='7' width='1' height='1'/%3E%3Crect x='6' y='7' width='1' height='1'/%3E%3Crect x='7' y='7' width='1' height='1'/%3E%3Crect x='8' y='7' width='1' height='1'/%3E%3Crect x='11' y='7' width='1' height='1'/%3E%3Crect x='4' y='8' width='1' height='1'/%3E%3Crect x='7' y='8' width='1' height='1'/%3E%3Crect x='10' y='8' width='1' height='1'/%3E%3Crect x='5' y='9' width='1' height='1'/%3E%3Crect x='7' y='9' width='1' height='1'/%3E%3Crect x='9' y='9' width='1' height='1'/%3E%3Crect x='6' y='10' width='1' height='1'/%3E%3Crect x='7' y='10' width='1' height='1'/%3E%3Crect x='8' y='10' width='1' height='1'/%3E%3Crect x='7' y='11' width='1' height='1'/%3E%3Crect x='0' y='13' width='1' height='1'/%3E%3C/svg%3E") 0 0 / 24px 24px, #111111;
    box-shadow: 0 -3px 0 0 #ffd862, -3px 0 0 0 #ffd862, 0 3px 0 0 #a36d0b, 3px 0 0 0 #a36d0b,
        0 -6px 0 -3px #5e3c04, 0 6px 0 -3px #5e3c04, -6px 0 0 -3px #5e3c04, 6px 0 0 -3px #5e3c04;
}
.vipTemaScheda.t-nero_oro b { color: #5e3c04; background: linear-gradient(180deg, #fff7cf 0 2px, #ffd862 2px 5px, #e3a923 5px calc(100% - 3px), #a36d0b calc(100% - 3px)); }