/****************************************************************************/
/* STILE DELLA SCHEDA DEL PERSONAGGIO */
@-moz-document url-prefix() {
    #prestavolto {
        font-size: 12px;
    }

    #nome_completo {
        font-weight: 200;
    }
}

div.scheda_modifica_info {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

div.scheda_modifica_info input, div.scheda_modifica_info select, div.scheda_modifica_desc input, div.scheda_modifica_desc select, div.scheda_modifica_info textarea {
    background-color: #090a0a63;
    font-size: 10px;
    font-family: 'Hind Siliguri', serif;
    color: #9f9c98;
    box-shadow: none;
    letter-spacing: 0px;
    padding: 1px 4px;
    box-sizing: border-box;
    width: 300px;
    margin: 0px;
}

div.scheda_modifica_info textarea {
    resize: none;
    line-height: 10px;
}

div.scheda_modifica_info div.form_label {
    color: #eb918d;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    font-weight: 400;
    text-shadow: none;
    font-family: 'Outfit';
    text-align: right;
    width: 110px;
    margin-top: 5px;
    border-radius: 6px 0px 0px 6px;
    background: #311f28;
}

.box_info_mod {
    display: inline-flex;
    flex-direction: row;
}

.scheda_modifica_info input[type='submit'], .scheda_modifica_desc input[type='submit'], .scheda_modifica_bg input[type='submit'] {
    font-size: 10px;
    background: linear-gradient(360deg, #373127, #241f1a);
    border-radius: 25% 19% 4% 12%;
    padding: 1px 4px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px -1px #25242299 inset, 0px 3px 10px #00000059;
    width: auto;
    color: #edd1ba;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
    text-shadow: none;
    font-family: 'Schoolbell';
    margin: 5px auto 0px;
}

div.scheda_modifica_desc, div.scheda_modifica_bg {
    width: 592px;
    height: 610px;
    overflow: auto;
    margin: 20px auto;
}

div.scheda_modifica_bg {
    height: 600px;
    max-height: 600px;
}

.mod_scheda_avviso {
    padding: 3px;
    font-size: 12px;
    color: #b7ffe9;
    background: linear-gradient(45deg, transparent, #263c35, transparent);
}

div.pagina_scheda, div.pagina_schedam_odifica, div.pagina_scheda_oggetti, div.pagina_scheda_px, div.pagina_scheda_log, div.pagina_scheda_equip {
    margin-left: auto;
    margin-right: auto;
    background: url(imgs/sfondoscheda.jpg) top center no-repeat, url(imgs/schedabg_bottom.jpg) bottom center no-repeat, url(imgs/schedabg.jpg) center top repeat-y;
    width: 888px;
    text-align: center;
    padding: 40px 40px 93px;
    min-height: 490px;
}

div.body_box i, div.body_box em {
    color: #bb9daa;
}

div.body_box b, div.body_box bold, div.body_box strong {
    font-family: 'Neucha';
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6d9cb2;
}

div.pagina_scheda2 select {
    background-color: #4f5b58;
    color: #ddd;
    width: 100%;
    box-shadow: none;
    border: none;
}

div.pagina_scheda2 {
    background: url(imgs/bgschedaunsupervised.png) top center no-repeat;
    text-align: center;
    height: 640px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 1100px;
    margin: 0px auto;
    filter: drop-shadow(0px 4px 40px black);
}

.pagina_scheda2 .disabled_box {
    width: 100%;
    height: 706px;
    position: absolute;
    background: rgba(0,0,0,0.8);
    z-index: 999;
}

.pagina_scheda2 .disabled_text {
    top: 50%;
    transform: translate(-50%);
    width: 800px;
    position: absolute;
    left: 50%;
    background: linear-gradient(45deg, transparent, #44171a, #6e2025, #44171a, transparent);
    font-family: 'Love Ya Like A Sister', cursive;
    font-size: 16px;
    padding: 4px 0px 2px;
    letter-spacing: 6px;
    color: #e3cdb8;
    text-shadow: 1px 1px #260b0d;
    text-transform: uppercase;
    z-index: 999;
}

.pagina_scheda2 .approve_box {
    position: absolute;
    z-index: 99999;
    top: 1px;
    left: 225px;
    width: 100%;
    height: auto;
    transform: rotate(5deg);
    filter: drop-shadow(2px 4px 6px black);
}

/* Foglietto */
.pagina_scheda2 .approve_text {
    position: absolute;
    z-index: 999;
    top: -45px;
    left: 50%;
    width: 270px;
    min-height: 120px;
    margin: 0;
    padding: 24px 22px 19px;
    box-sizing: border-box;
    transform:
        translateX(-50%)
        rotate(-2deg);
    overflow: visible;
    border: 0;
    border-radius: 1px;
    clip-path: polygon(
        1% 2%,
        18% 1%,
        35% 2%,
        54% 1%,
        72% 2%,
        88% 1%,
        99% 3%,
        98% 22%,
        100% 42%,
        98% 61%,
        99% 81%,
        97% 98%,
        79% 97%,
        60% 99%,
        42% 97%,
        22% 99%,
        2% 97%,
        3% 77%,
        1% 58%,
        3% 38%
    );
    background: radial-gradient(circle at 14% 18%, rgba(121, 75, 47, .05) 0 1px, transparent 2px), radial-gradient(circle at 78% 72%, rgba(93, 59, 41, .045) 0 1px, transparent 2px), repeating-linear-gradient(0deg, rgba(80, 62, 50, .018) 0, rgba(80, 62, 50, .018) 1px, transparent 1px, transparent 4px), linear-gradient(148deg, #eecdb6d1 0%, #e3ccb9eb 52%, #e7d2c1 100%);
    background-size:
        18px 18px,
        23px 23px,
        auto,
        auto;
    box-shadow: 1px 2px 0 rgba(255, 255, 255, .18) inset, -3px -5px 9px rgba(91, 61, 42, .08) inset, 0 3px 4px rgba(0, 0, 0, .25), 0 12px 22px rgba(0, 0, 0, .34);
    color: #3e3631;
    font-family: 'Infamous', sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: .8px;
    text-align: center;
    text-transform: uppercase;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, .38);
}

/* Nastro adesivo */
.pagina_scheda2 .approve_text::before {
    content: '';

    position: absolute;
    z-index: 3;
    top: -12px;
    left: 50%;

    width: 78px;
    height: 24px;

    transform:
        translateX(-50%)
        rotate(2deg);

    background:
        linear-gradient(
            90deg,
            rgba(228, 208, 166, .84),
            rgba(244, 226, 187, .88) 50%,
            rgba(211, 191, 151, .82)
        );

    box-shadow:
        0 2px 3px rgba(0, 0, 0, .17),
        inset 0 1px 0 rgba(255, 255, 255, .28);

    opacity: .88;

    clip-path: polygon(
        2% 13%,
        12% 4%,
        29% 8%,
        44% 2%,
        63% 7%,
        81% 3%,
        98% 12%,
        96% 86%,
        79% 94%,
        63% 89%,
        42% 96%,
        20% 90%,
        3% 95%
    );

    pointer-events: none;
}

/* Piccola piega nell'angolo */
.pagina_scheda2 .approve_text::after {
    content: '';

    position: absolute;
    right: 5px;
    bottom: 4px;

    width: 30px;
    height: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(113, 84, 61, .16) 0 49%,
            rgb(255 245 226 / 62%) 51% 100%
        );

    clip-path: polygon(0 100%, 100% 0, 100% 100%);

    filter: drop-shadow(-2px -1px 2px rgba(0, 0, 0, .12));

    pointer-events: none;
}

/* Testo descrittivo sul foglio */
.pagina_scheda2 .approve_text2 {
    display: block;
    margin: 0px;
    padding: 0px 4px 1px;
    color: #554b45;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .05px;
    text-align: justify;
    text-transform: none;
    text-shadow:
        0 1px 0 rgba(255, 255, 255, .32);
}

.pagina_scheda2 .approve_box a, .pagina_scheda2 .approve_box a:visited {
    color: #4c251e;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

div.pagina_scheda2 textarea {
    width: 100%;
    height: 300px;
    border-top: 10px solid #5a846d;
}

div.pagina_scheda2 #avatar_main {
    height: 455px;
    width: 265px;
    position: relative;
    display: block;
    top: 67px;
    left: 81px;
    float: left;
}

div.pagina_scheda2 #contenitore_scroll {
    display: block;
    /*background: url(imgs/righette.jpg);
	box-shadow: inset 0 0 100px 0px #42341966, inset 0 0 200px 20px #efd0a978;
  */
    width: 645px;
    top: 65px;
    right: 93px;
    position: relative;
    float: right;
}

div.pagina_scheda2 #scroll {
    font-size: 12px;
    height: 500px;
    text-align: center;
    width: 645px;
    margin: 0 auto;
    overflow: auto;
    background: #0000002b;
}

div.pagina_scheda2 #tastiSwitch {
    margin: -44px auto 0;
}

div.pagina_scheda2 #tastiSwitch a, #tastiSwitch a:visited {
    display: inline-block;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 13px;
    color: #dd5b4c;
    margin: 0 2px;
    padding: 0px;
    border: none;
    box-shadow: none;
    background: none;
}

div.pagina_scheda2 #tastiSwitch a:hover {
    color: #f27593;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    filter: saturate(2);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.pagina_scheda2 div.menu_scheda2 {
        top: 9px;
    }
}

div.pagina_scheda2 div.menu_scheda2 {
    font-size: 12px;
    position: absolute;
    text-align: center;
    display: flex;
    width: auto;
    height: 20px;
    top: 38px;
    right: 93px;
    margin: 0px auto;
    padding: 4px;
    gap: 0px 9px;
    color: #000000;
    z-index: 999 !important;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
    filter: drop-shadow(0px -5px 9px black);
}

div.pagina_scheda2 div.profiloBG {
    text-align: center;
    width: 645px;
    height: auto;
    min-height: 500px;
    background: transparent;
    margin: 0px auto;
}

div.pagina_scheda2 div.nome_pg {
    margin: 0 auto;
    width: 100%;
}

div.pagina_scheda2 div.nome_completo {
    font-family: 'Lacquer';
    font-size: 13px;
    transform: rotate(5deg);
    margin: 0 auto;
    letter-spacing: 0px;
    line-height: 13px;
    position: absolute;
    top: 111px;
    right: 8px;
    text-align: right;
    width: 380px;
    color: #aaa49d !important;
    text-shadow: 0px 0px 4px #3d3d3d, 0px 0px 6px #272726 !important;
}

div.pagina_scheda2 div.box_quote {
    color: #dfac66;
    line-height: 11px;
    margin: 10px auto 0;
    text-align: center;
    width: 100%;
    background-color: #000;
    padding: 5px;
    height: auto;
}

div.pagina_scheda2 div.profilo_PGname {
    position: relative;
    top: 26px;
    color: #dad8d7;
    font-family: 'Neucha', sans-serif;
    font-size: 40px;
    letter-spacing: 5px;
    text-transform: uppercase;
    filter: drop-shadow(2px 4px 6px black);
    padding: 0px;
    text-align: center;
    text-shadow: 0px 0px 3px #ff340026;
    background-image: linear-gradient(180deg, #ff675f, #8a8481);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: #ffffff00;
    -moz-text-fill-color: transparent;
}

#age_info {
    position: relative;
    top: 13px;
    left: 140px;
    letter-spacing: 2px;
    width: 150px;
    text-align: right;
    transform: rotate(5deg);
    color: #5b271f;
    font-family: 'Neucha', sans-serif;
    font-size: 13px;
    text-shadow: none;
    font-weight: bold;
}

div.pagina_scheda2 div.info_mods {
    background: url(imgs/bg_info.png) top center no-repeat;
    margin: 0 auto;
    width: 450px;
    height: 170px;
    text-align: center;
}

div.pagina_scheda2 div.info_mods_skill {
    background: url(imgs/bg_info2.png) top center no-repeat;
    margin: 0 auto;
    width: 490px;
    height: 205px;
    text-align: center;
}

div.info_mods div.text {
    padding: 10px 10px 0;
    font-family: verdana;
    font-size: 11px;
    color: #34302a;
    line-height: 14px;
}

div.info_mods_skill div.text {
    padding: 10px 10px 0;
    font-family: verdana;
    font-size: 11px;
    color: #34302a;
    line-height: 14px;
}

div.pagina_scheda2 table.id {
    width: 450px;
    text-shadow: none;
    margin: 0 auto;
}

div.pagina_scheda2 table.id tr {
    line-height: 8px;
}

div.pagina_scheda2 table.id td.label {
    color: #b7ffe9;
    font-family: 'Schoolbell', serif;
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    letter-spacing: 0.8px;
    padding: 0 5px 0 0;
    vertical-align: bottom;
    width: 45%;
    text-transform: uppercase;
}

div.pagina_scheda2 table.id td.data {
    font-family: 'Hind Siliguri';
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0.7px;
    color: #848685;
    width: 55%;
}

div.dati_id_scheda {
    position: absolute;
    top: 80px;
    width: 645px;
    height: 367px;
    left: 0px;
    margin: 0 auto;
    padding: 10px 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 999 !important;
}

div.testo_id_scheda {
    color: #383533;
    font-family: 'Outfit', sans-serif;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    padding: 55px 150px 40px 69px;
    width: 554px;
    height: 337px;
    box-sizing: border-box;
    background: url('/themes/advanced/imgs/bg_info_id.png');
    border: 8px solid transparent;
    border-radius: 20px;
    filter: drop-shadow(0px 0px 20px black);
    margin-right: 2px;
}

div.info_off {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 50%;
    margin: 0 auto;
    left: 25%;
    position: absolute;
    top: 436px;
    border-radius: 10px;
    border: 1px solid #a793ba1f;
    background: radial-gradient(circle at top left, rgb(194 119 159 / 15%), transparent 34%), radial-gradient(circle at bottom right, rgb(142 158 215 / 8%), transparent 36%), rgb(11 11 19 / 76%);
    box-shadow: 0 14px 28px rgb(0 0 0 / 68%);
}

div.info_off:hover {
    opacity: 1;
}

div.pagina_scheda2 div.prestavolto {
    text-align: center;
    font-size: 13px;
    font-family: 'Outfit', sans-serif;
    text-shadow: none;
    width: 291px;
    letter-spacing: 1px;
    padding: 2px;
    font-variant: all-small-caps;
    color: #c1bab4;
    margin: 0 auto 0;
}

div.pagina_scheda2 div.info_iscrizione {
    text-align: center;
    font-size: 7px;
    font-family: 'Outfit', sans-serif;
    color: #e0aac2;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2px;
    width: 291px;
}

div.miniavatar_scheda {
    position: absolute;
    top: 131px;
    right: 12%;
}

img.miniavatar {
    position: relative;
    width: 100px;
    height: 100px;
    border-bottom: 18px solid #eaccc0;
    border-top: 5px solid #eaccc0;
    border-left: 5px solid #eaccc0;
    border-right: 5px solid #eaccc0;
    box-shadow: 0px 0px 10px #00000054;
    object-fit: cover;
    margin-right: 2px;
    border-radius: 3px;
    z-index: 9999 !important;
    transform: rotate( 6deg);
}

td.miniavatar::after {
    box-shadow: inset 0 0 23px #241e1b;
    content: '';
    display: block;
    height: 80px;
    position: absolute;
    width: 80px;
    top: 12px;
    margin-left: 72px;
}

td.armadietto_box img {
    width: 70px;
    position: absolute;
    left: 45px;
    top: 186px;
}

div.armadietto_number {
    position: absolute;
    top: 46px;
    left: 20px;
    font-size: 10px;
    color: #ffeede;
    transform: rotate(345deg);
    letter-spacing: 1px;
    font-family: 'Neucha', sans-serif;
}


/* AVVISO ESILIO - Foglietto appuntato alla scheda */

div.warning_exile {
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
    width: min(525px, calc(100% - 40px));
    margin: 36px auto 26px;
    padding: 56px 28px 26px;

    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(115, 70, 60, .06) 0 1px,
            transparent 2px
        ),
        repeating-linear-gradient(
            0deg,
            rgba(94, 63, 52, .022) 0 1px,
            transparent 1px 5px
        ),
        linear-gradient(
            145deg,
            #ebd5c4 0%,
            #ddc1ad 58%,
            #e8d0be 100%
        );

    background-size: 21px 21px, auto, auto;
    border: 1px solid rgba(247, 217, 194, .45);
    border-radius: 3px 6px 2px 5px;

    box-shadow:
        1px 2px 0 rgba(255, 246, 231, .32) inset,
        -8px -9px 25px rgba(96, 56, 47, .13) inset,
        0 6px 12px rgba(0, 0, 0, .38),
        0 16px 28px rgba(0, 0, 0, .3);

    transform: rotate(-.5deg);

    color: #40312e;
    font-family: 'Outfit', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: .1px;
    text-align: justify;
    text-shadow: none;
}

/* Nastro adesivo superiore */

div.warning_exile::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -13px;
    left: 50%;
    width: 94px;
    height: 25px;

    transform: translateX(-50%) rotate(2deg);

    background: linear-gradient(
        90deg,
        rgba(190, 160, 129, .9),
        rgba(232, 204, 171, .92) 50%,
        rgba(187, 154, 122, .9)
    );

    clip-path: polygon(
        2% 12%, 16% 3%, 35% 8%,
        53% 1%, 79% 7%, 98% 12%,
        96% 91%, 74% 96%, 48% 90%,
        20% 97%, 3% 88%
    );

    opacity: .87;
    pointer-events: none;
}

/* Intestazione del provvedimento */

div.warning_exile::after {
    content: 'PROVVEDIMENTO STAFF';
    position: absolute;
    top: 23px;
    left: 27px;
    right: 27px;
    padding-bottom: 7px;

    border-bottom: 1px dashed rgba(110, 66, 66, .36);

    color: #914757;
    font-family: 'Infamous', sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .7px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: none;
    pointer-events: none;
}

/* Enfasi nel testo */

div.pagina_scheda2 div.warning_exile :is(b, strong) {
    color: #88465a;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    text-shadow: none;
}

div.pagina_scheda2 div.warning_exile :is(i, em) {
    color: #764857;
}


.tabella_oggetti_scheda {
    font-size: 10px;
    margin: 0 auto;
    color: #736757;
}

.box_oggetto {
    width: 95%;
    margin: 10px auto;
    text-align: center;
    padding: 10px 0px;
}

.container {
    display: flex;
    justify-content: space-between;
    color: #9e9c9a;
}

.ogg_textarea {
    border-top: none;
    border: none;
    background: #0000009c;
    resize: none;
    font-size: 10px;
}

.image-section {
    flex: 1;
    z-index: 2;
}

.description-section {
    flex: 2;
    background: #0000007a;
    border-radius: 10px;
    padding: 5px 10px 5px 20px;
    position: relative;
    left: -50px;
    top: -20px;
}

.image-section img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 8px solid transparent;
    border-image: url(/themes/advanced/imgs/cornice_wood.png) 10 stretch;
    background: #100f0f;
    transform: rotate(357deg);
}

.text-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
}

.buttons-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
}

.inventario_nome_oggetto {
    position: relative;
    font-family: 'Infamous', sans-serif;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 2px;
    text-align: left;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffe7f3f5;
    width: auto;
    margin: 4px auto;
}

.inventario_ogg_descrizione {
    max-height: 80px;
    overflow: auto;
    line-height: 12px;
    text-align: justify;
}

.inventario_nome_oggetto span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fc9d99;
    letter-spacing: 0px;
    font-family: 'Outfit', sans-serif;
}

.info_mods_ogg {
    text-align: justify;
    overflow: auto;
    color: #948d86;
    border: 8px solid transparent;
    border-image: url(/themes/advanced/imgs/cornice_wood.png) 10 stretch;
    background: #100f0f;
    width: 580px;
    margin: 33px auto;
    line-height: 13px;
    font-family: 'Hind Siliguri', serif;
    font-size: 12px;
    filter: saturate(0.7);
}

.info_mods_ogg div {
    padding: 10px;
}

.inventario_ogg_commento {
    text-align: justify;
    margin-top: 7px;
    line-height: 10px;
    font-size: 11px;
}

.ogg_quattro_colonne {
    display: flex;
    gap: 35px;
    justify-content: space-evenly;
}

.ogg_quattro_colonne input[type='submit'] {
    padding: 1px 5px;
    margin: 0 auto;
    border: 0;
    border-radius: 3px;
    text-transform: uppercase;
    min-height: 13px;
    height: auto;
    background-color: rgb(43 71 65);
    font-family: 'Hind Siliguri',sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    width: auto;
    color: #e4efec;
    cursor: pointer;
    box-shadow: none;
}

div.pagina_look {
    margin: 0 auto;
    text-align: center;
    height: 683px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

div.descrizione_look {
    text-align: justify;
    margin: 0px;
    font-size: 12px;
    font-family: 'Hind Siliguri', sans-serif;
    width: 100%;
    overflow: auto;
    padding: 0px;
    display: flex;
    justify-content: center;
    background: linear-gradient(45deg, black, #07172573, black);
}

.mod_look {
    transform: rotate(339deg);
    position: absolute;
    top: 240px;
    left: 20px;
    font-size: 10px;
    box-sizing: border-box;
    z-index: 9999 !important;
}

.mod_info {
    position: absolute;
    bottom: 4px;
    transform: rotate(
-4deg);
    font-size: 10px;
    right: -16px;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px -1px #55555f99 inset, 0px 0px 4px 2px #12111185;
    z-index: 9999 !important;
    padding: 4px;
    clip-path: polygon(2% 14%, 8% 4%, 96% 8%, 100% 84%, 92% 96%, 4% 91%);
    background: radial-gradient(circle at 50% 45%, rgba(255, 91, 168, .27), transparent 53%), linear-gradient(104deg, rgba(179, 76, 69, .96), rgba(137, 34, 83, .98) 40%, rgba(36, 16, 29, .98)) !important;
    color: #f5e8ef !important;
    cursor: pointer;
    box-shadow: 0 0 9px rgba(246, 114, 183, .14), 0 5px 9px rgba(0, 0, 0, .27) !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .65);
    transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;
}


.mod_info a, .mod_info a:visited, .mod_desc a, .mod_desc a:visited {
    color: #c2c2c2;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 0px 6px;
    font-family: 'Outfit', sans-serif;
}

.mod_desc {
    position: absolute;
    bottom: -6px;
    font-size: 10px;
    right: 1px;
    border-radius: 25% 19% 4% 12%;
    padding: 5px;
    box-sizing: border-box;
    z-index: 9999 !important;
}

div.pagina_scheda div.page_title h2 {
    padding: 10px 50px 0 50px;
    font-size: 0;
    border: 0;
}

div.pagina_scheda2 a, div.pagina_scheda2 a:visited {
    text-decoration: none;
    border-radius: 5px 5px 0px 0px;
}

div.pagina_scheda2 a:hover {
    color: #e8dcb9;
    text-decoration: none;
}

a.menuscheda:hover, a.menuschedamod:hover {
    color: #6f1754 !important;
    text-shadow: none;
}

a.menuscheda {
    font-family: 'Outfit', sans-serif;
    letter-spacing: 0px;
    color: #302520;
    border-top: 1px solid #f7ceaf !important;
    height: 15px !important;
    width: 22px !important;
    margin: 0px !important;
    box-shadow: 0px -7px 20px #00000087;
    background: linear-gradient(360deg, #7e554be3, #d6ae94ed);
}

div.pagina_scheda div.form_info {
    font-style: italic;
}

/*Titoli dei box*/
div.titolo_box {
    margin: 30px auto 20px;
    text-align: center;
    width: 85%;
    height: 44px;
}

span.titolo_box {
    color: #dfac66;
    float: right;
    font-family: 'Cabin Sketch', sans-serif;
    font-size: 18px;
    font-weight: normal;
}

div.sisache_box {
    background: url(/themes/advanced/imgs/bg_quotes.png) center top no-repeat;
    height: 300px;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #1b1917;
    padding: 8px;
    text-align: center;
}

div.sisache_box_mod {
    margin: 40px auto 20px;
    text-align: center;
    font-size: 40px;
    font-family: 'Love Ya Like A Sister', sans-serif;
    color: #a95557;
}

div.sisache_text {
    width: 465px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: justify;
    padding: 0 0 0 5px;
    line-height: 17px;
    font-size: 13px;
}

div.body_box_status {
    color: #161616;
    font-size: 10px;
    background: url(imgs/quadretti_repeat.png) top center repeat-y;
    padding: 10px 40px;
    text-align: justify;
    max-height: 170px;
    border-radius: 15px;
    overflow: auto;
}

div.body_box_status table {
    width: 100%;
}

div.body_box_status table tr {
    color: #6b5f4f;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 10px;
}

div.body_box_status input {
    width: 10px;
    height: 10px;
    background-color: transparent;
    border: none;
}

div.box_diario {
    background-color: transparent;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #606060;
    font-size: 11px;
    line-height: 18px;
    padding: 10px;
    margin: 10px;
    text-align: justify;
}

div.box_diario table {
    width: 100%;
    margin-top: -40px;
}

div.box_diario div.bg_post {
    background-color: #000;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px;
    border: 4px solid rgba(33,33,33,0.5);
    text-align: left;
}

div.titolo_diario {
    background-color: #000;
    margin: 20px auto 0;
    text-align: right;
    width: 100%;
}

span.titolo_diario {
    color: #dfac66;
    font-family: 'Cabin Sketch', sans-serif;
    font-size: 18px;
    font-weight: normal;
}

div.body_box {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #9e9a96;
    padding: 8px;
    text-align: justify;
}

div.body_box_libero {
    padding: 0px;
    background-color: transparent;
    height: 100%;
    text-align: justify;
    overflow-y: auto;
    overflow-x: hidden;
}

/*Box nome,ritratto,iscritto da, ultimo ingresso, scrivi a*/
div.ritratto {
    margin: 2px auto;
    text-align: center;
    font-size: 12px;
    width: 590px;
    height: 400px;
}

div.info_pg {
    text-align: center;
    margin: 0 auto;
    width: 158px;
    position: relative;
    top: 21px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.info_pg {
        top: 26px;
    }
}

div.iscritto_da, div.ultimo_ingresso, div.titolo_look {
    background-color: #161616;
    border-bottom: 1px solid #090909;
    border-top: 1px solid #222222;
    box-shadow: 0 -4px 8px #111111 inset;
    color: #444444;
    font-size: 7px;
    font-weight: bolder;
    padding: 1px 6px;
    text-transform: uppercase;
    width: 150px;
}

/*Immagine*/
div.ritratto div.ritratto_avatar {
    width: 250px;
    height: 400px;
    margin: 0;
    overflow: hidden;
}

div.ritratto_avatar img {
    max-width: 265px;
    height: 455px;
    object-fit: cover;
    object-position: top left;
    width: 265px;
    position: relative;
}

div.ritratto_avatar::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 10px rgb(0 0 0 / 84%), inset 0 0 50px rgb(0 0 0 / 50%);
}

.img_profilo {
    width: 50px;
    height: 50px;
    border: 3px double #191919;
    background-color: #161616;
    box-shadow: 0 1px 10px #090909, 0 1px 4px #090909;
    clear: both;
    position: relative;
    float: right;
    top: 17px;
    right: 70px;
}

/*Link invia messaggio*/
div.profilo div.ritratto_invia_messaggio {
    float: left;
    position: relative;
    top: -15px;
    left: 5px;
    z-index: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.profilo div.ritratto_invia_messaggio {
        top: -12px;
        left: 5px;
    }
}

/*Box punteggi, razza, gilda, ruolo off*/
div.profiloBG {
    text-align: center;
    width: 593px;
    height: 254px;
    background: url("imgs/scheda_top.jpg") top left no-repeat transparent;
    margin: 0 auto;
}

div.profilo {
    clear: both;
    color: #444444;
    float: left;
    font-size: 10px;
    left: 0;
    position: relative;
    top: -30px;
    width: 593px;
    z-index: 988;
}

div.box_nome_avy {
    position: relative;
    top: 0;
    right: 7px;
    margin: 5px;
    width: 250px;
    float: right;
    clear: both;
    z-index: 980;
}

div.profilo_nomepg {
    font-family: 'Love Ya Like A Sister',cursive;
    color: #dfac66;
    font-size: 18px;
    font-weight: normal;
    float: left;
    position: relative;
    top: 7px;
    left: 5px;
}

div.box_quote {
    color: #dfac66;
    height: 70px;
    line-height: 12px;
    margin: 15px auto 0;
    text-align: center;
    width: 510px;
}

span.citazione, span.px_human {
    color: #585858;
    font-family: 'Love Ya Like A Sister',cursive;
    font-size: 17px;
    font-weight: normal;
    text-shadow: 1px 1px #111111;
}

span.px_human {
    color: #666;
}

div.px_human {
    position: relative;
    top: -10px;
    left: -170px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.px_human {
        top: -5px;
        left: -180px;
    }
}

span.px_human_v {
    color: #dfac66;
}

span.px_human_y {
    color: #e2d223;
}

span.px_human_r {
    color: #ed1c24;
}

div.look_scheda {
    float: right;
    position: relative;
    right: -225px;
    top: 125px;
    z-index: 999;
}

div.profiloOFFBG {
    text-align: center;
    width: 593px;
    height: 262px;
    background: url("imgs/scheda_ID.jpg") bottom left no-repeat transparent;
    margin: 0 auto 100px;
}

div.profiloOFF {
    padding: 20px 10px;
    margin: 0 auto;
    font-size: 10px;
    width: 300px;
    color: #444444;
    opacity: 0.6;
    position: relative;
    top: -30px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.profiloOFF {
        top: -22px;
    }
}

div.profiloOFF div.profilo_voce {
    text-align: justify;
    clear: both;
    height: 11px;
}

div.profiloOFF div.profilo_voce div.profilo_voce_label {
    width: 32%;
    float: left;
    text-align: right;
    margin-left: 3px;
    color: #578080;
    font-size: 7px;
    font-weight: bolder;
    text-transform: uppercase;
}

div.profiloOFF div.profilo_voce div.profilo_voce_valore {
    text-align: left;
    width: 63%;
    float: right;
    margin-right: 3px;
    border-bottom: 1px dashed #222222;
    color: #666;
    font-size: 9px;
    margin-top: -2px;
}

div.menu_profilo {
    border-bottom: 1px solid #578080;
    width: 95%;
    text-align: center;
    margin: 0 auto 19px auto;
}

div.titolo_profilo {
    color: #EDFBFF;
    float: left;
    font-family: Century Gothic,Georgia;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

div.profilo div.profilo_voce {
    text-align: justify;
    clear: both;
    height: 11px;
}

/*Nome campo*/
div.profilo_voce div.profilo_voce_label {
    width: 25%;
    float: left;
    text-align: right;
    margin-left: 5px;
    color: #dfac66;
    font-size: 7px;
    font-weight: bolder;
    text-transform: uppercase;
}

/*Valore campo*/
div.profilo_voce div.profilo_voce_valore {
    text-align: left;
    width: 60%;
    float: right;
    min-height: 11px;
    margin-right: 80px;
    color: #666;
    font-size: 9px;
    margin-top: -2px;
}

/*Icone gilda*/
img.profilo_img_gilda {
    height: 15px;
    width: 15px;
}

img.profilo_img_gilda_permessi {
    height: 20px;
    width: 20px;
    margin-top: -12px;
}

/*Box status*/
div.profilo_status {
    margin: 15px 100px;
    clear: both;
    min-height: 40px;
    text-align: justify;
    background-color: #222;
    border: 1px solid #111;
    box-shadow: 3px 3px 8px #000 inset, 0 0 40px #090909 inset;
    padding: 4px;
}

div.profilo_status_label {
    color: #444;
    font-size: 8px;
    font-weight: bolder;
    text-align: center;
    text-transform: uppercase;
}

div.profilo_status_valore {
    color: #444;
    font-size: 9px;
}

div.look_scheda a, div.look_scheda a:visited {
    font-family: 'Love Ya Like A Sister',cursive;
    color: #dfac66;
    font-size: 15px;
    font-weight: normal;
}

div.look_scheda a:hover {
    font-family: 'Love Ya Like A Sister',cursive;
    color: #dfac66;
    font-size: 15px;
    font-weight: normal;
    text-shadow: none;
}

/*Casella PF nei controlli master*/
div.form_field input.healt_input {
    width: 28px;
}

/*Box storia pg, box affetti*/
div.background {
    margin: 5px 20px;
    clear: both;
    padding: 5px 0px;
    overflow: hidden;
    width: auto;
    box-sizing: border-box;
}

div.background_libero {
    margin: 0;
    clear: both;
    overflow: hidden;
    width: auto;
}

div.background img, div.background_libero img {
    max-width: 670px;
}

/*Menu' interno scheda*/
div.menu_scheda {
    float: right;
    font-size: 12px;
    height: 30px;
    margin: 0 3px 5px 5px;
    text-align: center;
    width: 450px;
}

/*Box abilita new */
table.abilnew {
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    margin: 5px auto;
}

td.livello_abil {
    color: #66cc33;
}

span.skillValue {
    margin: 0;
}

span.id_scheda {
    color: #5a846d;
    font-family: 'Amatic SC', cursive;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

#nav {
    width: auto;
    height: 100px;
    overflow: auto;
    margin: 10px;
    background-color: #000;
    color: #444;
    border: 1px solid #222;
    border-radius: 5px;
    padding: 5px;
    text-align: justify;
}

div.elenco_abilita {
    margin: 10px auto 5px auto;
    clear: both;
}

div.div_colonne_abilita_scheda {
    padding: 50px 10px;
}

div.elenco_abilita table {
    margin: 2px auto 5px;
}

div.elenco_abilita td {
    vertical-align: top;
    height: 2px;
}

div.abilita_scheda_nome {
    color: #1e302c;
    text-align: left;
    font-family: 'Neucha';
    font-size: 12px;
    x; font-weight: 800;
    letter-spacing: 1px;
    padding: 0;
    width: 200px;
    text-transform: uppercase;
}

div.abilita_scheda_car {
    color: #000;
    font-size: 10px;
    font-weight: 400;
    padding: 4px;
    text-transform: uppercase;
    text-align: right;
    width: 80px;
    font-family: calibri;
}

div.abilita_scheda_tank {
    margin-top: 0px;
    font-family: 'Neucha', sans-serif;
    width: 20px;
    text-align: center;
}

div.abilita_scheda_sub {
    color: #333;
    font-size: 16px;
    text-align: justify;
    width: 40px;
    height: 12px;
    margin: 0px 17px;
    display: inline-flex;
    justify-content: space-between;
}

div.abilita_scheda_sub span.abilita_piumeno {
    margin: 0 3px;
}

/****************************************************************************/
/****************************************************************************/
/* STILE DELLA PAGINA DI MODIFICA SCHEDA */
div.modifica_scheda {
    margin: 10px;
}

/****************************************************************************/
/****************************************************************************/
/* STILE DELLA PAGINA DI EQUIPAGGIAMENTO */
td.casella_elemento_inventario, div.elementi_elenco {
    font-size: 12px;
    background: transparent;
}

tr.casella_controlli {
    background: transparent;
}

div.pagina_scheda_oggetti td.casella_elemento, div.pagina_scheda_equip td.casella_elemento {
    font-size: 12px;
    padding: 3px;
}

div.pagina_scheda_oggetti div.inventario_riga_descrizione, div.pagina_scheda_equip div.inventario_riga_descrizione {
    min-height: 0;
    height: auto;
}

div.pagina_scheda_oggetti div.inventario_riga_commento, div.pagina_scheda_equip div.inventario_riga_commento {
    background-color: rgba(128,128,128,0.1);
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px 30px 30px 30px;
    -webkit-border-radius: 30px 30px 30px 30px;
    box-shadow: 0 1px 1px #000000;
    color: #555555;
    font-size: 9px;
    margin: 15px 30px;
    padding: 13px 10px;
    text-align: right;
}

div.pagina_scheda_equip div.inventario_nome_oggetto {
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #050505;
    border-radius: 5px 5px 5px 5px;
    border-top: 1px solid #111111;
    box-shadow: 0 -4px 8px #090909 inset;
    color: #dfac66;
    font-family: 'Cabin Sketch', sans-serif;
    font-size: 15px;
    font-weight: normal;
    padding: 3px;
    text-align: center;
    letter-spacing: 2px;
}

div.pagina_scheda_oggetti div.inventario_nome, div.pagina_scheda_equip div.inventario_nome {
    font-size: 12px;
    text-transform: uppercase;
}

div.pagina_scheda_oggetti div.form_label, div.pagina_scheda_equip div.form_label {
    font-size: 12px;
    margin: 0;
}

div.pagina_scheda_oggetti input, div.pagina_scheda_equip input {
    background-color: #111;
    border: 1px solid #222;
    box-shadow: 0 -4px 8px #111111 inset;
    color: #777777;
    cursor: pointer;
    font-size: 9px;
    margin: 0 5px;
    padding: 2px 10px;
    text-shadow: 1px 1px 0 #090909;
    border-radius: 1000px 4px;
}

div.pagina_scheda_equip form, div.pagina_scheda_oggetti form {
    text-align: center;
    margin: 0 0 4px 0;
}

/****************************************************************************/
table.slidemenu {
    width: 560px;
    height: 30px;
    margin: -16px auto 0px auto;
    text-align: center;
}

div.menu_scheda_fade {
    width: 560px;
    text-align: center;
    height: 45px;
    position: relative;
    left: 0px;
    top: 0px;
    overflow-y: hidden;
    overflow-x: hidden;
    border: 0;
}

ul#menu {
    list-style: none;
    background-color: transparent;
    color: #444;
    border: none;
    width: 560px;
    margin: 0 auto;
    margin-top: -30px;
    transition-property: margin-top;
    transition-duration: 2s;
    transition-timing-function: ease;
    -webkit-transition-property: margin-top;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: margin-top;
    -moz-transition-duration: 2s;
    -moz-transition-timing-function: ease;
    -o-transition-property: margin-top;
    -o-transition-duration: 2s;
    -o-transition-timing-function: ease;
}

ul#menu:hover {
    margin-top: 0px;
}

ul#menu li#navigation {
    background-color: #161616;
    border-bottom: 1px solid #222222;
    box-shadow: 0 -4px 8px #111111 inset;
    -webkit-border-bottom-right-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    height: 30px;
}

ul#menu li#navigation ul {
    list-style: none;
    display: inline;
}

ul#menu li#navigation ul li {
    width: auto;
    display: inline-block;
    margin-top: 8px;
}

ul#menu li#tab {
    font-weight: bold;
    line-height: 15px;
    height: 15px;
}

ul#menu li#tab a.menuscheda {
    display: inline-block;
    background: url(imgs/menu/menuschedaoff.png) no-repeat;
    width: 33px;
    height: 14px;
}

ul#menu li#tab a.menuscheda:hover {
    display: inline-block;
    background: url(imgs/menu/menuscheda.png) no-repeat;
    width: 33px;
    height: 14px;
}

a.buttonbox, a.buttonbox:visited {
    display: inline-block;
    background: url("imgs/menu/slidescheda_new.png") no-repeat scroll 0 0 transparent;
    width: 39px;
    height: 35px;
}

a.buttonbox:hover {
    display: inline-block;
    background: url(imgs/menu/slidescheda_newON.png) no-repeat;
    width: 39px;
    height: 35px;
}

a.buttonbox:active {
    display: inline-block;
    background: url(imgs/menu/slidescheda_newACT.png) no-repeat;
    width: 39px;
    height: 35px;
}

div.tabella_inventario_scheda {
    background: url("imgs/bg2.gif") repeat scroll 0 0 transparent;
    color: #575757;
    font-size: 10px;
    margin: 0 auto;
}

div.tableschedamod {
    font-size: 9px;
    color: #d3629e;
    margin-top: 10px;
    margin-bottom: 0px;
}

table.schedamod {
    background-color: transparent;
    width: 100%;
    margin: 2px auto;
}

table.schedamod input {
    background-color: rgba(21, 22, 26, .82);
    padding: 2px 5px;
    font-size: 14px;
    font-family: 'Outfit', sans-serif;
    color: #dad8d7;
    border-left: 5px solid #1fb6e0;
    width: 97%;
    box-shadow: 0px -8px 18px rgba(0, 0, 0, .38) inset, 0px 0px 8px rgba(31, 182, 224, .12);
    letter-spacing: 1px;
    border-right: none;
    margin-bottom: 10px;
}

table.schedamod input:focus {
    color: #ffffff;
    outline: none;
    border-left-color: #ffb5dc;
    box-shadow: 0px -8px 18px rgba(0, 0, 0, .42) inset, 0px 0px 10px rgba(255, 118, 190, .20);
}

table.schedamod div.form_label {
    color: #1fb6e0;
    font-family: 'Outfit', sans-serif;
    font-size: 8px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: right;
    text-shadow: 0px 0px 6px rgba(31, 182, 224, .25);
}

div.box_mod {
    margin: 30px auto 10px;
    text-align: center;
    font-size: 31px;
    font-family: 'Schoolbell';
    color: #ffb5dc;
    text-shadow: 0px 0px 8px rgba(255, 118, 190, .35);
    padding-top: 40px;
}

div.tableschedamod div.form_label {
    color: #1fb6e0;
    letter-spacing: 3px;
    font-variant: small-caps;
    text-transform: none;
    font-size: 20px;
    margin-bottom: 9px;
    text-shadow: 0px 0px 8px rgba(31, 182, 224, .28);
    font-family: 'Outfit', sans-serif;
}

table.schedamod div.form_field {
    width: 260px;
    text-align: right;
}

div.tableschedalog div.form_label {
    color: #1fb6e0;
    font-variant: all-small-caps;
    text-transform: none;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 9px;
    text-shadow: 0px 0px 8px rgba(31, 182, 224, .25);
    text-align: right;
    font-family: 'Outfit', sans-serif;
    width: 200px;
}

table.schedalog div.form_field {
    width: 200px;
    text-align: right;
    color: #a7b5ba;
}

table.schedamod td.info_tab {
    width: 30px;
}

.mp3 {
    position: absolute;
    background: url('/imgs/scheda/music.png');
    display: flex;
    top: 3px;
    right: -68px;
    width: 65px;
    height: 42px;
    transform: rotate(-1deg);
    z-index: 903;
    justify-content: center;
}

div.mp3_controls {
    position: relative;
    top: 20px;
    left: -3px;
    height: 20px;
    transform: rotate(355deg);
}

div.mp3_controls button {
    color: #000000;
    text-shadow: 0px 0px 5px #000000;
    margin: 0 3px;
    width: 10px;
    font-size: 10px;
}

input.abil {
    background: transparent;
    width: 25px;
    float: left;
    font-size: 18px;
    color: #2e2118;
    border: none;
    font-family: 'Neucha', sans-serif;
    margin: auto 5px;
    border-radius: 4px;
    cursor: pointer;
}

input.abil:hover {
    color: #660000;
}

span.data_status {
    color: #578080;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

span.rec_illegale {
    color: #660000;
    font-size: 7px;
    font-weight: bolder;
    text-transform: uppercase;
}

a.rec_legale, a.rec_legale:visited {
    color: #444;
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: uppercase;
}

a.rec_legale:hover {
    color: #fff;
}

div.quote_scroll {
    max-height: 450px;
    overflow: auto;
}

div.quote_box {
    color: #444;
    font-size: 10px;
    line-height: 10px;
    padding: 10px;
    margin: 20px 0 0;
    text-align: left;
    overflow: auto;
    transform: rotate(-2deg);
}

div.quote_img_legame {
    position: relative;
    top: 0px;
    right: 31px;
    float: right;
    clear: both;
    transform: rotate(6deg);
    width: 150px;
}

div.quote_header {
    position: relative;
    bottom: -10px;
    text-align: right;
    left: 72px;
    width: 400px;
    color: #35524d;
}

div.quote_actions {
    position: relative;
    top: -12px;
    height: 20px;
    right: -46px;
    text-align: right;
    z-index: 999 !important;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

div.titolo_quote_legame {
    position: relative;
    height: 65px;
    max-height: 66px;
    overflow: auto;
    width: 307px;
    color: #788e78;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 15px;
    font-family: 'Neucha';
    top: 42px;
    left: 55px;
    padding: 3px;
    transform: rotate(2deg);
    text-align: justify;
}

div.tipo_legame {
    font-size: 14px;
    transform: rotate(1deg);
    font-family: 'Schoolbell', serif;
    text-transform: uppercase;
    color: #788e78;
}

div.quote_box a, div.box_quote a:visited {
    color: #395d49;
}

div.quote_box a:hover {
    color: #fff;
    text-shadow: none;
}

div.img_quote_big {
    transform: rotate(355deg);
}

div.quote_mini_desc {
    background: #0c0c0c;
    width: 150px;
    height: 23px;
    padding: 5px;
    margin: 0px 5px;
    border: 3px solid transparent;
    border-image: url(/themes/advanced/imgs/cornice_wood.png) 10 stretch;
}

.img_quote_mini {
    width: 50px;
    height: 50px;
    margin: -11px 0px 0px -10px;
    float: left;
    clear: both;
    border-radius: 10% 80% / 80% 10%;
    position: relative;
    z-index: 9999 !important;
    cursor: help;
    box-shadow: 0px 3px 10px #0b0b0bde;
    transform: rotate(351deg);
}

div.mod_box {
    width: 250px;
    position: relative;
    top: -35px;
    left: 31px;
    transform: rotate(357deg);
    height: 15px;
}

.img_quote {
    position: relative;
    top: 0px;
    left: 157px;
    transform: rotate(17deg);
}

div.quote_content {
    background: url(/themes/advanced/imgs/bgpostapotooltipmap.png) center top no-repeat;
    height: 340px;
    width: 530px;
    color: #403c3a;
    box-sizing: border-box;
}

div.quote_text {
    font-size: 12px;
    line-height: 14.8px;
    font-family: 'Hind Siliguri', sans-serif;
    text-align: justify;
    position: relative;
    top: 10px;
    color: #8e8c89;
    left: 58px;
    width: 410px;
    height: 170px;
    max-height: 171px;
    overflow: auto;
}

input.quote_submit {
    background: none;
    border: none;
    box-shadow: none;
    width: auto;
    height: auto;
    color: #6d1d1d;
    padding: 0 2px;
}

.gender_f {
    color: #8e6f9e;
}

.gender_m {
    color: #568498;
}

.gender_t {
    color: #669966;
}

span.labelscheda {
    color: #12415e;
    text-transform: uppercase;
    letter-spacing: normal;
    font-size: 18px;
    text-shadow: none;
    font-family: 'Infamous', sans-serif;
}

span.labelstats {
    color: #d388b0;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.5px;
    text-shadow: none;
    font-weight: 400;
    font-family: 'Outfit', sans-serif;
}

span.fama {
      color: #c0b8bc;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 10px;
      text-shadow: none;
      font-family: 'Outfit', sans-serif;
}

div.desc_fama {
    background: url(imgs/pattern_quaderno.jpg) repeat scroll left top rgba(0, 0, 0, 0.2);
    color: #231e14;
    max-height: 150px;
    line-height: 17px;
    overflow: auto;
    padding: 15px;
    text-shadow: none;
    box-shadow: 0 0 20px 7px #443717 inset;
    font-size: 16px;
    margin: 0 auto;
    font-family: 'Neucha', sans-serif;
}

div.abit {
    font-size: 10px;
    font-family: Tahoma;
    background-color: rgb(0, 0, 0);
    margin: 0px auto;
    border: 1px solid rgb(34, 34, 34);
    padding: 3px;
}

#skill-list h2 {
    color: #3d5146;
    text-align: center;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0;
    font-variant: all-small-caps;
    text-shadow: none;
    margin-top: -32px;
    margin-left: 110px;
    cursor: help;
}

#skill-list .answer {
    display: none;
    background-color: #e1d9d1b3;
    box-shadow: none;
    padding: 5px 20px;
    text-align: justify;
    line-height: 14px;
    margin: 0 auto 20px;
    width: 80%;
    color: #8a8574;
    border-top: 7px solid #f1d2a7;
    font-size: 12px;
    min-height: 100px;
}

#skill-list .answer p {
    font-size: 12px;
    color: #4c5b53;
    line-height: 18px;
}

#skill-list .answer b, #skill-list .answer bold, #skill-list .answer strong {
    font-family: Calibri, sans-serif;
    font-size: 11px;
    color: #dc7c6d;
}

div.box_relatives {
    text-align: center;
    margin: 0 auto 20px;
}

div.relatives {
    width: 100px;
    height: 70px;
    vertical-align: top;
    display: inline-block;
    margin: 2px auto;
}

.profilo_namecap {
    font-family: 'Infamous';
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2b2821;
    text-shadow: none;
    line-height: 11px;
}

.profilo_namecap a, .profilo_namecap a:visited {
    font-size: 14px;
    color: #f6ceaf;
    text-shadow: none;
}

.profilo_namecap a:hover {
    font-size: 18px;
    color: #fff;
    text-shadow: none;
}

.box_strike {
    width: 100%;
    height: 100%;
    text-align: center;
}

.box_strike .single_strike_column {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    color: white;
    border: solid black;
    border-width: 0 1px 0 0;
    height: 100%;
}

.box_strike .single_strike_column:first-child {
    border-width: 0 1px;
}

.box_strike .single_strike_title {
    font-weight: bold;
    color: black;
    font-family: 'Love Ya Like A Sister',sans-serif;
    font-size: 20px;
}

.box_strike .single_strike_box {
    height: calc(100% - 120px);
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.box_strike .single_strike_assign input[type="submit"] {
    background: black;
    color: red;
    border: 1px solid red;
    padding: 3px 5px;
}

.box_strike .single_strike_assign textarea {
    height: 50px;
    resize: none;
}

.box_strike .single_strike {
    color: white;
    position: relative;
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.box_strike .single_strike .strike_delete {
    position: absolute;
    top: 5px;
    right: 5px;
}

.box_strike .single_strike .strike_delete a {
    color: red;
}

.box_strike .single_strike .stike_text {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.box_strike .single_strike .strike_data {
    font-style: italic;
    font-size: 12px;
    color: darkred;
}

div.creazione_spec {
    width: 75%;
    margin: 0 auto;
    padding: 10px 18px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #a7b5ba;
    background: radial-gradient(circle at top left, rgba(255, 118, 190, .08), transparent 34%), linear-gradient(180deg, rgba(21, 22, 26, .82), rgba(5, 7, 10, .72));
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient( to right, transparent, rgba(150, 91, 123, .35), rgba(31, 182, 224, .72), rgba(150, 91, 123, .35), transparent ) 1;
    border-radius: 8px;
    box-shadow: 0px -18px 35px rgba(0, 0, 0, .55) inset, 0px 10px 30px rgba(0, 0, 0, .35) inset;
}

div.creazione_spec span {
    color: #ffb5dc;
    font-family: 'Outfit', sans-serif;
    font-style: italic;
    font-size: 12px;
    font-weight: 500;
    text-shadow: 0px 0px 6px rgba(255, 118, 190, .28);
}

div.total_car, div.total_traits {
    margin: 0 auto 12px;
    text-align: center;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #dad8d7;
    text-shadow: 0px 0px 8px rgba(47, 134, 255, .18);
}

div.total_car span, div.total_traits span {
    color: #9ac4ff;
    text-shadow: 0px 0px 8px rgba(61, 142, 255, .45);
}

.cornice_avatar {
    width: 165px;
    height: 41px;
    background: url(/themes/advanced/imgs/scheda_cornice1.png) top left no-repeat;
    position: absolute;
    top: 65px;
    left: 301px;
    z-index: 901;
}

.cornice_avatar_graffetta {
    width: 50px;
    height: 105px;
    background: url(/themes/advanced/imgs/graffetta.png) top left no-repeat;
    position: absolute;
    top: -60px;
    left: 231px;
    z-index: 901;
    filter: drop-shadow(0px 0px 4px black);
}

.cornice_scheda {
    position: absolute;
    bottom: -3px;
    left: 0px;
    height: 116px;
    z-index: 0;
    width: 385px;
    background: url(/themes/advanced/imgs/targhetta_scheda.png) top right no-repeat;
    z-index: 902 !important;
}

.box_nome_vero {
    position: relative;
    left: 0px;
    width: 100%;
    top: 20px;
}

.box_nome_vero .name {
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    color: #c1bab4;
}

.scheda_contatti_look {
    position: absolute;
    top: 264px;
    right: 49px;
    transform: rotate( 24deg);
    z-index: 9999 !important;
}

/* Cambia l'immagine al passaggio del mouse */
.scheda_contatti_look .msg_link img {
    transition: all 0.3s ease;
}

.scheda_contatti_look .msg_link:hover img {
    content: url('/themes/advanced/imgs/scheda_msg_on.png');
}

.scheda_pg_titolo {
    font-family: 'Neucha';
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 20px 0px 8px;
    text-align: center;
    background-color: #e3fff7;
    background-image: linear-gradient(180deg, #ff675f, #ffa59b);
    background-size: 100%;
    text-shadow: 0px -1px 1px #540d0d45;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.circle-container {
    position: relative;
    width: 12em;
    height: 12em;
    border: 1px solid;
    border-radius: 50%;
    margin: 1em auto;
}

.circle-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1em;
    font-weight: bold;
}

.circle-link {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3em;
    height: 3em;
    transform-origin: -6em;
    /* Posiziona i link al bordo del cerchio */
    transform: rotate(var(--angle)) translate(-50%, -50%);
}

.circle-link img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: rotate(calc(-1 * var(--angle)));
    /* Mantiene le immagini dritte */
}

.circle-text {
    position: absolute;
    top: 110%;
    /* Posiziona il testo sotto l'immagine */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.circle-text a {
    color: #000;
    text-decoration: none;
    font-size: 0.8em;
}

.delete-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1em;
    color: #587e77;
    margin-top: 0.2em;
}

details > summary {
    list-style: none;
    cursor: pointer;
}

details > summary::-webkit-details-marker {
    display: none;
}

.info_mods_skill {
    margin: 0 auto 10px;
    text-align: center;
}

.creazione_spec.creazione_spec_skill {
    width: 90%;
    margin: -20px auto 0;
    padding: 3px 0px 0px;
    box-sizing: border-box;
    text-align: center;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    line-height: 15px;
    color: #a7b5ba;
    background: radial-gradient(circle at top left, rgba(255, 118, 190, .08), transparent 34%), linear-gradient(180deg, rgba(21, 22, 26, .82), rgba(5, 7, 10, .72));
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgb(49 33 42 / 35%), rgb(11 28 32 / 72%), rgb(58 37 49 / 35%), transparent) 1;
    border-radius: 8px;
    box-shadow: 0px -18px 35px rgba(0, 0, 0, .55) inset, 0px 10px 30px rgba(0, 0, 0, .35) inset;
}

.creazione_spec.creazione_spec_skill i {
    color: #b77b74;
    font-style: italic;
    text-shadow: 0px 0px 6px rgba(255, 118, 190, .25);
}

.creazione_spec.creazione_spec_skill span {
    color: #c2d0d4;
    text-shadow: none;
}

.skill-max-level, .skill-remaining {
    font-weight: 800;
    color: #9ac4ff;
    text-shadow: 0px 0px 8px rgba(61, 142, 255, .45);
}

.skill-reset-wrap {
    margin-top: 4px;
}

.skill-reset-wrap a, .skill-reset-wrap a:visited {
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #b67b74;
}

.skill-reset-wrap a:hover {
    color: #ffd8f3;
    text-shadow: 0px 0px 8px #fc74bb, 0px 0px 2px #fc74bb;
}

.colonne_abilita_scheda {
    margin: 5px auto 0;
}

.abilita_lista {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    row-gap: 10px;
    column-gap: 30px;
    margin: 0;
    padding: 0;
}

.abilita_colonna {
    width: 43%;
    box-sizing: border-box;
    list-style: none;
}

.car_descrizione_box {
    width: 90%;
    margin: -20px auto 10px;
    padding: 2px;
    box-sizing: border-box;
    text-align: center;
    transform: none;
    background: radial-gradient(circle at top left, rgba(255, 118, 190, .08), transparent 38%), linear-gradient(180deg, rgba(21, 22, 26, .86), rgba(5, 7, 10, .76));
    box-shadow: 0px -10px 22px rgba(0, 0, 0, .42) inset, 0px 8px 18px rgba(0, 0, 0, .28) inset;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient( to right, transparent, rgba(150, 91, 123, .35), rgba(31, 182, 224, .72), rgba(150, 91, 123, .35), transparent ) 1;
    border-radius: 6px;
}

.car_descrizione_inner {
    transform: none;
}

.car_descrizione_testo {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 11px;
    line-height: 8px;
    color: #a7b5ba;
}

.abilita_scheda_riga {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 3px;
}

.skill_umbrella {
    font-size: 13px;
    color: #9ac4ff;
    text-shadow: 0px 0px 6px rgba(61, 142, 255, .35);
}

.abilita_scheda_nome summary {
    color: #dad8d7;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.abilita_scheda_nome summary:hover {
    color: #ffb5dc;
    text-shadow: 0px 0px 8px rgba(255, 118, 190, .38);
}

.abilita_scheda_descrizione {
    width: 325px;
    margin: 0px auto 5px;
    padding: 8px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: justify;
    font-family: 'Hind Siliguri', serif;
    line-height: 13px;
    font-variant: none;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0px;
    color: #a7b5ba;
    background: radial-gradient(circle at top left, rgba(255, 118, 190, .07), transparent 36%), linear-gradient(180deg, rgba(21, 22, 26, .88), rgba(5, 7, 10, .78));
    border-radius: 6px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-image: linear-gradient( to right, transparent, rgba(150, 91, 123, .30), rgba(31, 182, 224, .58), rgba(150, 91, 123, .30), transparent ) 1;
    box-shadow: 0px -12px 25px rgba(0, 0, 0, .45) inset, 0px 8px 24px rgba(0, 0, 0, .35) inset;
}

.abilita_scheda_tank .skillValue {
    font-size: 11px;
    width: 20px;
    font-family: 'Outfit', sans-serif;
    color: #c2d0d4;
    text-shadow: 0px 0px 7px rgba(31, 182, 224, .25);
}

.abilita_skill_cmd, .abilita_skill_cmd:visited {
    background: none;
    filter: none;
    float: left;
    color: #9ac4ff;
    border: none;
    font-family: 'Neucha', sans-serif;
    margin: auto 5px;
    cursor: pointer;
    text-shadow: 0px 0px 6px rgba(61, 142, 255, .28);
}

.abilita_skill_cmd:hover {
    color: #ffb5dc;
    text-shadow: 0px 0px 8px rgba(255, 118, 190, .55);
}

.abilita_scheda_rank {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

.abilita_rank_badge {
    display: inline-block;
    padding: 0 6px;
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
}

.abilita_rank_badge.rank_bad {
    background: #bc6b66;
}

.abilita_rank_badge.rank_low {
    background: #d2ab60;
}

.abilita_rank_badge.rank_mid {
    background: #9aa253;
}

.abilita_rank_badge.rank_high {
    background: #3a945e;
}

.abilita_rank_badge.rank_top {
    background: #6cb89e;
}

.scheda_quote_foglietto {
    position: absolute;
    display: flex;
    bottom: 25px;
    left: 82px;
    z-index: 1;
    font-family: 'Infamous',sans-serif;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 0.8;
    font-weight: 200;
    transform: rotate(359deg);
    text-align: justify;
    width: 290px;
    box-sizing: border-box;
    height: 70px;
    z-index: 903;
    align-items: center;
    justify-content: flex-start;
}

/* layout compatto */
.hp-wrap {
    display: inline-flex;
    align-items: center;
    gap: 0px;
    position: absolute;
    top: 240px;
    right: 90px;
    flex-direction: column;
    z-index: 9999;
    transform: rotate( 6deg);
}

/* dimensioni barra */
.hp {
    width: 100px;
    max-width: 100px;
}

/* Barra di salute */
.health-bar {
    --h: 7px;
    position: relative;
    height: var(--h);
    background: #000000;
    border: 1px solid rgb(187 159 133);
    border-radius: 2px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 44%), 0 0 4px #352013;
}

/* Baseline capacità neutra, sotto alla fill */
.health-bar .cap-fill {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(var(--cap, 0) * 1%);
    background: linear-gradient(90deg, #ff0c0c, #ff6600);
    opacity: .22;
    pointer-events: none;
    box-shadow: inset 0 1px 2px rgb(255 165 165), inset -1px 0px 0px #ffffff;
}

/* Riempimento: colore pieno (no stripes) */
.health-bar .fill {
    height: 100%;
    position: relative;
    z-index: 2 !important;
    width: calc(var(--p, 0) * 1%);
    transition: width .35s ease;
    background: linear-gradient(90deg, rgb(149 28 114), rgb(255 115 105));
    box-shadow: inset 0px 0px 7px #0000008a, inset 0px 0px 3px #0000004d, inset 0px 0px 4px #71275a9c;
}

/* Label al centro (vuota per non confondere con % reali) */
.health-bar .hp-label {
    position: absolute;
    inset: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 800 7px/1 'Neucha', sans-serif;
    letter-spacing: .7px;
    color: #d8d2cb;
    text-shadow: 0 1px 0 rgba(0,0,0,.8);
    pointer-events: none;
}

/* Colori stato */
.health-bar.is-ok .fill {
    color: #22c784;
}

.health-bar.is-warn .fill {
    color: #ff9d2a;
}

.health-bar.is-crit .fill {
    color: #e8362f;
}

/* Pulsazione solo in critico */
.health-bar.is-crit .fill {
    animation: hp_pulse 1.3s ease-in-out infinite alternate;
}

@keyframes hp_pulse {
    0% {
        box-shadow: inset 0 0 6px #000, inset 0 0 2px #000, inset 0 0 3px rgba(255,59,48,.45), inset 0 0 2px rgba(255,59,48,.30), inset 0 0 1px rgba(255,255,255,.18);
    }

    100% {
        box-shadow: inset 0 0 6px #000, inset 0 0 2px #000, inset 0 0 10px rgba(255,59,48,.95), inset 0 0 8px rgba(176,0,32,.85), inset 0 0 6px rgba(255,59,48,.75), inset 0 0 3px rgba(255,255,255,.65);
    }
}

/* Stile per la riga Fisico nel tooltip (facoltativo) */
.hp-phys {
    font-size: 11px;
    opacity: .9;
    display: inline-block;
}

/* Riduzione movimento */
@media (prefers-reduced-motion: reduce) {
    .health-bar .fill, .health-bar .cap-fill {
        transition: none;
        animation: none;
    }
}

.title_id {
    font-family: 'Infamous', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0px;
    line-height: 1.3;
    color: #13415e;
    text-shadow: 0px 0px 1px #1e445b99;
    margin-right: 2px;
}

.minibg_wrapper {
    width: 98%;
    background: none;
    box-shadow: none;
    height: 500px;
    text-align: center;
    overflow: auto;
    margin: 20px auto 0px;
}

.minibg_intro {
    width: 88%;
    margin: 0 auto 18px;
    color: #39322b;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-align: justify;
}

.minibg_blocco {
    width: 95%;
    margin: 0 auto 22px;
    text-align: center;
    background: #0a0a0e96;
    padding: 20px;
    border-radius: 20px;
    border-width: 0px 0 1px 0;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgb(156 67 102 / 77%), rgb(226 107 95), rgb(156 67 102 / 77%), transparent) 1;
}

.minibg_blocco .p1, .minibg_question {
    margin: 0 0 8px;
    text-align: left;
}

.minibg_question_title {
    display: inline-block;
    padding: 0 6px;
    margin: 25px auto 5px;
    background: linear-gradient(45deg, #b040788f, #d769628f);
    border-radius: 10px;
    font-family: 'Outfit', sans-serif;
    color: #b3b3b3;
    font-size: 14px;
    line-height: 24px;
    width: 98%;
}

.minibg_question_desc {
    display: block;
    margin-top: 4px;
    color: #a97b77;
    font-size: 12px;
    line-height: 1.3;
    text-align: justify;
    padding: 10px;
    background: rgb(27 27 33);
    box-shadow: 0px -20px 40px #0000004a inset, 0px 10px 40px #0000003d inset;
    border-radius: 10px;
    margin: 0px auto 10px;
    width: 96%;
}

.minibg_textarea textarea {
    resize: none;
    line-height: 10px;
    width: 85%;
    margin: 20px auto;
    background-color: #15151a;
    font-size: 12px;
    padding: 10px;
}

.minibg_answer {
    padding: 5px 15px 10px;
    background: #131319c4;
    border-radius: 10px;
}

.minibg_answer_text {
    margin-top: 8px;
    line-height: 15px;
}

.minibg_counter {
    color: #c46b96;
    font-family: 'Outfit', sans-serif;
    font-size: 11px;
    text-align: right;
    margin-top: 3px;
}

.minibg_old_notice {
    width: 88%;
    margin: 0 auto 15px;
    padding: 8px 10px;
    box-sizing: border-box;
    color: #39322b;
    background: #c4b19f6b;
    border-left: 5px solid #2d3b36;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: justify;
}

/* =========================================================
   CERCHIA / CIRCLES
   ========================================================= */
#quotes {
    font-family: 'Outfit', Arial, sans-serif;
    color: #d7c9ba;
}

#quotes * {
    box-sizing: border-box;
}

.cerchia_page {
    width: calc(100% - 26px);
    max-width: 610px;
    margin: 0 auto 18px auto;
    padding: 0 0 16px 0;
}

.cerchia_tabs {
    width: 100%;
    margin: 0 auto;
}

.cerchia_tab_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 6px;
    margin: 30px auto 15px;
    height: 17px;
}

.cerchia_tab {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    max-width: 50%;
    border: 0;
    border-radius: 4px;
    margin: 20px 10px;
    padding: 2px 14px;
    color: #ffa681;
    font-family: 'Infamous', sans-serif;
    font-size: 15px;
    line-height: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-align: center;
    transition: transform .16s ease, filter .16s ease, background .16s ease;
}

.cerchia_tab:first-child {
    transform: rotate(-1.4deg);
}

.cerchia_tab:last-child {
    transform: rotate(1.2deg);
}

.cerchia_tab:hover {
    filter: brightness(1.06);
}

.cerchia_tab.is-active {
    color: #ffb29f;
    text-shadow: 0px 0px 3px #ff0085, 0px 0px 6px #ff1448, 0px 0px 7px black;
    border-radius: 0px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgb(255 108 174), #ff9270, rgb(255 108 148), transparent) 1 0%;
}

.cerchia_tab:first-child.is-active {
    transform: rotate(-1.4deg) translateY(-2px);
}

.cerchia_tab:last-child.is-active {
    transform: rotate(1.2deg) translateY(-2px);
}

.cerchia_tab_label {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cerchia_tab_count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 15px;
    height: 14px;
    margin-left: 0px;
    padding: 0 5px;
    color: #f3dfce;
    background: #9b3e4d;
    font-size: 12px;
    line-height: 15px;
    font-weight: 900;
    vertical-align: middle;
    border-radius: 100%;
}

.cerchia_panel {
    display: none;
}

.cerchia_panel.is-active {
    display: block;
}

.cerchia_quote_list, .cerchia_png_list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cerchia_quote_card, .cerchia_png_card {
    display: grid;
    grid-template-columns: 118px minmax(0,1fr);
    gap: 12px;
    align-items: start;
    min-width: 0;
    padding: 8px 8px 20px 8px;
}

.cerchia_quote_card:nth-child(even), .cerchia_png_card:nth-child(even) {
}

.cerchia_card_image {
    position: relative;
    align-self: start;
    width: 114px;
    margin: 2px auto 0 auto;
    padding: 4px 4px 20px 4px;
    background: #eae0cd;
    box-shadow: 0 7px 12px rgb(0 0 0 / 73%);
    transform: rotate(-2.4deg);
}

.cerchia_quote_card:nth-child(even) .cerchia_card_image, .cerchia_png_card:nth-child(even) .cerchia_card_image {
    transform: rotate(1.7deg);
}

.cerchia_card_image img {
    display: block;
    width: 106px;
    height: 106px;
    object-fit: cover;
    background: #080707;
    box-shadow: 0 0 0px 2px rgb(182 151 129 / 17%), 0 0 4px 3px rgb(182 151 129 / 17%);
}

.cerchia_legame_label {
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: -8px;
    overflow: hidden;
    color: #3d3129;
    background: linear-gradient(45deg, #a9836ef2, #d0a68b);
    box-shadow: 0px 2px 4px #000000;
    transform: rotate( 4deg);
    text-align: center;
    font-family: 'Infamous', sans-serif;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0px;
    text-transform: lowercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cerchia_card, .cerchia_quote_card {
    overflow: visible;
}

.cerchia_card_content {
    position: relative;
    z-index: 1;
    overflow: visible;
    isolation: isolate;
    /* questo è il foglio principale */
    background: rgb(215 171 142);
    border-radius: 1px;
    padding: 14px 16px 3px 16px;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20), 6px 4px 20px 4px rgb(102 72 62 / 56%) inset;
}

/* secondo foglietto, subito sotto */
.cerchia_card_content::before {
    content: "";
    position: absolute;
    left: 7px;
    right: 6px;
    top: 7px;
    bottom: -8px;
    z-index: -1;
    background: url('/imgs/scheda/background_quotes_paper.jpg');
    background-size: 100%;
    pointer-events: none;
    border-radius: 2px;
    transform: rotate( 1deg);
    box-shadow: 0 7px 13px rgb(0 0 0 / 54%), 0px 0px 70px #815644a3 inset;
    opacity: 0.96;
}

/* terzo foglietto,sotto e leggermente diverso */
.cerchia_card_content::after {
    content: "";
    position: absolute;
    left: 20px;
    right: -6px;
    top: 10px;
    bottom: -7px;
    z-index: -2;
    pointer-events: none;
    background: rgb(166 90 70);
    border-radius: 1px;
    transform: rotate( 358deg);
    box-shadow: 0 10px 17px rgba(0, 0, 0, 0.18), -1px 11px 20px 2px rgb(180 33 107 / 58%) inset;
}

.cerchia_quote_card:nth-child(even) .cerchia_card_content, .cerchia_png_card:nth-child(even) .cerchia_card_content {
    transform: rotate(-.25deg);
}

.cerchia_card_top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin-bottom: 0px;
    transform: rotate( 1deg);
}

.cerchia_identity {
    min-width: 436px;
    flex: 1 1 auto;
}

.cerchia_person_name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #1d3c61;
    font-family: 'Infamous','Neucha',cursive;
    font-size: 20px;
    line-height: 19px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 1px 0 rgba(0,0,0,.36);
}

.cerchia_person_name a {
    color: #1d3c61 !important;
    text-decoration: none;
}

.cerchia_person_name a:hover {
    color: #54322e !important;
}

.cerchia_direction {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #5f5148;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 8px;
    line-height: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cerchia_card_actions {
    display: flex;
    gap: 5px;
    position: relative;
    background: linear-gradient(45deg, #d2c5b4, #a67f6b);
    margin: -1px;
    top: 22px;
    left: 0px;
    transform: rotate(2deg);
    flex-direction: column;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 2px 1px 7px 0px #382318ba inset;
}

.cerchia_card_actions form {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
}

.cerchia_card_actions .delete_button {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.cerchia_card_actions .tasto_confirm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 24px;
    padding: 0;
    color: black;
    margin: 1px;
}

.cerchia_card_actions .tasto_confirm:hover {
    background: #c2af97;
}

.cerchia_card_actions .tasto_confirm i {
    font-size: 8px !important;
}

.cerchia_quote_title {
    display: inline-block;
    width: 90%;
    margin: 10px 0 0px 0;
    padding: 2px 8px 3px 8px;
    color: #3d3129;
    background: linear-gradient(45deg, #c0a191f2, #d0a68b);
    box-shadow: 3px 4px 0 rgba(0, 0, 0, .10), 0 0px 18px 0px rgb(63 48 49 / 12%) inset;
    font-family: 'Outfit', sans-serif;
    font-size: 10px;
    font-style: italic;
    line-height: 11px;
    letter-spacing: 0.3px;
    text-align: center;
    transform: rotate( 2deg);
}

.cerchia_quote_bodytext {
      min-height: 65px;
      color: #221d1a;
      font-size: 12px;
      line-height: 1.1;
      text-align: justify;
      transform: rotate(1deg);
      font-family: 'Hind Siliguri', sans-serif;
      padding: 0px 10px;
}

.cerchia_quote_bodytext p:first-child {
    margin-top: 0;
}

.cerchia_quote_bodytext p:last-child {
    margin-bottom: 0;
}

.cerchia_quote_bodytext::-webkit-scrollbar {
    width: 5px;
}

.cerchia_quote_bodytext::-webkit-scrollbar-track {
    background: rgba(0,0,0,.10);
}

.cerchia_quote_bodytext::-webkit-scrollbar-thumb {
    background: rgba(90,76,65,.42);
}

.cerchia_empty {
    width: 86%;
    margin: 4px auto 0 auto;
    padding: 14px 16px;
    color: #1d1917;
    background: linear-gradient(180deg,#d6cbb8,#b9ae9d);
    box-shadow: 0 8px 15px rgba(0,0,0,.30);
    text-align: center;
    font-family: 'Outfit', Arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    transform: rotate(-.7deg);
}

.cerchia_empty strong {
    display: block;
    margin-bottom: 4px;
    color: #ef756e;
    font-family: 'Infamous','Neucha',cursive;
    font-size: 23px;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 2.4px;
    font-weight: normal;
}

.cerchia_png_section {
}

.cerchia_png_title {
    width: max-content;
    max-width: 100%;
    margin: 0 auto 12px auto;
    padding: 4px 22px 5px 22px;
    color: #281911;
    background: linear-gradient(45deg,#b38d77,#eaba9b);
    box-shadow: 0 5px 9px rgba(0,0,0,.32);
    font-family: 'Infamous','Neucha',cursive;
    font-size: 20px;
    padding: 0px 10px;
    margin: 11px auto 0px;
    letter-spacing: -1px;
    line-height: 19px;
    text-transform: none;
    transform: rotate(.8deg);
}

@media (max-width: 520px) {
    .cerchia_page {
        width:calc(100% - 18px);
    }

    #quotes > .scheda_pg_titolo {
        font-size: 30px !important;
        line-height: 34px !important;
        height: auto !important;
        letter-spacing: 3px;
    }

    .cerchia_tab_nav {
        gap: 7px;
        padding: 0;
        margin-bottom: 13px;
    }

    .cerchia_tab {
        padding: 6px 8px 7px 8px;
        font-size: 7px;
        line-height: 10px;
        letter-spacing: .8px;
    }

    .cerchia_tab_count {
        min-width: 16px;
        height: 14px;
        margin-left: 4px;
        font-size: 7px;
        line-height: 14px;
    }

    .cerchia_quote_card, .cerchia_png_card {
        grid-template-columns: 96px minmax(0,1fr);
        gap: 9px;
        padding: 7px;
    }

    .cerchia_card_image {
        width: 88px;
        padding: 6px 6px 22px 6px;
    }

    .cerchia_card_image img {
        width: 76px;
        height: 76px;
    }

    .cerchia_legame_label {
        left: 6px;
        right: 6px;
        bottom: 4px;
        font-size: 13px;
        line-height: 15px;
    }

    .cerchia_card_content {
        padding: 9px 9px 10px 9px;
    }

    .cerchia_person_name {
        font-size: 22px;
        line-height: 23px;
        letter-spacing: 2px;
    }

    .cerchia_direction {
        font-size: 7px;
        letter-spacing: .8px;
    }

    .cerchia_card_actions {
        gap: 4px;
    }

    .cerchia_card_actions .tasto_confirm {
        width: 22px;
        height: 22px;
    }

    .cerchia_quote_title {
        font-size: 15px;
        line-height: 17px;
    }

    .cerchia_quote_bodytext {
        min-height: 60px;
        max-height: 120px;
        font-size: 10.5px;
        line-height: 15.5px;
    }
}

.cerchia_featured_relations {
    width: 100%;
    min-height: 75px;
    box-sizing: border-box;
    margin: 0px auto;
    padding: 8px 6px;
}

.cerchia_featured_list {
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 19px;
    align-items: flex-start;
}

.cerchia_featured_item {
    text-align: center;
    text-decoration: none;
    color: #e48c8c;
    display: block;
}

.cerchia_featured_avatar {
    width: 38px;
    height: 38px;
    display: block;
    margin: 0 auto 4px;
    overflow: hidden;
    border-radius: 6px;
    transform: rotate(-1deg);
}

.cerchia_featured_avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 2px solid #e9e0cd;
    border-radius: 100%;
}

.cerchia_featured_name, .cerchia_featured_type {
    display: block;
    line-height: 1.05;
}

.cerchia_featured_name {
    font-family: 'Neucha', sans-serif;
    letter-spacing: 1px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.cerchia_featured_type {
    margin-top: -1px;
    font-family: 'Outfit',sans-serif;
    font-size: 11px;
    color: #faad8c;
    opacity: .78;
}

/* ==========================================================
   SCHEDA ABILItà EDITOR A PALLINI, VERSIONE COMPATTA
   ========================================================== */

.tableschedamod .nhie-skills-page,
.tableschedamod .nhie-skills-page * {
    box-sizing: border-box;
}

.tableschedamod .nhie-skills-page {
    width: 100%;
    margin: 0 auto;
    color: #a7b5ba;
    font-family: 'Hind Siliguri', sans-serif;
}

/* Testo iniziale volutamente vicino alla versione originale. */
.tableschedamod .nhie-skills-rules.info_mods_skill {
    width: 100%;
    height: auto;
    margin: 0px auto 5px;
    background: none;
}

.tableschedamod .nhie-skills-rules .creazione_spec_skill {
    width: 77%;
    margin: 0px auto 30px;
    padding: 10px;
    border-radius: 20px;
}

.tableschedamod .nhie-skills-rules .skill-reset-wrap {
    display: inline-block;
    margin: 0 0 0 7px;
}

.tableschedamod .nhie-skills-rules .skill-reset-wrap::before {
    content: '÷';
    margin-right: 7px;
    color: #65747b;
}

.tableschedamod .nhie-skills-rules .skill-reset-wrap a,
.tableschedamod .nhie-skills-rules .skill-reset-wrap a:visited {
    font-size: 7px;
    letter-spacing: .7px;
}

.tableschedamod .nhie-skill-feedback {
    width: 92%;
    margin: 2px auto 5px;
    padding: 3px 7px;
    border-left: 2px solid #65747b;
    background: rgba(5, 7, 10, .5);
    color: #a7b5ba;
    font-size: 9px;
    line-height: 12px;
    text-align: left;
}

.tableschedamod .nhie-skill-feedback.is-success {
    border-left-color: #599b82;
    color: #9ed9c4;
}

.tableschedamod .nhie-skill-feedback.is-error {
    border-left-color: #bb615d;
    color: #e7a39b;
}

/* Le colonne non vengono disposte a righe di pari altezza:
   in questo modo non rimangono grandi vuoti tra una caratteristica e l'altra. */
.tableschedamod .nhie-skills-grid {
    display: block;
    width: 100%;
    margin: 10px auto 0px;
    padding: 0;
    column-count: 2;
    column-gap: 0px;
}

.tableschedamod .nhie-skill-characteristic {
    display: inline-block;
    width: 80%;
    margin: 0 0 30px;
    padding: 0;
    break-inside: avoid;
    vertical-align: top;
    list-style: none;
}

.tableschedamod .nhie-characteristic-head {
    display: flex;
    width: 100%;
    height: 19px;
    margin: 0 0 1px;
    padding: 2px 6px 1px;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    border-width: 0 0 1px;
    border-style: solid;
    border-image: linear-gradient(to right, transparent, rgba(150, 91, 123, .32), rgba(31, 182, 224, .58), transparent) 1;
    background: linear-gradient(90deg, rgba(5, 7, 10, .86), rgba(21, 22, 26, .62), rgba(5, 7, 10, .78));
}

.tableschedamod .nhie-characteristic-title {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

.tableschedamod .nhie-characteristic-title h4 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #e2847d;
    font-family: 'Outfit', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.tableschedamod .nhie-characteristic-score {
    flex: 0 0 auto;
    color: #f367b0;
    font-size: 11px;
    font-weight: 700;
}

.tableschedamod .nhie-characteristic-cap {
    flex: 0 0 auto;
    color: #d281ab;
    font-family: 'Outfit', sans-serif;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
}

.tableschedamod .nhie-characteristic-description {
    width: 100%;
    height: 12px;
    margin: 0 0 2px;
    padding: 0 5px;
    font-family: 'Outfit', sans-serif;
    overflow: hidden;
    color: #a18886;
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Una singola abilità occupa una riga sola. */
.tableschedamod .nhie-skill-row {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 20px;
    margin: 0;
    padding: 2px 3px;
    grid-template-columns: minmax(72px, 1fr) 115px 16px 35px;
    grid-template-rows: 13px;
    align-items: center;
    gap: 2px;
    border-bottom: 1px solid rgba(255, 255, 255, .025);
    background: rgba(4, 7, 10, .18);
}

.tableschedamod .nhie-skill-row:nth-of-type(even) {
    background: rgba(20, 22, 27, .19);
}

.tableschedamod .nhie-skill-row.is-changed {
    background: linear-gradient(90deg, rgba(105, 35, 70, .2), rgba(12, 16, 21, .25));
}

/* display:contents consente alla descrizione aperta di usare tutta la riga. */
.tableschedamod .nhie-skill-name {
    display: contents;
    width: auto;
    margin: 0;
    padding: 0;
}

.tableschedamod .nhie-skill-name > summary {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    overflow: hidden;
    color: #c6c5c3;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .25px;
    line-height: 12px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.tableschedamod .nhie-skill-name > summary::before {
    content: "\203A";
    display: inline-block;
    width: 6px;
    color: rgb(150, 89, 117);
    font-size: 8px;
}

.tableschedamod .nhie-skill-name[open] > summary::before {
    transform: rotate(90deg);
}

.tableschedamod .nhie-skill-name > summary:hover {
    color: #ffb5dc;
}

.tableschedamod .nhie-skill-description {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 178%;
    margin: 2px 0 1px;
    padding: 4px 5px;
    border: 0;
    border-left: 1px solid rgba(246, 114, 183, .28);
    border-radius: 0;
    background: rgba(0, 0, 0, .25);
    box-shadow: none;
    color: #929da1;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 11px;
    line-height: 1.4;
    text-align: justify;
    text-transform: none;
}

.tableschedamod .nhie-skill-row:has(.nhie-skill-name[open]) {
    grid-template-rows: 13px auto;
}

.tableschedamod .skill_umbrella {
    margin-left: 2px;
    color: #9ac4ff;
    font-size: 7px;
    text-shadow: none;
}

.tableschedamod .nhie-skill-dots {
    display: flex;
    width: 90px;
    min-width: 90px;
    grid-column: 2;
    grid-row: 1;
    align-items: center;
    gap: 1px;
}

.tableschedamod .skill-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    min-width: 8px;
    min-height: 8px;
    margin: 0 1px;
    padding: 0;
    flex: 0 0 6px;
    border: 1px solid #3e494f;
    border-radius: 50%;
    outline: 0;
    appearance: none;
    -webkit-appearance: none;
    background: #10161a;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .6) inset;
    line-height: 0;
    cursor: pointer;
}

.tableschedamod button.skill-dot:hover:not(:disabled) {
    border-color: #ffb5dc;
    transform: scale(1.2);
}

.tableschedamod .skill-dot.is-on.is-owned {
    border-color: #c64e4e;
    background: #ff7267;
    box-shadow: 0 0 3px rgb(218 93 39 / 38%);
}

.tableschedamod .skill-dot.is-on.is-pending {
    border-color: #f59ac9;
    background: #d75f9d;
    box-shadow: 0 0 4px rgba(246, 114, 183, .48);
}

.tableschedamod .skill-dot.is-locked,
.tableschedamod .skill-dot:disabled {
    border-color: #40484e;
    background: #090c0e;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .34;
}

.tableschedamod .nhie-skill-number {
    display: block;
    width: 16px;
    height: 12px;
    margin: 0;
    padding: 0;
    grid-column: 3;
    grid-row: 1;
    color: #f5dbd8;
    background: none;
    border: 0;
    font-family: 'Neucha', sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    text-shadow: none;
}

.tableschedamod .nhie-skill-row.is-changed .nhie-skill-number {
    color: #ff9dcc;
}

.tableschedamod .nhie-skill-rank {
    display: block;
    width: 35px;
    margin: 0;
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.tableschedamod .nhie-skill-rank .abilita_rank_badge {
    display: inline-block;
    max-width: 45px;
    min-width: 37px;
    height: 10px;
    margin: 0;
    padding: 0 3px;
    overflow: hidden;
    border-radius: 1px;
    color: #eee9e8;
    font-family: 'Outfit', sans-serif;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 0.7px;
    line-height: 10px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: none;
}

.tableschedamod .nhie-skill-rank .rank_bad { background: #724747; }
.tableschedamod .nhie-skill-rank .rank_low { background: #78633f; }
.tableschedamod .nhie-skill-rank .rank_mid { background: #5f693d; }
.tableschedamod .nhie-skill-rank .rank_high { background: #35634c; }
.tableschedamod .nhie-skill-rank .rank_top { background: #3f7068; }

/* Un'unica riga di riepilogo, senza spiegazioni permanenti. */
.tableschedamod .nhie-skill-savebar {
    position: sticky;
    z-index: 12;
    bottom: 0;
    display: flex;
    width: 94%;
    min-height: 27px;
    margin: 4px auto 0;
    padding: 3px 4px 3px 7px;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border-top: 1px solid rgba(246, 114, 183, .15);
    border-bottom: 1px solid rgba(31, 182, 224, .14);
    background: rgba(5, 8, 12, .96);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .28) inset;
}

.tableschedamod .nhie-skill-preview {
    display: flex;
    margin: 10px auto 0px;
    min-width: 0;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px 30px;
    color: #7d8a90;
    font-family: 'Outfit', sans-serif;
    justify-content: center;
}

.tableschedamod .nhie-skill-preview b {
    color: #f29592;
    font-size: 12px;
}

.tableschedamod .nhie-skill-preview .is-cost {
    color: #f29592;
}

.tableschedamod .nhie-skill-preview .is-remaining {
    color: #f367b0;
    font-size: 12px;
}

.tableschedamod .nhie-skill-preview .is-negative {
    color: #e4857b;
}

.tableschedamod .nhie-skill-preview-note {
    display: none;
    width: 100%;
    color: #9b8b91;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 7px;
    line-height: 9px;
    text-transform: none;
}

.tableschedamod .nhie-skill-preview-note.is-visible {
    display: block;
}

.tableschedamod .nhie-skill-preview-note.is-error {
    color: #e28f77;
}


.tableschedamod .nhie-skill-save-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 3px;
    justify-content: space-evenly;
    width: 250px;
    margin: 10px auto 0px;
}

.tableschedamod .nhie-skill-button {
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: 19px;
    min-height: 19px;
    margin: 0;
    padding: 0 6px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 2px;
    color: #aaa4a5;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
}

.tableschedamod .nhie-skill-button:hover:not(:disabled) {
    color: #f4e7ec;
    filter: brightness(1.08);
}

.tableschedamod .nhie-skill-button:disabled {
    cursor: default;
    opacity: .28;
}

.tableschedamod .nhie-skill-button.is-secondary {
    border: 1px solid rgba(80, 158, 208, .16);
    background: #101820;
    color: #829ba8;
}

.tableschedamod .nhie-skill-button.is-primary {
    border: 1px solid rgba(246, 114, 183, .2);
    background: linear-gradient(90deg, #613047, #70304f);
    color: #ead9e1;
}

@media (max-width: 720px) {
    .tableschedamod .nhie-skills-grid {
        width: 94%;
        column-count: 1;
    }
}

.nhie-skill-reset-link{
    display: inline-flex;
    width: auto;
    min-width: 0;
    height: 19px;
    min-height: 19px;
    margin: 0;
    padding: 0 6px;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 2px;
    color: #aaa4a5;
    font-family: 'Outfit', sans-serif;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: none;
    border: 1px solid rgba(246, 114, 183, .2);
    background: linear-gradient(90deg, #bb5562, #e16b60);
    color: #ead9e1;
}


/* ==========================================================
   INVENTARIO SCHEDA — RIORDINO CONSERVATIVO DEI SOLI COMANDI
   Mantiene intatti layout, filtri, fascia "con sé" e card originali.
   ========================================================== */
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions {
    display: block;
    width: 100%;
    margin: 13px 0 3px;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions-grid {
    display: grid;
    width: 100%;
    gap: 7px;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: stretch;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions-grid form {
    box-sizing: border-box;
    margin: 0;
}

/* Prima riga: le sole due azioni immediate. */
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0 0;
    border-top: 1px solid rgba(126, 151, 140, .15);
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-action-form {
    flex: 0 0 auto;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-action-form input[type='submit'],
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-form input[type='submit'],
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-form input[type='submit'] {
    min-height: 22px;
    margin: 0;
    padding: 2px 9px;
    border: 1px solid rgba(112, 143, 132, .28);
    border-radius: 3px;
    background: rgba(35, 58, 53, .82);
    box-shadow: none;
    color: #dce8e4;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
    line-height: 15px;
    letter-spacing: .8px;
    text-shadow: none;
    text-transform: uppercase;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-action-form input[type='submit']:hover,
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-form input[type='submit']:hover,
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-form input[type='submit']:hover {
    background: rgba(48, 76, 69, .95);
    color: #fff;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-action-danger input[type='submit'] {
    border-color: rgba(137, 69, 64, .30);
    background: transparent;
    color: #b98b85;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-action-danger input[type='submit']:hover {
    background: rgba(87, 35, 32, .35);
    color: #e2aaa3;
}

/* Cessione: una riga dedicata, senza campi impilati. */
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-form {
    display: grid;
    width: 100%;
    grid-template-columns: auto minmax(105px, 1fr) minmax(105px, .85fr) auto;
    align-items: center;
    gap: 5px;
    padding: 6px 7px;
    border-radius: 4px;
    background: rgba(11, 15, 14, .42);
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-label,
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-label {
    color: #859c8e;
    font-family: 'Schoolbell', sans-serif;
    font-size: 9px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-form select,
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-form input[type='number'] {
    box-sizing: border-box;
    height: 22px;
    margin: 0;
    padding: 1px 5px;
    border: 1px solid rgba(95, 115, 108, .34);
    border-radius: 3px;
    background: rgba(7, 10, 9, .72);
    box-shadow: none;
    color: #aeb8b3;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-give-form select {
    width: 100%;
}

/* Staff: riga molto discreta e separata dalle azioni utente. */
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-form {
    display: flex;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding-top: 1px;
    color: #75827c;
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 9px;
}

.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-ps-form input[type='number'] {
    width: 48px;
    text-align: center;
}

/* Evita che le regole generiche dell'inventario aggiungano margini ai nuovi campi. */
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions input,
.pagina_scheda2 .tabella_oggetti_scheda .nhie-object-actions select {
    margin-top: 0;
    margin-bottom: 0;
}