.token{position:relative;border-radius:50%;width:100%;text-align:center;border:3px solid black;box-shadow:0 0 10px #00000080;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s;background-position:center center;background-size:100%;background-repeat:no-repeat;overflow:hidden}.token[data-role-type=Demon]{border-color:#7f1d1d}.token[data-role-type=Minion]{border-color:#9a3412}.token[data-role-type=Townsfolk]{border-color:#1e3a8a}.token[data-name-length=long] .label{font-size:18px}.token:hover .name .label{stroke:#000;fill:#fff}.token .icon,.token:before{background-size:100%;background-repeat:no-repeat;background-position:center 30%;position:absolute;width:100%;height:100%;margin-top:3%}.token span{position:absolute;width:100%;height:100%;background-size:100%;pointer-events:none;background-repeat:no-repeat;background-position:center}.token .name{width:100%;height:100%;font-size:24px;position:absolute;inset:0}.token .label{fill:#000;stroke:#fff;stroke-width:2px;paint-order:stroke;font-family:Papyrus,serif;font-weight:700;text-shadow:0 2px 2px rgba(0,0,0,.2);letter-spacing:1px}.token .edition{position:absolute;right:0;bottom:5px;width:30px;height:30px;background-size:100%;display:none}.token .ability{display:flex;position:absolute;padding:5px 10px;left:120%;width:250px;z-index:25;font-size:80%;background:#00000080;border-radius:10px;border:3px solid black;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5));text-align:left;justify-items:center;align-content:center;align-items:center;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out}.token .ability:before{content:" ";border:10px solid transparent;width:0;height:0;border-right-color:#000;position:absolute;margin-right:2px;right:100%}.token:hover .ability{opacity:1}.three-roles-card{position:relative;width:341px;height:512px;background:linear-gradient(180deg,#02061799,#0f172ae6);border:1px solid rgba(255,255,255,.25);border-radius:14px;overflow:hidden}.three-roles-card .token-slot{position:absolute;width:124px;height:124px}.three-roles-card .token-slot-1{top:16%;left:50%;transform:translate(-50%,-50%)}.three-roles-card .token-slot-2{top:66%;left:28%;transform:translate(-50%,-50%)}.three-roles-card .token-slot-3{top:66%;left:72%;transform:translate(-50%,-50%)}