/* M1-MAFIA | reversible visual trial, scoped exclusively to the Roles index.
   None of these selectors change homepage, detailed role cards or other pages. */
body.m1-ivory-trial{--ivory:#f6f3ec;--ivory-text:#292520;--ivory-muted:#685f54;--ivory-line:#ded4c5;--ivory-gold:#ac8554}
body.m1-ivory-trial .roles-main{
 background:radial-gradient(ellipse at 89% -8%,rgba(203,170,119,.20),transparent 43%),
 radial-gradient(ellipse at 4% 90%,rgba(202,197,186,.27),transparent 55%),
 linear-gradient(160deg,#faf8f3 0%,#f3eee6 56%,#f8f6f1 100%);
 color:var(--ivory-text);
}
body.m1-ivory-trial .roles-main::before{background-image:linear-gradient(90deg,rgba(104,85,58,.042) 1px,transparent 1px);background-size:115px 100%;}
body.m1-ivory-trial .roles-main .roles-wrap{padding-top:32px}
body.m1-ivory-trial .roles-main .roles-heading{margin-bottom:23px}
body.m1-ivory-trial .roles-main .roles-heading-fa,body.m1-ivory-trial .roles-main .roles-heading-en{
 color:#25211e;text-shadow:none;
}
body.m1-ivory-trial .roles-main .roles-heading-fa::after,
body.m1-ivory-trial .roles-main .roles-heading-en::after{background:linear-gradient(90deg,transparent,#b68b55,transparent);box-shadow:none}
body.m1-ivory-trial .roles-main .roles-search-row{margin-bottom:16px}
body.m1-ivory-trial .roles-main #roles-search{
 background:rgba(255,255,255,.78);border:1px solid #d0c4b1;color:#2a2521;border-radius:8px;
 min-height:52px;box-shadow:0 3px 18px rgba(65,51,35,.035);padding:12px 20px;
}
body.m1-ivory-trial .roles-main #roles-search::placeholder{color:#827768}
body.m1-ivory-trial .roles-main #roles-search:focus{border-color:#b48c57;box-shadow:0 0 0 3px rgba(184,144,90,.13);outline:none}
body.m1-ivory-trial .roles-main .role-category-filters{margin-bottom:25px;gap:9px}
body.m1-ivory-trial .roles-main .role-category-filters .chip{
 border:1px solid #d4c8b6;background:rgba(255,255,255,.49);color:#524b42;
 padding:10px 19px;border-radius:7px;min-height:43px;font-weight:600;
 transition:background .2s,border-color .2s,color .2s,transform .2s;
}
body.m1-ivory-trial .roles-main .role-category-filters .chip:hover{background:#eae0d1;border-color:#b89c75;color:#26201c;transform:translateY(-1px)}
body.m1-ivory-trial .roles-main .role-category-filters .chip.is-active{
 color:#fff8eb;background:#252322;border-color:#252322;box-shadow:0 5px 14px rgba(40,33,25,.13)
}
body.m1-ivory-trial .roles-main .role-selector-directory{scrollbar-color:#b6a286 #ebe4d9}
body.m1-ivory-trial .roles-main .role-selector-item{
 border:1px solid #ddd0bf;background:linear-gradient(105deg,#fffefd,#f6f0e8);
 color:#29241f;box-shadow:0 3px 16px rgba(71,56,39,.042);border-radius:9px;
}
body.m1-ivory-trial .roles-main .role-selector-item:hover{
 border-color:#b99a72;background:linear-gradient(105deg,#fffdf9,#ece1d3);
 box-shadow:0 5px 17px rgba(82,57,28,.085)
}
body.m1-ivory-trial .roles-main .role-selector-item.is-selected{
 border-color:#b99664;background:linear-gradient(105deg,#ead8c0,#fff9f1);
 box-shadow:inset -3px 0 0 #bc925d,0 7px 22px rgba(84,57,34,.09)
}
body.m1-ivory-trial .roles-main .role-selector-item[data-team=mafia].is-selected{border-color:#b87b76;box-shadow:inset -3px 0 0 #ad5f57,0 6px 18px rgba(94,57,50,.09)}
body.m1-ivory-trial .roles-main .role-selector-item[data-team=citizen].is-selected{border-color:#8da4ae;box-shadow:inset -3px 0 0 #7a94a1,0 6px 18px rgba(53,75,85,.09)}
body.m1-ivory-trial .roles-main .role-selector-item[data-team=independent].is-selected,
body.m1-ivory-trial .roles-main .role-selector-item[data-team=semi-independent].is-selected{border-color:#b99664;box-shadow:inset -3px 0 0 #bc925d,0 6px 18px rgba(84,57,34,.09)}
body.m1-ivory-trial .roles-main .role-selector-item-label strong{color:#2a241e}
body.m1-ivory-trial .roles-main .role-selector-item-label small{color:#766453}
body.m1-ivory-trial .roles-main .role-selector-item-mark{color:#9d7658}
body.m1-ivory-trial .roles-main .role-selector-thumb{border-color:#cbbba3}
body.m1-ivory-trial .roles-main .role-selector-photo{border:1px solid #aa8557;box-shadow:0 17px 42px rgba(59,49,37,.18),0 0 0 5px rgba(252,249,243,.83)}
body.m1-ivory-trial .roles-main .role-selector-description{
 background:linear-gradient(105deg,#262523,#3a3028);color:#fff1dc;border-color:#a58560;
 border-radius:7px;box-shadow:0 5px 14px rgba(70,48,26,.12)
}
body.m1-ivory-trial .roles-main .role-selector-description:hover{background:linear-gradient(105deg,#342d27,#5b452c);border-color:#b59467}
body.m1-ivory-trial .roles-main .role-selector-no-results{color:#75695c}
.m1-ivory-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;margin-bottom:22px;direction:rtl}
.m1-ivory-controls .m1-ivory-note{color:#746658;font:700 10px/1.5 Georgia,serif;letter-spacing:.19em;direction:ltr}
.m1-ivory-controls .m1-ivory-toggle{display:inline-flex;gap:11px;align-items:center;justify-content:center;min-height:37px;padding:8px 16px;border:1px solid #bca47f;background:#fbf9f5;border-radius:22px;color:#3d3025;font:600 12px Tahoma,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.m1-ivory-controls .m1-ivory-toggle:hover{background:#e9ddcb}
body:not(.m1-ivory-trial) .m1-ivory-controls .m1-ivory-note{color:#bfa37f}
body:not(.m1-ivory-trial) .m1-ivory-controls .m1-ivory-toggle{background:#221c17;border-color:#755637;color:#f5d3a6}
@media(max-width:640px){body.m1-ivory-trial .roles-main .roles-wrap{padding-top:18px}.m1-ivory-controls{margin-bottom:18px}.m1-ivory-controls .m1-ivory-note{font-size:9px;letter-spacing:.1em}.m1-ivory-controls .m1-ivory-toggle{font-size:11px;min-height:34px;padding:7px 12px}body.m1-ivory-trial .roles-main .role-category-filters .chip{min-height:37px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){body.m1-ivory-trial .roles-main .role-category-filters .chip{transition:none}}